Og: Https://ogp.me/ns# Jun 2026
). This determines how the content is categorized. og:image : An image URL that represents your object. Use high-resolution images (at least 1200x630 pixels) for the best display on modern social feeds. og:url : The canonical URL of your object that will be used as its permanent ID in the graph. The Open Graph protocol +2 3. Common Optional Properties Beyond the basics, you can provide more detailed information to improve the preview: og:description : A one-to-two sentence description of your object. og:site_name : If your object is part of a larger web site, the name which should be displayed for the overall site. og:locale : The locale these tags are marked up in (defaults to
By injecting structured tags into your HTML, you regain complete control over how your content looks outside your own domain. Understanding the Namespace: xmlns:og="ogp.me"
You do not need to declare the namespace explicitly in the <html> tag anymore. You simply define the meta tags in the <head> . og: https://ogp.me/ns#
: Explicitly states pixel dimensions. Providing these allows crawlers to render the image preview instantly upon the very first share, instead of waiting to download and parse the image asynchronously. Best Practices for Social Optimization
The type of your object. Depending on the type specified, other dependent properties may be required. Common types include website , article , book , and profile . Example: 3. og:image Use high-resolution images (at least 1200x630 pixels) for
An image URL which should represent your object within the graph. This is the single most critical asset for driving visual engagement. Example: 4. og:url
Once you deploy your code, you should test how social networks cache and read your metadata. Do not rely on manual sharing tests, as platforms store cached data aggressively. Use developer debugging tools to force-clear the cache and see live preview updates: Common Optional Properties Beyond the basics, you can
As a result, Emma's social media engagement increased. More people visited her bookstore, and she even saw an uptick in online sales. The Open Graph metadata had transformed how her content was presented on social media, acting as a digital ambassador for her charming bookstore.