Meta Tag Generator

Fill in your title, description, URL, and image to generate Open Graph and Twitter Card meta tags. See a live preview of how your link looks when shared, then copy the tags into your page head.

Fill in your page details to generate Open Graph and Twitter meta tags, with a live preview of how the link looks when shared.

TitleDescriptionPage URLImage URL

Site nameTwitter card

Social card preview

Image preview

example.com

Your page title

Your page description shows up here when the link is shared.

Generated meta tags

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

What this tool does

Type your page title, description, URL, and a share image, and it builds the full set of meta tags for SEO and social sharing. That includes the standard title and description tags plus Open Graph tags for Facebook and LinkedIn and Twitter Card tags. The preview pane shows roughly how the link will render when someone posts it.

Why these tags matter

When someone shares your URL on social media or a chat app, the platform reads your meta tags to build the link preview. Without them you get a bare URL with no image or summary, which gets fewer clicks. Open Graph and Twitter tags control the title, description, and image that show up in that card.

How to use the output

Paste the generated tags into the <head> of your HTML, above the closing </head> tag. Use an absolute URL for the image (starting with https) since social platforms can't read relative paths. Recommended image size is 1200x630 for the large summary card. After deploying, test with each platform's official debugger to refresh their cache.