There are two more tags that is not in the picture you also have to include:ġ. It helps people understand what your website does. Og:description : This should contains the description of your website, similar to og:title. At this size, your thumbnail will fit perfectly in both large image thumbnail or small image. The most frequently requested resolution for OG image is 1200px x 627px. This is crucial!Įither you get your image from your CMS(content management system) or any open sources, or you can get it from your local file and replace the with %PUBLIC_URL%/the-name-of-your-image.(whatever source your image is from). Og:image : This is how you ensure the thumbnail of your website shows on social media when you share. In the section, this will look like this: This is how you define your content’s title. Let’s break down what they do and I will be using the example from the picture above to help you understand what’s going on: Here are the few things you have to put in as you saw from the picture above: og:image, og:title, og:description and of course there are more depending on your needs. In the following section, we are going to explore how we are going to use open graph tags.īefore we start, you need to know that for the og tags are different for Twitter and we’ll look at it in a bit! That is why open graph meta tags are important to especially marketers! Think about it, would you click on a link that has neither website preview, title nor descriptions? You might think those are either scam links or you are just simply not interested. In the marketing perspective, the open graph meta tags can have a massive impact on conversions and click-through rates. Why are Open Graph Tags Important?Īs mentioned earlier, open graph meta tags are created to allow information easier to control on social media, like Facebook. It was created to help optimize Facebook posts by providing more control over the information travel from third-party website when shared on Facebook (for instance, when the post is liked or shared).Īll the open graph meta tags should be in the section in HTML to send the information to the DOM. Open graph tag is introduced by Facebook in 2010. SO, hopefully you find your way to this article because you are curious about what “open graph tag” is. I noticed it is not something that are mentioned in tutorials, at least in all the tutorials that I have watched. I always wonder how do people have their website preview display when they share on social media, but not when I share mine? And you know what, turns out the magic is all on this og meta tag. Let me be honest, I just learned this a few days ago. This information may be used on rich snippets shown in search results.Ĭlick on the "Generate Meta Tags" button generate the required tags online.Today, I would like to introduce the open graph tag. Author - Enter the author of the page.Search Engine Revist - Enter number of days between revisting to control search engine crawlers.
This helps search engines to your page on the regional searches properly. Language - Meta language informs search engines about the language of the page.Content Display - Choose UTF-8 for content display unless you specifically want other types listed.Nofollow - Choose yes or no to inform search engines crawlers whether to follow all the links on the page or not.Select no to block search engines from indexing and showing your page on the search results. Index - Generally select yes for search engines to index your site.Site Keywords - Enter the keywords used on the page, currently most of the search engines do not use meta keywords.Strict to the length of the description so that it will fit in the search results without trunction. Ensure to have descriptive and meaningful meta description as it will be shown in search engine results. Site Description - Enter short description up to 150 characters explaining the excerpt of the content on your page.Strict to the length so that the title will not get truncated in search results. Site Title - Enter title of your webpage up to 70 characters length. Use attractive words for title as this is the first line shown in search engine results.
#Social media meta tag generator generator#
So it is important to use proper meta tags in order to improve the search engine ranking of your site. Here is a free meta tag generator tool allows you to create the following tags:
0 kommentar(er)
