it-swarm.com.de

Was ist die minimale Breite und Höhe von Facebook Open Graph Images?

Ich hatte gelesen, dass Bilder, die mit einer bestimmten URL im geöffneten Diagramm von Facebook verknüpft sind, größer als 50 x 50 sein mussten

Als wir jedoch den Facebook Object-Debugger ausgeführt haben, wurde folgende Warnung angezeigt:

"Tiny og: image: Alle Bilder, auf die og: image verweist, müssen in beiden Dimensionen mindestens 200px betragen. Bitte überprüfen Sie alle Bilder mit dem Tag og: image in der angegebenen URL und stellen Sie sicher, dass sie den Mindestanforderungen entsprechen."

Unsere URL lautet http://www.famousbirthdays.com/people/charlie-chaplin.html und das Bild wird unter Objekteigenschaften angezeigt 

Müssen wir unsere Bilder so konvertieren, dass sie größer als 200 x 200 sind? Oder können wir es so belassen? Es ist derzeit ein Bild von 65 x 75.

danke für Ihre Hilfe!

50
Evan B

Heute hatte ich eine viel klarere Antwort auf diese Frage (vom Debugger-Tool Open Graph ):

Small og: image: Alle von og: image referenzierten Bilder sollten um .__ liegen. mindestens 200px in beiden Dimensionen, wobei 1500x1500 bevorzugt wird. (Maximal Bildgröße beträgt 5 MB.) Bitte überprüfen Sie alle Bilder mit dem Tag og: image in die angegebene URL und stellen Sie sicher, dass sie die empfohlene Spezifikation erfüllt.

og: Bild sollte größer sein: Geliefert og: Bild ist nicht groß genug. Bitte Verwenden Sie ein Bild mit mindestens 200x200 und vorzugsweise 1500x1500 . (Die maximale Bildgröße beträgt 5 MB.) Image ... wird stattdessen verwendet.

Also, YES, müssen Sie Ihre geöffneten Diagrammbilder in mindestens 200 x 200 Pixel konvertieren. Je größer, desto besser.

Wenn Ihr Bild kleiner als 200 x 200 ist, versucht Facebook, ein größeres auf der Seite verfügbares Bild zu verwenden.

Dieselben Informationen, die vom Debugger zurückgegeben werden, finden Sie in der geöffneten Diagrammdokumentation unter Thema "Maximieren der Verteilung für Medieninhalte", Punkt 3: tags

65

Edit: Facebook Korrektur der Dokumentation: 

Von Lucianos Antwort :

og: Das Bild sollte in beiden Dimensionen mindestens 200px betragen, wobei 1500x1500 bevorzugt wird. (Die maximale Bildgröße beträgt 5 MB.)

20
Zach Lysobey

Das ist ziemlich klar. Sie dürfen nicht größer als 130x110px sein und müssen mindestens 200px pro Seite sein. Das ist durchaus möglich, wenn Sie Ihr Bild auf einem TARDIS speichern.

Im Ernst, ich bin einfach selbst darauf gestoßen, was mich ziemlich verwirrt hat, seitdem die Seiten vor kurzem bestanden haben. Ich gehe davon aus, dass dies eine Änderung für das Timeline-Layout ist, die in der Dokumentation gerade nicht aktualisiert wurde. Was ich nicht finden kann, ist ob og: Bilder müssen jetzt "mindestens" 200px pro Seite sein, was die maximale und die derzeit empfohlene Größe ist. WTF in der Tat.

Scott

13
Scott Witte

Ich hatte dasselbe Problem, bei dem ich den Kopf hatte. Ich benutze die WordPress-Site, also musste ich die Variable www fallen lassen. Überprüfen Sie in Ihrem wordpress admin > settings >general die Adresse Ihrer Site/Wordpress-Adresse usw. Dies beseitigt andere URL-Fehler.
Was das Image-Problem angeht, kann ich nur sagen, dass das Einfügen in meine Header-Datei für mich funktioniert hat. Ich habe dies unten hinzugefügt.

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:title" content="your website page title"/>
<meta property="og:url" content="http://yourwebsite.com"/>
<meta property="og:site_name" content="site name and content etc"/>
<meta property="og:description"content="description of site" />
<meta property="og:type" content="Website"/>

In Wordpress habe ich die <title><?php wp_title( '|', true, 'right' ); ?></title> dort gelassen.

Wie auch in anderen Beiträgen in meiner Instanz vorgeschlagen, hat dieser Code: <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / > es NICHT ARBEITET. Wenn Sie es entfernen, wurde es sofort behoben.

Ich habe ein 500 x 500-Bild verwendet. Viel Glück ... hoffentlich rette ich den Schmerz eines anderen.

7
Muz

Befolgen Sie einfach diese Regeln: 

  1. "Verwenden Sie Bilder mit einer Auflösung von mindestens 1200 x 630 Pixeln, um eine optimale Anzeige auf Geräten mit hoher Auflösung zu erzielen."
  2. "Versuchen Sie, Ihre Bilder so nahe wie möglich an einem Seitenverhältnis von 1,91: 1 zu halten, um das gesamte Bild im Newsfeed anzuzeigen, ohne zu beschneiden."
  3. Die bevorzugte Breite eines Bildes beträgt 1500px

Unter Beachtung der obigen Prinzipien gilt das bevorzugte Bild hat eine Breite von 1500px und eine Höhe von 786px (wodurch das Seitenverhältnis von 1,91: 1 beibehalten wird).

Quelle: Facebook: Best Practices teilen

6
eriklinde

