Meta and Open Graph Tag Generator seo
Generate title, description, Open Graph, and Twitter card tags, with warnings when values run long.
What this tool does
What a page looks like in search results and what it looks like in a messenger preview are decided by different tags. Search engines read title and meta description, messengers and Facebook read Open Graph tags, and Twitter prefers its own twitter tags.
When those tags are missing, a shared link shows only a bare title or an arbitrary snippet of page text. Filled in properly, the link appears with an image and a description, which changes click-through noticeably.
Enter a title, description, address, image, and site name and this tool produces all three sets at once. It counts the title and description as you type, warns when they are long enough to be truncated in search results, and flags an og:image that is not an absolute URL.
When to use it
Use it to prepare the head tags for a new page, to diagnose why a shared link shows no preview, to keep titles and descriptions within display limits, or to standardise tag formatting across pages.
Input and output examples
Title, description, and image URL
Around a dozen tags including title, meta description, og:title, og:image, and twitter:card
Formatted ready to paste into the head element.
A 70 character title
Length warning shown
Flags values likely to be truncated in search results.
Notes and limitations
og:image must be an absolute URL; a relative path such as /og.png fails to load on most platforms. Platforms also cache previews, so edited tags do not appear immediately and you need a refresh tool such as the Facebook sharing debugger. An image around 1200x630 is widely recommended, since smaller images render as a compact thumbnail. Finally, these tags must be present in the HTML the server returns: crawlers frequently miss tags inserted later by client-side rendering.
Frequently asked questions
I updated the tags but the preview is unchanged.
The platform cached the earlier result. Use the Facebook sharing debugger or the equivalent refresh tool for that service.
What image size should I use?
Around 1200x630 pixels is the common recommendation. Very different aspect ratios get cropped.
What if I omit the description?
The search engine picks a snippet from the page body. Specify one if you want control over the wording.