Open Graph Card Preview
Enter the full URL including http or https for accurate results.
What is the Open Graph Protocol?
Open Graph is a set of meta tags that Facebook introduced back in 2010. These tags sit inside your page's HTML head. They tell social platforms what title, image, and description to pull when someone shares your URL.
Without OG tags, platforms try to guess what your page is about. The result is often a missing image, a weird title, or a chopped description. Adding the right tags gives you full control over every link preview.
How Do Open Graph Tags Work?
You place a few meta tags inside the head section of your HTML. Each tag starts with the "og:" prefix followed by a property name like title, image, or description.
When someone pastes your link on Facebook, LinkedIn, Slack, or Discord, that platform sends a crawler to your page. The crawler reads your OG tags and builds the rich preview card you see in the feed.
The four most important tags are og:title, og:description, og:image, and og:url. Get those right and your links will look great almost everywhere. You can also add optional tags like og:type, og:site_name, and og:locale for extra polish.
Common Open Graph Types
Open Graph supports different content types. Pick the one that matches your page so platforms can display the most useful preview.
website
The default type for most web pages. Use this for homepages, landing pages, or any general page that doesn't fit a specific category.
article
Built for blog posts, news stories, and editorial pieces. Platforms can show the author name, publish date, and section alongside the preview.
video.other
Tag your video pages with this type so platforms know rich media is involved. Great for YouTube embeds, tutorials, and product demos.
product
Perfect for e-commerce pages. Pair it with price and availability tags so shoppers see key details before they even click.
Why Use an Open Graph Validator?
Make sure every shared link looks exactly the way you want it. Our free open graph tags validator helps you catch mistakes and optimize previews across all major platforms.
Drive More Clicks From Social Feeds
A crisp image and prominent headline ensure people won't ignore your link. Test your OG tags now and see your click-through rate soar!
Spot Tag Errors Before You Share
Missing images and truncated titles make you look sloppy. Catch all errors in an instant and fix them before anyone else sees them.
Present a Professional Brand Image
Broken previews can harm your reputation quickly. Validate every shared link to ensure your brand looks great all the time.
Validate Tags Without Fake Posting
Stop posting from test accounts just to see your link preview. Validate all OG tags here and get instant results without pretending to post.
Pick the Right OG Type for Your Content
Articles, products, and videos each have their best card layout. Select the perfect og:type and ensure every platform shows off your content properly.
Improve Previews Across Every Platform
Facebook, LinkedIn, Slack, Discord, and even iMessages read OG tags. Fix them all here and every platform benefits simultaneously.
Platforms and Tools That Use Open Graph Tags
Open Graph tags control how shared links appear across the web. Facebook created them, and now many platforms rely on them to display titles, images, and descriptions.
Utilizes Open Graph tags for displaying link titles, images, and descriptions.
Twitter/X
Falls back to using Open Graph tags when Twitter Card tags are absent.
Utilizes Open Graph information for creating link preview information.
Utilizes Open Graph tags for enhancing the display of shared links and images.
Utilizes Open Graph information for creating link preview information.
Telegram
In addition to Twitter Card tags, it utilizes Open Graph tags for displaying link preview information.
Slack
Utilizes Open Graph information for creating link preview information when users share links.
May use Open Graph information for displaying link preview information.
Search Engines
Some search engines may use Open Graph information for enhancing search results.
CMS Platforms
Some platforms like WordPress use Open Graph tags for enhancing SEO.
The Complete List of Open Graph Meta Tags
Here is a quick reference, you can add open graph tags to website. You do not need all of them. Start with the essentials and add the rest as your needs grow. You can even use this tool as open graph debugger.
| Meta Tag | Required? | What It Does |
|---|---|---|
| og:title | Yes | The title of the webpage that appears in the link preview card. Limit to under 60 characters for optimal display. |
| og:description | Recommended | A short summary of the content on the webpage. Limit to around 150 characters to ensure it displays fully. |
| og:image | Yes | The URL of the preview card image. Use at least 1200 x 630 pixels for a crisp and clear display. |
| og:type | Recommended | Indicates the type of content. Commonly set to one of the following values: website, article, video.other, product. |
| og:url | Recommended | The canonical URL of the webpage. Ensures platforms don't display duplicate preview cards for the same content. |
| og:site_name | No | Your website or brand name. Displayed in a smaller text below or above the title of the preview card. |
| og:locale | No | The locale of the content, e.g., language and region. Defaults to en_US if not specified. |
| og:image:width | No | The width of the preview card image. Adding this meta tag allows platforms to display the card without needing to download the image first. |
| og:image:height | No | Height of the image in pixels. Use together with og:image:width for the fastest possible card rendering. |
| og:image:alt | No | Alt text for the image used for the preview image. This is good for accessibility and provides context if the image fails to load. |
| og:image:type | No | Image type or MIME type of the image. For example, image/jpeg or image/png. |
| og:video | No | Direct link to a video file or an embed. Some platforms can play this right in the feed. |