![]() When it comes to og:image, keep the following requirements in mind: Make sure to carefully select these images, because size, quality, and dimensions do matter. The og:image property defines the image that should be shown in your snippet. ![]() Social media platforms won't be able to understand what section of your website this page belongs to.įacebook for Developers documentation (opens in a new tab). In our case, the article:section is the category that our Academy articles are in. The article:section property is a property of the og:type, which describes which part of your website this page belongs to. The og:site_name property describes the website's name-but it is no longer a supported property. Your Open Graph implementation will not pass validation, as this is a required property. It's essential that you define the canonical version of the URL here, as Likes and Shares are attributed to this URL instead of the non-canonical version. The og:url property describes the canonical version of the URL, meaning: the version without parameters. Social media platforms will use your meta description or your twitter:description as a fallback. When optimizing your snippet for Facebook, keep in mind that the description will not fit on one line if it's longer than 55–60 characters. It's a short description what the page is about, similar to the meta description. The og:description stands for the Open Graph description. Social media platforms will use your tag or your twitter:title as a fallback. Your og:description will not show if your title is spread across two lines.Your title will not fit on one line if it's longer than 55–60 characters.Furthermore, keep these things in mind when optimizing your snippet for Facebook: The title shouldn't include any branding. The og:title is similar to the tag in SEO. The og:title property stands for Open Graph title, which states the title of a page. If you don't define the og:type, it defaults to website.įacebook for Developers documentation (opens in a new tab). The og:type is comparable to Schema types. There are many types to choose from, such as for example: product, book, place, profile, and video.movie. This tag influences how your page shows up Facebook's feed. The og:type property describes the type of content-in this case article. If the og:locale is not filled in or defined, it defaults to en_US.įacebook for Developers documentation (opens in a new tab). The value used consists of a two-letter language code (opens in a new tab), an underscore, and then a two-letter country code (opens in a new tab). If you have the content available for other locales, you can define alternative versions using og:locale:alternate. You could say that og:locale is similar to the hreflang attribute in SEO in its intended use-targeting an audience. In this case it's the default value, en_US. The og:locale property describes the locale that the page is targeting. ![]() Our article looks like this when it's shared on Facebook: There are also two recommended properties use these to provide even more context about the content: There are four required Open Graph properties: It's not hard to build functionality for this. You can do this manually, or if your website's driven by a CMS, it's likely there's functionality or plugins available for this job. Open Graph implementation is done by adding Open Graph markup to your HTML documents, in the section of your pages. But if there are no Twitter Cards present, they fall back to Open Graph to generate snippets for URLs. Please note that Twitter has developed their own version, called ' Twitter Cards'. Open Graph is also supported by at least these platforms: The obvious one is Facebook, as they're Open Graph's developer. No credit card needed What platforms support Open Graph
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |