Open Graph Checker And Generator

What is Open Graph Meta Tags?

The Open Graph protocol was designed by Facebook to standardize the usage of information inside a webpage to represent the content of a page.

It helps improve Facebook posts by giving more control over how information travels from a third-party website to Facebook when a page is posted. Details such as a page's title or a video's runtime are examples of what you may provide. Each of the components fits together to produce a depiction of a web page.

The Open Graph Meta Tags are found in the <\head> section of the page code, although it may also be found after the major meta tags. Let's take a closer look at each Open Graph tag and its significance one by one:

og:title

This is one of the primary tags. The title of the article specifies how it should be displayed. Make the headline appealing to readers because it will display on your Facebook page. Don't make the title longer than 60 characters.

og:description

A brief description of your page. If you don't want to present it differently, this may be the same as your website's meta type=“description” tag. Here is an example:

og:image

This should be a image url that you want to represent your content. It's critical to adhere to the maximum and lower picture size validation restrictions. For large displays, they might be 1,200 x 630 pixels, while for tiny screens, they can be 200 x 200 pixels.

og:site_name

The name of the website where your content is hosted. If you're on a blog post page, your title may be the title of that blog post, with the site name being your blog's name.

og:url

It’s a canonical link to the page of the site. It's important to remember that this is a necessary parameter. If you forget to include it, your open graph markup will not work.

og:type

This tag is used to describe the page type. You can use the word "article" as the default. It is used to set the view shown on the social media page. You can only have one type of page. Here is an example.