Falsches Like-Bild wird bei FB angezeigt

[Zarah]

Hallo an Alle!

Nachdem mir schon so super in diesem Forum geholfen wurde, hoffe ich das auch zu diesem Problem jemand einen Rat hat:

Ich habe mithilfe von ShareThis, Social Share Buttons in meine Produktseiten eingefügt. Jetzt hab ich aber das Problem, das wenn ich auf "gefällt mir" klicke bei Facebook zwar der richtige Text angeziegt wird, jedoch das falsche Bild.

Ich kann mir das nicht erklären und weiss auch nicht wie ich das ändern kann

Vielleicht habt ihr ja eine Idee

Danke schonmal!
Zarah

[Spann-Ung]

Wenn kein Bild vorhanden ist, oder das aktuelle Format ungünstig ist für die Verbreitung auf Facebook, kann man speziell für Facebook ein Bild anbieten, indem man diesen Meta-Tag hinzufügt:

Code: Alles auswählen

<meta property="og&#58;image" content="/images/ein-ansprechendes-bild.jpg" />

Selbiges gilt auch für die Beschreibung:

Code: Alles auswählen

<meta property="og&#58;description" content="Eine ansprechende Beschreibung" />

Für die Artikel und Unterseiten muss man das natürlich noch dynamisch umsetzen.

Achte auch direkt darauf, ein Bild im perfekten Format anzubieten.

[Zarah]

Hallo Spann-Ung,

Vielen Dank für deine Antwort!
Muss ich diesen Code jetzt in jedes einzelne Produkt einfügen? Und wenn ja, wo genau? Die Bilder haben meistens eine Größe von 800x800 pixeln.
Nur nochmal um sicher zu gehen das wir nicht an einander vorbei reden: Ich drücke auf meiner Produktseite im Onlineshop auf gefällt mir und bei Facebook wird ein falsches Bild angeziegt.

[Zarah]

Problem gelöst: https://wordpress.org/extend/plugins/fa ... thumbnail/

danke trotzdem

[bbnetch]

Und wenn ja, wo genau?

metatags kommen immer in den footer nach dem </html> .....
oder wie war das ????

Muss ich diesen Code jetzt in jedes einzelne Produkt einfügen?

Für die Artikel und Unterseiten muss man das natürlich noch dynamisch umsetzen.

heisst wenn du nicht bei jedem produkt den selben text oder das selbe bild willst, musst du das wohl durch variablen ersetzen

Code: Alles auswählen

<meta property="og&#58;image" content="/images/&#123;bild&#125;" />
<meta property="og&#58;description" content="&#123;Beschreibung&#125;" />