Inhalte auf Facebook über AddThis teilen
Auf diese Seite verwende ich AddThis JavaScript-Bibliothek , um Schaltflächen hinzuzufügen, mit denen die Seite auf Facebook / Twitter geteilt werden kann. Wenn Sie auf die Facebook-Schaltfläche klicken, wird folgende Vorschau angezeigt, wie der Inhalt auf Facebook gepostet wird:
Beachten Sie, dass das in der Postvorschau angezeigte Bild der AJAX-Loader ist, der auf der Site verwendet wird, d. h. ein Bild, das während einer laufenden AJAX-Anfrage angezeigt wird. Ich weiß nicht, warum dies als das Bild ausgewählt wurde, das in der Post angezeigt werden soll. Kann ich angeben, welches Bild verwendet wird?
Hier ist das Markup, das ich verwende, um die Freigabe-Schaltflächen anzuzeigen:
%Vor%3 Antworten
Zwischen den Tags Ihres HTML haben Sie den folgenden Code:
%Vor%Dies teilt Facebook mit, welches Bild es im Freigabe-Popup verwenden soll. 'og' steht für Open Graph , das Protokoll, mit dem Facebook Informationen über eine Seite abruft. Das Bild, mit dem verlinkt wird, ist jedoch ein großes SVG-Bild (das Hintergrundbild Ihrer Website). Sie müssen diese URL in die URL Ihres Logos ändern und sicherstellen, dass dieses Logo im JPG- oder PNG-Format vorliegt Die Suche deutet darauf hin, dass Facebook nicht wirklich SVGs unterstützt, die für og: image verwendet werden.
Wie James Thomas empfohlen hat, besteht der erste Schritt darin, die Tags hinzuzufügen :
%Vor%Als nächstes müssen Sie den Cache von Facebook löschen :
%Vor%- Navigiere zum obigen Link und pumpe deine URL ein. Dies wird manuell einen weiteren Datenabzug auslösen, also clearing der Cache
-
Wenn das nicht funktioniert, füge diesen URL-Parameter hinter deiner URL ein:
?fbrefresh=CAN_BE_ANYTHING
Tags und Links javascript html addthis facebook-opengraph