Social-Media-Vorschaubilder

[Narges]

Hallo Ihr Lieben
für meine Website http://bergünerstein.ch/ möchte ich so schicke Vorschaubilder erstellen, damit es beim Teilen auf Social Media auch gut aussieht.
Hier (https://jbwebart.de/blog/richtige-vo...r-bei-facebook) habe ich eine Anleitung gefunden, wie das mit Head-Tags geht, und habe es auch ausgeführt für die Seitenlayouts meiner Startseite sowie der "Knotenseite". Aber leider funktioniert es nicht, d.h. wenn ich die Startseite auf Twitter teile, erscheint nur der Link und sonst nichts, weder das Bild noch die Beschreibung. Sieht jemand in der Page Source, wo der Fehler liegt? Vielen Dank!
Antonia

[Spooky]

Benutze einfach die codefog/contao-social_images Extension.

[Narges]

Danke! Nur weiss ich leider nicht, wie ich das installieren muss. (Habe noch nie eine Erweiterung installiert...) Gibts dazu eine Anleitung? (Ich habe die Dateien schon von hier https://contao.org/de/erweiterungsli...050059.de.html heruntergeladen.)

[fiedsch]

In Contao 4.x über composer (das wäre dann composer require "codefog/contao-social_images" auf der Konsole) oder den Contao-Manager (siehe https://docs.contao.org/books/manage...n-manager.html)

[Narges]

Danke! Habs geschafft, es zu installieren, aber leider hat dann die Website gar nicht mehr funktioniert. Es kam die Meldung von Contao, ich solle im var/log nachschauen, was das Problem sei. Die Fehlermeldung sah so aus:Fehlermeldung.PNG hmmm
Hab jetzt die Erweiterung wieder deinstalliert, die Website geht wieder, aber eigentlich hätte ich ja gerne die Erweiterung... gibts da irgendeinen Trick?
Danke für alle Hinweise!

[xchs]

Verwendest Du tatsächlich noch Contao 4.3? Falls ja, solltest Du die Installation entweder auf Contao 4.4 oder Contao 4.7 aktualisieren.

[Narges]

öhm, ja:-) Ist erst 18 Monate alt... wie kann ich das updaten? Auch im Manager?

[Spooky]

Ja, im Contao Manager die Version von "Contao Open Source CMS" von 4.3.* auf 4.4.* ändern, dann alle Pakete zum Update markieren und dann eine Paket Aktualisierung durchführen.

[Narges]

Danke! Das scheint geklappt zu haben. Konnte die Erweiterung auch installieren. Aber sie macht überhaupt nicht das, was ich wollte. Erstens kann man nicht einstellen, was für ein Bild gezeigt wird in der So-Me-Vorschau. Und ich habs jetzt gerade auf Twitter und LinkedIn probiert. Auf Twitter kam gar kein Bild, auf LinkedIn eins, das definitiv nicht von meiner Seite stammt. Oder funktioniert das wirklich nur für Facebook und google+, wie es in der Beschreibung steht?

[Spooky]

Aber sie macht überhaupt nicht das, was ich wollte. Erstens kann man nicht einstellen, was für ein Bild gezeigt wird in der So-Me-Vorschau.

Doch, das kannst du für jede Seite in den Einstellungen einstellen. Du musst es aber auch im Seitenlayout deines Themes aktivieren.

Für Nachrichten und Events wird automatisch das Teaser Bild genommen.

[Narges]

Ach so - danke! Habe jetzt auf allen Seiten das gewünschte Bild verlinkt und die Social Images in allen Seitenlayouts aktiviert. Aber es geht trotzdem nicht.. (langsam komme ich mir sehr dumm vor..) So sieht der Code aus:Code.PNG
Das stimmt doch?
Ratlose Grüsse
Antonia

[Spooky]

Genau. Was genau geht nun nicht? Wie testest du? Poste einen Link zu einem Beispiel.

[Narges]

z.B. diese hier http://bergünerstein.ch/dasbuch.html
oder jede andere der Hauptseiten (oberste Menu-Ebene). Es sollte dieses Bild erscheinen: Bergünerstein_Vorschau.jpg

[Spooky]

Sieht korrekt aus: https://developers.facebook.com/tool...2Fdasbuch.html

[Narges]

Danke fürs Testen!
Kann es sein, dass diese Erweiterung wirklich nur für Facebook geht, aber für Twitter und LinkedIn nicht?! Falls das so ist, gibt es eine andere, die für diese beiden Plattformen geht? FB hab ich nämlich nicht... (wobei ich eigentlich dachte, dass das html mit den meta-propertys für alle Plattformen funktionieren sollte??)

[Spooky]

Mit der Extension hat das nichts zu tun.

OpenGraph Meta Data wird auch von anderen Services wie zB Twitter benutzt.

[Narges]

Ja, das dachte ich eben auch... aber irgendwie läufts trotzdem nicht. Twitter bringt gar nichts (also einfach den Link zum Anklicken), LinkedIn ein generisches Bild von irgendwo...
Und sollte nicht auch der Seitenname noch erscheinen in der SoMe-Vorschau?

[Narges]

Nach intensivem Rumsuchen im Netz habe ich die Vermutung, es könnte etwas mit der robot.txt-Datei zu tun haben. Kommt anscheinend öfters vor, dass der Twitterbot gewisse Websites nicht crawlen kann. Hat jemand damit Erfahrung? (Auf LinkedIn funktionieren meine Bilder inzwischen.)
Es geht um diese Seite:http://bergünerstein.ch/

[Spooky]

Es scheint dort keine robots.txt zu geben: http://bergünerstein.ch/robots.txt

[Narges]

Auweja. Ich hatte das Gefühl, ich hätte die schon mal irgendwo gesehen in meinem Backend bzw. auf dem Server. (Bin gerade unterwegs und kann mich nicht einloggen.) Ich dachte, Contao erstellt die vielleicht automatisch (??).
Aber jedenfalls: müsste ich in dem Fall eine solche Datei erstellen, hochladen und darin explizit dem Twitterbot erlauben, meine Seite zu crawlen?

[Spooky]

Auweja. Ich hatte das Gefühl, ich hätte die schon mal irgendwo gesehen in meinem Backend bzw. auf dem Server. (Bin gerade unterwegs und kann mich nicht einloggen.) Ich dachte, Contao erstellt die vielleicht automatisch (??).

In Contao 3 gibt es eine default robots.txt: https://github.com/contao/core/blob/3.5/robots.txt

Auch in Contao 4 wird mittlerweile eine erzeugt. Beide würden aber nicht einen Twitter Bot ausschließen.

Aber jedenfalls: müsste ich in dem Fall eine solche Datei erstellen, hochladen und darin explizit dem Twitterbot erlauben, meine Seite zu crawlen?

Nein, wenn keine robots.txt da ist, wird dem Bot ja auch nichts nicht erlaubt .

[Narges]

Ich komme unter Anderem darauf, weil der Twitter Card Validator folgende Fehlermeldung ausspuckt:Validator.PNG
Ich habe nirgends eine Erklärung dafür gefunden, sie sieht aber ähnlich aus wie diejenigen, die wegen fehlender oder falscher robot.txt-Datei entstanden sind.

[mlweb]

Wenn keine existiert sollte eigentlich gecrawlt werden können.

[Narges]

Danke Euch beiden für die Antworten!
Ich habe eben auf diesem Blog:https://www.schnatterente.net/webdes...r-server-error
diesen Hinweis gefunden:
Twitterbot.PNG
Das ist zwar schon 6 Jahre alt, aber weit und breit der einzige konkrete Hinweis, was ich noch versuchen könnte...
Ich mach das einfach mal, sobald ich wieder zuhause bin...