Useful Open Graph Meta Tag Types for Facebook and Twitter:
Marketers create a lot of content. Yes, the content is king, but the king has no power without followers.
So, what’s the first thing that comes to mind when you want to reach a wider audience with your amazing new blog post?
Share on social, of course. The number of sites like Facebook and Twitter makes it the best part, but do you know how to harness the reach potential?
Meta cards face up are designed to do just that. But what is it, why is it important, and above all how is it used?
What is an open graph and why was it created?
Facebook launched Open Graph in 2010 to promote integration between Facebook and other sites and to create message-rich objects with the same functionality as other Facebook objects.
Simply put, it helps optimize Facebook posts and gives you more control over how information is transferred from a third-party website to Facebook when a page is shared (or liked, etc.)
To enable this, the information is sent via the Open Graph meta tag in the <head> section of the website code.
Other social media sites also use social meta tags.
Several other major platforms, including Twitter and LinkedIn, recognize Open Graph tags. Twitter actually has its own meta maps on the Twitter map, but if Twitter bots can’t find one, Twitter uses Open Graph labels.
Why should marketers pay attention to an open chart?
Social media sites are the main drivers for most internet traffic. Therefore, the ability to harness the power of social meta tags is an important skill for today’s marketers.
More importantly, open graph meta tags can have a huge impact on conversions and click-through rates.
Have you ever shared a link on Facebook to see if the thumbnail is missing or if there is a completely different picture than you expected?
If you are familiar with Open Graph labels, you can solve these problems and improve your social media marketing.
Adding Open Graph tags to your website does not directly affect the SEO of the page, but it will affect the performance of your social media links, so it’s worth a look. Let’s take a look at the top meta tags of Facebook and how we can optimize them for better sharing.
Understanding Facebook Open Metatags
Facebook has opened several types of meta tags. We discuss the different types and then how to use them.
As you can imagine, you define the title of your content this way. It serves a similar purpose as the traditional meta title tag in your code. If Facebook does not find the og: title tag on your page, then use the meta title.
Note that the text displayed in a Facebook feed is bold and extremely attractive. It should be attractive as well as a good title.
There is no limit to the number of characters, but it is best to stay between 60 and 90. If your title exceeds 100 characters, Facebook will reduce it to just 88!
This is how you define the canonical URL of the page you are sharing. This means that you create a page with all your shares. This is useful if you have more than one URL for the same content (e.g. using parameters). Important Note: The URL provided will not appear in the Facebook news feed, only the domain will be visible.
This metadata descriptor is very similar to the meta description tag in HTML. This is where you describe your content, but instead of appearing on the search engine results page, it appears under the link title on Facebook.
Unlike a regular meta description label, it will not affect your SEO. (So do not waste a lot of time figuring out how to enter keywords.) However, it is a good idea to make it attractive because you want people to click on it.
You are not limited to the number of characters, but best use about 200 letters. In some cases, depending on a link/title/domain, Facebook may display up to 300 characters, but I would suggest that any number greater than 200 be considered extra.
This is the most interesting Open Graph marker for many marketers because an image always helps make content stand out. This ensures that a specific thumbnail appears when you share your page. This can be very useful for conversion rates.
Make sure you set the og: the image you choose, otherwise Facebook will show something stupid like an unwanted banner being removed from the page or nothing (like below). We definitely don’t want that!
Advanced Facebook Open Bookmarks for Facebook
The Open Graph labels above are the ones you really need to know (the description isn’t much, for example, but it’s useful).
There are other more advanced labels you can use to provide even more detailed specifications.
• og: local – set the language, US English is the default
• og: site_name – if the page (object) you share is part of a larger network
• FB: app_id – to link a Facebook application (eg FB comments) to the object
View your open images
To make your life easier, Facebook created a tool called Sharing Debugger. It has two very useful features.
Tapping the link you want to test first will result in errors and suggestions for OG tags. You can also see what the og: image looks like, what the description is, and so on.
Second, it clears Facebook’s closet. Imagine: you post a link on Facebook, but then you see an error in the thumbnail, then go back to your site, fix the OG tags, and post on Facebook again.
Nothing is likely to happen. The thumbnail remains the same. This is because of the closet. The Facebook Sharing Troubleshooter updates the link box after any changes, so remember to always use it.