Recommended: 1200×630 px (1.91:1 aspect ratio), under 8 MB. If left empty, previews show an image placeholder.
twitter:title, twitter:description and twitter:image fall back to your Open Graph values above.

Free, high-performance web, security, developer, and SEO tools running 100% in your browser.
Free, high-performance web, security, developer, and SEO tools running 100% in your browser.


Free, high-performance web, security, developer, and SEO tools running 100% in your browser.

Free, high-performance web, security, developer, and SEO tools running 100% in your browser.
Live visual cards update instantly as you type. Images use your og:image URL.
Created by Facebook and maintained as an open web standard, the Open Graph protocol turns standard webpages into rich graph objects within social networks. Essential properties include:
website, article, product, video.other).X (Twitter) parses Open Graph tags as fallbacks but prioritizes its own twitter: namespace:
og:title) highlighting the main hook of your page or article.og:description) to encourage user clicks across feeds.og:image), ideally sized at 1200 × 630 pixels.og:url) and select the Content Type (website, article, product, or video).summary_large_image (large banner) or summary (compact square).<meta> tags directly into your <head>.og:) and Twitter Card (twitter:) meta tags.summary_large_image and compact summary.<head> tag integration.Scenario: Configuring rich social sharing tags for an engineering case study.
Title: 'How We Scaled Next.js to 10M Pageviews' | Image: https://blog.com/scale-hero.jpg | Card: summary_large_image
<meta property="og:title" content="How We Scaled Next.js to 10M Pageviews" /> <meta property="og:image" content="https://blog.com/scale-hero.jpg" /> <meta name="twitter:card" content="summary_large_image" />
Produces a high-CTR visual banner card across social timelines.
Scenario: Setting up product sharing tags for a luxury apparel item.
Title: 'Cashmere Winter Coat' | Type: product | Image: https://shop.com/coat.jpg
<meta property="og:title" content="Cashmere Winter Coat" /> <meta property="og:type" content="product" />
Identifies the shared link as an e-commerce product entity.
Generate standard search engine meta tags alongside social cards.
Compare your social preview against your Google search snippet.
Add structured data to complement your social metadata.