anonivate® Help Center
  • 👋Welcome
  • Getting Started with Webflow
    • Step 1: Creating an account
    • Step 2: Choose a Site plan
    • Step 3: Invite us to your workspace
    • Step 4: Recieve/Transfer a project
  • SEO Essentials
    • Meta Title & Descriptions
    • OpenGraph Images
    • Alt Text for Images
    • Page Slug
  • FAQs
    • What is a staging domain?
    • What is a custom domain?
    • How to Add OpenGraph Images in Webflow?
Powered by GitBook
On this page
  • Why They Matter
  • Best Practices
  • Dimensions
  • See It Before You Share It

Was this helpful?

  1. SEO Essentials

OpenGraph Images

PreviousMeta Title & DescriptionsNextAlt Text for Images

Last updated 1 year ago

Was this helpful?

OpenGraph images are the visuals displayed when links from your website are shared on social platforms like Facebook, Twitter, and LinkedIn.

Why They Matter

They give a snapshot of your content, making it more visually appealing and clickable in social feeds.

Best Practices

  • Brand Consistency: Make sure your OpenGraph images align with your brand and the specific content of each page.

  • High-Quality Images: Use high-resolution images for a strong, positive impression.

  • Regular Testing: Check how your links appear on different social platforms and update as necessary.

Dimensions

Aim for images that are at least 1200px by 630px, maintaining a 1.91:1 aspect ratio for optimal display.

See It Before You Share It

After setting up your OpenGraph image, test how it looks using these tools:

  • Facebook:

  • Twitter:

  • LinkedIn:

Facebook Debugger
Twitter Card Validator
LinkedIn Post Inspector