Contentbeiträge teilen auf FB und Co mit OG aber Bild wird nie gezeigt?! Wie gehts?!

Hallo zusammen,

tüftele jetzt schon seit Stunden mit dem OG von Facebook und schaffe es nicht Content Beiträge vernünftig
für FB mit einem OG auszustatten damit in FB bei Eingabe des Links das passende Vorschaubild kommt.

Laut Anleitung ist es einfach: Einfach den Befehl

Code:

<meta property="og:image" content="http://example.com/rock.jpg" />

in den Header Bereich setzen und FB merkt bei Verlinkung das das Bild dazu gehört und zeigt es an.
Vorher noch bei Facebook Develop den Cache leeren und ab dafür. Soweit so gut!



Folgende Erkenntnisse habe ich gesammelt bisher Thema Grafik und Beschreibung :


Zum Thema Bild

Egal wo ich das :

Code:

<meta property="og:image" content="http://example.com/rock.jpg" />

einfüge es wird einfach nicht gezogen.

Hab es probiert über den Bereich SEO / Meta und dann neu angelegt damit es in den Header kommt - aber erfolglos.
Es bleibt ja bei Meta Name und wird nicht Meta Property -

Das genannte Bild wird nicht in der FB Vorschau gezeigt. In Der Vorschau bleibt es weiss und schick es ab nimmt er ein X-Beliebiges Bild der Startseite, auch nicht optmiert und nichts.

Dann hab ich den Befehl in den HTML Quellcode der Seite eingetragen - wieder Cache geleert bei mir und bei Facebook Develop und trotzdem er zieht einfach das Bild nicht. Es bleibt leer, poste ich nimmt er ein X-Beliebiges Bild aus dem Shop. Also auch fehlerhaft.

Zum Thema URL unter dem Bild:

Die Homepage als Namen ist Standard - dahinter steht der Author oder man lässt es leer. Author geht via Metadaten zu ändern - das von ist dann vorgegeben und das dahinter dann der Autoren Namen


Meta D. und Title

Wir automatisch gezogen aus dem Artikel selbst und der Vorgabe oder dem Content und der Vorgabe.


Frage die bleibt ist wie geht das mit dem OG und dem Bild welches ich selbst vorgeben möchte.
Hat wer ne Idee?


LG
Ken

 

poste mal einen link zu deinem Bild

und die OG meta Angaben die du erstellt hast

 

Diese Meta Angaben brauchst du

Code:

<meta property="og:title" content="Dein Titel" />
<meta property="og:description" content="Deine Beschreibung." />
<meta property="og:url" content="http://deine-webseite.de" />
<meta property="og:image" content="http://webadresse/verzeichnis/dein-bild.jpg" />

und die haben wir z.B. im Content Manager -> Header
als Quellcode mit eingefügt.

funktionieren tadelos

 

,

Das Bild :

Code:

https://www.pft24.de/images/glossar/mischpumpe-classic.jpg

Und eingefügt habe ich das einmal in der SEO/Meta als neue Meta sieht man dann im Quelltext. Und einmal auch im Content im Quelltext aber ohne Erfolg.

Sieht dann so aus
<meta name="og:image" content="https://www.pft24.de/images/glossar/mischpumpe-classic.jpg" />

 

Ok dann probier ich auch mal die ganzen anderen Zusätzlichen Angaben dazu. Ist das Bild Format auch wichtig?

 

Probier mal das aus

 

Hat wohl jetzt funktioniert oder ?

 

Nein leider nicht wirklich es bleibt einfach weiss.

Hab im Header jetzt folgendes:

Code:

<meta property="og:title" content="Putzmaschinenratgeber 2016" />
<meta property="og:description" content="Was ist eine Putzmaschine? Vorteile uvm." />
<meta property="og:url" content="https://www.pft24.de/info/glossar-putzmaschine.html" />
<meta property="og:image" content="https://www.pft24.de/images/glossar/mischpumpe-classic.jpg" />

