[Metatags] - In Twitter wird kein Bild angezeigt, obwohl es im Quelltext etc. eingebunden ist
Eingetragen von pyretta (171)am 12.03.2018 - 11:43 Uhr in
Hallo,
ich habe folgendes Problem:
Seit Samstag werden keine Beitragsbilder mehr auf Twitter angezeigt, wenn ein Beitrag geteilt wird. Vorher ging das ohne Probleme - auch bei den betreffenden Beiträgen. Geändert wurde daran allerdings nichts in der Zwischenzeit - außer evtl. ein Update des Metatag-Moduls.
Der Twitter-Validator zeigt auch an, dass alles im grünen Bereich wäre (s. angefügtes Bild), der Quelltext erscheint mir auch lückenlos und die dort hinterlegte Bild-URL funktioniert, wenn man sie aus dem Quelltext in ein weiteres Browser-Tab kopiert.
Was also läuft hier schief?
Ist das ein Problem von Twitter oder meiner Drupal-Installation (7.57)?
Habe ich etwas falsch konfiguriert?
Oder ist es ein Bug in der verwendeten Metatag Version (7x 1.22)?
Das Bild wird übrigens über Tokens in die Metatagfelder eingebunden (z.B. [node:field_img_beitragsbild]) und befindet sich in einem eigenen Feld (field_img_beitragsbild).
Hier mal der Quelltext (mit Beispieltexten verkürzt):
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="###DESCRIPTION###BEISPIELTEXT###" />
<meta name="abstract" content="###ABSTRACT###BEISPIELTEXT###" />
<meta name="keywords" content="###KEYWORDS###BEISPIELTEXT###" />
<meta name="robots" content="follow, index" />
<meta name="news_keywords" content="###KEYWORDS###BEISPIELTEXT###" />
<link rel="image_src" href="https://www.beispiel.de/sites/default/files/uploads/grafiken/beispielgrafik.png" />
<meta name="generator" content="Drupal 7 (http://drupal.org)" />
<link rel="canonical" href="https://www.beispiel.de/beitrag/2018/03/beispiel-beitrag" />
<link rel="shortlink" href="https://www.beispiel.de/node/1234" />
<meta property="og:site_name" content="###WEBSITE-NAME###BEISPIELTEXT###" />
<meta property="og:type" content="article" />
<meta property="og:title" content="###TITEL###BEISPIELTEXT###" />
<meta property="og:url" content="https://www.beispiel.de/beitrag/2018/03/beispiel-beitrag" />
<meta property="og:description" content="###DESCRIPTION###BEISPIELTEXT###" />
<meta property="og:updated_time" content="2018-03-10T10:21:37+01:00" />
<meta property="og:image" content="https://www.beispiel.de/sites/default/files/uploads/grafiken/beispielgrafik.png" />
<meta property="og:image:url" content="https://www.beispiel.de/sites/default/files/uploads/grafiken/beispielgrafik.png" />
<meta property="og:image:secure_url" content="https://www.beispiel.de/sites/default/files/uploads/grafiken/beispielgrafik.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@BEISPIELNAME" />
<meta name="twitter:creator:id" content="123456789 - BEISPIEL" />
<meta name="twitter:url" content="https://www.beispiel.de/beitrag/2018/03/beispiel-beitrag" />
<meta name="twitter:title" content="###TITEL###BEISPIELTEXT###" />
<meta name="twitter:image" content="https://www.beispiel.de/sites/default/files/uploads/grafiken/beispielgrafik.png" />
<meta name="twitter:description" content="###DESCRIPTION###BEISPIELTEXT###" />
<meta property="article:published_time" content="2018-03-10T10:21:37+01:00" />
<meta property="article:modified_time" content="2018-03-10T10:21:37+01:00" />
<meta itemprop="name" content="###TITEL###BEISPIELTEXT###" />
<meta itemprop="description" content="###DESCRIPTION###BEISPIELTEXT###" />
<meta name="dcterms.title" content="###TITEL###BEISPIELTEXT###" />
<meta name="dcterms.creator" content="beispiel.name" />
<meta name="dcterms.description" content="###DESCRIPTION###BEISPIELTEXT###" />
<meta name="dcterms.date" content="2018-03-10T10:21:37+01:00" />
<meta name="dcterms.type" content="Text" />
<meta name="dcterms.format" content="text/html" />
<meta name="dcterms.identifier" content="https://www.beispiel.de/beitrag/2018/03/beispiel-beitrag" />
<meta name="dcterms.modified" content="2018-03-10T10:21:37+01:00" />
<meta name="p:domain_verify" content="5e9bc28e624d1aea9f7f6e9a094fe47d"/>Und ich habe ein Screenshot des Validators angehängt.
Ich hoffe, dass mir hier jemand weiterhelfen kann.
Vielen Dank im Voraus.
EDIT: Auf Facebook scheint es ebenfalls nicht zu funktionieren, aber auf LinkedIn schon.
| Anhang | Größe |
|---|---|
| TwitterValidator.png | 28.1 KB |
| MetaTag_Module_Admin.png | 379.49 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Duusst Opengraph aktivieren
am 14.03.2018 - 17:54 Uhr
Duusst Opengraph aktivieren und dann die entsprechenden Felder mit Tokens zum entsprechenden Bild sowie den Dateitypen der verwendeten Bilder und der breite und Höhe des Bildes befüllen. Am besten so viel wie möglich im Bereich global. Damit du nicht so viel suchen musst. Ich hänge später noch einen Screenshot an.
Danke dinmikkith für deinen
am 14.03.2018 - 18:31 Uhr
Danke dinmikkith für deinen Hinweis, aber wie ich bereits geschrieben habe und durch Screenshots belegt habe, habe ich das bereits alles getan....
Es geht darum, dass es trotzdem nicht zu funktionieren scheint und ich einfach nicht weiß wieso.
Weil sich deine Metatags hier
am 14.03.2018 - 21:57 Uhr
Weil sich deine Metatags hier von unterscheiden :-)
<meta name="title" content="Einen Webserver Für Drupal auf Deepin Linux einrichten" /><meta property="og:determiner" content="Drupal TV" />
<meta property="og:site_name" content="Drupal TV" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="robots" content="index, follow" />
<meta http-equiv="content-language" content="de" />
<meta property="og:type" content="article" />
<meta property="fb:app_id" content="1986820581534912" />
<meta name="twitter:description" content="Nun, da Deepin so weit vorbereitet ist, dass man täglich angenehm damit arbeiten kann, können wir dazu übergehen einen Webserver auf Deepin Linux zu installieren, auf dem wir Drupal ausgiebig testen und einfach großartige Web-Projekte damit Umsetzen können. Damit es nicht all zu kompliziert wird, bleiben wir bei alt bewährtem und setzen auf Apache 2 zusammen mit dem PHP Fast Process Manager und MySQL." />
<meta name="description" content="Nun, da Deepin so weit vorbereitet ist, dass man täglich angenehm damit arbeiten kann, können wir dazu übergehen einen Webserver auf Deepin Linux zu installieren, auf dem wir Drupal ausgiebig testen und einfach großartige Web-Projekte damit Umsetzen können. Damit es nicht all zu kompliziert wird, bleiben wir bei alt bewährtem und setzen auf Apache 2 zusammen mit dem PHP Fast Process Manager und MySQL." />
<meta name="twitter:site" content="@drupal_tv" />
<meta property="og:url" content="https://drupal-tv.de/einen-webserver-fuer-drupal-auf-deepin-linux-einrichten" />
<link rel="image_src" href="https://drupal-tv.de/sites/default/files/2018-01/asflogo.png" />
<meta property="og:title" content="Einen Webserver Für Drupal auf Deepin Linux einrichten" />
<meta name="referrer" content="no-referrer" />
<meta name="twitter:url" content="current-page:url" />
<meta property="og:description" content="Nun, da Deepin so weit vorbereitet ist, dass man täglich angenehm damit arbeiten kann, können wir dazu übergehen einen Webserver auf Deepin Linux zu installieren, auf dem wir Drupal ausgiebig testen und einfach großartige Web-Projekte damit Umsetzen können. Damit es nicht all zu kompliziert wird, bleiben wir bei alt bewährtem und setzen auf Apache 2 zusammen mit dem PHP Fast Process Manager und MySQL." />
<meta name="twitter:image" content="https://drupal-tv.de/sites/default/files/styles/twitter/public/2018-01/asflogo.png?h=125a58ae&amp;itok=o5BCsADx" />
<meta name="twitter:image:height" content="150" />
<meta name="twitter:image:width" content="280" />
<meta property="og:image" content="https://drupal-tv.de/sites/default/files/styles/facebook/public/2018-01/asflogo.png?itok=b9JqPEGU" />
<meta property="og:image:type" content="image/png" />
<meta property="og:video:type" content="video.other" />
<meta property="og:image:width" content="1200" />
<meta property="og:video:width" content="100%" />
<meta property="og:video:height" content="100%" />
<meta property="og:image:height" content="638" />
<meta property="og:updated_time" content="2018-02-24T13:53:15+0100" />
<meta name="Generator" content="Drupal 8 (Thunder | http://www.thunder.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-sc
Wenn nicht, solltest du die Ausgabe hiermit überprüfen.
https://developers.facebook.com/tools/debug/