¿Cómo podemos incluir una imagen en nuestra web para que se muestre en WhatsApp cuando compartamos un enlace como este?
[]
Yo tenía el mismo problema y el problema era el tamaño de la imagen. Whatsapp no admite imágenes con un tamaño superior a 300KB.
Así que la propiedad más importante para mostrar la imagen en Whatsapp es:
<meta property="og:image" content="url_image">
Y el tamaño de la imagen a mostrar debe ser inferior a 300KB.
Si el problema persiste, lea también la respuesta para esta pregunta similar
Supongo que no hay lista blanca en whatsapp, ya que he encontrado una solución que me ha funcionado. Haz lo siguiente. inserta 3 meta tags:
<meta property="og:image" content="http://yourimage_with_complete_URL.png"/>
<meta property="og:title" content="Your Title"/>
<meta property="og:description" content="Your description."/>
Su imagen debe estar en formato .png y dimensión de 600x600px y debe llamarse 'logo-yoursite.png' (una vez me funcionó así)
No olvides insertar el enlace a whatsapp en tu página web:
<a href='whatsapp://send?text=Text to send withe message: http://www.yoursite.com'>whatsApp</a>
¡Haz esto y estarás bien hecho!
Si quieres tener una imagen junto a una url de tu web que alguien ha compartido en WhatsApp, tienes que poner una metatag en la página a la que enlaza la URL, así:
<meta property="og:image" content="http://unrestrictedstock.com/wp-content/uploads/Unrestricted-Stock-Small.png"/>