Framer sociale media-voorvertoning wordt niet bijgewerkt

Framer stelt een sitewide sociale voorvertoning, pagina-overschrijvingen en CMS-afbeeldingen per item in. Als de nieuwe afbeelding live staat maar de oude nog steeds wordt weergegeven, is de cache van het platform de oorzaak.

Laatst bijgewerkt

Controleer je URL

Voorbeeld vernieuwen

Controleer afbeeldingsgrootte

Snelle oplossing


  1. Stel de afbeelding in via Site-instellingen of overschrijf deze in de pagina-instellingen.

  2. Kies voor CMS-pagina's CMS-variabelen onder Pagina-afbeeldingen, Sociale voorbeeldweergave.

  3. Publiceer de site opnieuw.

  4. Controleer het met de metatagchecker en vernieuw vervolgens elk platform.


Waarom het Framer-voorbeeld niet wordt bijgewerkt

  • De site is niet opnieuw gepubliceerd. Wijzigingen in de instellingen worden pas live zichtbaar nadat je publiceert.

  • Een pagina-overschrijving heeft voorrang. De eigen sociale afbeelding van een pagina vervangt de sitestandaard.

  • De CMS-pagina is niet gekoppeld aan een afbeeldingsveld, waardoor elk item de standaardafbeelding toont.

  • Het platform heeft de oude afbeelding gecachet. Het helpcentrum van Framer noemt caching op Slack, LinkedIn en X als de gebruikelijke oorzaak.

Hoe je dit oplost

  1. Open Site-instellingen en stel de standaardafbeelding voor de sociale preview in.

  2. Open voor een specifieke pagina de Pagina-instellingen en stel een andere afbeelding in.

  3. Voeg voor een CMS-template een Afbeeldingsveld toe, vul dit per item in en kies vervolgens in Pagina-instellingen voor Pagina-afbeeldingen, Sociale preview, CMS-variabelen en selecteer het veld.

  4. Gebruik variabelen in de stijl {{Title}} en {{Description}} voor titels en beschrijvingen per item.

  5. Publiceer en controleer vervolgens de live-URL met de metatag-checker.

Tags die Framer uitvoert

  • og:title en twitter:title op basis van de paginatitel

  • og:description en twitter:description

  • og:image en twitter:image op basis van de sociale preview

  • og:url en og:type

  • twitter:card ingesteld op summary_large_image

Niet geverifieerd: Framer documenteert de exacte lijst met tags niet. Dit is wat we hebben waargenomen op gepubliceerde Framer-sites in oktober 2026.

Regels voor afbeeldingsformaten

  • Framer gebruikt een verhouding van 1200 x 630 px voor sociale previews

  • Houd het belangrijke gedeelte in het midden

  • Blijf onder de 600 KB als WhatsApp belangrijk voor je is

Controleer het bestand met de OG-afbeeldingsformaatchecker.

Hoe je een vernieuwing forceert

Framer kan de cache van een ander platform niet wissen. Gebruik de Post Inspector van LinkedIn en de Sharing Debugger van Facebook, en deel de URL met een query-tekenreeks op X, Slack en Discord. De vernieuwingstool bevat de stappen voor elke app.

Bronnen

Veelgestelde vragen

Waarom wordt mijn Framer social preview-afbeelding niet bijgewerkt?

Meestal heeft het platform de oude afbeelding gecachet. Publiceer opnieuw, controleer de nieuwe afbeelding met de metatag-checker en vernieuw vervolgens elk platform.

Hoe stel ik voor elke Framer CMS-pagina een andere afbeelding voor sociale media in?

Voeg een afbeeldingsveld toe, ga vervolgens in de pagina-instellingen van de CMS-pagina naar Pagina-afbeeldingen, Sociale voorvertoning, CMS-variabelen en selecteer het veld.

Welk formaat moet een social preview-afbeelding voor Framer hebben?

Framer gebruikt een verhouding van 1200 x 630 px. Zorg dat belangrijke inhoud gecentreerd blijft.

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.

Controleer je URL

Voorbeeld vernieuwen

Controleer afbeeldingsgrootte

Gerelateerde gidsen

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.

Next.js Open Graph-afbeelding werkt niet

De meeste Next.js-previewfouten worden veroorzaakt door de Metadata API: een ontbrekende metadataBase, een openGraph-object dat het bovenliggende object overschrijft, of een afbeeldingsbestand dat de limiet overschrijdt.

LinkedIn linkvoorbeeld werkt niet of wordt niet bijgewerkt

LinkedIn stelt de kaart samen op basis van vier og:-tags en bewaart een gecachte kopie. Pas de tags aan en laat LinkedIn de pagina vervolgens opnieuw ophalen met Post Inspector.