{"id":8992,"date":"2025-07-18T10:25:54","date_gmt":"2025-07-18T08:25:54","guid":{"rendered":"https:\/\/webshore.eu\/glossary\/header\/"},"modified":"2025-10-23T08:23:29","modified_gmt":"2025-10-23T06:23:29","slug":"cabecera","status":"publish","type":"glossary-term","link":"https:\/\/webshore.eu\/es\/term\/header\/","title":{"rendered":"Header"},"content":{"rendered":"<p>En <strong>cabecera<\/strong> es la parte superior de un sitio web, lo primero que ven los visitantes en cada p\u00e1gina. Es algo m\u00e1s que una franja con un logotipo. Un buen encabezado ancla la navegaci\u00f3n de tu sitio, refuerza la identidad de tu marca y da a los usuarios las herramientas para moverse f\u00e1cilmente por tu contenido.<\/p>\n\n\n\n<p>Piensa en ella como si fuera la entrada de una tienda f\u00edsica. Indica a los visitantes que est\u00e1n en el lugar correcto, les da indicaciones claras y establece el tono para todo lo dem\u00e1s que sigue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 hay dentro de la t\u00edpica cabecera de un sitio web?<\/h3>\n\n\n\n<p>Una cabecera suele incluir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tu logotipo<\/strong> - A menudo se sit\u00faa en la parte superior izquierda. Al hacer clic en \u00e9l, los usuarios siempre volver\u00e1n a la p\u00e1gina de inicio.<\/li>\n\n\n\n<li><strong>Men\u00fa de navegaci\u00f3n principal<\/strong> - Enlaces a tus p\u00e1ginas principales: Servicios, Acerca de, Contacto, etc.<\/li>\n\n\n\n<li><strong>Llamada a la acci\u00f3n (CTA)<\/strong> - Un bot\u00f3n destacado como \"Reserva una llamada\", \"Pide un presupuesto\" o \"Empieza ahora\".<\/li>\n\n\n\n<li><strong>Datos de contacto o iconos<\/strong> - N\u00famero de tel\u00e9fono, chat o correo electr\u00f3nico de contacto, especialmente \u00fatil en el m\u00f3vil.<\/li>\n\n\n\n<li><strong>Conmutador de idiomas<\/strong> - Si tu sitio es multiling\u00fce.<\/li>\n\n\n\n<li><strong>Barra de b\u00fasqueda<\/strong> - Opcional, pero \u00fatil para sitios con mucho contenido.<\/li>\n<\/ul>\n\n\n\n<p>En el m\u00f3vil, estos elementos suelen contraerse en un \"men\u00fa hamburguesa\" para ahorrar espacio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por qu\u00e9 las cabeceras importan m\u00e1s de lo que crees<\/h3>\n\n\n\n<p>Una cabecera no s\u00f3lo forma parte del dise\u00f1o, sino que desempe\u00f1a una funci\u00f3n <strong>papel funcional y psicol\u00f3gico clave<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Primeras impresiones<\/strong>: La cabecera es a menudo tu \u00fanica oportunidad de hacer que alguien se quede. Si est\u00e1 desordenada, es confusa o poco profesional, la gente se va.<\/li>\n\n\n\n<li><strong>Claridad de navegaci\u00f3n<\/strong>: Los usuarios conf\u00edan en ella para encontrar su camino. Si se pierden, rebotan.<\/li>\n\n\n\n<li><strong>Reconocimiento de marca<\/strong>: Es un ancla visual que genera confianza y coherencia en todo tu sitio.<\/li>\n\n\n\n<li><strong>Oportunidad de conversi\u00f3n<\/strong>: Un CTA estrat\u00e9gicamente situado en la cabecera puede aumentar los clientes potenciales, las reservas o las compras.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cabeceras fijas vs. desplazables<\/h3>\n\n\n\n<p>Algunos sitios web utilizan <strong>cabeceras adhesivas<\/strong> que permanecen visibles mientras te desplazas. Esto puede mejorar la usabilidad -especialmente en m\u00f3viles-, pero tiene que ser ligero y discreto. Si ocupa demasiado espacio o se comporta de forma err\u00e1tica, puede ser contraproducente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u00e9 hace que un encabezado <em>malo<\/em>?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Demasiados enlaces o desplegables (abruma)<\/li>\n\n\n\n<li>Contraste deficiente o texto ilegible<\/li>\n\n\n\n<li>Falta CTA o informaci\u00f3n de contacto clave<\/li>\n\n\n\n<li>Sin jerarqu\u00eda visual (todo parece igual de importante)<\/li>\n\n\n\n<li>No escala ni se adapta bien en m\u00f3vil<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Buenas pr\u00e1cticas para un sitio empresarial<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mantenlo limpio y despejado: de tres a seis enlaces principales es suficiente.<\/li>\n\n\n\n<li>Aseg\u00farate de que tu CTA destaque visualmente (utiliza un color de bot\u00f3n que contraste).<\/li>\n\n\n\n<li>Optimiza para m\u00f3viles: prueba en todos los dispositivos.<\/li>\n\n\n\n<li>Utiliza la animaci\u00f3n o la contracci\u00f3n sobre desplazamiento con moderaci\u00f3n; s\u00f3lo si mejora la UX.<\/li>\n\n\n\n<li>Reutiliza tu cabecera en todas las p\u00e1ginas para mantener la coherencia.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3n<\/h3>\n\n\n\n<p>La cabecera es el centro de mando de tu sitio web. Es donde los visitantes deciden qu\u00e9 hacer a continuaci\u00f3n. Un encabezado bien dise\u00f1ado genera confianza, mejora la usabilidad y gu\u00eda a las personas hacia la acci\u00f3n, ya sea ponerse en contacto, explorar tus servicios o realizar una compra.<\/p>","protected":false},"excerpt":{"rendered":"<p>La cabecera es la secci\u00f3n superior de un sitio web, lo que los visitantes ven primero en cada p\u00e1gina. Es algo m\u00e1s que una franja con un logotipo. Un buen encabezado ancla la navegaci\u00f3n de tu sitio, refuerza la identidad de tu marca y da a los usuarios las herramientas para moverse f\u00e1cilmente por tu contenido.<\/p>","protected":false},"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","download_url":"","hosterType":"","is_child_theme":"","is_license":"","parent_theme":"","version":"","requires":"","tested":"","author":"","author_url":"","requires_php":"","download_id":"","user_id":"","license_key":"","status":"active","activation_limit":"","expiry_date":"","footnotes":""},"glossary_category":[225],"letter":[195],"class_list":["post-8992","glossary-term","type-glossary-term","status-publish","hentry","glossary_category-ux-design-principles","letter-h"],"acf":[],"_links":{"self":[{"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/glossary-term\/8992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/glossary-term"}],"about":[{"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/types\/glossary-term"}],"version-history":[{"count":0,"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/glossary-term\/8992\/revisions"}],"wp:attachment":[{"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/media?parent=8992"}],"wp:term":[{"taxonomy":"glossary_category","embeddable":true,"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/glossary_category?post=8992"},{"taxonomy":"letter","embeddable":true,"href":"https:\/\/webshore.eu\/es\/wp-json\/wp\/v2\/letter?post=8992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}