Hoe u uw website-preview-miniatuur kunt laten verschijnen op Facebook Share

Wanneer iemand een link naar een van de pagina's van uw website op haar tijdlijn deelt, haalt Facebook automatisch een afbeelding op van de gelinkte pagina en toont deze naast de naam en URL van de pagina. Helaas kan de opgehaalde afbeelding soms geen verband houden met de inhoud van de pagina of zelfs helemaal ontbreken in de gedeelde link. Om ervoor te zorgen dat Facebook de best mogelijke afbeelding weergeeft wanneer iemand je pagina deelt -- en dus dat te vergroten klikfrequentie van de link -- voeg een paar regels code toe aan de HTML-code van de pagina om Facebook te dwingen een specifieke afbeelding.

Open Graph-opmaak toevoegen

Grafiek openen is een door Facebook ontwikkeld protocol waarmee webontwikkelaars onder meer opmaaktags aan hun pagina's kunnen toevoegen om de manier aan te passen waarop Facebook links naar hun websites weergeeft.

Video van de dag

Voeg Open Graph-tags toe aan een pagina door de HTML-broncode te bewerken:

Stap 1

Open het HTML-bestand in een teksteditor zoals Kladblok of in een speciale HTML-editor. Plaats uw cursor voor de afsluitende tag bovenaan het bestand en druk op

Binnenkomen om een ​​nieuwe regel te maken.

HTML-bestand in Kladblok, met een lege regel in het gedeelte Head aangegeven.

Afbeelding tegoed: Afbeelding met dank aan Microsoft

Stap 2

Voer de volgende metatag in:

Vervangen http://www.example.com/thumb.jpg met de daadwerkelijke link voor de afbeelding die u Facebook wilt laten weergeven wanneer een gebruiker een link naar uw site deelt.

Tip

  • Hoewel Facebook miniatuurafbeeldingen accepteert die zo klein zijn als 200 x 200 pixels, is de aanbevolen maat is 1200 pixels breed en 630 pixels hoog.
  • Om het percentage gebruikers dat op de link klikt te verhogen -- iets dat bekend staat als de klikfrequentie -- overweeg een toe te voegen oproep tot actie naar de afbeelding, zoals: Klik hier of Meer te weten komen.
HTML-bestand met afbeeldingstag voor Open Graph-meta-eigenschappen omcirkeld.

Afbeelding tegoed: Afbeelding met dank aan Microsoft

Stap 3

Sla uw bestand op en upload het naar uw webhost.

Overweeg om naast de miniatuurafbeelding Open Graph-markeringstags te gebruiken om bijvoorbeeld aanpassen de titel of beschrijving van een gedeelde link.

HTML-bestand met Open Graph-titel en beschrijvingstags aangegeven.

Afbeelding tegoed: Afbeelding met dank aan Microsoft