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).
#VALIDATOR FOR SOCIAL MEDIA META CODE#
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