Add Twitter / X Card tags
Twitter Card tags control the preview when the URL is posted on X. If Open Graph is complete, you often only need twitter:card. Follow the steps below on your stack, then re-check the live URL.
Twitter Card tags control the preview when the URL is posted on X. If Open Graph is complete, you often only need twitter:card.
Wir merken uns das in diesem Browser, damit die nächste Anleitung denselben Stack verwendet.
At a glance
| Time | ~10 min |
|---|---|
| Category | SEO |
| Steps | 2 |
| Stacks | WordPress, Shopify, Webflow, Next.js, HTML, more |
Schritte
Add twitter:card (summary_large_image for a large image).
Add twitter:title, twitter:description, and twitter:image — or rely on Open Graph fallbacks.
In HTML / static
Add og:* and twitter:* meta tags in <head>.
Snippet
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Page title"> <meta name="twitter:description" content="One-sentence summary."> <meta name="twitter:image" content="https://yoursite.com/share.jpg">
FAQ
- What does “Add Twitter / X Card tags” fix?
- Twitter Card tags control the preview when the URL is posted on X. If Open Graph is complete, you often only need twitter:card.
- How long does this usually take?
- About 10 minutes on most CMS and code stacks when you already have access to edit the page.
- Where do I start?
- Start with: Add twitter:card (summary_large_image for a large image). Then use the platform picker on this page for placement notes.