Wenn ich mir das im Facebook Sharing Debugger anschaue um den Cache zu leeren ist da das selbe Ergebnis.
Bild leer - og image wird nicht eingelesen. OG Title und Description zieht er nicht aus dem Code sondern aus den Seiten Metas.

Scheint also nicht die Lösung mit dem Header zu sein?!

 

Also bei mir sieht das so aus wenn ich deine Webshop Adresse eingebe

 

Ist bei dir vieleicht irgendwo noch ein anderes Script hinterlegt das irgendwo mal eingefügt worden ist ?
vieleicht mal ein Ticket dazu erstellen und das Gambio Team reinschauen lassen warum das blockiert wird..

Welche Shopversion 3.2.0.1 oder 3.2.0.0 ?
Dann liegt es vieleicht an dem neuen Plugin Warenkorb Teilen also das durch die neue Funktion dein Sharing blockiert wird....

da wir noch mit 3.0.0.0 Arbeiten und es bei uns funktioniert ...

 

Wäre der Slider der Startseite aber auch nicht der im Header eingefügte OG Image - würdest du mir mal Deine Webseite zeigen bitte? Würde das gerne mal in Aktion sehen

 

Sind auf der neuesten Version 3.2.0.1

 

Facebook cacht einmal aufgerufene Seiten! Nimm deine URL und lass die mal hier:
https://developers.facebook.com/tools/debug/
neu einlesen! Sollte dann gehen.

 

So einfach ist es ja nicht - das hat ich oben schon beschrieben. Wenn überhaupt zieht er die Bilder der Startseite - aber irgend eines. Steffen du hast in Deinem reifen24.de die OG Geschichte in den Header Bereich Meta Property genau da wo er laut Facebook hin soll - aber wie kann in diesen Bereich schreiben?

Glaub das ist letztlich der genaue Bereich wo das hinmuss damit es Fb schnaggelt.

 

Zuerst mal welche Shopversion hast du? Es gab eine am Anfang von HG wo die OG: Meta daten mal fehlten.
Vorgesehen waren die eh nur auf den Artikelseiten, weil Startseite oder Kategorien ja kaum gepostet werden.

Das META geraffel muss auch abhängig davon welche Seite gerade geladen wird sein, kann also nicht pauschal in den METAs des Admins hinterlegt werden da sonst jede Seite das selbe zeigt.

Bei mir z.B. sind diese OG: Daten mit drinnen. Daher die Frage nach der Version

 

Da hast du Recht sehe ich genauso - eigentlich will ich ja nicht pauschal in den Head einfügen sondern den OG in dem Artikel den ich dann auch in FB teile´. Sind auf 3.2.0.1, mit den normalen Share Buttons die am Artikel sind klappt das auch problemlos. Ich bin echt ratlos.

 

Hierfür habe ich die Klasse GMMeta überladen und dort wird immer je nach Artikel, Content, Kategorie der Meta generriert!

 

So hab die Lösung gefunden, für alle die es interessiert hier das Tut:


Ihr ladet die Datei templates/honeygrid/module/head.html
Dort fügt Ihr den og Code über der Meta Angabe des Viewports ein wie oben beschrieben.

Code:

<meta property="og:title" content="Testseite" />
         <meta property="og:description" content="Was ist ein Test?" />
         <meta property="og:url" content="https://eure url" />
        <meta property="og:site_name" content="test.de" />
        <meta property="og:image" content="https://www.test.de/images/test.jpg" />

Dann Shopcache leeren und in https://developers.facebook.com/tools/debug/og/object/ den alten Cache leeren und neuen einlesen lassen und fertig - jetzt wird der Beitrag mit dem gewünschten Text und dem gewünschten Bild in Fb geteilt

 

Das ist Mist!

Somit hast du auf jeder Seite das selbe stehen!!!

 

Bin froh das es erstmal überhaupt für eine Seite geht. Besser wäre es natürlich für jede Content Seite eine eigene OG für die ich teile - aber kein Plan wie man das einfach hinbekommt , so änder ich den OG bei Bedarf und gut ist. Höre mir gerne aber nen besseren Lösungsweg an..