zaterdag 22 februari 2014

Hoe standaard-afbeelding toevoegen tijdens het delen van je site op Facebook?

Laatst kreeg ik een opmerking, wanneer mijn site http://www.market-locator.com gedeeld wordt op Facebook er een logo of afbeelding ontbreekt naast de link.

Na wat zoekwerk kwam ik erachter dat je via 'Facebook' meta-tags bepaalde info kan toevoegen aan je site, en Facebook deze meta-tags gebruikt om gegevens bij de gedeelde link te plaatsen.

Om te testen hoe Facebook jou site 'scant' kun je de link ingeven op:

In onderstaande afbeelding zie je hoe Facebook de gegevens opneemt van mijn site.



Het is eigenlijk héél simpel!

1. Maak een afbeelding van max. 200 x 200 pixels.
2. Upload deze naar je site.
3. Plaats volgende meta-tag regel tussen de <head>-tags:
   <meta property="og:image" content="http://www.jouwsite.com/directory_van_je_afbeelding/afbeelding.png" />
4.Test je site nogmaals via: https://developers.facebook.com/tools/debug

Hier zie je het resultaat tijdens het delen van een link:



Het is ook mogelijk op éénvoudige wijze andere gegevens (beschrijving, title, ... ), op dezelfde manier toe te voegen vb:

<meta property="og:title" content="Titel van je site" />
<meta property="og:site_name" content="Site naam" />
...

Voor nog meer mogelijkheden, surf naar:

en klik op 3. Use proper Open Graph tags to drive distribution

Succes!!!

;-)





Geen opmerkingen:

Een reactie plaatsen