Gratis tool

Open Graph generator — gratis og: en Twitter card tags

Kort antwoord: vul de velden in en kopieer het tagblok naar je . De preview toont de 1.91:1 kaart die de meeste platforms weergeven. Gebruik een afbeelding van 1200 × 630 en een absolute HTTPS-URL — deze twee keuzes lossen het overgrote deel van gebroken previews op.

De tags die echt belangrijk zijn

Tag Waarom
og:title De kop op de kaart. Niet per se je SEO-titel — deze wordt gelezen door iemand die door een feed scrolt.
og:description Eén of twee regels. Wordt sterk ingekort op LinkedIn en Facebook.
og:image De grootste factor of de link wordt aangeklikt.
og:url De canonieke URL. Houdt gedeelde versies met tags of parameters geconsolideerd op één vermelding.
og:type website, article of product.
twitter:card Stel in op summary_large_image of X toont een kleine thumbnail.

Alles anders is optioneel, en de twitter:* duplicaten van titel, beschrijving en afbeelding zijn alleen nodig als je wilt dat ze verschillen van de Open Graph-waarden — X valt anders terug op og:.

Afbeeldingsregels

  • 1200 × 630 px, verhouding 1.91:1.
  • Absolute HTTPS URL. Een relatieve pad is de meest voorkomende oorzaak van een kaart zonder afbeelding; scrapers lossen deze niet op.
  • Onder ~5 MB, bij voorkeur ruim eronder.
  • Houd tekst weg van de randen. Sommige oppervlakken worden bijgesneden tot een vierkant, en een kop die van rand tot rand loopt, verliest zijn eerste en laatste woorden.
  • Herbruik de productfoto niet ongewijzigd. Een productfoto met witte achtergrond is geschikt op een productpagina, maar onzichtbaar in een feed. Een kaart met de productnaam over de afbeelding leest goed op miniatuurgrootte; de kale foto niet.

Cache busting

Elke platform slaat zijn scrape op in de cache, vaak voor meerdere dagen. Als je de afbeelding vervangt op dezelfde URL, blijft de oude verschijnen. Twee oplossingen, in volgorde van betrouwbaarheid:

  1. Verander de URL — nieuwe bestandsnaam, of voeg ?v=2 toe. Dit werkt altijd.
  2. Forceer een nieuwe scrape — Facebook Sharing Debugger, LinkedIn Post Inspector, of X's kaartvalidator. Werkt meestal, soms niet.

Shopify-standaarden

De meeste thema's genereren al de vier belangrijkste tags vanuit de uitgelichte afbeelding en beschrijving van het product. Controleer dit voordat je je eigen tags toevoegt: twee og:image tags op één pagina betekent dat het platform er één kiest, en welke dat is, heb je niet in de hand.

Als de standaardinstellingen van je thema goed zijn, is de meest waardevolle wijziging meestal een speciaal gemaakte sociale afbeelding in plaats van meer tags. Sociale deelafbeelding en SEO op Shopify behandelt waar het thema dit instelt en hoe je het per product kunt overschrijven.


Veelgestelde vragen

Wat zijn Open Graph tags?

Meta tags in de <head> die sociale platforms en berichtenapps vertellen hoe een link weergegeven moet worden: welke titel, beschrijving en afbeelding in de previewkaart getoond moeten worden. Zonder deze tags gokt elk platform vanaf de pagina, vaak met de eerste afbeelding die het vindt en een ingekort fragment van de tekst.

Welke grootte moet de og:image hebben?

1200 × 630 px, een verhouding van 1,91:1. Dat wordt correct weergegeven als een grote kaart op Facebook, LinkedIn, X en Slack. Houd het onder ongeveer 5 MB, gebruik een absolute HTTPS URL, en houd belangrijke tekst weg van de randen omdat sommige oppervlakken bijsnijden naar een vierkant.

Heb ik naast Open Graph ook Twitter card tags nodig?

Meestal niet. X valt terug op Open Graph wanneer de twitter: equivalenten ontbreken, dus og:title, og:description en og:image zijn meestal voldoende. De enige tag die expliciet de moeite waard is om toe te voegen, is twitter:card ingesteld op summary_large_image, wat het grote formaat selecteert in plaats van de kleine thumbnail.

Beïnvloeden Open Graph tags SEO?

Niet direct — Google gebruikt ze niet voor ranking. Ze beïnvloeden of een gedeelde link eruitziet als iets waar je op wilt klikken, wat invloed heeft op shares en de daaropvolgende verkeer en links. Het is een indirect effect en een echt effect.

Ik heb mijn afbeelding bijgewerkt en de oude wordt nog steeds getoond. Waarom?

Elk platform cachet de scrape agressief. Forceer een verversing met Facebook’s Sharing Debugger, LinkedIn’s Post Inspector, of X’s card validator. Als de afbeelding op dezelfde URL is veranderd, verander dan ook de URL — een nieuwe bestandsnaam of een querystring is de enige betrouwbare manier om een hardnekkige cache te omzeilen.

Wat doet Shopify standaard?

De meeste thema's genereren og:title, og:description, og:image en og:url, met gebruik van de uitgelichte afbeelding van het product. Dat is een redelijke standaardinstelling, maar zelden optimaal: een productfoto op een witte achtergrond maakt een zwakke sociale kaart vergeleken met een speciaal gemaakte 1200 × 630 afbeelding met de productnaam.


Alle gratis tools

SEO Title Generator & Checker

Generate SEO titles from your keyword and check any title's character count, pixel width, and keyword position.

Meta Description Generator & SERP Preview

Generate high-converting meta descriptions and preview how your page looks in Google.

Keyword Density Checker

Paste any text and see keyword density, top 1–2–3-word phrases, and stuffing warnings.

Robots.txt Generator (AI-Crawler Aware)

Generate a correct robots.txt in seconds.

LSI & Related Keyword Generator

Generate related keywords, question keywords, and commercial long-tails from any seed term.

Image Alt Text Generator & Checker

Build descriptive, SEO-friendly alt text for product images and check existing alt text for length, redundancy, and stuffing.

Googlebot Simulator — See What Google Sees

Fetch any URL with Googlebot's user agent: status code, redirects, title, meta robots, canonical, X-Robots-Tag, H1s, and an indexability verdict.

Schema markup generator

Generate valid JSON-LD schema free: Product, FAQPage, BreadcrumbList, LocalBusiness and Article.

Hreflang tag generator

Build a valid hreflang cluster for every language version of a page, with x-default, and a built-in check that every URL points back at every other one..

UTM builder

Build consistent UTM-tagged campaign URLs free.

URL slug generator

Turn any title into a clean, lowercase, hyphenated URL slug.

Readability checker

Paste text and get Flesch Reading Ease, Flesch-Kincaid grade level, sentence length distribution and the specific sentences that are dragging the score down..

SERP preview tool

Preview how a title, URL and meta description will render in Google on desktop and mobile, measured in pixels rather than characters so truncation is accurate..

SEO ROI calculator

Estimate what a ranking improvement is worth: search volume, position-based CTR, conversion rate and order value, plus a payback period on your SEO spend..

SEO report generator

Generate an on-page SEO report for any URL: title and meta lengths, headings, canonical, schema types, image alt coverage, links and indexability, scored..


Gerelateerde gidsen

Run this across your whole catalog

RankEngine applies and verifies these fixes on every product in your Shopify store — automatically.

Install RankEngine free