Rich Snippets Suite

Versie v2.8.0
Platform Magento 2
Uitgebracht 31 October 2025
Bekijk product Bekijk changelog
Op deze pagina
Wat Is Social Markup? OpenGraph Hoe Het Werkt Configuratie Facebook App ID Twitter Cards Card Types Configuratie Twitter Gebruikersnaam Output Voorbeelden OpenGraph (Product Pagina) Twitter Cards (Product Pagina) Afbeelding Vereisten Facebook/OpenGraph Twitter Best Practice Je Markup Testen Facebook Sharing Debugger Twitter Card Validator LinkedIn Post Inspector Probleemoplossing Verkeerde Afbeelding Wordt Getoond Geen Preview Verschijnt Afgeknotte Beschrijving Best Practices Content Technisch Consistentie Meer Hulp Nodig?

Configureer Social Markup voor Magento 2

Configureer OpenGraph en Twitter Cards met de Rich Snippets Suite extensie. Deze markup types bepalen hoe je pagina's verschijnen wanneer ze gedeeld worden op social media platforms.

Wat Is Social Markup?

Wanneer iemand een link naar je winkel deelt op social media, leest het platform speciale meta tags om een rijke preview te maken. Zonder deze tags kunnen shares tonen:

  • Generieke of ontbrekende afbeeldingen
  • Afgeknotte of verkeerde titels
  • Geen beschrijving

Met juiste social markup tonen je gedeelde links:

  • De correcte productafbeelding
  • Juiste titel en beschrijving
  • Je merkinformatie

OpenGraph

OpenGraph wordt gebruikt door Facebook, LinkedIn, Pinterest, en veel andere platforms.

Hoe Het Werkt

OpenGraph voegt meta tags toe aan de <head> van je pagina:

<meta property="og:title" content="Productnaam" />
<meta property="og:description" content="Productbeschrijving" />
<meta property="og:image" content="https://winkel.nl/product.jpg" />
<meta property="og:url" content="https://winkel.nl/product" />
<meta property="og:type" content="product" />

Configuratie

Locatie: Magmodules → Rich Snippets Suite → Additional Markup

Product Pagina's

Instelling Beschrijving
OpenGraph Schakel OpenGraph tags in op productpagina's

Productpagina's gebruiken automatisch:

  • Productnaam als titel
  • Productbeschrijving
  • Productafbeelding
  • Product URL

Categorie Pagina's

Instelling Beschrijving
OpenGraph Schakel OpenGraph tags in op categoriepagina's

Categoriepagina's gebruiken:

  • Categorienaam als titel
  • Categoriebeschrijving (indien ingesteld)
  • Categorieafbeelding of winkellogo

CMS Pagina's

Instelling Beschrijving
OpenGraph Schakel OpenGraph tags in op CMS pagina's
OpenGraph: Title Inclusief paginatitel
OpenGraph: Description Inclusief meta beschrijving
OpenGraph: Logo Gebruik winkellogo als afbeelding

Facebook App ID

Instelling Beschrijving
Facebook App ID Je Facebook applicatie ID

Toevoegen van je Facebook App ID schakelt in:

  • Facebook analytics voor shares
  • Extra debugging tools
  • Verbeterde integratie features

Twitter Cards

Twitter Cards bieden rijke previews wanneer je pagina's gedeeld worden op Twitter/X.

Card Types

De extensie gebruikt Summary Cards die tonen:

  • Titel
  • Beschrijving
  • Thumbnail afbeelding

Configuratie

Product Pagina's

Instelling Beschrijving
Twitter Summary Cards Schakel Twitter Cards in op productpagina's

Categorie Pagina's

Instelling Beschrijving
Twitter Summary Cards Schakel Twitter Cards in op categoriepagina's

CMS Pagina's

Instelling Beschrijving
Twitter Summary Schakel Twitter Cards in op CMS pagina's

Twitter Gebruikersnaam

Instelling Beschrijving
Twitter Username Je Twitter/X handle

Voer in met of zonder @:

  • @jouwwinkel
  • jouwwinkel

Dit koppelt gedeelde content aan je Twitter account.

Output Voorbeelden

OpenGraph (Product Pagina)

<meta property="og:type" content="product" />
<meta property="og:title" content="Premium Draadloze Koptelefoon" />
<meta property="og:description" content="Hoogwaardige draadloze koptelefoon" />
<meta property="og:image" content="https://winkel.nl/media/koptelefoon.jpg" />
<meta property="og:url" content="https://winkel.nl/koptelefoon" />
<meta property="og:site_name" content="Jouw Winkel" />
<meta property="fb:app_id" content="123456789" />

Twitter Cards (Product Pagina)

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@jouwwinkel" />
<meta name="twitter:title" content="Premium Draadloze Koptelefoon" />
<meta name="twitter:description" content="Hoogwaardige draadloze koptelefoon" />
<meta name="twitter:image" content="https://winkel.nl/media/koptelefoon.jpg" />

Afbeelding Vereisten

Voor beste resultaten op social platforms:

Facebook/OpenGraph

  • Minimum: 200 x 200 pixels
  • Aanbevolen: 1200 x 630 pixels
  • Maximum bestandsgrootte: 8 MB
  • Ondersteunde formaten: JPG, PNG, GIF

