it-swarm.com.de

Standardbild der Website für Social Sharing

Gibt es eine Möglichkeit, ein Standardbild festzulegen, das angezeigt wird, wenn ich meine Website auf Facebook freigebe? Mir ist aufgefallen, dass Facebook normalerweise das erste Bild von der Website abruft, das als Miniaturbild verwendet wird.

43
paz

Sie müssen das Meta-Tag für das Facebook-Bild festlegen:

<meta property="og:image" content="http://example.com/logo.jpg">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">

Weitere Informationen finden Sie in docs

64
Patsy Issa
<meta property="og:image" content="http://example.com/lamb-full.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

Die Bildgröße sollte mindestens 200 x 200 Pixel betragen

8
Raina Vinod

Die Server von Facebook durchsuchen Ihre Website nach einem Bild, das von anderen geteilt werden kann. Wenn Sie angeben möchten, welches Bild verwendet werden soll, geben Sie dies in das Feld <head></head> Abschnitt Ihrer Website:

  • <meta property="og:image" content="http://url-to-your-image.png">

Facebook hat möglicherweise eine Kopie des vorherigen zufälligen Bildes zwischengespeichert. So holen Sie Facebook erneut ab:

6
full_prog_full

Das ist meine Lösung, es funktioniert gut:

<head>
    <!--FACEBOOK-->
    <meta property="og:image" content="https://www.website.com/logo.jpg">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="1024">
    <meta property="og:image:height" content="1024">
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.website.com/"/>
    <meta property="og:title" content="Website title" />
    <meta property="og:description" content="Website description." />
<head>

Sie können einen Test mit Facebook Debug site machen.

5
iLandes

Setze ein og:image im <head> Ihres HTML-Dokuments wie folgt:

<meta property="og:image" content="http://example.com/ogp.jpg" />

Dies ist Teil des Open Graph-Protokolls, das zumindest von den folgenden Social-Media-Sites respektiert wird:

(... und wahrscheinlich noch viel mehr.)

Zusätzlich zum Setzen des obigen Tags können Sie auch :

5
Mark Amery