What are Open Graph tags?
Open Graph (OG) is a protocol, originally created by Facebook, that lets a page describe how it should appear when shared. A handful of <meta property="og:…"> tags in the <head> set the title, description, image and URL for the link card. Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage and most chat apps read them, so the same tags control your preview almost everywhere.
Without Open Graph tags, platforms guess: they may pull a logo or an ad as the image, use the wrong title or show a bare URL. With good tags you decide exactly what people see — a clear headline, a one-line pitch and a 1200×630 image that is cropped predictably.
This generator outputs escaped, valid tags for website, article, product, profile, video and book pages, checks image sizes and locale formats, and shows approximate Facebook, LinkedIn and X previews using only the image URL you provide. Open Graph tags do not affect Google rankings, but they shape how often a shared link gets clicked.
How to use the Open Graph Generator
- Choose the og:type —
websitefor most pages,articlefor blog posts and news. - Enter the title, description, canonical URL and site name. Keep titles under about 60 characters so they are not cut.
- Add an absolute image URL with its real width and height, plus alt text. 1200×630 px works on every major platform.
- Fill in type-specific details such as article dates, author and tags, and decide whether to add
twitter:card. - Check the Facebook, LinkedIn and X previews, then copy the tags into your page’s
<head>.
Example
Tags for a blog post with a large share image:
<meta property="og:type" content="article">
<meta property="og:title" content="How to Make Cold Brew Coffee at Home">
<meta property="og:description" content="A simple cold brew ratio, steeping times and storage tips for smooth, low-acid coffee.">
<meta property="og:url" content="https://www.example.com/blog/cold-brew-coffee-guide/">
<meta property="og:site_name" content="BrewLab">
<meta property="og:locale" content="en_US">
<meta property="og:image" content="https://www.example.com/images/cold-brew-share.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="A glass jar of cold brew coffee next to coffee beans">
<meta property="article:published_time" content="2026-09-14T08:00:00+02:00">
<meta name="twitter:card" content="summary_large_image">Debugging and caching
Platforms cache link previews, often for days. After changing tags, ask them to re-scrape the URL: use the Facebook Sharing Debugger and click Scrape Again, and the LinkedIn Post Inspector for LinkedIn. Both also show which tags they found and any errors.
If the image does not appear, check that the URL is absolute and publicly reachable (not blocked by robots.txt, a login or hotlink protection), that it returns an image content type, and that it is at least 200×200 px. Changing the image file name forces platforms to fetch a fresh copy.
Open Graph in WordPress and CMSs
SEO plugins such as Yoast SEO, Rank Math and All in One SEO already output Open Graph tags from your post title, excerpt and featured image. Use their social settings rather than pasting tags into the theme, or you will end up with duplicates that platforms resolve unpredictably. Read more in the Open Graph tags guide.
Frequently Asked Questions
What size should an Open Graph image be?
Use 1200×630 px (a 1.91:1 ratio). It displays sharply on high-density screens and is cropped consistently by Facebook, LinkedIn and X. Images smaller than 600×315 appear as small thumbnails or not at all, and Facebook requires at least 200×200 px.
Which Open Graph tags are required?
The protocol defines four required properties: og:title, og:type, og:image and og:url. In practice add og:description and og:site_name too, plus image width and height so the first share renders the image immediately.
Do Open Graph tags help SEO?
Not directly — Google does not use them as a ranking factor. They improve how links look and perform on social networks and messaging apps, which can drive traffic and links. For search results, focus on the title tag and meta description with the Meta Tag Generator.
Do I still need Twitter Card tags?
X falls back to og:title, og:description and og:image, but it needs twitter:card to pick the card type. Add twitter:card here, or create a full set with the Twitter Card Generator.
Why does my old image still show after I changed it?
The platform has cached the previous version. Re-scrape the URL in the Facebook Sharing Debugger or LinkedIn Post Inspector, and consider giving the new image a new file name.