Voorbeeld: Google, Facebook, X Preview
Hoe je link eruitziet voordat iemand klikt. TagSpion bouwt het Google-snippet en de social kaart na uit je metagegevens.
1Wat is het?
Het voorbeeld toont drie weergaven: het Google-zoekresultaat (desktop en mobiel), de Facebook- en LinkedIn-kaart uit Open Graph en de X-kaart (Twitter Card). Plus afbeeldingsgrootte en ontbrekende velden.
2Waarom belangrijk?
Een gedeelde link zonder afbeelding wordt nauwelijks aangeklikt. Een verkeerde og:image toont het logo in plaats van het product. Met het voorbeeld zie je het voordat je bezoekers het zien.
3Wat TagSpion controleert
| Controle | Beoordeling |
|---|---|
| og:title, og:description, og:image, og:url | rood als er een ontbreekt |
| og:image grootte | groen vanaf 1200 × 630 pixels · geel kleiner |
| twitter:card | geel als het ontbreekt, dan gebruikt X de Open Graph-waarden |
| Google-snippet | title en description in de lengte die Google toont |
4Zo los je het op
- Ontbrekende tags met „Fix” kopiëren. De afbeelding als absolute URL, minstens 1200 × 630 pixels, onder 1 MB.
- Eén afbeelding per pagina, niet overal het logo.
<meta property="og:title" content="Trattoria Bella - Italian restaurant in Munich"> <meta property="og:description" content="Fresh pasta, wood-fired pizza and 120 Italian wines."> <meta property="og:image" content="https://www.example.com/img/trattoria-1200x630.jpg"> <meta property="og:url" content="https://www.example.com/en/restaurant/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
5Veelgestelde vragen
Facebook toont nog de oude afbeelding.
Facebook bewaart de kaart. Klik in de Sharing Debugger van Facebook op „Scrape again”.
Heb ik twitter:card nodig als Open Graph er is?
X valt terug op Open Graph. Met twitter:card „summary_large_image” krijg je zeker de grote afbeelding.