Open Graph tags are <meta> elements, introduced by Facebook, that describe a page for link previews. When someone shares a URL on a social network or messaging app, the platform fetches the page and reads these tags to build the preview card.
Why it matters
Without them, platforms guess the title and image, often picking a logo or nothing at all. Well-set tags make shared links look intentional and tend to earn more clicks. Most platforms read them, and X (Twitter) falls back to them when its own twitter: tags are absent.
Example
<meta property="og:title" content="How DNS Works" />
<meta property="og:description" content="A plain-English tour of DNS lookups." />
<meta property="og:image" content="https://example.com/img/dns.png" />
<meta property="og:url" content="https://example.com/dns" />
<meta property="og:type" content="article" />The image should be an absolute URL, commonly around 1200 by 630 pixels.
Common mistakes
- Using relative image URLs, which crawlers may not resolve.
- Changing the image and not seeing the update; platforms cache previews, so use their debugger tools to refresh.
- Blocking the social crawler with robots.txt or a login wall.
- Tags injected by JavaScript only, which many preview bots never execute.
Related
Get notified when this term updates
Plus occasional practical tips on uptime and monitoring, nothing else. Unsubscribe anytime.
यह पेज सामान्य जानकारी है, जिसे हमारी संपादकीय टीम ने लिखा है और दस्तावेज़ीकरण बदलने पर अपडेट किया जाता है। सर्वर और प्रदाता अलग-अलग होते हैं, इसलिए बदलाव पहले सुरक्षित तरीके से जाँचें। देखें: संपादकीय नीति और अस्वीकरण.