Twitter has its own meta tags that are similar to the Open Graph protocol, but uses the "twitter" prefix instead of "og". You'll find there multiple tags and how to use them, but only four are required for Facebook to understand the basics of your page: A complete list of meta tags available can be found in the Open Graph website. Facebook and Twitter are, by far, the most popular social media platforms, so let's focus on those two.įacebook uses meta tags leveraging the Open Graph protocol, which enables any web page to become a rich object in a social graph. Social media meta tags are snippets of HTML code that control how URLs are displayed when shared on social media. NOTE: all meta tags should be placed at the head of your web page.In order to pass this test, you'll have to add social media meta tags into your webpage's "head" section. This allows for both to be defined on the page independently and minimizes the amount of duplicate markup required to describe content and experience. You can add these rich media social sharing capabilities to your site by including certain tags in the of your HTML document.When the Twitter card processor looks for tags on a page, it first checks for the Twitter-specific property, and if not present, falls back to the supported Open Graph property. NOTE: Images for Twitter Card support an aspect ratio of 2:1 with minimum dimensions of 300x157 or a maximum of 4096x4096 pixels. ![]() twitter:description - the description of your web page.twitter:title - represents the web page title.Just like the Open Graph, the Twitter meta tags have a property attribute with the twitter: prefix. It is called a Twitter Card and it looks very similar to the Open Graph cards. Unlike other social media platforms, Twitter has its own unique meta tags for displaying cards. NOTE: Recommended image size for the Facebook card is 1080 pixels in width and the minimum is 600px in width. og:description - the description of your web page.og:title - represents the web page title.They are later on adapted by other companies like Twitter. There are quite a few properties you can use for the Open Graph meta tags, but the four required ones are: Open graph meta tags are created by Facebook to control how the webpage links are displayed on their social media feeds. These meta tags have a property attribute that contains a value with the og: prefix and the content attribute. The Open Graph meta tags are used by most of the social media platforms, most known are Facebook and LinkedIn. Open Graph meta tags (Facebook, LinkedIn) If no social media meta tags are specified then the shared webpage will be represented as a regular link. When a link is shared on a social media platform it scans the page for specific meta tags, and then it takes the data from these meta tags and displays it in a form of a card. ![]() Like page title, description, and an image. What are social media meta tags The social media meta/markup tags are lines of code on a website. These extensions even let you preview a card on your localhost. Facebook social media card Twitter social media card LinkedIn social media cardĪ social media card acts as a teaser to a webpage, by providing users with some information on what kind of content it has. Because of social media’s rising influence in a traveler’s booking journey, we’ll be looking at social media meta tags for hotels to ensure that your hotel is doing everything it can to be well represented across all social media platforms. There two chrome extensions for previewing and debugging meta tags for social media cards: Social Share Preview. You most probably have already seen these on Twitter, Facebook, and LinkedIn. What are social media meta tags If we need to explain what meta tags are, it’s easiest to say that they are words that are present on your website and that are invisible to website visitors but are visible to a search engine. ![]() What is a social media card?Ī social media card is a visual representation of the content of a specific web page on a social media platform that it is being shared on. ![]() Also, when a link is shared, both Facebook and Twitter will scrape the associated webpage. While this type of meta tags don't affect what people see when they visit the webpage, they exist to provide information about it to search engines and social media platforms. To do so you’ll need to add HTML meta tags for social media. This test will check if the analyzed webpage is using social media meta tags. Your website can have a social media card so that when you share it online it looks more appealing and provide additional information for people.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |