So erhalten Sie Ihre Website-Vorschau-Miniaturansicht, um auf Facebook angezeigt zu werden

click fraud protection

Wenn jemand auf seiner Timeline einen Link zu einer der Seiten deiner Website teilt, ruft Facebook automatisch ein Bild von der verlinkten Seite ab und zeigt es neben dem Namen und der URL der Seite an. Leider kann das abgerufene Bild manchmal keinen Bezug zum Inhalt der Seite haben oder sogar ganz im geteilten Link fehlen. Um sicherzustellen, dass Facebook das bestmögliche Bild anzeigt, wenn jemand Ihre Seite teilt – und erhöhen Sie dies daher Klickrate des Links – fügen Sie dem HTML-Code der Seite einige Codezeilen hinzu, um Facebook zu zwingen, einen bestimmten Inhalt abzurufen Bild.

Markup für offenes Diagramm hinzufügen

Grafik öffnen ist ein von Facebook entwickeltes Protokoll, mit dem Webentwickler unter anderem Markup-Tags zu ihren Seiten hinzufügen können, um die Art und Weise, wie Facebook Links zu ihren Websites anzeigt, anzupassen.

Video des Tages

Fügen Sie Open Graph-Tags zu einer Seite hinzu, indem Sie ihren HTML-Quellcode bearbeiten:

Schritt 1

Öffnen Sie die HTML-Datei in einem Texteditor wie Notepad oder in einem speziellen HTML-Editor. Positionieren Sie Ihren Cursor vor dem schließenden Tag am Anfang der Datei und drücken Sie

Eintreten um eine neue Zeile zu erstellen.

HTML-Datei im Editor, mit Leerzeile im Head-Abschnitt.

Bildnachweis: Bild mit freundlicher Genehmigung von Microsoft

Schritt 2

Geben Sie das folgende Meta-Tag ein:

Ersetzen http://www.example.com/thumb.jpg mit dem eigentlichen Link für das Bild, das Facebook anzeigen soll, wenn ein Benutzer einen Link zu Ihrer Website teilt.

Spitze

  • Während Facebook Miniaturansichten mit einer Größe von 200 x 200 Pixel akzeptiert, empfohlene Größe ist 1200 Pixel breit und 630 Pixel hoch.
  • Um den Prozentsatz der Benutzer zu erhöhen, die auf den Link klicken – so genanntes Klickrate -- erwäge, a. hinzuzufügen Aufruf zum Handeln zum Bild, wie zum Beispiel Klicken Sie hier oder Finde mehr heraus.
HTML-Datei mit eingekreistem Open Graph-Meta-Property-Image-Tag.

Bildnachweis: Bild mit freundlicher Genehmigung von Microsoft

Schritt 3

Speichern Sie Ihre Datei und laden Sie sie auf Ihren Webhost hoch.

Ziehen Sie zusätzlich zum Miniaturbild in Betracht, Markup-Tags von Open Graph zu verwenden, um beispielsweise anpassen den Titel oder die Beschreibung eines freigegebenen Links.

HTML-Datei mit den angegebenen Open Graph-Titel- und Beschreibungs-Tags.

Bildnachweis: Bild mit freundlicher Genehmigung von Microsoft