Shopify-afbeelding voor delen op sociale media werkt niet
Shopify kiest de afbeelding voor delen in een vaste volgorde: eerst de themacode, dan de thema-instellingen en vervolgens de afbeelding in Voorkeuren. Het uploaden op de verkeerde plek is de meest voorkomende oorzaak.
Laatst bijgewerkt
Snelle oplossing
Controleer de winkel-URL met de metatagchecker.
Zoek eerst naar een instelling voor een afbeelding voor sociale media in je thema; deze overschrijft Voorkeuren.
Stel deze anders in via Webshop, Voorkeuren, Afbeelding voor delen op sociale media en SEO.
Vernieuw de link in de Sharing Debugger van Facebook.
Waarom de Shopify-afbeelding niet wordt weergegeven
Het thema overschrijft Voorkeuren. Shopify gebruikt afbeeldingen in deze volgorde: hardcoded in de themacode, vervolgens thema-instellingen voor sociale media of afrekenen, en daarna de afbeelding uit Voorkeuren.
Je thema gebruikt alleen zijn eigen instelling. Sommige thema's negeren de afbeelding uit Voorkeuren volledig.
De pagina heeft een eigen afbeelding. Links naar producten, collecties en blogberichten gebruiken de uitgelichte afbeelding van die pagina in de gratis thema's van Shopify.
Er is nergens een afbeelding ingesteld, dus Shopify valt terug op je logo en voegt een opvulling toe met de achtergrondkleur.
Het platform heeft de oude voorvertoning gecachet.
Hoe je dit oplost
Open de URL in de meta tag checker en bekijk welke
og:imagewordt getoond.Ga in Webshop naar Thema's, Thema aanpassen, Thema-instellingen, zoek naar Sociale media of Sociaal delen en stel de afbeelding daar in als deze optie bestaat.
Als het thema geen instelling heeft, ga dan naar Webshop, Voorkeuren en voeg de afbeelding toe onder Afbeelding voor sociaal delen en SEO.
Stel voor producten, collecties en berichten een uitgelichte afbeelding in op dat item.
Verwijder het wachtwoord van de webshop voordat je test. Shopify's community-ondersteuning merkt op dat een wachtwoordpagina je tags verbergt.
Klik op 'Opnieuw scrapen' in de Sharing Debugger van Facebook.
Tags die Shopify-thema's genereren
Shopify's gratis thema's voegen automatisch Open Graph-tags toe: og:title, og:description, og:url en og:image. Aangepaste thema's kunnen afwijken, dus controleer de live HTML.
Regels voor afbeeldingsformaten
Facebook: 1200 x 630 px aanbevolen, minimaal 200 x 200 px, max. 8 MB
LinkedIn: minimaal 1200 x 627 px, max. 5 MB
WhatsApp: minder dan 600 KB
Shopify vult logo's op die niet aan het aanbevolen formaat voldoen of een transparante achtergrond hebben. Gebruik in plaats daarvan een beeldvullende afbeelding. Controleer het bestand met de OG image size checker.
Een vernieuwing forceren
Shopify kan de cache van Facebook of LinkedIn niet wissen. Gebruik de Sharing Debugger en Post Inspector, en deel de URL met een query string op X, Slack en Discord. De vernieuwingstool bevat elke stap.
Bronnen
Veelgestelde vragen
Waarom wordt mijn Shopify-voorkeurenafbeelding niet weergegeven wanneer ik een link deel?
Je thema heeft een eigen instelling voor social-afbeeldingen of hardgecodeerde tags die de Voorkeuren overschrijven. Stel de afbeelding in via de themainstellingen.
Welke afbeelding gebruikt Shopify voor productlinks?
In de gratis thema's van Shopify, de uitgelichte afbeelding van het product. Hetzelfde geldt voor collecties en blogberichten.
Waarom heeft mijn logo een gekleurde rand?
Er is geen deelafbeelding ingesteld, dus Shopify gebruikt het logo en vult de ruimte met de achtergrondkleur van je thema.
Controleer je pagina en vernieuw vervolgens het voorbeeld
Plak je URL in de gratis checker om te zien welke tags elke app precies uitleest. Zodra de tags kloppen, gebruik je de vernieuwingstool om het oude voorbeeld te wissen.
Gerelateerde gidsen
Facebook-linkvoorbeeld wordt niet weergegeven of niet bijgewerkt
Facebook leest Open Graph-tags met zijn eigen crawler en slaat het resultaat tot wel 30 dagen op in de cache. Pas de tags en afbeelding aan en scrape de URL vervolgens opnieuw.
WordPress OG-afbeelding wordt niet weergegeven wanneer je een bericht deelt
Bij WordPress zijn de Open Graph-tags afkomstig van een SEO-plugin of het thema. Twee bronnen die met elkaar conflicteren, een gecachte pagina of een te kleine afbeelding zijn meestal de oorzaak.
Webflow Open Graph-afbeelding werkt niet
Webflow stelt Open Graph per pagina in, nooit globaal. CMS-sjabloonpagina's hebben een afbeeldingsveld nodig, en elke afbeelding in die collectie moet dezelfde afmetingen hebben.