Hur du får din webbplats förhandsgranska miniatyr att visas på Facebook Share

När någon delar en länk till en av din webbplats sidor på sin tidslinje, hämtar Facebook automatiskt en bild från den länkade sidan och visar den bredvid sidans namn och URL. Tyvärr kan den hämtade bilden ibland vara orelaterade till sidans innehåll eller kanske till och med saknas helt i den delade länken. För att säkerställa att Facebook visar den bästa möjliga bilden när någon delar din sida – och därför öka det länkens klickfrekvens -- lägg till några rader kod i sidans HTML-kod för att tvinga Facebook att hämta en specifik bild.

Lägg till Open Graph Markup

Öppna Graph är ett protokoll utvecklat av Facebook som, bland andra funktioner, låter webbutvecklare lägga till uppmärkningstaggar på sina sidor för att anpassa hur Facebook visar länkar till sina webbplatser.

Dagens video

Lägg till Open Graph-taggar på en sida genom att redigera dess HTML-källkod:

Steg 1

Öppna HTML-filen i en textredigerare som Anteckningar eller i en dedikerad HTML-redigerare. Placera markören före den avslutande taggen nära toppen av filen och tryck Stiga på för att skapa en ny rad.

HTML-fil i Anteckningar, med tom rad i avsnittet Head angivet.

Bildkredit: Bild med tillstånd av Microsoft

Steg 2

Ange följande metatagg:

Byta ut http://www.example.com/thumb.jpg med den faktiska länken för bilden du vill att Facebook ska visa när en användare delar en länk till din webbplats.

Dricks

  • Även om Facebook accepterar miniatyrbilder som är så små som 200 x 200 pixlar, rekommenderad storlek är 1200 pixlar bred och 630 pixlar hög.
  • För att öka andelen användare som klickar på länken -- något som kallas klickfrekvens -- överväg att lägga till en uppmaning till handling till bilden, som t.ex Klicka här eller Få reda på mer.
HTML-fil med Open Graph-metaegenskapsbildtaggen inringad.

Bildkredit: Bild med tillstånd av Microsoft

Steg 3

Spara din fil och ladda upp den till ditt webbhotell.

Utöver miniatyrbilden, överväg att använda Open Graph-markeringstaggar för att t.ex. anpassa en delad länks titel eller beskrivning.

HTML-fil med Open Graph-titel och beskrivningstaggar indikerade.

Bildkredit: Bild med tillstånd av Microsoft