Wie man das Weitersagen Ihrer Inhalte auf Facebook effektiver machen kann

Wussten Sie, dass Sie das Weitersagen von Inhalten auf Ihrer Website oder in Ihrem Blog kann über meta-tags in ihrer Effektivität verbessern können? Die folgenden Tipps beantworten auch die Frage: „Wie bestimme ich, welches Bild mit der Linkvorschau von Facebook angezeigt wird?“

Fügen Sie folgende Zeilen im head-Bereich ihres Quelltextes hinzu:

<meta name=“title“ content=„ÜBERSCHRIFT“>
<meta name=“description“ content=„INHALTBESCHREIBUNG“>
<link rel=“image_src“ href=„BILD-URL“>

(Wenn Sie den Code hier heraus kopieren, müssen Sie in Ihrem Editor die Anführungszeichen nochmal neu setzen, da sie sonst falsch formatiert sind!)

Achten Sie darauf, dass sie innerhalb der Überschrift bzw. der Inhaltbeschreibung keine weiteren Anführungszeichen verwenden( Sie können stattdessen ‚ verwenden). Das Bild sollte vorzugsweise quadratisch oder annähernd quadratisch sein.

Update: mit Einführung des Open Graph kann das Vorschaubild auch über folgenden tag definiert werden:

<meta property=“og:image“ content=“BILD-URL“ />

Für WordPress gibt es dazu auch ein Plugin.

Haben Sie Fragen zu dieser Vorgehensweise?
Dann hinterlassen Sie mir einfach einen Kommentar.

Annette Schwindt
hat sich inzwischen als "schwindt-pr" verabschiedet und bloggt jetzt unter annetteschwindt.de.

21 Kommentare

  1. Interessanter Ansatz mit dem verlinkten Bild.
    Ich habe immer vordefinierte Grafiken in ein verstecktes DIV am Ende der Seite gelegt, das funktioniert auch super.

  2. Bei mir klappt das leider hinten und vorne nicht 🙁 Weder mit noch . Der eingetragene Bildlink ist auch erreichbar… System- und Browsercache sind geleert. Ich weiß nicht mehr weiter!

  3. welche bildgröße wird den empfohlen. bei meiner seite frag-anton.de wird das bild nämlich nicht vollständig angezeigt.

  4. Vielen Dank für die Hilfestellung. Aber wie bekomme ich denn hin, die Inhaltsgrafiken als Thumb zu definieren?

  5. Hallo Frau Schwindt,
    Ihr Artikel ist schon einmal eine große Bereicherung für mich. Den Metatag mit einer Bild-Url habe ich im Headbereich ergänzt. Dennoch habe ich eine Frage:
    Im Share Button werden 3 Bilder zur Auswahl gestellt.
    1.Das Logo der Webseite (nicht gewollt)
    2. Ein Bild welches im Metatag sitzt (gewollt)
    3. Ein Bild (nicht gewollt)
    Ist es Möglich, das beim Teilen nur „ein“ Bild angezeigt wird und/oder wie bekomme ich das Logo da raus?
    Vielen Dank
    Gruß

  6. Habe die Seite durch das tool/debug geschickt, sorry ich versteh die Seite nicht. Bin nicht so bewandert in allem, schon garnicht in Englisch. Dort werden alle Bilder in Reihe, die auf der Webseite sind, aufgeführt. Und auch wieder die 3 Bilder zur Auswahl, wie im share-button.

    1. Dann versteht Facebook vermutlich nicht, dass Sie nur ein Bild dafür haben wollen. (Die Seite zeigt auf, was Facebook von der Website versteht). Der Artikel hier ist ja schon etwas älter. Vielleicht versuchen Sie es statt des link rel image mal mit dem passenden Open Graph tag?

  7. Sehr geehrte Fr. Schwindt

    Zu allererst mal herzlichen Dank für Ihre Mühe den Facebookusern und Webseiten-Besitzern zu helfen.
    Ich bin auf ihren Blog gestossen da es mir auch ein grosses Anliegen ist, eine schöne Linkübersicht meiner Webseite – falls diese geteilt wird – zu gestalten.
    Ich habe ihrer Anleitung folgend alle Schritte korrekt durchgeführt, jedoch hat sich am Ergebnis nichts geändert.
    Es wird in Facebook nur der Titel der Webseite mit darunter dem zugehörigen Link dargestellt.
    Ich wäre Ihnen sehr dankbar wenn Sie mir etwas auf die Sprünge helfen könnten 🙂

    Herzlichen Dank
    Andreas

  8. Hallo!
    Wie ich dem HTML Code entnehme, muss ich das für jeden einzelnen Post in den jeweiligen Quelltext einfügen?!
    Gibt es auch eine Möglichkeit, dass ein Bild bei jedem Post angezeigt wird, dh. zB in den gesamten Quelltext einzufügen?

    LG

Kommentare sind geschlossen.