{"id":8885,"date":"2022-05-03T10:27:04","date_gmt":"2022-05-03T08:27:04","guid":{"rendered":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/?p=8885"},"modified":"2022-05-04T10:34:33","modified_gmt":"2022-05-04T08:34:33","slug":"como-crear-un-mapa-de-calor-web-o-heatmap","status":"publish","type":"post","link":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/como-crear-un-mapa-de-calor-web-o-heatmap\/","title":{"rendered":"C\u00f3mo crear un mapa de calor web o heatmap"},"content":{"rendered":"<div id=\"telet-232477664\" class=\"telet-antes-del-contenido telet-entity-placement\"><a href=\"https:\/\/quaderno.io\/?via=jose-manuel94\" aria-label=\"Quaderno General (Spanish) &#8211; 728&#215;90\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2020\/11\/Quaderno-General-Spanish-728x90-1.png\" alt=\"\"  srcset=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2020\/11\/Quaderno-General-Spanish-728x90-1.png 728w, https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2020\/11\/Quaderno-General-Spanish-728x90-1-300x37.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" width=\"728\" height=\"90\"   \/><\/a><\/div><p>\u00bfTe haces una idea de toda la informaci\u00f3n que puedes obtener con un heatmap o mapa de calor en tu web?<\/p>\n<p>Saber d\u00f3nde hacen clic los usuarios, por qu\u00e9\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/partes-de-una-pagina-web-estructura-y-contenido\/\">partes de la web<\/a><\/strong>\u00a0pasan el rat\u00f3n, a qu\u00e9 banners no le hacen ni caso y en cu\u00e1les s\u00ed hacen clic\u2026 Conocer al dedillo el comportamiento de tus usuarios en tu p\u00e1gina web solamente es posible gracias a un heatmap o mapa de calor web y, por supuesto, es la mejor forma de optimizar tu sitio para aumentar las conversiones.<\/p>\n<p>Si nunca has trabajado con una herramienta as\u00ed, es normal que no tengas muy claro qu\u00e9 es un mapa de calor web, c\u00f3mo funciona y mucho menos c\u00f3mo crear uno, as\u00ed que en este art\u00edculo voy a tratar de despejar todas tus dudas para que puedas empezar a \u00abespiar\u00bb las visitas de tu web\u00a0\ud83d\ude42\u00a0.<\/p>\n<p>\u00a1Vamos a ello!<\/p>\n<hr \/>\n<p><img decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/07\/articulos.png\" \/><\/p>\n<div class=\"wp-rss-template-container\" data-wpra-template=\"default\" data-template-ctx=\"eyJ0ZW1wbGF0ZSI6IkRlZmF1bHQifQ==\">\n    <div class=\"wp-rss-aggregator wpra-list-template  \" data-page=\"1\">\n    \n    \n<ul class=\"wpra-item-list rss-aggregator wpra-item-list--bullets wpra-item-list--default\"\n    start=\"1\">\n                        <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.com\/blog\/2026\/03\/16\/hello-world\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Hello world!<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-16\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/www.dropbox.com\/scl\/fi\/b6csvpbfxu24vaezmo3es\/62bed0634df20e5ef35346439fdd423f_franquicias.pdf?rlkey=mfp2795s4n89mw35l0yeu2vl5&amp;e=2&amp;st=57kabuy0&amp;dl=0#new_tab\" target=\"_blank\" rel=\"nofollow\" class=\"\">Las franquicias espa\u00f1olas duplican su presencia en mercados for\u00e1neos<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-11\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/5-errores-fatales-al-internacionalizar-tu-franquicia\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">5 errores fatales al internacionalizar tu franquicia<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-10\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/un-nuevo-prime-time-para-las-marcas-afterwork-tardeo-y-futbol-se-consolidan-como-los-grandes-motores-del-consumo-experiencial\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Un nuevo prime time para las marcas: afterwork, tardeo y f\u00fatbol se consolidan como los grandes motores del consumo experiencial<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-09\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/la-ventaja-competitiva-esta-en-entender-como-pregunta-el-consumidor\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">La ventaja competitiva est\u00e1 en entender c\u00f3mo pregunta el consumidor<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-08\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/solo-el-7-de-los-espanoles-cree-a-las-marcas-cuando-comunican-sus-valores-con-hechos-demostrables\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Solo el 7% de los espa\u00f1oles cree a las marcas cuando comunican sus valores con hechos demostrables<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-07\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/el-38-de-las-empresas-creadas-en-2019-ha-echado-ya-el-cierre\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">El 38% de las empresas creadas en 2019 ha echado ya el cierre<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-06\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/descubre-las-oportunidades-y-tendencias-en-el-mercado-de-la-franquicia-para-2026\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Descubre las oportunidades y tendencias en el mercado de la franquicia para 2026<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-05\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/las-startups-de-salud-mas-punteras-del-mundo\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Las startups de salud m\u00e1s punteras del mundo<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-04\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/puesta-en-marcha-de-un-negocio-primeros-pasos-para-validar-vender-y-controlar-la-tesoreria\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Puesta en marcha de un negocio: primeros pasos para validar, vender y controlar la tesorer\u00eda<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-03\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/6-franquicias-sin-apenas-competencia-en-el-mercado\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">6 franquicias sin apenas competencia en el mercado<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-02\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/digistorage.es\/links\/71d78951-a420-4f5b-8de6-7b35ae7efc1c#new_tab\" target=\"_blank\" rel=\"nofollow\" class=\"\">Los algoritmos amenazan con filtrar las confesiones realizadas al abogado<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-03-01\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/las-startups-que-mas-innovan-en-el-mundo\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Las startups que m\u00e1s innovan en el mundo<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-02-28\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/tiktok-genera-31-000-millones-de-euros-para-las-empresas-europeas-y-3-000-millones-en-espana\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">TikTok genera 31.000 millones de euros para las empresas europeas y 3.000 millones en Espa\u00f1a<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-02-27\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n                    <li class=\"wpra-item feed-item \">\n            \n            \n\n    <a  href=\"https:\/\/distritoemprendedores.es\/blog\/amazon-planea-un-marketplace-para-hacer-de-puente-entre-los-publishers-y-las-empresas-de-ia\/\" target=\"_blank\" rel=\"nofollow\" class=\"\">Amazon planea un \u00abmarketplace\u00bb para hacer de puente entre los \u00abpublishers\u00bb y las empresas de IA<\/a>\n\n\n\n\n\n\n<div class=\"wprss-feed-meta\">\n            <span class=\"feed-source\">\n            Source:\n\n                            Distrito Emprendedores\n                    <\/span>\n    \n            <span class=\"feed-date\">\n            Published on 2026-02-26\n        <\/span>\n    \n    <\/div>\n\n\n\n\n\n            \n        <\/li>\n        <\/ul>\n\n        \n<\/div>\n\n<\/div>\n\n<hr \/>\n<h2><span id=\"Que_es_un_mapa_de_calor_web_o_heatmap\">\u00bfQu\u00e9 es un mapa de calor web o heatmap?<\/span><\/h2>\n<p>Un heatmap o mapa de calor web es una herramienta que analiza tu p\u00e1gina web y te permite realizar un seguimiento exhaustivo del comportamiento de tus visitas. Este seguimiento se realiza mediante una representaci\u00f3n gr\u00e1fica basada en una escala de colores muy intuitiva y f\u00e1cil de interpretar.<\/p>\n<p>En otras palabras, podemos decir que un mapa de calor o heatmap es una herramienta que nos permite conocer mediante una escala de colores qu\u00e9 elementos o \u00e1reas de nuestra web son m\u00e1s interesantes para el usuario y cu\u00e1les no lo son.<\/p>\n<p>Algunos de los datos m\u00e1s relevantes que vamos a obtener con un heatmap son:<\/p>\n<ul>\n<li>Secciones de la web que reciben m\u00e1s clics.<\/li>\n<li>Elementos que captan la atenci\u00f3n de los usuarios.<\/li>\n<li>Por d\u00f3nde pasan el rat\u00f3n tus visitas.<\/li>\n<li>Hasta d\u00f3nde hacen scroll.<\/li>\n<li>Qu\u00e9 CTAs o llamadas a la acci\u00f3n son m\u00e1s relevantes.<\/li>\n<\/ul>\n<h3><span id=\"Escala_de_colores_en_un_mapa_de_calor_web\">Escala de colores en un mapa de calor web<\/span><\/h3>\n<p>Todos los mapas de calor web suelen utilizar una escala de colores bastante estandarizada que suele ir desde tonos fr\u00edos (violetas\/azules\/verdes) a tonos calientes (amarillo, naranja, rojo).<\/p>\n<p>Normalmente la escala de colores de los heatmaps suele ser como esta:<a href=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/escala-de-colores-mapa-de-calor-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8887\" src=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/escala-de-colores-mapa-de-calor-web.png\" alt=\"\" width=\"865\" height=\"100\" srcset=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/escala-de-colores-mapa-de-calor-web.png 865w, https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/escala-de-colores-mapa-de-calor-web-300x35.png 300w, https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/escala-de-colores-mapa-de-calor-web-768x89.png 768w\" sizes=\"auto, (max-width: 865px) 100vw, 865px\" \/><\/a><\/p>\n<p>Los tonos azules y verdes se denominan \u00abzonas fr\u00edas\u00bb, ya que los usuarios no realizan casi interacciones y pasan casi desapercibidas por las visitas.<\/p>\n<p>En cambio, los tonos naranjas y rojos representan las \u00abzonas calientes\u00bb, es decir, los elementos o partes de nuestra web que s\u00ed tienen mucha interacci\u00f3n.<\/p>\n<p>Y como una imagen vale m\u00e1s que mil palabras, aqu\u00ed te dejo un ejemplo de c\u00f3mo se ve un mapa de calor web o heatmap cuando lo instalamos en una web real:<\/p>\n<p><a href=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/ejemplo-crazyegg-mapa-de-calor-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8886\" src=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/ejemplo-crazyegg-mapa-de-calor-web.png\" alt=\"\" width=\"824\" height=\"335\" srcset=\"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/ejemplo-crazyegg-mapa-de-calor-web.png 824w, https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/ejemplo-crazyegg-mapa-de-calor-web-300x122.png 300w, https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2022\/05\/ejemplo-crazyegg-mapa-de-calor-web-768x312.png 768w\" sizes=\"auto, (max-width: 824px) 100vw, 824px\" \/><\/a><\/p>\n<h2><span id=\"Mapa_de_calor_web_3_tipos_de_heatmaps\">Mapa de calor web: 3 tipos de heatmaps<\/span><\/h2>\n<p>En funci\u00f3n de la informaci\u00f3n que quieras recopilar acerca del comportamiento de tus visitas, es necesario diferenciar tres tipos de heatmaps o mapas de calor web:<\/p>\n<ul>\n<li><strong>Mapas de calor de clics.<\/strong>\u00a0Este tipo de mapas de calor web recogen las \u00e1reas de la p\u00e1gina que registran el mayor n\u00famero de clics y son \u00fatiles para detectar posibles fugas de conversi\u00f3n.<\/li>\n<li><strong>Mapas de calor de scroll.<\/strong>\u00a0Fundamentalmente nos sirven para conocer cu\u00e1nto de interesante es nuestro contenido para nuestras visitas. \u00bfEn qu\u00e9 parte de la web paran de leer? \u00bfLlegan hasta abajo? \u00bfQu\u00e9 informaci\u00f3n se est\u00e1n perdiendo?<\/li>\n<li><strong>Mapas de calor de movimiento.<\/strong>\u00a0Suponiendo que el usuario mueve la vista en consonancia con el rat\u00f3n, este tipo de mapas de calor web pueden ser \u00fatiles para conocer qu\u00e9 zonas del sitio reciben mayor atenci\u00f3n. De todas formas, podr\u00edamos decir que con todos los cambios a nivel tecnol\u00f3gico que han ocurrido en los \u00faltimos a\u00f1os este tipo de mapas de calor son los menos precisos o menos anal\u00edticos. \u00bfPor qu\u00e9? Pues por ejemplo, el uso de tablets o port\u00e1tiles ha crecido una barbaridad y en ellos el movimiento del rat\u00f3n no se asemeja casi nada a c\u00f3mo movemos el rat\u00f3n cuando estamos sentados frente a nuestro ordenador de sobremesa.<\/li>\n<\/ul>\n<h2><span id=\"Que_utilidades_tiene_un_mapa_de_calor_web\">\u00bfQu\u00e9 utilidades tiene un mapa de calor web?<\/span><\/h2>\n<p>Como ya dijimos un mapa de calor web se utiliza para conocer qu\u00e9\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/7-elementos-no-pueden-faltar-pagina-web\/\">elementos de tu p\u00e1gina web<\/a><\/strong>\u00a0reciben m\u00e1s interacci\u00f3n. Sabiendo esto, puedes implementar mejoras para mejorar la\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/5-tips-para-mejorar-la-experiencia-de-usuario-de-tu-web\/\">experiencia de usuario<\/a><\/strong>\u00a0o aprovechar las zonas calientes para introducir cambios o botones que aumenten las conversiones de una web.<\/p>\n<p>Imagina que en la parte superior de tu web tienes un bot\u00f3n de suscripci\u00f3n a\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/newsletter-que-es-y-para-que-sirve\/\">una newsletter<\/a><\/strong>, pero mediante el mapa de calor compruebas que es una zona fr\u00eda en la que no suele haber interacci\u00f3n por parte de tus usuarios. Puedes tomar dos decisiones:<\/p>\n<ul>\n<li>Cambiar el bot\u00f3n y hacerlo m\u00e1s atractivo tanto a nivel de copy como de dise\u00f1o.<\/li>\n<li>Cambiar la caja de suscripci\u00f3n para una zona de tu web con m\u00e1s interacci\u00f3n.<\/li>\n<\/ul>\n<p>Otro ejemplo r\u00e1pido\u2026<\/p>\n<p>Creas un mapa de calor web en tu p\u00e1gina y descubres que muchos clientes hacen clic en un icono que no lleva a ninguna parte. Esto perjudica a la experiencia de tus visitas y deber\u00edas replantearte dos cosas:<\/p>\n<ul>\n<li>Modificar el dise\u00f1o del icono para evitar que parezca \u00abclicable\u00bb.<\/li>\n<li>Introducir un enlace interno a tu web.<\/li>\n<\/ul>\n<p>O, \u00bfde qu\u00e9 te sirve a\u00f1adir el bot\u00f3n de contratar o comprar un producto en una zona a la que los usuarios ya no llegan haciendo scroll?<\/p>\n<p>Los mapas de calor web pueden darte el empuj\u00f3n para realizar peque\u00f1os cambios que pueden mejorar significativamente tus conversiones\u00a0\ud83d\ude42\u00a0.<\/p>\n<h2><span id=\"Como_crear_un_mapa_de_calor_web_o_heatmap\">\u00bfC\u00f3mo crear un mapa de calor web o heatmap?<\/span><\/h2>\n<p>Existen un mont\u00f3n de herramientas para crear un mapa de calor web en tu p\u00e1gina web. La gran mayor\u00eda son herramientas de pago, pero con pruebas gratuitas para que puedas hacerte una idea de c\u00f3mo funcionan antes de tener que contratar el servicio.<\/p>\n<p>El funcionamiento de todas ellas es bastante similar. Una vez que te suscribes, la herramienta te proporciona un script que tienes que a\u00f1adir en el c\u00f3digo de tu p\u00e1gina web para que pueda empezar a recopilar los datos.<\/p>\n<p>Si no sabes muy bien qu\u00e9 herramienta elegir, no te preocupes. A continuaci\u00f3n te dejo una lista con las mejores herramientas para a\u00f1adir un heatmap en tu p\u00e1gina web.<\/p>\n<h3><span id=\"1_Crazy_Egg\">1. Crazy Egg<\/span><\/h3>\n<p>Crazy Egg es quiz\u00e1 la herramienta m\u00e1s popular para crear un mapa de calor web. Aunque no tiene versi\u00f3n gratuita, s\u00ed tienes un per\u00edodo de prueba 30 d\u00edas para probarla sin ning\u00fan coste. Es una de mis recomendaciones por lo intuitiva y f\u00e1cil que es de utilizar, adem\u00e1s de todas las opciones que proporciona.<\/p>\n<p>Puedes obtener desde mapas de calor en funci\u00f3n a los clics que realizan en tu web,\u00a0<em>mapas de scroll<\/em>\u00a0e<em>\u00a0informes conffeti<\/em>, es decir, un mapa de clics avanzado que te permite conocer el comportamiento de tus visitas en funci\u00f3n de la procedencia de tu tr\u00e1fico.<\/p>\n<p>Tambi\u00e9n cuenta con una opci\u00f3n para hacer\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/test-ab\/\">tests A\/B<\/a><\/strong>\u00a0que puede ser interesante para mejorar las conversiones de tu web.<\/p>\n<h3><span id=\"2_Hotjar\">2. Hotjar<\/span><\/h3>\n<p>Hotjar es otra de mis favoritas para crear un mapa de calor web. Adem\u00e1s, tienes una versi\u00f3n gratuita que, si tienes una web peque\u00f1ita, puede ser m\u00e1s que suficiente\u00a0\ud83d\ude42\u00a0.<\/p>\n<p>Esta herramienta se encarga de recopilar todos los datos de tu web para ofrecerte mapas de calor de clics, de movimiento del rat\u00f3n o scroll. Adem\u00e1s, ofrece una opci\u00f3n de\u00a0<i>recording<\/i>, es decir, grabaciones de las interacciones de los usuarios en tu web. Para que me entiendas, puedes ver en formato v\u00eddeo c\u00f3mo se comport\u00f3 un usuario en tu web, d\u00f3nde hizo clic, a qu\u00e9 secciones del men\u00fa accedi\u00f3, etc.<\/p>\n<p>Esta funci\u00f3n es muy \u00fatil porque te ayuda a entender c\u00f3mo se comporta un usuario cualquiera en tu sitio web o qu\u00e9 aspectos son los que generan m\u00e1s problemas o confusi\u00f3n en la navegaci\u00f3n.<\/p>\n<h3><span id=\"3_Heatmap\">3. Heatmap<\/span><\/h3>\n<p>Si est\u00e1s buscando una opci\u00f3n gratuita, esta es muy buena. Aunque posee planes m\u00e1s avanzados, la versi\u00f3n m\u00e1s b\u00e1sica (y gratuita) te permite utilizarla todo el tiempo que t\u00fa quieras y puede ser m\u00e1s que suficiente para tu primer mapa de calor web.<\/p>\n<p>Al ser gratuita no es tan completa como las que vimos anteriormente, aunque tendr\u00e1s un tiempo de retenci\u00f3n de los datos de hasta 6 meses, 1 mill\u00f3n de visitas por mes y tendr\u00e1s acceso a los datos de 5 p\u00e1ginas de tu web. No est\u00e1 nada mal, \u00bfverdad?<\/p>\n<h3><span id=\"4_YandexMetrica\">4. Yandex.Metrica<\/span><\/h3>\n<p>Otra alternativa gratuita es Yandex Metrika. Realmente se trata de una alternativa a\u00a0<strong><a href=\"https:\/\/www.lucushost.com\/blog\/instalar-google-analytics-en-wordpress-guia-completa\/\">Google Analytics<\/a><\/strong>, con todo tipo de m\u00e9tricas e informes relacionados con el tr\u00e1fico web (audiencia, procedencia, canales, conversiones\u2026), pero con una gran diferencia: los mapas de calor web.<\/p>\n<p>En el panel de administraci\u00f3n tienes disponibles varias opciones para conocer el comportamiento de tus usuarios, desde grabaciones de sesiones hasta cuatro tipos de mapas de calor web diferentes.<\/p>\n<p>Si no tienes mucho presupuesto, esta es una de las mejores opciones.<\/p>\n<h2><span id=\"Como_anadir_un_mapa_de_calor_web_en_WordPress\">C\u00f3mo a\u00f1adir un mapa de calor web en WordPress<\/span><\/h2>\n<p>Cualquiera de las herramientas que acabo de mostrarte sirven para WordPress, basta con a\u00f1adir la l\u00ednea de c\u00f3digo que ellos te proporcionan en tu web y ya estar\u00eda funcionando. Aunque, como ya sabes, este\u00a0<a href=\"https:\/\/www.lucushost.com\/blog\/gestor-de-contenidos\/\"><strong>gestor de contenidos<\/strong><\/a>\u00a0siempre nos lo pone un poquito m\u00e1s f\u00e1cil.<\/p>\n<p>Formularios de contacto, seguridad, redes sociales\u2026 \u00a1Hay plugins para todo! Y, s\u00ed, tambi\u00e9n hay plugins para crear mapas de calor web.<\/p>\n<p>Algunas de las opciones m\u00e1s utilizadas son\u00a0<strong><a href=\"https:\/\/wordpress.org\/plugins\/smartlook-visitor-screen-recording\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Smartlook<\/a><\/strong>\u00a0o\u00a0<strong><a href=\"https:\/\/wordpress.org\/plugins\/aurora-heatmap\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Aurora Heatmap<\/a><\/strong>, ambos disponibles en el repositorio oficial de WordPress.<\/p>\n<h2><span id=\"Conclusion\">Conclusi\u00f3n\u2026<\/span><\/h2>\n<p>Un mapa de calor web o heatmap te ayudar\u00e1 a conocer en profundidad el comportamiento de los usuarios una vez que aterrizan en tu sitio web. D\u00f3nde hacen clic, por d\u00f3nde mueven el rat\u00f3n, a qu\u00e9 \u00e1reas de la web prestan m\u00e1s atenci\u00f3n, hasta d\u00f3nde llegan\u2026 \u00bfTe imaginas lo que supone tener en tu poder toda esta informaci\u00f3n?<\/p>\n<p>Como hemos visto, existen un mont\u00f3n de herramientas que te permiten analizar toda esta informaci\u00f3n. Basta con a\u00f1adir un c\u00f3digo que permita recolectar la informaci\u00f3n en tu web y \u00a1listo! Adem\u00e1s, si trabajas con WordPress existen plugins que te lo ponen todav\u00eda m\u00e1s f\u00e1cil\u00a0\ud83d\ude42\u00a0.<\/p>\n<p>Ahora es tu turno. Cu\u00e9ntame, \u00bfpreparado para a\u00f1adir un mapa de calor en tu p\u00e1gina web? \u00bfHas probado ya alguna de estas herramientas?<\/p>\n<p><a href=\"https:\/\/www.lucushost.com\/\"><em>Blog LucusHost<\/em><\/a><\/p>\n<div id=\"telet-2129633184\" class=\"telet-despues-del-contenido telet-entity-placement\"><a target=\"_blank\" href=\"\/\/aff.lucushost.com\/resources\/click\/?n=gDxoXMAJ&aff=756\"><img decoding=\"async\" border=\"0\" alt=\"LucusHost, el mejor hosting\" src=\"\/\/aff.lucushost.com\/resources\/banners\/?zoneid=5123&n=gDxoXMAJ&aff=756\" \/><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfTe haces una idea de toda la informaci\u00f3n que puedes obtener con un heatmap o mapa de calor en tu web? Saber d\u00f3nde hacen clic los usuarios, por qu\u00e9\u00a0partes de&hellip; <\/p>\n","protected":false},"author":1,"featured_media":3598,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[9],"tags":[15,14],"class_list":["post-8885","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ofimatica","tag-fuprisa","tag-jose-manuel-fuentes-prieto"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[1],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"jetpack_featured_media_url":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-content\/uploads\/sites\/2\/2021\/03\/teletrabajadora.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/posts\/8885","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/comments?post=8885"}],"version-history":[{"count":1,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/posts\/8885\/revisions"}],"predecessor-version":[{"id":8888,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/posts\/8885\/revisions\/8888"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/media\/3598"}],"wp:attachment":[{"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/media?parent=8885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/categories?post=8885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/telesecretarias\/wp-json\/wp\/v2\/tags?post=8885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}