WebSite X5Help Center

 
M. H. L.
M. H. L.
User

Einbindung Open Graph Tag  de

Autor: M. H. L.
Visitado 467, Followers 1, Compartido 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

Publicado en
7 RESPUESTAS
M. H. L.
M. H. L.
User
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?

Leer más
Publicado en de M. H. L.
Daniel W.
Daniel W.
User

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.

Leer más
Publicado en de Daniel W.
M. H. L.
M. H. L.
User
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?

Leer más
Publicado en de M. H. L.
Daniel W.
Daniel W.
User

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.

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User

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" />

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User

Mal auf die Facebook-Nutzer warten, die müssten wissen wie es richtig geht.

Leer más
Publicado en de Daniel W.