{"id":147,"date":"2017-05-08T08:44:20","date_gmt":"2017-05-08T07:44:20","guid":{"rendered":"https:\/\/agenciaseonetbulb.com\/noticias\/?p=147"},"modified":"2024-10-19T19:55:44","modified_gmt":"2024-10-19T18:55:44","slug":"que-son-los-mapas-de-calor-heatmaps","status":"publish","type":"post","link":"https:\/\/agenciaseonetbulb.com\/noticias\/que-son-los-mapas-de-calor-heatmaps\/","title":{"rendered":"Qu\u00e9 son los mapas de calor o heatmaps"},"content":{"rendered":"<h2>QUE SON LOS MAPAS DE CALOR O HEATMAPS<\/h2>\n<p>Hoy os explicamos que son los mapas de calor o heatmaps de una web ya que es una de las cosas m\u00e1s importantes que debemos saber cu\u00e1ndo creamos una p\u00e1gina web, desde la m\u00e1s compleja hasta la m\u00e1s b\u00e1sica, para poder detectar\u00a0las partes m\u00e1s vistas de los usuarios y que generan m\u00e1s atenci\u00f3n.<\/p>\n<blockquote>\n<h2><em>&#8216;\u00bfQu\u00e9 son los mapas de calor? Los mapas de calor, tambi\u00e9n conocidos como <a href=\"https:\/\/en.wikipedia.org\/wiki\/Heat_map\" target=\"_blank\" rel=\"noopener\">heatmaps<\/a>, son herramientas de marketing que permiten analizar el comportamiento de los visitantes a un determinado sitio web&#8217;.<\/em><\/h2>\n<\/blockquote>\n<p>Se realiza mediante el an\u00e1lisis de los clics que realizan los internautas, las zonas donde pasan m\u00e1s tiempo\u00a0 o por donde se desplaza el rat\u00f3n.<\/p>\n<p>La definici\u00f3n de mapas de calor provienen de otro concepto usado habitualmente en el marketing, el eye tracking, o lo que es lo mismo, descubrir que zonas de una p\u00e1gina web miran con m\u00e1s atenci\u00f3n los usuarios.<\/p>\n<p>Pero\u2026 \u00bfPara qu\u00e9 sirve exactamente los mapas de calor? A continuaci\u00f3n Activa Internet de QDQ nos lo saca de duda:<\/p>\n<div style=\"text-align: center;\">\n<p><iframe title=\"Anal\u00edtica web: test A\/B y mapas de calor\" width=\"1170\" height=\"658\" src=\"https:\/\/www.youtube.com\/embed\/-AtEaOUFFv4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<\/div>\n<p>Por eso, para interpretar los mapas de calor siempre se representan mediante gr\u00e1ficos que usan diferentes colores para se\u00f1alar las zonas donde los usuarios permanecen un mayor tiempo o realizan m\u00e1s clics.<\/p>\n<p>Esos colores son los mismos que se utilizan en la termograf\u00eda, de ah\u00ed el nombre de mapa de calor.<\/p>\n<p>Cuantos m\u00e1s clics o m\u00e1s tiempo pasen los usuario en una zona, se dice que es un punto \u2018caliente\u2019 y \u00a0suele representar con el color rojo o blanco.<\/p>\n<p>En cambio si su relevancia es menor la tonalidad pasar\u00e1 a un color azulado indicando las zonas que menos llaman la atenci\u00f3n de la web.<\/p>\n<h2>Gracias a esta gama de colores se formar\u00eda tu heatmaps permitiendo detectar cuales son las m\u00e1s calientes o fr\u00edas de la p\u00e1gina web pudiendo utilizarse para tus intereses, aunque las m\u00e1s importantes ser\u00edan \u00a0tres:<\/h2>\n<p><strong>La primera funci\u00f3n, ser\u00eda para detectar fallos de una web.<\/strong><\/p>\n<p>Un ejemplo t\u00edpico en este caso ser\u00eda para detectar fallos en los formularios de inscripci\u00f3n o las llamadas a la acci\u00f3n; ya que pueden pasar desapercibidos debido a un mal dise\u00f1o de la web.<\/p>\n<p>Con los mapas de calor se puede detectar si nuestros formularios de suscripci\u00f3n est\u00e1n bien dise\u00f1ados o ubicados. Adem\u00e1s de descubrir si nuestros CTA o llamadas a la acci\u00f3n est\u00e1n siendo efectivas<\/p>\n<p><strong>Lo segundo que conseguimos, es localizar los mejores sitios para situar la publicidad en una web.<\/strong><\/p>\n<p>Los mapas de calor permiten localizar los sitios calientes de cada p\u00e1gina web de tal modo que resulta m\u00e1s f\u00e1cil situar los banners publicitarios en las zonas que m\u00e1s atenci\u00f3n reciban.<\/p>\n<p><strong>Y la tercera funci\u00f3n ser\u00eda comprobar la efectividad y visibilidad de cada elemento de una p\u00e1gina web.<\/strong><\/p>\n<p>Esto sirve para adecuar la interfaz del usuario en funci\u00f3n de la relevancia que se le quiera dar a cada uno de estos elementos.<\/p>\n<p>Al poder mejorar la interfaz del usuario de un sitio web, la experiencia de este mejorar\u00e1 y de esta forma aumentar\u00e1 el posicionamiento web de dicha p\u00e1gina.<\/p>\n<h2><strong>Ahora bien, \u00bfCu\u00e1ntos tipos de mapas de calor existen?<\/strong><\/h2>\n<p>En la actualidad podr\u00e1s encontrarte tres modelos:<\/p>\n<p><strong>El primero ser\u00eda el Heatmaps por scroll. <\/strong>Gracias a este mapa te se\u00f1ala hasta donde deja de leer un visitante en una web, es decir, hasta qu\u00e9 punto baja con la rueda del rat\u00f3n en una p\u00e1gina larga.<\/p>\n<p>Esto te servir\u00e1, por ejemplo, para reubicar los diferentes botones, men\u00fas o CTA.<\/p>\n<p><strong><a href=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-scroll.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-152 size-large\" title=\"mapa-calor-heatmaps-scroll\" src=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-scroll-1024x509.jpg\" alt=\"mapa-calor-heatmaps-scroll\" width=\"640\" height=\"318\" srcset=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-scroll-1024x509.jpg 1024w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-scroll-300x149.jpg 300w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-scroll.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/strong><\/p>\n<p><strong>El \u00a0segundo ser\u00eda el Heatmaps por clics<\/strong>, indic\u00e1ndote \u00a0en que zonas de la web los usuarios hacen clic con m\u00e1s frecuencia.<\/p>\n<h3><strong><a href=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-clics.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-153 size-large\" title=\"mapa-calor-heatmaps-clics\" src=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-clics-1024x509.jpg\" alt=\"mapa-calor-heatmaps-clics\" width=\"640\" height=\"318\" srcset=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-clics-1024x509.jpg 1024w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-clics-300x149.jpg 300w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-clics.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a>Y el \u00faltimo tipo ser\u00eda los Heatmaps por movimiento del rat\u00f3n.<\/strong><\/h3>\n<p>Estos mapas indican las zonas de la web por las que pasa el rat\u00f3n con m\u00e1s frecuencia.<\/p>\n<p>Se trata de una herramienta muy \u00fatil ya que seg\u00fan los estudios hay una correlaci\u00f3n del 88% entre el movimiento de los ojos y el del rat\u00f3n.<\/p>\n<p><a href=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-raton.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-154 size-large\" title=\"mapa-calor-heatmaps-raton\" src=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/uploads\/2017\/05\/mapa-calor-heatmaps-raton-1024x509.jpg\" alt=\"mapa-calor-heatmaps-raton\" width=\"640\" height=\"318\" srcset=\"https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-raton-1024x509.jpg 1024w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-raton-300x149.jpg 300w, https:\/\/agenciaseonetbulb.com\/noticias\/wp-content\/imagenes\/2017\/05\/mapa-calor-heatmaps-raton.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>Para finalizar nos gustar\u00eda indicarte que en el mercado actual hay herramientas muy completas e interesantes, capaces de generar diferentes tipos de mapas como las gratuitas: <a href=\"https:\/\/agenciaseonetbulb.com\/noticias\/diccionario-seo\/que-es-google-analytics\/\">google Analytics<\/a>, sumome o yandex m\u00e9trica; aunque tambi\u00e9n tendr\u00e1s otras opciones interesantes de pago como clicktale y crazyegg.<\/p>\n<p>Esperamos que os hayas quedado claro que son los mapas de calor. Si quieres saber m\u00e1s sobre el <a href=\"http:\/\/www.netbulbsocialmedia.com\" target=\"_blank\" rel=\"noopener\">marketing digital<\/a> &#8230; S\u00edguenos\u00a0?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>QUE SON LOS MAPAS DE CALOR O HEATMAPS Hoy os explicamos que son los mapas de calor o heatmaps de una web ya que es una de las cosas m\u00e1s importantes que debemos saber cu\u00e1ndo creamos una p\u00e1gina web, desde la m\u00e1s compleja hasta la m\u00e1s b\u00e1sica, para poder detectar\u00a0las partes m\u00e1s vistas de los [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":151,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[7],"tags":[420,419,150],"class_list":["post-147","post","type-post","status-publish","format-standard","has-post-thumbnail","category-marketing-digital","tag-heatmaps","tag-mapas-de-calor","tag-que-es"],"acf":[],"_links":{"self":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/posts\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":2,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":6019,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/posts\/147\/revisions\/6019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/media\/151"}],"wp:attachment":[{"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agenciaseonetbulb.com\/noticias\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}