Different pages need different previews. Blog posts should use article schema, product pages should include price and availability tags, and homepage previews should emphasize brand identity.
Avoid 5MB PNGs — compress images to under 300KB with WebP format. Use 1200x630px dimensions, which are optimal across platforms and load quickly.
This ensures your brand name appears consistently in previews, even if the page title is truncated. Example: <meta property="og:site_name" content="YourBrand" />
LinkedIn and Facebook handle meta tags differently than Twitter/X. Always test using:
For blogs, use article. For products, use product. This unlocks richer rendering like author names, publication dates, or price tags.
Add <link rel="preload" as="image" href="/img/og-default.jpg"> to improve load speed and reduce layout shift on social platforms.
If you update an OG image, rename it (e.g., og-v2.jpg) or append a query param like ?v=2026. Social crawlers ignore cache headers on images.
Add structured data with <script type="application/ld+json"> to enhance search engine results while keeping OG tags for social sharing. They work together!