Scheint ein Fehler in der Spezifikation zu sein. Eine Lösung für das Umgehen von Problemen besteht darin, Ihre Bilder auf 200px zu verkleinern, aber das zu schneiden, was Sie nicht sehen möchten, oder sie zu verkleinern, wenn Sie die Vorlagen groß genug haben. Wenn Ihr Bild beispielsweise 25 x 25 Pixel groß ist, können Sie beiden Dimensionen 175 Pixel hinzufügen und dieses Bild dann in einem div mit einem Überlauf verschachteln: hidden CSS-Eigenschaft und Breite/Höhe von 25 x 25. Nicht das sauberste, aber es würde funktionieren.

Ich habe ein Bug-Ticket bei Facebook geöffnet, um die Frage der unzureichenden Dokumentation anzugehen und herauszufinden, ob es sich hierbei um eine tatsächliche Spezifikation oder einen Fehler handelt. http://developers.facebook.com/bugs/210269722417284

4
Mike

Sieht aus, als hätten sie ihre Dokumente aktualisiert:

Das Bild muss mindestens 50 x 50 Pixel groß sein (obwohl mindestens 200 Pixel x 200 Pixel bevorzugt sind) und ein maximales Seitenverhältnis von 3: 1 haben

developer.facebook.com/docs/reference/dialogs/feed

4
Josh

Von der Facebook-Entwicklerseite:

Verwenden Sie Bilder mit mindestens 1200 x 630 Pixeln, um eine optimale Anzeige auf .__ zu erhalten. hochauflösende Geräte. Zumindest sollten Sie Bilder verwenden, die sind 600 x 315 Pixel, um Linkseiten mit größeren Bildern anzuzeigen.

Weitere Details dazu finden Sie hier hier . Bitte überprüfen Sie Punkt Nummer 4

3
Prasad Nevase

Verwenden Sie Bilder mit mindestens 1200 x 630 Pixeln, um eine optimale Anzeige auf Geräten mit hoher Auflösung zu gewährleisten. Zumindest sollten Sie Bilder mit 600 x 315 Pixeln verwenden, um Linkseitenbeiträge mit größeren Bildern anzuzeigen.

Referenz: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

2
ZoulRic

Von https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

  1. Verwenden Sie geeignete Open Graph-Tags, um die Verteilung voranzutreiben

Open Graph-Tags können in den HTML-Code Ihrer Seite eingefügt werden, damit der Facebook-Crawler bessere Vorschauen erstellen kann, wenn Ihre Inhalte auf Facebook freigegeben werden.

Die grundlegenden Open Graph-Tags, die Sie implementieren sollten, sind:

Tag-Beschreibung

  1. og: title Der Titel Ihres Artikels, ohne jegliches Branding.
  2. og: site_name Der Name Ihrer Website. z.B. IMDb nicht imdb.com.
  3. og: url Die URL, die der eindeutige Bezeichner für Ihren Beitrag ist. Es Sollte mit Ihrer kanonischen URL übereinstimmen, die für SEO verwendet wird, und es sollte keine Sitzungsvariablen, benutzeridentifizierenden Parameter oder Wenn Sie dies nicht ordnungsgemäß verwenden, werden Likes und Shares für diese URL nicht Aggregiert und auf alle Variationen der URL verteilt.
  4. og: description Eine detaillierte Beschreibung des Inhalts des -Objekts, normalerweise zwischen 2 und 4 Sätzen.
  5. og: image Die URL des Bildes, das angezeigt werden soll, wenn Sie einen Link freigeben. Wir empfehlen, dass Sie ein Bild mit mindestens 1200 x 630 Pixeln verwenden.
1
user2164305

Von Ihrem Post scheint es, dass Sie den Post mit dem OG-Konzept an facebook weitergeben möchten. Die minimum - Größe des Bildes sollte 200px (x) 200p x sein. Dies ist eine Standardbemaßung von FB. Wenn kein Bild mit einer bestimmten Größe verfügbar ist, wird das nächste Bild auf Ihrer Seite aufgenommen, das dieselbe Abmessung hat.

Minimale Bildgröße Die minimale Bildgröße beträgt 200 x 200 Pixel. Wenn Sie versuchen, ein kleineres Bild als dieses zu verwenden, wird im URL-Debugger ein Fehler angezeigt. Bitte überprüfen Sie mit diesem Link >>

1
Hari kris

Die Dokumente wurden erneut aktualisiert!

og: image kann jetzt beliebig groß sein - whoop

Sie haben Folgendes empfohlen:

  • mindestens 600 x 315 Pixel
  • Idealerweise 1,91: 1 im Verhältnis
  • nicht größer als 5 MB in der Dateigröße
  • aber so groß wie du willst!

Vergessen Sie auch nicht, dass Sie mehrere og Bilder hinzufügen können und den Benutzer auswählen lassen, welches Bild er verwenden möchte.

1
sidonaldson

Ich bin auf das gleiche Problem gestoßen. Ich habe keine ausführlichen Tests durchgeführt, daher kann ich nicht genau sagen, welche Anforderungen an das Anzeigen der Bilder gestellt werden. Ich kann sagen, dass ich meine Bilder auf> 200x> 200 (speziell 350x350) eingestellt habe und sie danach aufgetaucht sind.

0
sdouglass

Wenn Sie sogar ein Bild informieren, das größer als 200x200 ist (als neue Dokumentation), und der Debuger immer noch vorwirft, dass das Bild nicht groß genug ist, besteht die Lösung darin, das folgende Meta-Tag mit den Bildabmessungen hinzuzufügen:

Beispiel:

<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
0
Fred Wuerges