Analyze Open Graph Tags

Enter a URL below to fetch its HTML and extract relevant Open Graph tags.

Checking URL…

What are Open Graph Tags?

Open Graph (OG) tags are meta tags placed in the `head` section of a webpage’s HTML. They define how your content is displayed when shared on social media platforms like Facebook, Twitter (which also uses Twitter Cards, but often falls back to OG), LinkedIn, etc.

Key Open Graph tags include:

  • `og:title`: The title of your content (usually bold).
  • `og:description`: A brief description of your content.
  • `og:image`: The URL of an image to be used in the share preview. Crucial for visual appeal!
  • `og:url`: The canonical URL for the content.
  • `og:type`: The type of content (e.g., “article”, “website”, “video.movie”).
  • `og:site_name`: The name of the website.

Implementing correct and compelling Open Graph tags is vital for controlling how your content looks when shared, improving click-through rates from social media, and enhancing brand presence.

How to Use This Tool

  1. Enter the full URL (starting with http:// or https://) of the page you want to check into the input field.
  2. Click the “Check OG Tags” button.
  3. The tool will fetch the page’s HTML and extract all ` ` tags with `property` attributes starting with `og:`.
  4. The results area will display a simulated preview based on the extracted `og:title`, `og:description`, `og:image`, `og:url`, and `og:site_name` tags.
  5. Below the preview, a list of all found raw Open Graph tags and their content will be displayed.
  6. If no OG tags are found, or if an error occurs, a message will indicate this.

Use this tool to troubleshoot missing or incorrect Open Graph tags and optimize your social media share previews.