Generators
Meta tag and Open Graph generator
Generate the title, description, canonical, robots, Open Graph and X card tags for a page, with live previews of how it looks in Google, Facebook, LinkedIn, X and Slack.
Free · No signup · Runs in your browser
How it works
Write the title and description, and add the page's canonical address.
Add a share image and your site's details. The previews update as you type.
Copy the tags into the page's <head>.
Which tags matter, and to whom
- The title tag is the clickable headline in search results and the label on the browser tab. It's one of the clearest hints Google has about what a page covers.
- The meta description doesn't affect rankings, but Google often uses it as the snippet under your title, so it decides whether people click.
- The canonical tag names the main address when the same page can be reached several ways, so signals aren't split between copies.
- The robots meta tag controls indexing. noindex keeps a page out of search; max-image-preview:large lets Google show large image previews.
- Open Graph tags decide the title, description and image when a link is shared on Facebook, LinkedIn, Slack, WhatsApp, iMessage and most other apps.
- The X card tag picks the card layout on X. X falls back to the Open Graph title, description and image, so you rarely need the rest of the twitter: tags.
Why titles are measured in pixels
Google cuts titles by width, not by a character count. A title of narrow letters fits more characters than one full of capitals and Ws. The counter under the title measures the text in the font Google uses and flags anything past about 600 pixels, the commonly observed desktop limit. Descriptions are cut at about two lines on desktop.
Treat both as guidance rather than rules. Google rewrites titles and descriptions when it thinks another line from the page fits a search better, and it does so more often when the tags are vague, stuffed with keywords or the same on every page.
Getting share previews right
Use an image of 1200 by 630 pixels. That's the shape Facebook and LinkedIn use for large previews, and it's big enough to stay sharp on a high-resolution screen. Keep text and faces away from the edges, because each app crops a little differently. The image address must be a full URL that loads without a login, since apps fetch it from their own servers.
Apps also remember what they saw. After you change the tags, Facebook's Sharing Debugger and LinkedIn's Post Inspector can make them read the page again; otherwise an old preview can stick around.
Common mistakes
- A noindex tag left over from a staging site, quietly keeping the page out of Google.
- The same title and description on every page, so results look identical and Google rewrites them.
- Every page's canonical pointing at the home page, which tells Google the other pages are copies.
- A relative image address like /og.png, which apps can't fetch.
- Two description or canonical tags on one page, often one from the theme and one from a plugin. Search engines may ignore conflicting tags.
What the previews can't tell you
The previews are close approximations of each app's current layout. Apps change their designs, crop images in their own way, and may show a different title if a page has conflicting tags. To see what's live on a page right now, run it through the Open Graph checker, which reads the real tags from any address.
Questions people ask
How long should a title tag be?
Short enough to fit about 600 pixels on desktop, which is usually 50 to 60 characters. Put the words that say what the page is first, and your brand last if there's room.
Do I need both Open Graph and X tags?
You need Open Graph. For X, twitter:card is the tag worth adding, plus your handle. X uses the Open Graph title, description and image when its own tags are missing.
What does max-image-preview:large do?
It lets Google show large image previews of the page, in Discover and elsewhere. Without it, Google may only show a small thumbnail.
Does the theme-color tag help SEO?
No. It only tints the browser's toolbar on some phones. It's here because it lives in the same <head>.
Is anything I type sent to RomeoSEO?
No. The tags and previews are built in your browser. The previews load your image straight from its address.
Want it done for you?
Romeo writes the titles and descriptions for every page
He checks each page's title, description and share tags against what people search for, rewrites the weak and duplicated ones, and sends the changes for you to approve.
