{"id":2050,"date":"2023-06-21T13:40:52","date_gmt":"2023-06-21T13:40:52","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=2050"},"modified":"2024-04-10T09:47:42","modified_gmt":"2024-04-10T09:47:42","slug":"header","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/header\/","title":{"rendered":"Header"},"content":{"rendered":"<figure id=\"attachment_14279\" aria-describedby=\"caption-attachment-14279\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14279\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Header.jpg\" alt=\"Header\" width=\"1000\" height=\"600\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Header.jpg 1000w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Header-300x180.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2024\/04\/Header-768x461.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-14279\" class=\"wp-caption-text\">Portatil con las cosas basicas de html.<\/figcaption><\/figure>\n<p>Es la parte del HTML que hace referencia al encabezado de un documento, cuando se trata de un sitio web, <strong>el header es la parte superior donde habitualmente se incluyen los v\u00ednculos de navegaci\u00f3n<\/strong>, botones a redes sociales, formularios de b\u00fasqueda, logos, men\u00fas, entre otros.<\/p>\n<h2>\u00bfQu\u00e9 es header?<\/h2>\n<p>C\u00f3mo se mencion\u00f3 anteriormente, es una secci\u00f3n <strong>dentro del c\u00f3digo HTML que cumple con una funci\u00f3n de etiqueta<\/strong>. Es de gran importancia <a href=\"https:\/\/www.appyweb.es\/diseno-web\/\">para las actividades de dise\u00f1o web<\/a>, ya que all\u00ed es donde se debe insertar la informaci\u00f3n principal sobre el sitio para orientar a los visitantes en el viaje de navegaci\u00f3n.<\/p>\n<p>En este espacio se puede localizar o apreciar la identificaci\u00f3n del sitio, frases o slogans y la estructura que encontrar\u00e1n los usuarios dentro del sitio, es decir, un peque\u00f1o mapa estructural que facilitar\u00e1 el desplazamiento en el mismo.<\/p>\n<h2>Organizaci\u00f3n del header<\/h2>\n<p>Entre los <strong>elementos estructurales de un buen encabezado o header<\/strong> para un sitio web se encuentran los siguientes.<\/p>\n<ul>\n<li>Logotipo de identidad y el eslogan con el que se define la marca o empresa.<\/li>\n<li>Enlace para cambiar el idioma.<\/li>\n<li>Links para dirigirse a los diferentes apartados del sitio.<\/li>\n<li>Sitios o direcciones electr\u00f3nicas de la empresa a marca.<\/li>\n<li>Link de aplicaciones para equipos m\u00f3viles.<\/li>\n<li>Ubicaci\u00f3n y\/o contactos.<\/li>\n<\/ul>\n<h2>\u00bfPara qu\u00e9 sirve?<\/h2>\n<p>Con un buen Header, se puede transmitir mejor forma toda la informaci\u00f3n de relevancia de la marca o la empresa, por lo tanto, es un elemento indispensable a favor de los usuarios. Pero tambi\u00e9n es importante mencionar que cuenta con un beneficio <a href=\"https:\/\/www.appyweb.es\/posicionamiento-web\/\">adicional para el posicionamiento web<\/a>. Normalmente, <strong>los algoritmos suelen evaluar los encabezados <\/strong>para verificar que exista una relaci\u00f3n entre el contenido de la marca y las expectativas del usuario.<\/p>\n<p>Por otro lado, cuando se hace referencia al encabezado en p\u00e1ginas de empresa de redes sociales, se tiene en cuenta la utilizaci\u00f3n de im\u00e1genes que identifiquen a la empresa. Aunque, actualmente tambi\u00e9n existen algunos botones para mejorar la experiencia de navegaci\u00f3n, como los botones de compra directa de las fan pages de Facebook.<\/p>\n<header>\n<h2>M\u00e1s informaci\u00f3n sobre header<\/h2>\n<p>Recuerda que esta etiqueta no se aplica exclusivamente a los sitios web, sino tambi\u00e9n a otros recursos digitales, como el correo electr\u00f3nico y otros formatos de archivo. En los siguientes enlaces puedes visualizar algunos ejemplos.<\/p>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/etiqueta-h1\/\">\u00bfQu\u00e9 es el Etiqueta H1 y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"https:\/\/es.wikipedia.org\/wiki\/Cabecera_(inform%C3%A1tica)\" rel=\"nofollow noopener\" target=\"_blank\">Ejemplos de cabeceras en inform\u00e1tica<\/a><\/li>\n<\/ul>\n<\/header>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es la parte del HTML que hace referencia al encabezado de un documento, cuando se trata de un sitio web, el header es la parte superior donde habitualmente se incluyen los v\u00ednculos de navegaci\u00f3n, botones a redes sociales, formularios de b\u00fasqueda, logos, men\u00fas, entre otros. \u00bfQu\u00e9 es header? C\u00f3mo se mencion\u00f3 anteriormente, es una secci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":14279,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2050","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=2050"}],"version-history":[{"count":6,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2050\/revisions"}],"predecessor-version":[{"id":14281,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/2050\/revisions\/14281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/14279"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=2050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}