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

Thema wurde von Kenan Winter, 10. November 2016 erstellt.

  1. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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
     

    Anhänge:

    • og1.jpg
      og1.jpg
      Dateigröße:
      280 KB
      Aufrufe:
      15
    • og2.jpg
      og2.jpg
      Dateigröße:
      95 KB
      Aufrufe:
      16
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    poste mal einen link zu deinem Bild

    und die OG meta Angaben die du erstellt hast
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    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
     
  4. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    ,

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

    Anhänge:

  5. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    Ok dann probier ich auch mal die ganzen anderen Zusätzlichen Angaben dazu. Ist das Bild Format auch wichtig?
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    Probier mal das aus

     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    Hat wohl jetzt funktioniert oder ?
     
  8. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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?!
     

    Anhänge:

  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    Also bei mir sieht das so aus wenn ich deine Webshop Adresse eingebe
    [​IMG]
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    98
    Danke vergeben:
    103
    #10 Anonymous, 11. November 2016
    Zuletzt bearbeitet: 11. November 2016
    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 ...
     
  11. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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
     
  12. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    Sind auf der neuesten Version 3.2.0.1
     
  13. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
  14. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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.
     
  15. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.096
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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
     
  16. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41

    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.
     
  17. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Hierfür habe ich die Klasse GMMeta überladen und dort wird immer je nach Artikel, Content, Kategorie der Meta generriert!
     
  18. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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
     
  19. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Das ist Mist!
    Somit hast du auf jeder Seite das selbe stehen!!!
     
  20. Kenan Winter

    Kenan Winter Erfahrener Benutzer

    Registriert seit:
    2. März 2012
    Beiträge:
    129
    Danke erhalten:
    2
    Danke vergeben:
    41
    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..