{"id":4387,"date":"2026-03-27T07:07:46","date_gmt":"2026-03-27T12:07:46","guid":{"rendered":"https:\/\/hb.net.co\/es\/?p=4387"},"modified":"2026-03-25T19:51:40","modified_gmt":"2026-03-26T00:51:40","slug":"por-que-whatsapp-no-muestra-la-imagen-cuando-compartes-un-enlace-solucion","status":"publish","type":"post","link":"https:\/\/hb.net.co\/es\/por-que-whatsapp-no-muestra-la-imagen-cuando-compartes-un-enlace-solucion\/","title":{"rendered":"\u00bfPor qu\u00e9 WhatsApp no muestra la imagen cuando compartes un enlace? (Soluci\u00f3n)"},"content":{"rendered":"<p>Si alguna vez compartiste un enlace de tu p\u00e1gina web en WhatsApp y <strong>no aparece la imagen<\/strong>, el t\u00edtulo o la descripci\u00f3n, no es un error de WhatsApp, es un problema de configuraci\u00f3n en tu sitio web y es m\u00e1s com\u00fan de lo que parece.<\/p>\n<p>En este art\u00edculo te explico <strong>por qu\u00e9 pasa y c\u00f3mo solucionarlo paso a paso<\/strong>.<\/p>\n<p><strong>Por qu\u00e9 no aparece la imagen en WhatsApp<\/strong><\/p>\n<p>WhatsApp no muestra la imagen porque no lee la p\u00e1gina como lo hace Google; whatsApp utiliza algo llamado <strong>etiquetas Open Graph (OG)<\/strong>, que son unas etiquetas que van en el c\u00f3digo de la p\u00e1gina y le dicen a WhatsApp:<\/p>\n<ul>\n<li>Qu\u00e9 t\u00edtulo mostrar<\/li>\n<li>Qu\u00e9 descripci\u00f3n mostrar<\/li>\n<li>Qu\u00e9 imagen mostrar<\/li>\n<li>Qu\u00e9 enlace mostrar<\/li>\n<\/ul>\n<p>Estas etiquetas se ven as\u00ed en el c\u00f3digo:<\/p>\n<p><strong>&lt;meta property=&#8221;og:title&#8221; content=&#8221;T\u00edtulo del art\u00edculo&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:description&#8221; content=&#8221;Descripci\u00f3n del art\u00edculo&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:image&#8221; content=&#8221;https:\/\/tusitio.com\/imagen.jpg&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:url&#8221; content=&#8221;https:\/\/tusitio.com\/articulo&#8221; \/&gt;<\/strong><\/p>\n<p>Si tu web no tiene estas etiquetas bien configuradas, WhatsApp no mostrar\u00e1 la imagen.<\/p>\n<p><strong>Error muy com\u00fan: el cach\u00e9 de WhatsApp<\/strong><\/p>\n<p>Aunque arregles la imagen, WhatsApp <strong>guarda una copia del enlace<\/strong> (cach\u00e9), y por eso sigues viendo el enlace sin imagen.<\/p>\n<p>La soluci\u00f3n es compartir el enlace as\u00ed:<\/p>\n<p>https:\/\/tusitio.com\/articulo\/?w=1<\/p>\n<p>Si no aparece la imagen, cambia el n\u00famero:<\/p>\n<p>https:\/\/tusitio.com\/articulo\/?w=2<br \/>\nhttps:\/\/tusitio.com\/articulo\/?w=3<\/p>\n<p>Esto obliga a WhatsApp a volver a leer la p\u00e1gina y actualizar la imagen.<\/p>\n<p>Resumiendo solo debes agregar <strong>?w=1 <\/strong>al final de cada enlace a compartir.<\/p>\n<p><strong>Tama\u00f1o correcto de imagen para WhatsApp<\/strong><\/p>\n<p>Para que la imagen se vea bien cuando compartes tu web, debe tener estas caracter\u00edsticas:<\/p>\n<table>\n<thead>\n<tr>\n<td><strong>Par\u00e1metro<\/strong><\/td>\n<td><strong>Recomendado<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Tama\u00f1o<\/td>\n<td>1200 x 630 px<\/td>\n<\/tr>\n<tr>\n<td>Formato<\/td>\n<td>JPG<\/td>\n<\/tr>\n<tr>\n<td>Peso<\/td>\n<td>Menos de 300 KB<\/td>\n<\/tr>\n<tr>\n<td>Relaci\u00f3n<\/td>\n<td>1.91:1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Si la imagen es muy grande, muy pesada o cuadrada, WhatsApp no la mostrar\u00e1.<\/p>\n<p><strong>C\u00f3mo solucionar el problema (paso a paso)<\/strong><\/p>\n<ol>\n<li>Usa un plugin SEO como Rank Math. (si tu web es wordpress)<\/li>\n<li>Configura la imagen destacada del art\u00edculo.<\/li>\n<li>Configura la imagen social (Open Graph).<\/li>\n<li>Verifica el enlace en:<\/li>\n<\/ol>\n<p>https:\/\/developers.facebook.com\/tools\/debug\/<\/p>\n<ol>\n<li>Haz clic en <strong>Scrape Again<\/strong>.<\/li>\n<li>Comparte el enlace en WhatsApp as\u00ed:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/tusitio.com\/articulo\/?w=1\" target=\"_blank\" rel=\"noopener\">https:\/\/tusitio.com\/articulo\/?w=1<\/a><\/p>\n<p>Si tu sitio web est\u00e1 hecho en HTML (no WordPress), debes agregar las etiquetas <strong>Open Graph<\/strong> dentro del &lt;head&gt; de tu p\u00e1gina.<\/p>\n<ol>\n<li><strong> Agregar etiquetas Open Graph<\/strong><\/li>\n<\/ol>\n<p>Abre tu archivo HTML y dentro de la etiqueta &lt;head&gt; agrega esto:<\/p>\n<p><strong>&lt;!&#8211; Open Graph para WhatsApp &#8211;&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:title&#8221; content=&#8221;T\u00edtulo de tu p\u00e1gina o art\u00edculo&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:description&#8221; content=&#8221;Descripci\u00f3n corta de la p\u00e1gina (2 l\u00edneas m\u00e1ximo)&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:image&#8221; content=&#8221;https:\/\/tudominio.com\/imagen.jpg&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:url&#8221; content=&#8221;https:\/\/tudominio.com\/pagina.html&#8221; \/&gt;<\/strong><br \/>\n<strong>&lt;meta property=&#8221;og:type&#8221; content=&#8221;website&#8221; \/&gt;<\/strong><\/p>\n<p><strong>Consejo importante si tienes empresa<\/strong><\/p>\n<p>Cada vez que compartes un enlace en WhatsApp, esa vista previa es como un anuncio gratis, por eso la imagen debe parecer un anuncio:<\/p>\n<ul>\n<li>T\u00edtulo grande<\/li>\n<li>Imagen clara<\/li>\n<li>Colores llamativos<\/li>\n<li>Logo de tu empresa<\/li>\n<li>Un problema que llame la atenci\u00f3n<\/li>\n<\/ul>\n<p><strong>Conclusi\u00f3n<\/strong><\/p>\n<p>Si tu p\u00e1gina no muestra la imagen cuando la compartes en WhatsApp, normalmente es por:<\/p>\n<ul>\n<li>Falta de etiquetas Open Graph<\/li>\n<li>Imagen con tama\u00f1o incorrecto<\/li>\n<li>Cach\u00e9 de WhatsApp<\/li>\n<li>Redirecciones en la web<\/li>\n<\/ul>\n<p>La buena noticia es que <strong>todo tiene soluci\u00f3n<\/strong>, y cuando lo configuras bien, cada vez que compartas tu web en WhatsApp tendr\u00e1s una vista previa profesional que genera m\u00e1s clics y m\u00e1s clientes.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si alguna vez compartiste un enlace de tu p\u00e1gina web en WhatsApp y no aparece la imagen, el t\u00edtulo o la descripci\u00f3n, no es un error de WhatsApp, es un problema de configuraci\u00f3n en tu sitio web y es m\u00e1s com\u00fan de lo que parece. En este art\u00edculo te explico por qu\u00e9 pasa y c\u00f3mo &hellip; <a href=\"https:\/\/hb.net.co\/es\/por-que-whatsapp-no-muestra-la-imagen-cuando-compartes-un-enlace-solucion\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;\u00bfPor qu\u00e9 WhatsApp no muestra la imagen cuando compartes un enlace? (Soluci\u00f3n)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4389,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,13],"tags":[],"class_list":["post-4387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital","category-recursos"],"_links":{"self":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/posts\/4387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/comments?post=4387"}],"version-history":[{"count":0,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/posts\/4387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/media\/4389"}],"wp:attachment":[{"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/media?parent=4387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/categories?post=4387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hb.net.co\/es\/wp-json\/wp\/v2\/tags?post=4387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}