Facebook non riconosce i metadati

Question

Ho difficoltà a convincere Facebook a riconoscere il tag og: image. Sembra di raschiare correttamente, ma poi ho ottenere questo avvertimento:

og: immagine non può essere scaricato o è troppo piccolo og fornito: immagine non può essere scaricato o non è abbastanza grande. Si prega di utilizzare un'immagine che è almeno 200x200px ed è accessibile da Facebook. Verrà invece utilizzata l'immagine 'http://ericrovtar.com/images/logo/800x200_reverse.png'.

Eppure guardando i dati grezzi dal debugger:

"image": [ 
     { 
     "height": 1080, 
     "url": "http://ericrovtar.com/images/posts/fitz-simmons.jpg", 
     "width": 1920 
     } 
    ], 

E 'ovviamente vedere la giusta altezza e la larghezza e soddisfare i requisiti minimi di Facebook, quindi non sono sicuro di cosa si sta lamentando.

Se qualcuno potesse aiutarmi a capirlo, sarebbe fantastico.

Answer 1

questo è un problema comune e viene segnalato come bug nel forum degli sviluppatori, di tanto in tanto. Potrebbe essere che l'immagine sia troppo grande e non riesca a caricare (o venga caricata troppo lentamente). L'immagine raccomandata da Facebook è, adesso 600x600 pixel, se ricordo bene, e ancora a volte possiamo trovare quel problema con il Crawler di Facebook (dice che l'immagine è troppo piccola anche se la risoluzione e le dimensioni sono corrette). È possibile trovare la segnalazione di bug attualmente aperta e iscriversi se lo si desidera, qui: https://developers.facebook.com/bugs/294523810715538/

Answer 2

Quello che ho scoperto sul fatto che Facebook scarso dipende molto dalle intestazioni HTTP corrette per le immagini.

Avevo un'immagine che non aveva l'intestazione Content type e Facebook ha lanciato l'errore in questione. Una volta corretta l'intestazione del tipo di contenuto su quella corretta ("image/png" nel mio caso), ha iniziato a funzionare.

(Un piccolo emendamento - quella particolare immagine non funzionava ancora come penso a causa della memorizzazione nella cache sul lato Facebook, ma un'altra immagine simile è stata recuperata bene).

Answer 3

Ho aggiunto i metadati aggiuntivi per le immagini, elencate qui: http://ogp.me/ e ha funzionato. In particolare:

<meta property="og:image:type" content="image/jpeg" /> 
<meta property="og:image:width" content="400" /> 
<meta property="og:image:height" content="300" /> 

Ma non ha funzionato inizialmente quando la mia immagine era 366x363, anche se questo è l'min. 200x200. Ho dovuto raddoppiare la dimensione dell'immagine, e poi ha funzionato. Modo di andare FB!

Answer 4

Un problema molto comune quando og: image debugging è un valore errato "og: url". Persino le barre finali & nel caso del valore di og: url. Deve essere esattamente uguale a quello che stai condividendo per poter funzionare.

Ho anche incollato questa risposta sui seguenti thread rapporto bug:

https://developers.facebook.com/bugs/511829238949092 https://developers.facebook.com/bugs/204880016332273

Answer 5

mi sono imbattuto in errore scritto in questa domanda come bene e il problema si è rivelato essere che eravamo servendo la pagina web su SSL e online aveva il tag non protetto og:image.

URL del sito web: https://ourpage.com/the-article

Quando abbiamo avuto solo questo tag sulla pagina, l'errore dalla questione: og: immagine non può essere scaricato o è troppo piccolo og fornito: immagine non può essere scaricato o è non abbastanza grande.:

<meta property='og:image' content='https://ourpage.com/img.jpg' /> 

Quando abbiamo aggiunto questo tag alla pagina, la pagina validati correttamente:

<meta property='og:image:secure_url' content='https://ourpage.com/img.jpg' />