If you are on a blog post page, your title would be the blog post's title, and the site_name would be the site of the blog or the website on which your blog post is. Og:site_name It defines the name of the overall website on which your content is. Use that if you want to localize your tags. There are some advanced tags that you can use to provide more in-depth information. Note: Add og:image:width and og:image:height meta tags to ensure a perfect snippet the first time someone shares it. Therefore, it's better to place an image in the meta tag.Įnsure that the image should not exceed 5MB and 1200 x 630 pixels (1.91/1 ratio) as Facebook imposes these limitations for image tags. Without the image, your content is boring. The eye-catching image always stands out. Og:image Everyone knows the importance of placing the image in the content. However, the best practice is that it should be under 55 characters. You can display up to 300 characters, but it's better that you should limit this to 200. Og:description The tag defines your content's short description, but it should be more than 200 characters. You can get the complete list of types from here.
Either it's web-based, entertainment, place, people, or business. Og:type The tag defines the content type that you are sharing. The provided URL will not show on the Facebook newsfeed. That helps to consolidate all the connected data, such as likes, across all the duplicate URLs posted. Og:url The defines the URL of the webpage with which the object is linked. It's better to have it under 55 characters because it ensures that your title will be visible on both desktop and mobile. If your title is lengthier than 100 characters, Facebook will limit it to 88. There is no limit to the characters' number, but it should stay between 60 to 90. Og:title The tag defines the title of your content. The tags will be added in the following pattern. To get the advantage of the Open Graph protocol, you will need to add the following meta tags to your website's HTML code. Twitter uses Facebook Open Graph meta tags instead. Twitter has its meta tags for the Twitter Cards, but if its crawler cannot find them. The other social media platforms like Twitter and LinkedIn also recognize Open Graph meta tags.
The Open Graph allows the user to integrate their website with Facebook by allowing them to become rich graph objects to have the same functionality as the other Facebook objects. Open Graph is an internet protocol created to standardized the use of metadata within the web page to represent that page's content on social media platforms. Open Graph is a protocol introduced by Facebook in 2010.
#Social media meta how to#
The massive audience of Facebook and Twitter make them the best platform for sharing.īut the question is, do you know how to optimize for these platforms? What is Open Graph? Without any doubt, the social media platforms. What comes to mind when you want to reach a broader audience for your new website or post? But that efforts are worthless without the followers. It takes a lot of time and effort to build a website and a lot of relevant content to maintain that website.
#Social media meta generator#
About Open Graph Generator & Preview Tool.
0 kommentar(er)
