Meta Tag & Open Graph Generator

Why these tags matter

Your title and meta description are what people actually see and click on in search results — they're your ad copy, essentially, even though you're not paying for the click. Open Graph tags do the same job when a link is shared on social media: without them, platforms often guess at an image and description, sometimes picking something irrelevant from the page.

Length guidelines

Element	Safe length
Title tag	50-60 characters
Meta description	150-160 characters
OG image	1200×630px recommended

Frequently asked questions

How long should a title tag be? Roughly 50-60 characters is safe. Google displays by pixel width rather than a strict character count, but longer titles risk being cut off with an ellipsis.

How long should a meta description be? Around 150-160 characters is a safe target before truncation, though Google sometimes rewrites the description shown in search results regardless of what you set.

What's the difference between meta tags and Open Graph tags? Standard meta tags (title, description) primarily affect search engine listings. Open Graph tags control how the page looks when shared as a link on Facebook, LinkedIn, and other platforms that read the og: properties.

Is this data sent anywhere? No — the preview and generated code are built entirely in your browser.

How to write meta tags and Open Graph tags

1. Enter your page title and meta description, watching the character counters.
2. Add the page URL, site name and a social share image URL.
3. Check the live Google, Facebook and LinkedIn previews.
4. Click Copy code and paste the HTML into the <head> of your page.

What each tag does

Tag	Purpose
title	The clickable headline in search results and the browser tab.
meta description	The summary shown under the title in search results.
og:title, og:description	The headline and summary when the page is shared on social networks.
og:image	The picture shown in the share card.
og:url, og:site_name	The canonical address and the brand name displayed with the card.

Writing titles and descriptions that get clicks

• Put the most important words first, and keep the title near 60 characters so it is not cut off.
• Write the description as a short promise of what the visitor will get, around 150–160 characters.
• Make every page unique; duplicate titles and descriptions give search engines little to work with.
• Use natural language and include the main topic once rather than stuffing keywords.

Choosing a share image

Share cards look best with a landscape image around 1200 × 630 pixels, hosted at a full public address that starts with https. Avoid tiny text inside the image, because it is often displayed small on phones. After publishing, test the page in the sharing debugger of each network to refresh any cached preview.

More questions

Do meta descriptions affect rankings directly? Search engines mainly use them to build the snippet, and a compelling snippet can raise clicks. Google may also rewrite it to fit the search query.

Where do I paste the generated code? Inside the head element of your HTML page, before the closing head tag. On a CMS, use its SEO or custom header section.

Should I add Twitter or X tags too? Many platforms fall back to Open Graph tags, so OG tags cover most sharing. Add platform-specific tags only if you need custom behaviour.