FB OpenGraph og: Bild zieht keine Bilder (möglicherweise https?)
Erste-ich nicht glaube, dies ist eine doppelte Ausgabe. Ich gesucht habe für die gleichen oder ähnliche Probleme auf, SO intensiv, und aufgrund der Natur der Fehlerbehebung bevor Sie Fragen, ich glaube, dieses problem ist einzigartig.
Facebook nicht fassen meine og:image
Dateien und ich haben versucht, jede übliche Lösung. Ich bin Anfang zu denken, es könnte etwas damit zu tun haben https://...
- Ich habe http://developers.facebook.com/tools/debug und haben keine Warnungen oder Fehler.
- Es ist das finden der Bilder, die wir verbunden mit in der "
og:image
", aber Sie zeigen, bis leer. Wenn wir auf das Bild(s), aber Sie existieren, und dass es dauert, ist direkt zu Ihnen. - Es zeigt ein Bild-ein Bild gehostet auf einem nicht-https-server.
- Wir haben versucht, die quadratische Bilder, jpegs, pngs, größere und kleinere Größen. Wir haben die Bilder direkt in public_html. Null angezeigt werden.
- Es ist nicht ein caching-Fehler, denn wenn wir hinzufügen, eine andere
og:image
meta, FB ' s linter nicht finden und Lesen. Es zeigt eine Vorschau. Die Vorschau leer ist. Die nur Ausnahme, wir sind immer für Bilder, die nicht auf dieser Webseite. - Wir dachten, dass vielleicht gab es einige anti-leach auf
cpanel
oder die.htaccess
war die Verhinderung der Bilder zeigt, so dass wir geprüft. Es war nicht. Wir selbst haben eine schnelle< img src="[remote file]" >
auf einem ganz anderen server und das Bild erscheint in Ordnung. - Wir dachten, vielleicht war es die
og:type
oder andere kuriosität, mit einem anderen meta-Tags. Wir entfernten alle von Ihnen, ein zu einer Zeit und überprüft. Keine änderung. Nur Warnungen. - Den gleichen code auf einer anderen website auftaucht, ohne Frage.
- Wir dachten vielleicht war es keine Bilder, denn wir arbeiten mit dem gleichen Produkt-Seite(s) für mehrere Produkte (ändern, basierend auf den get-Wert, das heißt, "details.php?id=xxx"), aber es ist immer noch ziehen in einem Bild (von einem anderen url).
- Dass
og:image
oder image_src off, FB nicht finden, auch keine Bilder.
Ich bin am Ende meiner Seil. Wenn ich sagte, wie viel Zeit mir und anderen ausgegeben haben, auf dieser, Sie werden schockiert sein. Das Problem ist, dass dies ist ein online-Shop. Wir absolut, positiv kann nicht KEINE Bilder. Wir haben zu. Wir haben zehn oder so andere Seiten... das ist das einzige, mit og:image
Probleme. Es ist auch die einzige, die auf https
so dass wir dachten, das war vielleicht das problem. Aber wir finden keine Präzedenzfall überall im web.
Diese sind die meta-tags:
<meta property="og:title" content="[The product name]" />
<meta property="og:description" content="[the product description]" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">
Falls Sie es wollen, hier ist ein link zu einem unserer Produkt-Seiten, die wir gearbeitet haben. [Link gekürzt, um versuchen zur Eindämmung dieser immer in den Suchergebnissen für unsere Website]: http://rockn.ro/114
BEARBEITEN ----
Mit dem "sehen, was facebook sieht," scraper tool, wir waren in der Lage zu sehen, die folgenden:
"image": [
{
"url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
},
{
"url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
},
{
"url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
}
],
Getestet haben wir alle links für eine einzelne Seite. Alle waren perfekt gültige Bilder.
BEARBEITEN 2 ----
Wir haben versucht, eine test-und eine subdomain auf die UNSICHERE website (aus dem die Bilder sind tatsächlich sichtbar durch facebook). Subdomain war http://img.[nonsecuresite].com. Dann legen wir alle Bilder in den Haupt-subdomain-Ordner und referenziert diese. Es würde nicht ziehen Sie die Bilder in FB. Allerdings wäre es immer noch ziehen Sie alle Bilder wurden verwiesen auf die unsichere Haupt-domain.
GEPOSTETEN WORKAROUND ----
Dank Keegan, wir wissen jetzt, dass dies ein bug in Facebook. Um dieses Problem zu umgehen, legten wir eine subdomain in ein anderes NICHT-HTTPS-website, und warf Sie alle Bilder in es. Wir verwiesen die Koordination http://img.otherdomain.com/[like-image.jpg]
Bild in og:image
auf jeder Produkt-Seite. Dann mussten wir gehen über die FB Linter und JEDES link zum aktualisieren der OG Daten. Dies funktionierte, aber die Lösung ist ein band-aid Problemumgehung, und wenn die https
Problem ist behoben und wir gehen zurück zu den natürlichen https-domain, FB wird zwischengespeichert haben, die Bilder von einer anderen website, verkomplizieren. Hoffentlich hilft diese information um jemand anders zu retten aus dem Verlust-32-Kodierung Stunden Ihre Leben.
InformationsquelleAutor der Frage Cyprus106 | 2012-01-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich lief in das gleiche problem und meldete es als ein Fehler auf der Facebook-developer-Website. Es scheint ziemlich klar, dass og:image URIs mit HTTP funktioniert gut und URIs, die mit HTTPS nicht. Sie haben jetzt bestätigt, dass Sie "in diesen suchen."
Den bug kann man hier sehen:
https://developers.facebook.com/bugs/260628274003812
InformationsquelleAutor der Antwort Keegan Quinn
Einige Eigenschaften können zusätzliche Metadaten mit Ihnen. Diese sind angegeben in der gleichen Weise wie andere Metadaten mit
property
undcontent
aber dieproperty
haben extra :Den
og:image
Eigenschaft hat einige optionale strukturierte Eigenschaften:og:image:url
- Identisch mit og:image.og:image:secure_url
- EinAlternative url zu verwenden, wenn die Webseite, die HTTPS erfordert.
og:image:type
- EinMIME-Typ für dieses Bild.
og:image:width
- Die Anzahl der Pixel in der Breite.og:image:height
- Die Anzahl der Pixel hoch.Einem vollständigen Bild Beispiel:
So müssen Sie ändern
og:image
Eigenschaft für Ihre HTTPS-URLs zuog:image:secure_url
Ex:
HTTPS META-TAG FÜR DAS BILD:
HTTP-META-TAG FÜR DAS BILD:
Quelle: http://ogp.me/#structured <-- besuchen Sie diese Website für weitere Informationen.
Hoffe, dies hilft Ihnen.
EDIT: vergessen Sie nicht, ping-facebook-Servern nach der Aktualisierung Ihres codes - URL Linter
InformationsquelleAutor der Antwort Syed I.R
Ich weiß nicht, ob es nur bei mir so ist aber für mich
og:image
funktioniert nicht und es hebt meine Website-logo, obwohl facebook debugger zeigt das richtige Bild.Aber ändern
og:image
zuog:image:url
für mich gearbeitet. Hoffe, dies hilft jemand anderes mit ähnlichen Problem.InformationsquelleAutor der Antwort lalit
Habe hier von Google, aber das war nicht viel Hilfe für mich. Es stellte sich heraus, dass es ist ein minimaler Aspekt ratio von 3:1 benötigt für das logo. Meins war fast 4:1. Ich benutzte Gimp, zuschneiden, um genau 3:1, und voila - mein logo wird jetzt angezeigt auf FB.
InformationsquelleAutor der Antwort priiiiit
tl;dr – werden Patienten
Ich hier gelandet, weil ich sah, dass leere Bilder serviert von einer https-site. Das problem wurde ganz anders, obwohl:
[https://developers.facebook.com/docs/sharing/best-practices/#precaching%5D
Während des Tests dauerte es facebook rund 10 Minuten endlich zeigen Sie das gerenderte Bild. So, während ich meinen Kopf kratzen und werfen zufällige og-tags bei facebook (und zu Ahnen, die https-problem, das hier erwähnt), alles, was ich tun musste, war warten.
Als könnte dies wirklich verhindern, dass die Menschen teilen Ihre links für das erste mal, FB schlägt zwei Möglichkeiten zum umgehen dieses Verhalten:
a) läuft die OG-Debugger auf alle Ihre links: das Bild wird zwischengespeichert und für die gemeinsame Nutzung bereit nach ~10 Minuten oder b) angeben og:image:width und og:image:height. (Lesen Sie weiter im obigen link)
Immer noch Fragen, wenn was dauert so lange ...
InformationsquelleAutor der Antwort panepeter
Ich hatte den gleichen Fehler und nichts von dem vorherigen geholfen haben, so habe ich versucht zu befolgen, original-Dokumentation Open Graph Protocol und ich fügte prefix-Attribut zu meinem html-tag und alles war genial.
InformationsquelleAutor der Antwort VoVaVc
Hatte ich ähnliche Probleme. Ich entfernte die property="og:image:secure_url" und jetzt wird es Peeling nur mit og:image. Manchmal ist weniger mehr
InformationsquelleAutor der Antwort HappaGirl
Entdeckte ich ein weiteres Szenario, können dieses Problem verursachen. Ich ging durch alle Schritte beschrieben, die in der Frage und den Antworten, die immer noch das problem blieb.
Ich habe meine Bilder und festgestellt, dass einige meiner Beiträge hatte viel zu große thumbnail-Bilder in
og:image
im Bereich von mehreren tausend Pixeln und mehreren Megabyte.Dies geschah aufgrund der jüngsten migration von WP zu Jekyll, ich optimierte meine Bilder mit schlucken, sondern verwendet die original-Bilder in og:image versehen.
Facebook gibt uns die folgenden Empfehlungen, wie heute:
So gibt es eine Obergrenze von 8 MB.
InformationsquelleAutor der Antwort Mark
Ich lief in das gleiche Problem und dann habe ich gemerkt, dass ich hatte eine andere Domäne für die
og:url
Einmal machte ich sicher, dass die Domäne, das gleiche war
og:url
undog:image
es funktionierte.Hoffe, das hilft.
InformationsquelleAutor der Antwort Darren Hall
Vergessen Sie nicht, zu aktualisieren Servern durch :
Facebook Debugger
Und klicken Sie auf "Sammeln Sie neue Informationen"
InformationsquelleAutor der Antwort FrenchFalcon
In meinem Fall das problem war nicht die CA-Root-Zertifikat. Ich fand es heraus nach der Verwendung: https://www.ssllabs.com/ssltest/analyze.html zu analysieren, SSL-Konfiguration.
InformationsquelleAutor der Antwort instead
Kann ich sehen, dass die Debugger ist das abrufen von 4
og:image
- tags von Ihrem URL.Dem ersten Bild ist die größte und dauert daher am längsten zum laden.
Versuchen Sie es schrumpfen, das erste Bild, unten oder in der Reihenfolge zu zeigen, ein kleineres Bild zuerst.
InformationsquelleAutor der Antwort Lix
Außerdem tritt dieses problem auch beim hinzufügen eines Benutzers generiert story (wo Sie nicht mit og:image). Zum Beispiel:
Den oben funktioniert nur mit http und nicht mit https. Wenn Sie https verwenden, erhalten Sie eine Fehlermeldung, die sagt:
Bild () failed to upload
InformationsquelleAutor der Antwort Aamir Quraishi
Als ich zufällig gefunden, transparentes, leeres Bild kommt mit der response-header, der angibt, mögliche Ursache des Problems.
https://external-ams3-1.xx.fbcdn.net/safe_image.php?d=...&url=...
)x-error-detail
response-header mit ErklärungBeispielsweise, in meinem Fall war es
Invalid image extension for URL: https://[mydomain]/[myfilename].jpg
Das eigentliche Problem in meinem Fall war in Bezug auf die prerender.io.
Als es stellt sich heraus, wenn das Bild angefordert wird per prerender, ist es in HTML umgewandelt. So etwas wie dieses:
Entweder ist es Fehler in prerender selbst, oder es soll so konfiguriert werden, in den proxy nicht verwenden prerender für
*.jpg
Anfragen (auch wenn diese angefordert werden, die von Facebook bot).Es ist wirklich schwer dies zur Kenntnis zu nehmen, wie prerender wird nur auf bestimmte user-agent-Header.
InformationsquelleAutor der Antwort Marius Balčytis
Aus, was ich beobachtet habe, sehe ich, dass, wenn Sie Ihre website öffentlich ist und auch wenn die Bild-url ist https, es funktioniert einfach gut.
InformationsquelleAutor der Antwort AK M
Für mich gearbeitet:
InformationsquelleAutor der Antwort Dr.MTR
Ähnliche Symptome (Facebook et al nicht richtig abrufen og:image und andere Vermögenswerte, die über https) können auftreten, wenn die Website das https-Zertifikat ist nicht vollständig kompatibel.
Ihrer Website https cert mag gültig (green key in den browser und alle), aber es wird nicht kratzen Sie richtig wenn es fehlt, ein Zwischenprodukt oder eine Kette mit Zertifikat. Dies kann dazu führen, dass viele Verschwendete Stunden überprüfung und erneute überprüfung aller verschiedenen caches und meta-tags.
Vielleicht nicht dein problem, aber könnte anderen mit ähnlichen Symptomen (wie bei mir). Es gibt viele Möglichkeiten, um zu überprüfen, Ihre cert - die, die ich passiert zu verwenden: https://www.sslshopper.com/ssl-checker.html
InformationsquelleAutor der Antwort Lance
Nach mehreren Stunden testen und versuchen, Dinge...
Löste ich dieses problem so einfach wie möglich.
Ich merke, dass Sie verwenden "test-Seiten" inside Facebook-Entwickler-Seite, enthält nur die "og" - tags und text in den body-tag, die referals dieser og-tags.
Also, was habe ich getan?
Habe ich mir eine zweite Ansicht in meiner Anwendung, mit dieser gleichen Dinge, die Sie verwenden.
Und, wie ich weiß, ist Facebook, der Zugriff auf meine Seite, so kann ich die Ansicht ändern? Sie haben eine einzigartige User-Agent: "facebookexternalhit/1.1"
InformationsquelleAutor der Antwort Bonieky Lacerda