Check SEO meta tags

Fast Links

Free SEO Audit

Crawl the website for technical issues and get a prioritized to-do list with detailed guides on how to fix.

Sitechecker crozdesk rating Sitechecker crowd rating Sitechecker capterra rating
Sitechecker trusted company

Open Graph Checker - Check OG Tags Using Our Tool

Open Graph Checker - Check OG Tags Using Our Tool

Do you know how your website links appear on Facebook? Are you sure that the integration of your website and Facebook is correct? Have you ever used the Opengraph protocol to test your website? If you’ve answered no to at least one of the questions, it’s time to know more about Open Graph Checker and its functions for on-page SEO.

First, let’s focus on Open Graph Checker, a tool used for social media, to control the information that passes there from your website. With the help of this free tool, you can check Facebook OG tags that directly influence your site’s performance on Facebook. These tags help your information appear on social media in the form of objects. If you insert these tags in the code of your website correctly, you will cover social media requests. Keep in mind that Open Graph tags are used not only for Facebook but also for other social media. Therefore, you need to work on them more precisely so that all social media can recognize them.

Check the examples of how structured OG information appears on the social networks:

Facebook open graph

how open graph content appears on Facebook

 Google+ open graph

Google+ open graph examples for a website

These posts look very attractive and clickable. Therefore, they will definitely cause an effect of social linking when a user shares posts in their timeline or in a community.

Sometimes, incorrect or out-of-date information appears even though the code is written correctly. How can it be fixed? With the help of the Facebook developers tool, you can clear old Google cache formation stored on the social network for your page and feed it a new beautiful meta title tag and meta description tag. Basically, this is the information used for search engines.

About OG Graph Checker Usage: A Step-by-Step Guide

Open Graph Checker helps test all types of OG tags: type, title, site name, locale, description, URL, image. If any information is missing, you will see an error notification.

Step 1: Insert your URL

You can check the Open Graph tags of any website by entering the URL of the website in the request field.

enter URL to get information about the OG of the site

Step 2: Interpreting the Open Graph Tester Results

The analysis of the OG will take about 30 seconds. Right after that, you will get the results on the page of the request. It’s easy to interpret the information that you get, as the checker provides not only the issues but also their meaning.

open graph tester will show the information about all tags of the sites

Customizing the OG Layout

Customization of Open Graph layout is a great idea. Here, we will outline the basic approaches to customize this protocol for your site.

The source code of the protocol looks as following:

adding meta tags og - source code protocol example

It is placed in the page code, in the… </ head> section, but can be put after the main meta tags.

Let’s analyze each Open Graph tag and its meaning step by step:

og:locale

It helps indicate the localization (the site’s language); you can use the value of “en_US” by default. Simply saying it’s very similar to the hreflang tag. Here is an example:

<meta property="og:locale" content="en_EN"/>

og:type

This tag describes the page type (article, news, video, category, etc.); you can use “article” as the default. Its purpose is to set the view shown on the social media page. Remember: you can set up only one type of page. Here is an example:

<meta property='og:type' content="article"/>

og:title

This is one of the main tags. It indicates the title of the article, how it should be displayed. As the title will appear on your Facebook page, make it attractive for readers. Don’t go beyond 60 characters for the title. Here is an example:

<meta property="og:title" content="What Are Open Graph Tags and How to Use Them Effectively?"/>

og:description

It states the short description that is displayed when the link preview is generated and has the same meaning as an SEO description. Here is an example:

<meta property="og:description" content="Open Graph markup is a protocol that allows you to manage and monitor the data that forms in preview (structuring information about the page) in the post when a user shares the link in social networks. Those open graph tags help to create the desired design for a post in social networks."/>

og:url

It’s a canonical link to the page of the site. It is used as a web page object identifier. Remember: it’s a required parameter. Your open graph markup won’t work if you forget to add it. Here is an example:

<meta property="og:url" content="https://sitechecker.pro/open-graph/"/>

og:image

Simply saying, it’s a link to a picture that will be displayed in the post. It’s important to stick to the image size upper and lower validation limits. They can be 1,200 x 630 pixels for big screens or 200 x 200 pixels for smallest. This tag may contain additional properties. For example:

og: image: secure_url — indicates image URL that works on HTTPS;

og: image: width — indicates how wide the image can be in pixels;

og: image: height — indicates how high the image can be in pixels;

og: image: type — indicates the MIME image type.

og:site_name

It indicates the name of the site, displayed in the pre-show order. Here is an example:

<meta property="og:site_name" content="Sitechecker"/>

The meaning of each tag is outlined, so you only need to fill them in and embed them on the code page.

With the introduction of the Open Graph protocol, it is recommended to add “Share” buttons for social networks on the site’s pages. This will make it easier for users to share useful information about your site with other users. It certainly will simplify the implementation of tasks for an SEO optimizer when working with “likes” exchanges. Although they do not bring a tangible link effect, they allow to speed up indexing / re-indexing while promoting a website.

If you have the issue of open graph tags being incomplete — read the article and follow instructions to fix it.

Cases When Open Graph Checker is Needed

Open Graph Checker is one of the most important tools for anyone who’s planning to integrate social media strategy into the improvement of website performance. The content that you create should look great both on your website and your social media. When you use Open Graph Checker, you can test whether the page looks great on all platforms.

Moreover, this will help you ensure that when someone shares your website page on social media, it looks attractive and helps you convert readers.

Besides checking structured OG information run full website audit!

Conduct a full audit to find out and fix all the site level and page level issues on your website.

Sitechecker rating on crozdesk Sitechecker rating on crowd Sitechecker rating on capterra

Impact Of The Open Graph on SEO

Some would say that Open Graph has a direct effect on SEO. However, it’s not true. There’s no different impact. Open graphs would rather affect website performance indirectly via social media.

Best practice is to add correct OG tags to be sure that the users get correct information about the website. Check our video guide on how to fix incomplete open graph meta tags.

FAQ
In order to test OG on Facebook, run Open Graph Checker. Insert URL of the website you want to test, and all information will appear in up to 30 secs.
To see the OG image, use the Open Graph Checker tool. It collects all OGG tags information, including images.
Facebook Opengraph tags are the information that appears on the feed when someone shares a website page via social media.
You can easily do this with Open Graph Checker. Just enter the website URL, and you will see whether the graph is open.
Check other of our awesome SEO tools!
Traffic Checker Estimate website traffic stats by different channels & in different periods.
Rank Checker Get a report with keywords that bring the website the most of organic traffic.
Speed Test Test a specific page for speed and get suggestions how to improve it.
Backlinks Checker Our free backlink checker tool will help you monitor links to your website.
Website Safety Check out that the website is safe and not listed as suspicious.
Similar Websites Free tools allowing users to get information on similar sites in a few seconds.
View all tools

Check your website SEO performance

Get a personalized checklist on how to improve your website to rank higher on Google

Something went wrong. Please, try again later.
close