This guide shows you how to control how a personalizable product looks in Google search results and in social-media link previews. It is for store owners who want each product page to have a clear title, a clean URL, and a meta description that reads well in search. You edit all of this in one place on the product page, and you can watch a live preview update as you type.
The controls live in the SEO & social card. Its subtitle reads “How this product appears on Google & social media.” When the card is collapsed you will see an Edit SEO link on the right. The Google search preview stays visible even when the card is collapsed, so you can always glance at how your product surfaces in search.
Title, handle, and meta description
These three fields decide how your product shows up in a Google search result: the headline, the link path, and the gray text underneath. Follow the steps below to set them.
Open and expand the SEO & social card
On the product page, scroll to the SEO & social card. Click anywhere on the card head to expand it. The card is collapsed by default because the form is dense and is rarely the first thing you edit.
Write the page title
In the Page title field, write the headline customers see in Google. Aim for 30 to 60 characters. A counter sits next to the label and shows your current length against 60 characters. When the length is good you will see a green “Good length” hint. If it is short you get a nudge to aim for 30 to 60 characters; if it runs long you are warned that Google may cut it off after about 60.
If you leave this empty, the product name is used as the title.
Set the URL handle
In the URL handle field, set the part of the link that identifies this product. The field shows the path prefix composerie.com / products / and you type the handle after it (for example, custom-photo-mug). Keep it short, lowercase, and made of words and hyphens. This is the same slug used in the product link.
Write the meta description
In the Meta description field, write the gray text that appears under your title in search results. Aim for roughly 80 to 160 characters. The counter shows your length against 160 characters. When it is in range you will see “Just right.” If it is short, Google falls back to the page text; if it is long, Google may truncate after 160 characters.
Check the Google preview, then save
Look at the Search preview · how customers see your product block at the bottom of the card. It renders your site name, the products path with your handle, your title, and your description exactly as a customer would see them in a search result. It updates as you type. When you are happy, save with the page save bar at the top of the product page.
Add a social-share image
When someone shares your product link on a social app, the platform pulls an image to show in the preview card. You can set that image here so shares look intentional instead of falling back to a stock mockup.
Scroll down inside the SEO & social card to the Social media image section. Its note reads: “Shown when someone shares your product on Facebook, X / Twitter, LinkedIn or WhatsApp. Recommended size: 1200 × 630.”
To add one, click Upload image. This opens your product images and mockups, where you choose the picture. For the full image workflow, see product images and mockups. Once an image is set, the action changes to Replace image, and a Reset to default button appears so you can clear it.
If you do not set a social-share image, Composerie uses your first product mockup. The empty state says so directly: “Falls back to your first product mockup if none set.” So the preview is never blank, but a purpose-built 1200 by 630 image with a clean focal point reads better than a default mockup.
You can also let AI write the title and description for you. When the card is expanded, an AI · Generate button sits in the card head. It writes a meta title and description from the product name and description. The button is enabled only when an Anthropic credential is connected under Integrations; if none is connected, the button is dimmed and its tooltip tells you to connect Anthropic to enable it. After it runs, review the generated text and save.
What if I leave the page title or description blank?
Composerie uses the product name as the title and the product description text as the meta description. Set custom values when you want the search listing to differ from the store page.
Why is the AI Generate button greyed out?
It is enabled only when an Anthropic credential is connected under Integrations. Connect one there and the button becomes active.
Do I have to upload a social-share image?
No. If you leave it empty, your first product mockup is used for link previews. A custom 1200 by 630 image is recommended for the cleanest result.
Why does the Google preview show even when the card is collapsed?
The search preview is the most-glanced part of the card, so it stays visible. The form fields and the social image collapse with the rest of the card.
Next
Once your listing reads well, publish the product to your storefront so customers can find and personalize it.