Open Graph Tags Checker

If you want to make sure that your website content looks great when it's shared on social media platforms like Facebook and Twitter, then you need to use Open Graph tags. Open Graph tags allow you to control how your website content is displayed when it's shared on these platforms.

These special tags are called open graph tags (og: tags), and they are part of the Facebook OG protocol. There are 17 tags altogether, but you only need a few basic ones to add to your page.

• og:title - The title of your page.
• og:type - The type of your object. For web pages, it's website.
• og:image - The image URL.
• og:url - The canonical URL of your page.
• og:description - A short description of your page. In most cases, if it makes sense, you can reuse the same meta description of your page.
• og:locale - Only use if the page content is not written in US English (en_US).

If you are already using an SEO plugin on your website, typically, they'll take care of these tags for you, so you don't have to create them manually.

Open Graph tags best practices

When you're adding Open Graph tags to your website, there are a few best practices to follow:

• Use Open Graph tags on all of your website pages. This way, when someone shares any page from your website, the Open Graph tags will be used.
• Ensure all of the required Open Graph tags are on each page. The required ones are: og:title, og:type, og:image, and og:url.
• Include Open Graph tags for all of the different types of content that you have on your website. For example, if you have blog posts, videos, and product pages, add Open Graph tags for each type.
• Use unique Open Graph tags on each page. This way, when someone shares a specific page, the correct Open Graph tag will be used.
• Test your Open Graph tags using the Facebook Debugger tool to make sure they're working correctly.

External sources: https://ogp.me/