How To Set Up Open Graph Tags
📖 Bu rehber ToolPazar ekibi tarafından hazırlanmıştır. Tüm araçlarımız ücretsiz ve reklamsızdır.
What Open Graph is
Open Graph tags control how your links look when shared — a single headline, a single image, a blurb. Good OG setup turns a URL paste into a little ad. Bad OG setup turns it into a bare link that nobody clicks. OG is the reason a well-set-up blog post shared to LinkedIn looks professional and a poorly-configured one looks broken. This guide covers the full OG spec (what each tag does, which are required), image specifications for every major platform, the type-specific variants (article, product, video), how to test your setup with each platform’s debugger, and the quirks of LinkedIn, Discord, Slack, and iMessage parsing that trip everyone up.
Required tags
Open Graph is a protocol Facebook introduced in 2010 to let web pages declare their own metadata for rich previews. Now used by every major social and messaging platform — Facebook, Instagram (via Facebook), LinkedIn, Slack, Discord, iMessage, WhatsApp, Telegram, Signal.
og:image specs
These feed into Facebook Shop integrations and commerce previews.
Optional-but-useful tags
For video embeds in OG previews:
Article-specific tags
Only Facebook fully plays OG videos in the feed. Twitter uses its own video tags. Most platforms fall back to the image.
Product-specific tags
If your OG is complete, this is all you need on the Twitter side.
Video-specific tags
Benefits: every page gets a unique, branded preview. Cost: one edge-function invocation per first share. Cache headers amortize this.