Add Open Graph tags
Open Graph tags control how the page looks when shared on Facebook, LinkedIn, and WhatsApp. Follow the steps below on your stack, then re-check the live URL.
Open Graph tags control how the page looks when shared on Facebook, LinkedIn, and WhatsApp.
Lo recordamos en este navegador para que la siguiente guía use el mismo CMS.
At a glance
| Time | ~15 min |
|---|---|
| Category | SEO |
| Steps | 3 |
| Stacks | WordPress, Shopify, Webflow, Next.js, HTML, more |
Pasos
Add og:title, og:description, og:image, and og:url.
Use an image of at least 1200×630px with an absolute URL.
Set og:type to website (or article for a blog post).
En HTML / static
Add og:* and twitter:* meta tags in <head>.
Snippet
<meta property="og:title" content="Page title"> <meta property="og:description" content="One-sentence summary."> <meta property="og:image" content="https://yoursite.com/share.jpg"> <meta property="og:url" content="https://yoursite.com/this-page"> <meta property="og:type" content="website">
FAQ
- What does “Add Open Graph tags” fix?
- Open Graph tags control how the page looks when shared on Facebook, LinkedIn, and WhatsApp.
- How long does this usually take?
- About 15 minutes on most CMS and code stacks when you already have access to edit the page.
- Where do I start?
- Start with: Add og:title, og:description, og:image, and og:url. Then use the platform picker on this page for placement notes.