Module "ShareThis" & "MetaTags": Bilder werden nicht bei Twitter geteilt
Eingetragen von pyretta (159)am 13.05.2016 - 12:30 Uhr in
Hallo,
ich habe das Problem, dass ich keine Bilder in Twitter angezeigt bekomme, wenn ich einen Beitrag mit dem Modul "ShareThis" teile.
In dem Popup wird das Bild zwar angezeigt mit einem kurzen Anleser des Beitrags, aber später in Twitter nicht mehr.
Teile ich den gleichen Beitrag auf Pinterest, LinkedIn oder Facebook, wird das gewünschte Bild angezeigt. Nur bei Twitter nicht.
Ich habe mit dem Modul "MetaTags" die betreffenden Metatags ausgefüllt - auch speziell für einzelne Beiträge nicht nur Global für alle Beiträge dieses Inhaltstyps.
In folgenden Feldern habe ich die gewünschte Bild-URL eingetragen:
- Advanced tags: Bild
- Open Graph: Bild, Image URL, Secure image URL
- Twitter card: Image URL
- Google+: Image URL
Außerdem habe ich unter "Twitter card" noch folgende Informationen ergänzt:
- Creator's Twitter account
- Creator's Twitter account ID
- Google Play app name
- Google Play app ID
- Google Play app's custom URL scheme
Im Quelltext sind auch die entsprechenden Metatags vorhanden und mit den richtigen Werten gefüllt.
Hier ein Auszug mit Beispiel-Inhalt:
<meta http-equiv="content-language" content="de" />
<meta property="og:site_name" content="SEITENNAME -- BEISPIEL -- " />
<meta property="og:title" content="SEITENNAME -- BEISPIEL -- " />
<meta property="og:url" content="https://www.beispiel.de/de/beispiel-inhaltstyp/2016/05/beispiel-beitrag" />
<meta property="og:description" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta property="og:updated_time" content="2016-05-12T17:03:28+02:00" />
<meta property="og:image" content="https://www.beispiel.de/sites/default/files/uploads/bild.png" />
<meta property="og:image:url" content="https://www.beispiel.de/sites/default/files/uploads/bild.png" />
<meta property="og:image:secure_url" content="https://www.beispiel.de/sites/default/files/uploads/bild.png" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@USERNAME1234" />
<meta name="twitter:creator:id" content="1234567890" />
<meta name="twitter:title" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta name="twitter:image" content="https://www.beispiel.de/sites/default/files/uploads/bild.png" />
<meta name="twitter:url" content="https://www.beispiel.de/de/beispiel-inhaltstyp/2016/05/beispiel-beitrag" />
<meta name="twitter:description" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta name="twitter:image:alt" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta property="article:published_time" content="2016-05-12T09:49:04+02:00" />
<meta property="article:modified_time" content="2016-05-12T17:03:28+02:00" />
<meta itemprop="image" content="https://www.beispiel.de/sites/default/files/uploads/bild.png" />
<meta itemprop="description" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta itemprop="name" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta name="twitter:app:name:googleplay" content="App-Name" />
<meta name="dcterms.title" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta name="twitter:app:id:googleplay" content="de.firma.app" />
<meta name="dcterms.creator" content="user.name" />
<meta name="twitter:app:url:googleplay" content="https://play.google.com/store/apps/details?id=de.firma.app" />
<meta name="dcterms.description" content="BEITRAGSNAME -- BEISPIEL -- " />
<meta name="dcterms.date" content="2016-05-12T09:49+02:00" />
<meta name="dcterms.type" content="Text" />
<meta name="dcterms.format" content="text/html" />
<meta name="dcterms.language" content="de" />
<meta name="dcterms.identifier" content="https://www.beispiel.de/de/beispiel-inhaltstyp/2016/05/beispiel-beitrag" />Wo habe ich meinen Denkfehler?
Was fehlt noch?
Ich hoffe ihr könnt mir hier weiterhelfen.
Vielen Dank schon mal im Voraus.
Liebe Grüße,
pyretta
- Anmelden oder Registrieren um Kommentare zu schreiben
Hi, probier mal die Bilder
am 13.05.2016 - 12:38 Uhr
Hi,
probier mal die Bilder ohne https:// zu posten!
Mixed Content funktioniert da offensichtlich nicht.
Wenn du die Bilder sowieso öffentlich machen möchtest,
wäre das http:// Protokoll eher geeignet, da sonst
jeder das Zertifikat Deines Servers benötigen würde
um die Bilder zu holen.
MfG
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Hallo Robert, vielen Dank für
am 13.05.2016 - 14:40 Uhr
Hallo Robert,
vielen Dank für deinen Hinweis.
Ich habe ihn sogleich ausprobiert, aber leider hat es immer noch nicht funktioniert.
Der Fehler muss wohl wo anders liegen. Schade.
Hast du oder jemand anders vielleicht noch eine Idee?
Hi nochmal, dann probier mal
am 13.05.2016 - 15:53 Uhr
Hi nochmal,
dann probier mal das folgende Tool von Twitter, das sollte mehr Aufschluss geben:
https://cards-dev.twitter.com/validator
Es kann auch sein dass Twitter die Cards cached, d.H: wenn Du mal eine Card ohne Image submitted
hast, kann es dauern, bis das fehlende Bild erneut geholt wird.
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Vielen Dank Robert!Das war
am 13.05.2016 - 18:31 Uhr
Vielen Dank Robert!
Das war die Lösung!
Es fehlte im Prinzip die Beschreibung und der Titel für die Twitter Card.
Ich ging davon aus, dass mit dem Token "[node:summary]" bzw. "[node:title]" die Felder automatisiert gefüllt werden würden, war aber nicht der Fall.
Nachdem ich diese Felder manuell befüllt habe, ging es ohne Probleme. Der Validator ist wirklich spitze. Vielen Dank nochmal dafür.
Nur so am Rande... Was wäre denn eigentlich das richtige Token für diese beiden Felder, um diese automatisiert zu befüllen?