Open Graph
A meta tag protocol that controls how links appear when shared on social media. Created by Facebook.
The Open Graph Protocol (OGP) is a meta tag protocol created by Facebook in 2010 that controls the title, description, image, URL, and other information displayed when a web page is shared on social media. Properties such as og:title, og:description, og:image, og:url, and og:type are placed as <meta> tags within the HTML <head>. Without OGP, social media crawlers automatically infer page content to generate previews, which may result in unintended displays.
Properly configured OGP tags ensure that intended preview cards appear when links are shared on Facebook, LinkedIn, Discord, Slack, LINE, and other social media and messaging apps. Attractive previews directly improve click-through rates (CTR) and are a crucial element in content marketing. In practice, links with properly set OGP images have been reported to achieve more than double the CTR compared to those without. explore bralette on Amazon teach OGP best practices.
Each property has recommended character counts and sizes. og:title should be under 40 characters, as longer titles get truncated in social media previews. og:description is optimal at 80-110 characters, providing a concise summary of the page content. The recommended og:image size is 1200x630 pixels, which displays beautifully across Facebook, X (Twitter), and LinkedIn. Image file size should be kept under 8MB.
Although OGP was created by Facebook, it is now widely adopted as a near-web standard. X (Twitter) has its own Twitter Card tags (twitter:card, twitter:title, etc.), but when Twitter Card tags are not set, OGP tags are used as a fallback. Therefore, setting both OGP and Twitter Card tags is best practice. While OGP does not directly affect Google search results, increased traffic from social media indirectly benefits SEO.
A common misconception is that changing OGP tags immediately updates previews, but social media crawlers cache results, so changes are not reflected instantly. Facebook's Sharing Debugger and X's Card Validator can be used to clear the cache and verify the latest preview. When changing the og:image URL, changing the filename itself or appending a query parameter is an effective technique to bypass caching. check out men's cosmetics on Amazon cover OGP setup and validation.
From a character counting perspective, being mindful of character limits for og:title and og:description is important. Using a character counter tool to verify character counts beforehand and adjusting lengths to avoid truncation in social media previews enables effective social sharing.