What Is Open Graph Tags
Open Graph Tags are snippets of code that control how URLs are displayed when shared on the social media. They are part of Facebook’s Open Graph protocol and are also used by other social media sites, including LinkedIn and Twitter. You may find them in the < head > section of a webpage. Any tags with og: before a property name are Open Graph tags.
Examples
< meta property=og:type content=article / >
< meta property=og:title content=TITLE OF POST OR PAGE / >
< meta property=og:description content=DESCRIPTION OF PAGE/POST CONTENT / >
< meta property=og:image content=IMAGE FILE URL / >
< meta property=og:url content=PERMALINK / >
< meta property=og:site_name content=SITE NAME / >
Why Open Graph tags are important?
People are seemingly more likely to see and click shared content with optimized Open Graph tags, which means more n more social media traffic to your website.
There are three reasons for this:They make content more attractive in social media feeds.
They tell people what the content is about at a initially.
They assist Facebook understand what the content is about, which may help increase your brand visibility through search engine.
Which Open Graph tags should be use?
Facebook records 17 OG tags in their official documentation, plus 12 of object types. We are not going to discuss all of these. Only four are required for Facebook to understand the basics of your page or post, and there are a couple of others that occasionally help.
og:title
The title of your page or post
Syntax
< meta property="og:title" content="Open Graph Tags | Smart Social Media Meta Tags Generator" / >
Best practices
Add it to all "shareable" posts or pages.
Zero in on precision, worth, and interactiveness.
Keep it short to forestall flood. There's no authority direction on this, yet 40 characters for versatile and 60 for work area is generally the sweet spot.
Utilize the crude title. Try not to incorporate marking (e.g., your site name).
og:url
The URL /Link of the content.
Syntax
< meta property="og:url" content="https://ahrefs.com/blog/open-graph-meta-tags/" / >
Best practices
Utilize the accepted URL. It combines all associated information, for example, likes, across all the copy URLs posted.
og:image
The URL of a picture for the social piece.
Syntax
< meta property="og:image" content="https://successbeta.com/blog/wp-content/transfers/2020/01/open-chart 1.jpg" / >
Best practices
Utilize custom pictures for "shareable" pages (e.g., landing page, articles, and so on)
.
Utilize your logo or some other marked picture for the remainder of your pages.
Use pictures with a 1.91:1 proportion and least suggested measurements of 1200x630 for ideal clearness across all gadgets.
og:type
The kind of item you're sharing. (e.g., article, site, and so on)
Syntax
< meta property="og:type" content="article" / >
Best practices
Use article for articles and site for the remainder of your pages. .
Depict object types further where proper (discretionary).
og:description
A short depiction of the substance.
Syntax
< meta property="og:description" content="Learn around 13 highlights that set Ahrefs apart from the opposition." / >
Best practices
Supplement the title to make the bit as engaging and snap commendable as could reasonably be expected.
Duplicate your meta portrayal here in the event that it bodes well.
Keep it straightforward. Facebook suggests 2–4 sentences, yet that regularly shortens.
og:locale
Characterizes the substance language.
Syntax
< meta property="og:locale" content="en_GB" / >
Best practices
Utilize just for content not written in American English (en_US). Facebook accepts content without this tag is written in this language.
Test and debug Open Graph tags
Since you have deployed all the tags, you need to make sure they are working as expected and are ready for sharing.
For that, use these tools:
Facebook Sharing Debugger
Twitter Card Validator
LinkedIn Post Inspector
They all work the equivalent. They pull tags from the page and show what it looks like when shared.
Testing also helps prevent issues where OG tags are not displayed or pulled accurately.
Audit Open Graph tags
In the event that you as of now have a site with many pages and aren't sure which as of now have Open Graph labels, you can utilize an instrument like Ahrefs' Site Audit to check your pages in mass.
Just run a crawl, at that point go to the Social tag's report to see all issues identified with Open Graph tags and Twitter Card tags.
Now Click on a flagged warning to see all the explanation and advice on how to fix this.
Source Of The Article Ahrefs