Twitter created its version of the Open Graph called Twitter Cards. Twitter Cards: Open Graph Meta Tags for Twitter For example, Facebook's Messenger, WhatsApp, iMessage, and Slack. SIDENOTE: Open Graph tags also create a snippet when sharing links using apps that support the Open Graph protocol. For example, use this tag if you have a multi-language website. The default is en_US.īest Practices: Use this tag if your content is not written in American English (en_US). The locale meta tag defines the content language. For example, "og:video:width" and "og:video:height." These tags specify the video's width and height in pixels. For example, this property will display a YouTube video on social media platforms.īest Practices: Use additional tags to optimize the look of your videos. The video meta tag provides the URL to a video in your content. It shows your content is part of a larger website or subdomain. The site name displays under the page title.īest Practices: The site name is not a critical property, but it doesn't hurt to include it. The site name meta tag defines the name of your website. Also, ensure the image file size doesn't exceed 5MB. The accepted images types are JPEG, GIF, or PNG formats. For example, 1200 x 628 pixels is an optimal image size for social media sharing. It helps your content stand out, attract clicks, and encourage engagement.īest Practices: The image resolution, file size, and type matter. This Open Graph tag is the most essential. The image meta tag defines the image you want to display. This length is optimal to avoid truncation.
For example, accurately describe the page with 1-2 sentences.īest Practices: Ensure your description is compelling to attract clicks, concise, and no longer than 200 characters long. The description meta tag briefly describes your content. For example, the title of your blog post.īest Practices: Ensure your title is compelling to attract clicks, concise, eye-catching, and no longer than 60 characters long. The title meta tag defines the title of the web page. A canonical URL consolidates metrics and metadata across all posts shared with the same URL. Changing the URL will break the link shared on social media networks.īest Practices: Keep your URLs simple, concise, and use the canonical URL. The URL meta tag defines the URL of the page. If you don't specify a type, the default is "website." og:url For instance, use "music.song" to define a single song or "music:album" to define the album. See the complete list of object types on the Open Graph Protocol website.īest Practices: Some object types require an additional property. The object type you use will change how the content displays. For example, object types you can use include website, article, music, video, and more. The object type meta tag defines the type of content. Visit the Open Graph Protocol website to see all the Open Graph tag types. They are the "og:" meta property in the HTML. You can find these Open Graph tags in the section of a web page. You can use Open Graph tags to control how content displays when shared on Facebook, Twitter, LinkedIn, Slack, and WhatsApp. For this reason, it's a vital tool to utilize! Types of Open Graph Tags Open Graph is a universally accepted protocol. Here's how this post looks when shared on Facebook with Open Graph tags:įacebook Rich Object using Open Graph tags But will use Open Graph when there are no Twitter Card tags. However, Twitter also uses meta tags called Twitter Cards. Social media platforms like Facebook, Twitter, and LinkedIn recognize Open Graph tags. Without Open Graph, social media platforms can choose a random image, title, and description. Any web page using Open Graph tags becomes a rich object in the social graph.įor example, the Open Graph protocol allows you to control what image, title, and description display when sharing links on social media. The Open Graph protocol controls what content displays when sharing links on social media. This guide answers those questions and helps you improve your social media marketing.
But what are they, why do they matter, and how do you use them?
#SOCIAL MEDIA META TAGS HOW TO#
But do you know how to optimize your shared content to reach its potential? Sharing content on social media is an essential part of a marketing strategy.
How to Add Open Graph Tags to Your Website.Why The Open Graph Protocol Is Important for Your Website.Twitter Cards: Open Graph Meta Tags for Twitter.
0 kommentar(er)
