Open Graph Generator

Shared links show the wrong title, no image, or a random picture

When a page has no Open Graph tags, social networks and messaging apps guess what to display, and the guess is often poor. Adding og: meta tags lets you decide the headline, summary and image that appear in the preview card. This page builds that set of tags from a simple form. It works entirely offline in your browser and does not load the URLs you enter.

Step by step

1. Write the headline you want on the card in Page Title. It does not have to match your title tag word for word.
2. Add one or two sentences in Description. The placeholder suggests staying under 200 characters; the tool does not count them for you.
3. Fill Page URL with the address you want shares attributed to, normally the canonical one.
4. Put the full address of the preview image in Image URL, starting with https://.
5. Set Type and, optionally, Site Name and Locale.
6. Press Generate Tags, then Copy, and add the result inside the head element of the page.

What to watch for

Four tags appear no matter what: title, description, url and type. Leave the title, description or URL box blank and you get a tag with content="" that you should either fill or delete. The image and site name tags only appear when you supply them, and leaving out the image is an easy way to end up with a bare, text-only card.

The locale tag appears only when you type a value. A page without og:locale is assumed to be en_US, so add one for other languages, using the language_TERRITORY pattern such as de_DE. Choosing article, profile or product changes only the og:type value. The additional properties those types can carry, such as a published time for articles or a first name for profiles, are not generated.

Most share crawlers read the HTML your server sends and do not wait for scripts, so put these tags in the server-rendered head rather than injecting them with JavaScript.

Questions people ask

Do I still need Twitter card tags?

X uses Open Graph values when its own tags are missing, but the twitter:card tag sets the layout. Add it by hand, for example with the value summary_large_image.

Why does the old preview still appear after I updated the tags?

Platforms cache previews. Use Facebook's Sharing Debugger or LinkedIn's Post Inspector to make them fetch the page again.

Do Open Graph tags help rankings?

Their main job is how your link looks when shared. Google does list og:title as one of the sources it may draw on when writing a page's title link, but it does not describe Open Graph as a ranking signal.

Further reading: Image SEO: The Complete Guide and Meta Description Only in Rendered HTML: How to Fix It.

The same tool is also published on the static mirror at seoprocheck.github.io, and the rest of the set is on the free tools page.