facebook - type - og: imagen Abrir tamaño de imagen de advertencias de gráfico
open graph example (10)
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
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.
Creo que SeeBeen tiene razón. Descubrí que Facebook prefiere números redondeados a cientos, y no parece importarle mucho si las imágenes son cuadradas.
Por ejemplo, seleccionará correctamente una imagen que sea 700x300, en lugar de una que sea 610x281 (estos son ejemplos reales de mis pruebas). Estaba teniendo un problema donde la imagen og: era 610x281, y FB elegiría los anuncios de banner 300x600 desde nuestra barra lateral, ignorando por completo la imagen og :. Cuando cambié el archivo de imagen sin formato a 700x300, funcionó bien.
Me imagino que esto cambiará pronto, pero por ahora (marzo de 2013) parece funcionar.
Encontré agregando las siguientes etiquetas adicionales que me funcionaron ...
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />
como se menciona en los informes posteriores a Facebook linter og: la imagen es demasiado pequeña, cuando es más grande que la imagen que elija en su lugar
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.
Lo he solucionado utilizando el Facebook URL Debugger para forzar la actualización de la memoria caché de la URL canónica. Este fue el truco. Estaba intentando actualizar una URL que no era la URL canónica exacta (le faltaba la barra diagonal posterior). Una vez que obtuve los nuevos metadatos de la URL correcta, todo se resolvió y se mostraba correctamente.
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.
Recibía el mismo error, pero tampoco tenía una og:description . Una vez que agregué una descripción, la imagen funcionó.
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"/>