Kort antwoord: Een sociale deelafbeelding is de Open Graph-afbeelding — de afbeelding die verschijnt wanneer uw product- of blog-URL wordt geplakt in Instagram DM's, WhatsApp, Slack, X of Facebook. Het wordt ingesteld door og:image in de paginahead, niet door uw productfoto's, en de standaard van Shopify is vaak het winkellogo of niets. Het beïnvloedt de rangschikking niet direct; het beïnvloedt of een gedeelde link wordt aangeklikt. Voor on-page afbeeldingsrangschikkingsfactoren zie afbeelding SEO voor Shopify; voor alt-tekst specifiek zie productafbeelding alt-tekst.

De meeste Shopify-winkels ontdekken dit probleem op dezelfde manier: iemand deelt een productlink in een groepschat en het wordt weergegeven als een grijze doos, een uitgerekt logo of het verkeerde product. De oplossing is klein en wordt bijna altijd over het hoofd gezien, omdat niets in de Shopify-beheeromgeving het naar voren brengt.

Wat de preview daadwerkelijk bepaalt

Drie tags, allemaal in <head>:

  • og:image — de afbeeldings-URL. Dit is degene die ertoe doet.
  • og:title en og:description — de kop en de tekst eronder. Deze vallen terug op uw SEO-titel en metabeschrijving als ze niet zijn ingesteld, wat meestal prima is.
  • twitter:card — ingesteld op summary_large_image om de volledige breedte preview op X te krijgen in plaats van een miniatuur.

Als og:image ontbreekt, gokt elk platform. Facebook kiest de grootste afbeelding die het kan vinden, wat op een Shopify-collectiepagina vaak een promotiebanner is. Slack en WhatsApp renderen vaak helemaal niets.

Platform Vervangend Gedrag Typisch Resultaat
Facebook Kiest de grootste afbeelding op de pagina Toont vaak een promotiebanner (niet de bedoelde productafbeelding)
Slack Render niets wanneer og:image ontbreekt Link gedeeld zonder enige preview-afbeelding
WhatsApp Render niets wanneer og:image ontbreekt Link gedeeld zonder enige preview-afbeelding

De specificaties die er echt toe doen

1200×630 pixels. Dit is de verhouding waar elk groot platform naar toe cropt. Vierkante productfoto's worden in het midden bijgesneden, wat bij een hoog product — een fles, een jurk — de boven- en onderkant afsnijdt.

Onder 1 MB, idealiter onder 300 KB. WhatsApp en iMessage slaan stilletjes afbeeldingen over die te groot zijn, wat de reden is waarom een link correct previewt op desktop Slack en niets toont op een telefoon.

Absolute URL's met https://. Een protocol-relatieve //cdn.shopify.com/… URL werkt in een browser en faalt in de meeste crawlers.

JPEG of PNG. WebP-ondersteuning in sociale crawlers is nog steeds inconsistent — dit is de enige plek op een Shopify-winkel waar WebP de verkeerde keuze is.

Het instellen op Shopify

Shopify maakt og:image niet zichtbaar in de beheeromgeving. Het wordt ingesteld in theme.liquid, en de meeste thema's bevatten een redelijke standaard:

Productpagina's zouden de uitgelichte afbeelding moeten gebruiken. Collectiepagina's zouden de collectieafbeelding moeten gebruiken, met als fallback het winkellogo. Blogartikelen zouden de artikelafbeelding moeten gebruiken. Alles anders valt terug op een enkele merkstandaard.

De veelvoorkomende bug is een thema dat og:image eenmaal, wereldwijd, instelt op het winkellogo — zodat elk product als het logo wordt gedeeld. Controleer door een product-URL in de Facebook Sharing Debugger te plakken, die precies laat zien wat de crawler ziet en waarmee u een hernieuwde scrape kunt forceren na een wijziging.

Waarom dit geen rangschikkingsfactor is, en waarom het toch belangrijk is

Open Graph-tags worden niet door Google gebruikt voor rangschikking. Geen enkele hoeveelheid og:image-werk verplaatst een positie.

Wat het verplaatst is de doorklik op gedeelde links, en shares zijn hoe de meeste Shopify-winkels hun eerste links krijgen. Een product dat in een Facebook-groep van 200 personen wordt gedeeld als een grijze doos wordt genegeerd; dezelfde link met een duidelijke productfoto wordt aangeklikt. De SEO-waarde is van tweede orde en echt: gedeelde links die worden aangeklikt, worden gelinkt, en links verplaatsen rangschikkingen.

Het is ook belangrijk om een reden die drie jaar geleden niet bestond. AI-antwoordmachines tonen steeds vaker een bronkaart met een afbeelding wanneer ze een pagina citeren. Een ontbrekende og:image betekent dat uw winkel als tekst wordt geciteerd terwijl een concurrent met een productfoto wordt geciteerd.

Het controleren over de hele catalogus

Eén product is gemakkelijk te verifiëren. De faalmodus is dat de fallback werkt en het specifieke geval niet — producten zonder uitgelichte afbeelding, collecties gemaakt nadat het thema was bewerkt, blogposts geïmporteerd van een ander platform.

Elke URL in de Facebook-debugger plakken is niet schaalbaar. RankEngine's audit rapporteert ontbrekende en te grote og:image-waarden per URL naast de rest van de on-page controles, wat de enige manier is om de subset te vangen die stilletjes terugviel.

Gerelateerd