How long should my title and description be?

Aim for roughly 50 to 60 characters for a title and 140 to 160 for a description. Both are really pixel-width limits, so a line of wide capitals clips sooner than the same count of narrow lowercase letters. Put the important words first so the meaning survives truncation, and use the previews rather than trusting the count.

Do I need both Open Graph and Twitter tags?

Include both, but the Twitter set can be minimal. X falls back to Open Graph tags when its own are missing, so in practice you need the og: tags plus twitter:card to select the layout. Adding the full parallel set does no harm and makes the intent explicit.

What size should the share image be?

1200 by 630 pixels is the safe standard, giving the roughly 1.91 to 1 ratio Facebook, LinkedIn and X's large card all expect. Keep essential content away from the edges since each platform crops slightly differently, keep any text large enough to read as a thumbnail, and stay under about 5MB.

My card is not updating after I fixed the tags. Why?

Every platform caches what its crawler saw, sometimes for days. You have to ask them to re-fetch: Facebook's Sharing Debugger, LinkedIn's Post Inspector and X's card validator all force a refresh. Until you do, the old preview will keep appearing regardless of what your page now says.

Will Google actually use the description I write?

Often not. Google frequently generates its own snippet from page content when it judges that a better match for the query, so your description is a strong hint rather than a guarantee. It is still worth writing well, because it is what gets used for direct and branded searches, and it is what most social platforms fall back to.

SEO

Meta Tag & Open Graph Preview Generator

Preview your Google result and social cards, then copy the meta tags.

Page metadata

Page URL

Title

0/60

Meta description

0/160

Share image URL (1200×630)

Site name

Checks

No title. This is the single most important tag.
No description. Platforms will fall back to scraping page text, which is rarely what you want.
No image, so shares will render as a small text-only card rather than a large one.

Google result

example.com

Your page title appears here

Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search results.

Google often rewrites the description to match the query, so treat this as the best case rather than a guarantee.

X / Twitter card

No image set — add an absolute 1200×630 URL

Your page title appears here

Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search results.

example.com

Without an image this falls back to a small text-only card.

Facebook / LinkedIn

No image set — add an absolute 1200×630 URL

example.com

Your page title appears here

Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search re…

Both cache aggressively. Use Facebook’s Sharing Debugger or LinkedIn’s Post Inspector to force a refresh after a change.

Meta tags

<title>Your page title appears here</title>
<meta name="description" content="Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search results." />

<!-- Open Graph: Facebook, LinkedIn, Slack, WhatsApp, Discord -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Your page title appears here" />
<meta property="og:description" content="Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search results." />

<!-- X / Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Your page title appears here" />
<meta name="twitter:description" content="Your meta description appears here. Aim for 140 to 160 characters so it is not cut off in search results." />

About this tool

When a page is shared or appears in search results, almost nobody sees the page itself first. They see a title, a short description and an image, assembled by whichever platform is doing the rendering from the meta tags in your HTML. Those few elements decide whether anyone clicks.

The awkward part is that you normally cannot check them until after publishing. Each platform reads your page from its own crawler and caches the result aggressively, so the usual loop is publish, share, discover the description is truncated mid-sentence or the image is cropped through someone's face, fix it, and then fight the cache to see the correction. This tool skips that by rendering the previews locally from values you type.

Three previews are shown because the three platforms behave differently and you cannot infer one from another. A Google result is text-only with its own truncation width. An X card is a wide image with the title and domain beneath. A Facebook or LinkedIn card uses a different aspect ratio and different truncation, and falls back differently when a tag is missing. Seeing all three at once is how you catch a title that fits one and gets cut in another.

The tool also flags the length problems specifically. Titles are truncated by pixel width rather than character count, but around 60 characters is a practical ceiling before a search result starts clipping, and descriptions get cut somewhere near 160. Both limits are approximations that vary with the characters used, which is exactly why looking at a rendered preview beats counting.

Once the values read well, copy the generated tags. The output includes the standard description tag, the Open Graph set used by Facebook, LinkedIn, Slack and most other services, and the Twitter card tags, with absolute image URLs, since a relative image path is one of the most common reasons a card renders with no picture at all.

One limitation worth stating up front: this cannot read the existing tags off a live page. Fetching a URL would require a server-side request, and nothing in this section makes one. You type the values in and the previews render locally from what you typed.

How to use it

Fill in the page URL, title, description and image URL.
Check the Google, X and Facebook previews, and note any length warnings.
Copy the generated meta tags into your page's head.

Frequently asked questions

How long should my title and description be?: Aim for roughly 50 to 60 characters for a title and 140 to 160 for a description. Both are really pixel-width limits, so a line of wide capitals clips sooner than the same count of narrow lowercase letters. Put the important words first so the meaning survives truncation, and use the previews rather than trusting the count.
Do I need both Open Graph and Twitter tags?: Include both, but the Twitter set can be minimal. X falls back to Open Graph tags when its own are missing, so in practice you need the og: tags plus twitter:card to select the layout. Adding the full parallel set does no harm and makes the intent explicit.
What size should the share image be?: 1200 by 630 pixels is the safe standard, giving the roughly 1.91 to 1 ratio Facebook, LinkedIn and X's large card all expect. Keep essential content away from the edges since each platform crops slightly differently, keep any text large enough to read as a thumbnail, and stay under about 5MB.
My card is not updating after I fixed the tags. Why?: Every platform caches what its crawler saw, sometimes for days. You have to ask them to re-fetch: Facebook's Sharing Debugger, LinkedIn's Post Inspector and X's card validator all force a refresh. Until you do, the old preview will keep appearing regardless of what your page now says.
Will Google actually use the description I write?: Often not. Google frequently generates its own snippet from page content when it judges that a better match for the query, so your description is a strong hint rather than a guarantee. It is still worth writing well, because it is what gets used for direct and branded searches, and it is what most social platforms fall back to.