Primeiro - não acredito que seja uma questão duplicada. Procurei extensivamente problemas iguais ou semelhantes no SO e, devido à natureza da solução de problemas antes de perguntar, acredito que esse problema é único.
O Facebook não consegue entender meus og:image
arquivos e tentei todas as soluções usuais. Estou começando a pensar que isso pode ter algo a ver comhttps://...
- Eu verifiquei http://developers.facebook.com/tools/debug e tenho zero avisos ou erros.
- Ele encontra as imagens às quais vinculamos no "
og:image
", mas elas aparecem em branco. Quando clicamos na (s) imagem (s), no entanto, elas EXISTEM e é preciso direto para elas. - Ele mostra uma imagem - uma imagem hospedada em um servidor não https.
- Tentamos imagens quadradas, jpegs, pngs, tamanhos maiores e tamanhos menores. Colocamos as imagens em public_html. Zero está aparecendo.
- Não é um erro de armazenamento em cache, porque quando adicionamos outro
og:image
à meta, o linter do FB encontra e lê isso. Ele mostra uma prévia. A visualização está em branco. A única exceção que estamos recebendo é para imagens que não estão neste site. - Achamos que talvez houvesse algum tipo de anti-lixiviação
cpanel
ou.htaccess
que estivesse impedindo a exibição das imagens, então verificamos. Não havia. Até fizemos um rápido< img src="[remote file]" >
em um servidor completamente diferente e a imagem aparece bem. - Achamos que talvez fosse a
og:type
ou outra estranheza com outra meta tag. Removemos todos eles, um de cada vez, e verificamos. Nenhuma mudança. Apenas avisos. - O mesmo código em um site diferente é exibido sem nenhum problema.
- Achamos que talvez não estivesse obtendo imagens porque estamos usando as mesmas páginas de produtos para vários produtos (alterando-as com base no valor de obtenção, ou seja, "details.php? Id = xxx"), mas ainda está inserindo uma imagem (de um URL diferente).
- Deixando any
og:image
ou image_src, o FB não encontra nenhuma imagem.
Estou no fim da minha corda. Se eu dissesse quanto tempo eu e outros gastamos nisso, você ficaria chocado. A questão é que esta é uma loja online. Absolutamente, positivamente, NÃO podemos ter imagens. Nós temos que. Temos dez ou mais outros sites ... Esse é o único com og:image
problemas. Também é o único https
, então pensamos que talvez esse fosse o problema. Mas não podemos encontrar nenhum precedente em nenhum lugar da Web para isso.
Estas são as 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">
Caso você queira, aqui está um link para uma de nossas páginas de produtos em que estamos trabalhando. [Link encurtado para tentar reduzir essa entrada nos resultados de pesquisa do nosso site]: http://rockn.ro/114
EDITAR ----
Usando a ferramenta raspadora "ver o que o facebook vê", pudemos ver o seguinte:
"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"
}
],
Testamos todos os links encontrados para uma única página. Todas eram imagens perfeitamente válidas.
EDIT 2 ----
Tentamos um teste e adicionamos um subdomínio ao site NONSECURE (do qual as imagens são realmente visíveis no facebook). O subdomínio era http: // img. [Nonsecuresite] .com. Em seguida, colocamos todas as imagens na pasta principal do subdomínio e as referenciamos. Não puxaria essas imagens para o FB. No entanto, ele ainda puxaria qualquer imagem referenciada no domínio principal não seguro.
SOLUÇÃO POSTERIOR ----
Graças a Keegan, agora sabemos que isso é um bug no Facebook. Para contornar o problema, colocamos um subdomínio em outro site NON-HTTPS e colocamos todas as imagens nele. Referenciamos a http://img.otherdomain.com/[like-image.jpg]
imagem de coordenação em og:image
cada página do produto. Tivemos que passar pelo FB Linter e executar TODOS os links para atualizar os dados do OG. Isso funcionou, mas a solução é uma solução alternativa para band-aid, e se o https
problema for corrigido e voltarmos a usar o domínio https natural, o FB terá armazenado em cache as imagens de um site diferente, complicando as coisas. Esperamos que esta informação ajude a salvar alguém de perder 32 horas de codificação de sua vida.
og:type: og_products:product
para o tipo de site e veja se as imagens podem ser captadas.