What Are Open Graph Tags?
Open Graph (OG) tags are meta tags placed in the <head> of your HTML that control how your page appears when shared on social media platforms like Facebook, LinkedIn, and WhatsApp. Twitter uses a similar system called Twitter Cards. These tags define the title, description, image, and URL that appear in the social media preview card when someone shares a link to your page.
Why Open Graph Tags Matter
When a page is shared on social media without OG tags, the platform guesses which image, title, and description to display. This often results in missing images, truncated text, or irrelevant previews that make the shared link look unprofessional and reduce engagement. Properly configured OG tags ensure your content looks polished and compelling when shared, driving more clicks back to your site.
Social media shares also contribute to brand visibility and can indirectly support SEO by increasing traffic and brand searches.
Essential Open Graph Tags
| Tag | Purpose |
|---|---|
og:title | The title displayed in the social share card. Can differ from the HTML title tag. |
og:description | A brief description shown below the title in the preview card. |
og:image | The image displayed in the share card. Use at least 1200x630 pixels for best results. |
og:url | The canonical URL for the page being shared. |
og:type | The type of content (e.g. "website", "article"). Defaults to "website" if omitted. |
twitter:card | The Twitter Card type. Use "summary_large_image" for posts with a prominent image. |
twitter:title | The title for Twitter shares. Falls back to og:title if not set. |
Common Open Graph Mistakes
- Missing og:image - Shares without an image get significantly fewer clicks. Always include a share image.
- Image too small - Images under 200x200 pixels may not display at all on some platforms.
- No og:title or og:description - Without these, platforms fall back to the HTML title and may generate poor previews.
- Using relative URLs - OG tag URLs must be absolute (starting with https://). Relative paths will not work.
- Not testing previews - Always test how your page looks when shared using platform debugging tools.
How RankNibbler Checks Your Open Graph Tags
RankNibbler scans your page for all Open Graph and Twitter Card meta tags. The audit lists every OG and Twitter tag found along with its value, and flags pages that are missing essential tags like og:title, og:description, and og:image. This helps you ensure your pages look their best when shared on social media.
Check your OG tags now. Go to the RankNibbler homepage and enter a URL to audit.