Twitter

  • Minimum: 144 x 144 pixels
  • Aanbevolen: 800 x 418 pixels (voor grote afbeeldingen)
  • Maximum bestandsgrootte: 5 MB
  • Ondersteunde formaten: JPG, PNG, GIF, WEBP

Best Practice

Gebruik productafbeeldingen van minimaal 1200 x 630 pixels om aan alle platformvereisten te voldoen.

Je Markup Testen

Facebook Sharing Debugger

  1. Ga naar Facebook Sharing Debugger
  2. Voer je pagina URL in
  3. Klik "Debug"
  4. Bekijk de preview en eventuele waarschuwingen
  5. Klik "Scrape Again" om gecachte data te verversen

Twitter Card Validator

  1. Ga naar Twitter Card Validator
  2. Voer je pagina URL in
  3. Klik "Preview Card"
  4. Verifieer dat de card correct wordt weergegeven

LinkedIn Post Inspector

  1. Ga naar LinkedIn Post Inspector
  2. Voer je pagina URL in
  3. Bekijk de preview

Probleemoplossing

Verkeerde Afbeelding Wordt Getoond

Probleem: Social platforms tonen oude of verkeerde afbeeldingen.

Oplossing:

  • Gebruik de debugger van het platform om cache te wissen
  • Zorg dat afbeelding URL absoluut is (begint met https://)
  • Controleer of afbeelding voldoet aan grootte vereisten

Geen Preview Verschijnt

Probleem: Share toont platte link zonder preview.

Oplossing:

  • Verifieer dat OpenGraph/Twitter Cards zijn ingeschakeld
  • Controleer paginabron op meta tags
  • Test met platform debuggers
  • Zorg dat pagina publiek toegankelijk is

Afgeknotte Beschrijving

Probleem: Beschrijving wordt afgeknipt.

Oplossing:

  • Houd beschrijvingen onder 200 tekens
  • Zet belangrijke informatie vooraan
  • Vermijd speciale tekens op afkappunten

Best Practices

Content

  • Schrijf aantrekkelijke titels (max 60 tekens)
  • Maak boeiende beschrijvingen (ideaal 155 tekens)
  • Gebruik hoogwaardige, relevante afbeeldingen

Technisch

  • Gebruik absolute URLs voor afbeeldingen
  • Zorg voor HTTPS voor alle resources
  • Test na wijzigingen
  • Wis platform caches bij updates

Consistentie

  • Match social preview met pagina content
  • Gebruik consistente branding
  • Update wanneer producten veranderen

Meer Hulp Nodig?

Documentatie:

Support:

Aangemaakt:
Bijgewerkt:
star star star star star
star star star star star
Alexandru-Manuel Carabus
Magmodules sets the bar for Magento module quality and support—we check their catalog first for client feature requests, and they’re our first choice for licenses.
Google 11 Nov 2025
star star star star star
star star star star star
Matt Austin
Possibly the fastest support response times of any Magento Extension vendor. Great extensions too!
Google 09 Sep 2025
star star star star star
star star star star star
Jan Privé
Dankzij de heldere uitleg en snelle reactie van Magmodules kon mijn vraag, en dus mijn Magento-probleem, binnen enkele uren worden beantwoord. Doeltreffend, zonder moeilijke termen, gewoon zo als het zou moeten zijn.... Bedankt!
Google 05 Sep 2025
star star star star star
star star star star star
Denis Metzler
To evaluate a provider, it is not enough to consider only the product offered, but also its after-sales service, such as support and troubleshooting. Magmodules has been extremely satisfactory at all levels on multiple occasions and sets the bar at the top when comparing the competition.
Google 02 Sep 2025
star star star star star
star star star star star
Bleijenberg winkelinrichting en materialen
Goed bereikbaar, reageren snel en denken oplossingsgericht. Een aanrader.
Google 30 Jul 2025
star star star star star
star star star star star
Patrick Verduijn
Magmodules biedt plugins aan die van hoge kwaliteit zijn tegen een goede prijs, waar dit bedrijf in uitblinkt is de bereidheid om de zeldzame feedback & problemen met de plugins te willen onderzoeken, mee te willen denken in het debuggen van problemen en goede oplossingen toe te passen. In mijn decennium ervaring met Magento & 3th parties is Magmodules absoluut een uniqum binnen de markt.
Google 25 Jul 2025
star star star star star
star star star star star
Erik de Groot
Magemodules heeft hele sterke Magento extensies en een proactieve support. Al jaren heel erg tevreden over jullie service en producten!
Google 18 Jul 2025
star star star star star
star star star star star
René Zeuner
We are using the Mollie Magento extension from Magmodules. It works excellently without flaws. Very fast, competent and friendly support. Thanks!
Google 30 Jun 2025
star star star star star
star star star star star
R. U.
Erg goed team, reageren snel en duidelijk en hebben met toegang tot onze database erg goed geholpen (eigenlijk een gratis customization).
Google 18 Jun 2025
star star star star star
star star star star star
Hugo de Groot
Uitstekende support! Wij gebruiken o.a. de Rich Snippets Suite extensie voor onze Magento 2 webshop (Hyvä) en hadden een specifieke vraag over structured data op PLP-pagina’s. Binnen no-time kregen we een inhoudelijk en duidelijk antwoord. Zeer prettig contact en goed onderbouwde uitleg. Absoluut een betrouwbare partner voor Magento-extensies!
Google 13 Jun 2025