Einbindung Open Graph Tag 
Autor: M. H. L.
Besucht 378,
Followers 1,
Geteilt 0
Hallo,
damit beim Teilen von Webseiten auf Facebook ein ganz bestimmtes Bild angezeigt wird, hatte ich ein sogenanntes Open Graph Tag im Head eingefügt mit der URL des Bildes, damit Facebook das Bild findet, das verwendet werden soll.
Der Tag sieht so aus:
<meta property="og:image:url" content="https://die-domain.de/images/fb/beach-1836467_1280.jpg" />
Dennoch wird das Bild beim Teilen nicht angezeigt.
Was ist verkehrt?
Viele Grüße
Gepostet am
Autor
... bzw. so:
<meta property="og:image" content="https://die-domain.de/images/fb/pixabay-165219.jpg" />
Hatte "url" dazwischengeschoben, um zu probieren, ob es so klappen könnte. Aber beide Varianten funktionieren nicht.
Ich habe es vor dem </HEAD> Tag eingebunden. Ist doch richtig?
Laut Anleitung gibt es dafür extra einen Abschnitt in WebSite X5 - ganz ohne Code, siehe
1 Einstellungen > Allgemeine Informationen
----- Anleitung -----
So stellen Sie das Bild ein, das beim Teilen Ihrer Website auf Sozialen Netzwerken angezeigt wird
>> https://guide.websitex5.com/de/support/solutions/articles/44001268970
---------------------
Da ich nicht bei Facebook bin, kann ich es nicht selber testen.
Autor
Danke für den Link.
Doch wie es scheint, lässt sich nur ein Bild für alle Seiten hinzufügen und nicht pro Seite ein separates Bild.
Also doch mit Code?
Ich habe mal testweise in meinem Demo-Shop bei OpenGraph ein Bild eingefügt und im Quelltext dann diesen Code dafür gefunden, siehe
----- Code ----
<metaproperty="og:image" content="https://findelinks.de/123shop-hosteurope/favImage_small.png" />
----------------
Es muss also die komplette Webadresse zum Bild angegeben werden und nicht nur der Pfad.
.
Kleine Anleitung:
Es muss bei verschiedenen Bildern für jede Seite in WebSite X5 unter ...
3 Sitemap
... die betreffende Seite markiert und oben auf "Eigenschaften" geklickt werden, dann auf "Erweitert" klicken und bei ...
Benutzerdefinerter Code
Nach dem <HEAD> Tag
... der Code für OpenGraph eingetragen werden.
Hinweis:
Das Bild für OpenGraph sollte dann aber entfernt werden bei ...
1 Einstellungen > Allgemeine Informationen
... damit es keine Probleme wegen doppelter Angabe gibt.
Korrektur:
Wie immer gibt es Probleme hier beim Kopieren von Code, da das Leerzeichen weggelassen wird.
Noch einmal als Beispielcode:
<meta property="og:image" content="https://beispiel.de/bild123.png" />
Autor
Ja, die komplette Webadresse ist angegeben:
<meta property="og:image" content="https://die-domain.de/images/fb/pixabay-165219.jpg" />
Oder übersehe ich da irgendetwas? Fühle mich schon ganz meschugge.
Mal auf die Facebook-Nutzer warten, die müssten wissen wie es richtig geht.