wake-up-neo.com

Facebook Share URL Thumbnail Problem

Mögliches Duplizieren:
Wie wählt Facebook Sharer Bilder aus?

Möchten Sie ein Miniaturbild für die Freigabe haben, wenn der Benutzer die Website-URL über die Freigabetaste auf der Website freigibt, die http://www.facebook.com/sharer.php verwendet, um dies zu erreichen.

Die Site enthält keine IMG-Tags. Alle Bilder sind in CSS definiert.

Ich habe Meta-Tags für das Bild hinzugefügt:

 <meta property = "og: image" content = "/ images/branding/branding-logo.png" />

und

 <link rel = "image_src" href = "/ images/branding/branding-logo.png" />

aber es funktioniert nicht :(

15
MatejB

Verwenden Sie die vollständige Liste von Open Graph Meta Tags :

  • og: title - Der Titel der Entität.
  • og: type - Der Entitätstyp. Sie müssen einen Typ aus der Liste der Open Graph-Typen auswählen.
  • og: image - Die URL zu einem Bild, das die Entität darstellt. Bilder müssen mindestens 50 x 50 Pixel groß sein. Quadratische Bilder funktionieren am besten, Sie können jedoch Bilder verwenden, die bis zu dreimal so breit wie hoch sind.
  • og: url - Die kanonische, permanente URL der Seite, die die Entität darstellt. Wenn Sie Open Graph-Tags verwenden, wird über die Schaltfläche "Gefällt mir" ein Link zur og: url anstelle der URL im Code der Schaltfläche "Gefällt mir" bereitgestellt.
  • og: site_name - Ein von Menschen lesbarer Name für Ihre Site, z. B. "IMDb".
  • fb: admins oder fb: app_id - Eine durch Kommas getrennte Liste der Facebook-IDs von Seitenadministratoren oder einer Facebook Platform-Anwendungs-ID. Geben Sie mindestens Ihre eigene Facebook-ID an.

Verwenden Sie auch absolute URLs anstelle von relativen!

EDIT:
Bitte beachten Sie, dass Facebook Webseiten für bestimmte Zeiträume zwischenspeichert, sodass Sie Ihre Änderungen möglicherweise nicht sofort bemerken. Eine gute Möglichkeit, um zu überprüfen, ob Facebook Ihre Änderungen tatsächlich übernimmt, besteht darin, einen Parameter in Ihrer URL zu fälschen.
zum Beispiel, wenn Ihre URL lautet: http://example.com/index.php
Füge etwas hinzu wie: http://example.com/index.php?123 und verwende es dann im URL Linter . ;-)

EDIT 2:
Sie könnten den Facebook Linter (jetzt Debugger ) direkt verwenden, aber beachten Sie, dass einige Datennichtin einigen Fällen geändert werden können, beschrieben Hier :

Bearbeiten von Meta-Tags

Sie können die Attribute Ihrer Seite aktualisieren, indem Sie die Tags Ihrer Seite aktualisieren. Beachten Sie, dass og: title und og: type nur anfänglich bearbeitet werden können - nachdem Ihre Seite 50 Likes erhalten hat, wird der Titel festgelegt, und nachdem Ihre Seite 10.000 Likes erhalten hat, wird der Typ festgelegt. Diese Eigenschaften wurden korrigiert, um überraschende Benutzer zu vermeiden, denen die Seite bereits gefallen hat. Das Ändern der Titel- oder Typ-Tags nach Erreichen dieser Grenzwerte führt zu nichts. Ihre Seite behält den ursprünglichen Titel und Typ bei.

20
ifaour

Fügen Sie Ihr ulr hier ein https://developers.facebook.com/tools/debug/ . Der Facebook Open Graph Debugger sagt Ihnen genau, was von Ihrer Seite gelesen wird. Außerdem wird der Facebook-Cache Ihrer Seite aktualisiert, sodass versucht werden kann, Bilder erneut zu lesen.

6
Carlos Muñoz

Wie gesagt, Sie müssen absolute URLs verwenden, da diese sonst nicht angezeigt werden. Das <link>-Tag sollte problemlos funktionieren.

0
Manuel Pedrera