facebook - válida - protocolo open graph




og: imagen Abrir tamaño de imagen de advertencias de gráfico (7)

Aquí está mi historia de ay, espero que ayude a alguien más.

Estaba recibiendo advertencias similares:

Provided og:image is not big enough. Please use an image that's at
least 200x200 px.

pero esto solo ocurría en algunas páginas de nuestro sitio web y no en otras. Lo cual era extraño, ya que el CMS que usamos consistentemente pone una imagen de 427px x 307px en cada página, y usa la URL para esta imagen como la etiqueta og:image .

Después de probar los consejos anteriores, terminé comparando los archivos JPG en las páginas que funcionaban con los archivos JPG en las páginas que no funcionaban y encontré que los que no funcionaban tenían metadatos EXIF ​​en ellos. Eliminé los metadatos en Photoshop, actualicé las páginas web y volví a enviar las páginas al depurador de Facebook y funcionó.

tl; dr - Eliminar datos EXIF ​​de og: image.

Compruebo mi URL porque Facebook no usa la imagen que puse en og: image

url fb cheque

Mi imagen es: 639x649px 486kb Pero fb usa esta imagen: 300x443px 97kb

La advertencia dijo:

og: la imagen debería ser más grande: siempre que og: la imagen no sea lo suficientemente grande. Utilice una imagen de al menos 200x200 y preferiblemente de 1500x1500. (El tamaño máximo de imagen es de 5 MB). En su lugar, se usará la url de la imagen, tamaño: 300x443px 97kb.

Pero cuando intento crear una imagen de 1500x1500px, subir al servidor, actualizar y verificar nuevamente el enlace en la parte superior, los resultados son los mismos.


Con frecuencia, Facebook borrará el error de tamaño de la imagen en el segundo raspado de la URL, según mi experiencia. Da el error en el primer raspado de imágenes de cualquier tamaño. El problema que tengo es que termina usando la imagen y recortándola arbitrariamente en 2: 1 para usar en las publicaciones de la página.



La idea de redondear 100 y cuadrados no es verdad. No sé de dónde sacaste eso. Mira esta web. Intenta depurar la URL http://www.stipendije.ba/novost/1969

También podría ser hasta colores "fuertes", gran contraste y caracteres extraños.


Mi experiencia con Facebook me hizo dudar de que las computadoras sean máquinas deterministas :)

A veces aceptará imágenes de cualquier tamaño (entre 200 y 1500 px), a veces se quejan de que la imagen es demasiado pequeña ( og: la imagen debería ser más grande ) incluso si la imagen es cuadrada y mayor que el tamaño mínimo (por ejemplo, 400x400px). Tuve situaciones en las que el mismo enlace mostraba todas las 3 og: imágenes en linter y en el campo de estado de FB, luego de repente 2 semanas más tarde dejé de trabajar y comencé a mostrar solo una imagen mientras intentaba compartirla en el campo de estado de FB (linter todavía mostraba las 3 imágenes ), y viceversa. A veces FB parece tener problemas con diferentes dominios (por ejemplo, la página está en www.example.com y og: image en www.picdumpexamplesite.com), a veces no le importa ...

En mi humilde opinión, está muy roto, y lo mejor que puedes hacer es:
- hacer imágenes al cuadrado, redondeado a "cientos", por ejemplo, tamaño 300x300px
- alojarlos en el mismo servidor (mismo nombre de dominio)
- usa jpg
- evite caracteres "extraños" en el nombre del archivo (uso solo letras y números)
- ora para que algo de lo anterior funcione :)


Probé muchas de las sugerencias en esta publicación y otras fueron en vano. La solución (que no he visto en otro lugar) era agregar el prefijo correcto al elemento <head> que anteriormente había omitido por completo.

<head prefix="og: http://ogp.me/ns#">

No estoy seguro de si eso realmente solucionó el problema para siempre o si forzó al depurador a volver a escanear correctamente la imagen. Con suerte, esta solución ayudará a otra persona.


tuve

<meta property="og:type" content="website" />

en las etiquetas meta

Eliminó esa línea y funcionó.

Las etiquetas actuales ahora se ven así:

<meta property="og:title" content="Title Here" />       
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>




resolution