![]() ![]() Open Graph tags can be identified by the prefix “og:” and can help to bring detail and depth to content you share on Facebook. Today’s blog is the first of a two-part series, and will look at the first two of the tags Mike covered. Mike Arnesen, senior SEO analyst for SwellPath, gave a phenomenal presentation on four meta tags specific to different social media sites. Ultimately, using social media meta tags well can do a lot to personalize the social content a business offers, optimize pages for search, and drive more clickthroughs. In the example below, each tag takes up a line the aggregate is the metadata. For web pages, the metadata includes meta tags – helpful strings of code that convey important information about the content. And follow me on Twitter.Everybody knows you need to use metadata to optimize your web pages, right? Well…raise your hand if you’re using it to optimize your social media.Īs a baseline: “Metadata” (literally, data about data) is plural for all the bits of information that get coded into something, to define what it is and what it contains. Please feel free to share it with any of your friends.Īlso, make sure to subscribe to our newsletter. This was the general usage guide for using Open Graph Tags. Now your social media posts should look eye-popping. You might want to make sure everything is added as intended.įor Facebook, you can use their Sharing DebuggerĪnd for Twitter, you can use their Card Validator Conclusion Validationįinally, once you have all the meta tags added and set up properly. But rather the type of card you want to display. Notice how you don't put the URL in content. This is used to get the big image variant of the rich embed. Which is used to configure what kind of rich format you want to display. Any social media site other than Facebook can have its own set of meta tags as well.įor example, Twitter has its own version called "Card". Social platform-specific tagsĮven though Open Graph is the standard for specifying your meta tags. So you want to make sure that it is dynamic. But an article on your blog counts as an OG type of "article". Your homepage counts as an OG type of "website". And do not add a common set of meta tags for your entire website.īecause for instance. You want to keep these tags specific to the page you're displaying. This can also be a relative or external video URL. ![]() Rather, it is used when your webpage delivers video content. The OG Video tag is pretty much the same as the og:image tag. The OG Site name is in fact the name of your website/brand/company. you should be fine with "en_US" - which translates to English as the language. OG Locale tags are used to define the language of your website.įor most people serving content in the English language. ![]() OG Description Tag is pretty much the same thing as your regular meta description tag. The OG URL tag will simply be the full URL of your current page. My friend Motyar has a beautiful service called Bruzu that lets you do this with ease. In the content you can pass the URL of the hosted image. This is how you display that rich image in your social shares. The OG Type on your page describes what type of content the user should expect upon visiting your website. Ideally, it should be the same as the tag This is something that the user sees in the browser tab. īasic Open Graph Tags With Examples og:title The only recommended place for the Open Graph Meta tags is in the section of your code. NOTE: You don't need to add the symbols beside the name and the value. Here is the general structure that each of the Open Graph Meta Tags follows. How do you actually add a meta tag to your page? Let me help you understand if you need to have OG tags set up or not. To provide a way to standardize this format across the web. Open Graph Protocol is a set of rules that are used to provide rich experiences in social networks. Well, this guide explains exactly how you can achieve the same results. It links to their websites in a neat, rich format. You might have seen people share these beautiful-looking social media posts. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |