{"id":952,"date":"2020-08-06T16:01:29","date_gmt":"2020-08-06T21:01:29","guid":{"rendered":"https:\/\/www.hostdime.la\/blog\/?p=952"},"modified":"2026-05-04T09:50:34","modified_gmt":"2026-05-04T14:50:34","slug":"el-uso-de-encabezados-en-una-pagina-web-html-seo-y-usabilidad","status":"publish","type":"post","link":"https:\/\/www.hostdime.la\/blog\/el-uso-de-encabezados-en-una-pagina-web-html-seo-y-usabilidad\/","title":{"rendered":"El uso de encabezados en una p\u00e1gina web, html, SEO y usabilidad"},"content":{"rendered":"<p style=\"text-align: justify;\">Hoy vamos a estudiar un poco sobre el uso de encabezados en una p\u00e1gina web, htm, SEO y usabilidad. \u00bfPor qu\u00e9 este tema? Me encontraba terminando una especializaci\u00f3n SEO y parte del proyecto de grado inclu\u00eda analizar un sitio que nos asignaron.Hasta ah\u00ed todo normal. Cuando empec\u00e9 a evaluar la p\u00e1gina web en cuesti\u00f3n me encontr\u00e9 varias curiosidades que dieron origen a este post.<\/p>\n<h2><span style=\"color: #ff6600;\">La realidad<\/span><\/h2>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.hostdime.la\/blog\/el-uso-de-encabezados-en-una-pagina-web-html-seo-y-usabilidad\/uso-de-encabezados-en-una-pagina-web-blog-hostdime\/\" rel=\"attachment wp-att-960\"><img decoding=\"async\" class=\"alignright wp-image-960 size-full\" src=\"https:\/\/www.hostdime.la\/blog\/wp-content\/uploads\/2020\/08\/uso-de-encabezados-en-una-p\u00e1gina-web-blog-HostDime.png\" alt=\"uso-de-encabezados-en-una-p\u00e1gina-web-blog HostDime\" width=\"640\" height=\"424\" title=\"\"><\/a>Urls con 16 y 25 encabezados h1, casi me desmayo. \u00bfA qu\u00e9 se deb\u00eda mi sorpresa? B\u00e1sicamente los encabezados se usan para organizar la informaci\u00f3n de un sitio, para darle estructura y coherencia, primero, pensando en las personas que van a leer el tema y, segundo, teniendo en cuenta a los motores de b\u00fasqueda, que por muy inteligentes que sean, necesitan ayuda para comprender, que los contenidos se ci\u00f1an a unos protocolos, en este caso referidos a los encabezados.<\/p>\n<h2><span style=\"color: #ff6600;\">Estoy perdido, \u00bfme da un ejemplo?<\/span><\/h2>\n<p style=\"text-align: justify;\">Para quien no entienda hasta el momento vamos a colocar un ejemplo de este post en concreto. Como pueden apreciar tiene un t\u00edtulo: &#8220;El uso de encabezados&#8230;.&#8221;, que generalmente en t\u00e9rminos de estructura corresponde a un encabezado h1, es decir, resume el tema del post de manera did\u00e1ctica sin extenderse en detalles.<\/p>\n<p style=\"text-align: justify;\">Si miran hay un bloque de contenidos introductorio que es un p\u00e1rrafo normal, luego viene un encabezado h2: &#8220;La realidad&#8221; y as\u00ed sucesivamente.<\/p>\n<h2><span style=\"color: #ff6600;\">El ideal<\/span><\/h2>\n<h3>H1<\/h3>\n<p style=\"text-align: justify;\">Un solo encabezado h1 por url (Directrices para webmasters de Bing), es decir, para decirlo de forma sencilla aunque no del todo exacta en t\u00e9rminos t\u00e9cnicos, un solo t\u00edtulo o encabezado destacado por post o por p\u00e1gina interna.(Aunque solo por causar controversia alguna vez John Mueller, afirm\u00f3 que usaramos todos lo que deseemos&#8230; oops) \u00bfCu\u00e1l es el sentido de esta expresi\u00f3n? Que si, tomando el ejemplo del caso que me encontr\u00e9 para analizar, una url tiene 16 h1, tendr\u00eda 16 partes resumen destacadas, compitiendo y confundiendo al lector y a los bots sobre cu\u00e1l es el tema central de esta p\u00e1gina. Si esta url, sin correctivos, se usa para una campa\u00f1a de Google Ads, va a perder dinero; esto suceder\u00e1 porque puede enfatizar sus ejes tem\u00e1ticos en la plataforma pero el sistema encuentra muchos otros hilos tem\u00e1ticos que se pueden desviar de lo relevante.<\/p>\n<h3>H2<\/h3>\n<p style=\"text-align: justify;\">Eso est\u00e1 bien, \u00bfY respecto a los encabezados h2? Son las grandes secciones o cap\u00edtulos de nuestro contenido, los que van fijando la atenci\u00f3n del lector y se\u00f1alando grandes divisiones para entender el tema que estamos exponiendo. Es como usar el m\u00e9todo deductivo de la ciencia, que va de lo general a lo particular. Ya dimos el resumen condensado en un title, ahora, veamos las divisiones generales o los subt\u00edtulos si lo prefiere.<\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #ff6600;\">Ejemplo<\/span><\/h2>\n<p style=\"text-align: justify;\">En el t\u00edtulo decimos que vamos a exponer sobre Los servidores de HostDime (h1); en los encabezados h2 podemos hablar de caracter\u00edsticas y precios (ser\u00edan dos encabezados, uno llamado caracter\u00edsticas y otro llamado precios). Si observan, hay un discurrir sem\u00e1ntico entre\u00a0 las partes, es decir, no voy a destacar asuntos irrelevantes, mucho menos a usar esta figura para estilos o para que el dise\u00f1o de la p\u00e1gina web se ajuste a unas visuales que deseo como maquetador. No, un rotundo no. Si necesita nuestro dise\u00f1ador web hacer que algo destaque de forma visual algo, que use otro tipo de letra, negrillas quiz\u00e1s, otro tama\u00f1o. Los encabezados corresponden a estructura no tanto a dise\u00f1o.<\/p>\n<h2><span style=\"color: #ff6600;\">Un poco de c\u00f3digo<\/span><\/h2>\n<p>Hagamos un html sencillo que lleve a la pr\u00e1ctica lo expuesto:<\/p>\n<pre><code class=\"oldLang language-html\">\r\n&lt;!DOCTYPE html&gt;\r\n\r\n&lt;html&gt;\r\n\r\n&lt;head&gt;\r\n    &lt;title&gt;Servidores HostDime&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n<strong>    &lt;h1&gt;Servidores HostDime&lt;\/h1&gt;<\/strong>\r\n\r\n<b>    &lt;h2&gt;Caracter\u00edsticas&lt;\/h2&gt;<\/b>\r\n<strong>    &lt;p&gt;\u00bfC\u00f3mo son? Destacan por su eficiencia y su facilidad de configuraci\u00f3n...&lt;\/p&gt;<\/strong>\r\n\r\n<strong>    &lt;h2&gt;Precios&lt;\/h2&gt;<\/strong>\r\n<strong>    &lt;p&gt;Hay un rango de precios muy interesante sobre todo porque no se aplica el re-uso, es decir, son muy estables y la relaci\u00f3n costo utilidad es lo que m\u00e1s aman nuestros clientes.&lt;\/p&gt;<\/strong>\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<h2><span style=\"color: #ff6600;\">\u00bfHay m\u00e1s tipos de encabezado?<\/span><\/h2>\n<p>S\u00ed, jer\u00e1rquicamente hasta h6.<\/p>\n<h2><span style=\"color: #ff6600;\">\u00bfTengo que usarlos todos?<\/span><\/h2>\n<p>No necesariamente, solo si la estructura de su contenido lo amerita.<\/p>\n<h2><span style=\"color: #ff6600;\">Conclusiones<\/span><\/h2>\n<p style=\"text-align: justify;\">Google puede ignorar un encabezado y decidir que lo relevante no son estos h1&#8230;h6 sino p\u00e1rrafos escuetos; un lector tambi\u00e9n, luego de evaluar lo que planteamos en un documento html decidir que lo relevante es un texto suelto. Lo anterior no es excusa para no intentar poner claridad destacando lo que en realidad sea relevante hasta llegar al punto que deseamos mostrar. No hay pruebas contundentes que tener este tipo de consejos en cuenta le ayude a posicionar de mejor forma su web, lo que si puedo afirmar sin sonrojos es que ser\u00e1 m\u00e1s usable y entendible lo cual siempre es un plus.<\/p>\n<h3>Extra<\/h3>\n<p style=\"text-align: justify;\">No abuse de esta figura, tratando de manipular al algoritmo, a la larga puede salir perdiendo y todo su esquema desmoronarse lentamente, ficha por ficha. Los encabezados son lo que son, herramientas de estructura, no taladros de posicionamiento web.<\/p>\n<p style=\"text-align: justify;\">HostDime es una empresa global que provee data centers y servicios de alojamiento web especializado, que desea que las p\u00e1ginas alojadas en sus servidores, tengan mayores oportunidades y realce, por eso brindamos este tipo de consejos <a href=\"https:\/\/pcweb.info\/certificacion-seo-que-es-vale-la-pena\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a>.<\/p>\n<p>Leer tambi\u00e9n:\u00a0<a href=\"https:\/\/www.hostdime.la\/blog\/5-mejores-practicas-para-el-rendimiento-web-movil\/\" target=\"_blank\" rel=\"noopener noreferrer\">5 mejores pr\u00e1cticas para el rendimiento web m\u00f3vil<\/a> ;\u00a0<a href=\"https:\/\/www.hostdime.la\/blog\/consejos-mejorar-velocidad-carga-sitio-web-tips-recomendaciones\/\" target=\"_blank\" rel=\"noopener noreferrer\">Consejos para mejorar la velocidad de carga de tu sitio web, tips y recomendaciones<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy vamos a estudiar un poco sobre el uso de encabezados en una p\u00e1gina web, htm, SEO y usabilidad. \u00bfPor qu\u00e9 este tema? Me encontraba terminando una especializaci\u00f3n SEO y parte del proyecto de grado inclu\u00eda analizar un sitio que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":958,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-952","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia"],"jetpack_featured_media_url":"https:\/\/www.hostdime.la\/blog\/wp-content\/uploads\/2020\/08\/El-uso-de-encabezados-en-una-p\u00e1gina-web-html-SEO-y-usabilidad.png","_links":{"self":[{"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/posts\/952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/comments?post=952"}],"version-history":[{"count":1,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/posts\/952\/revisions"}],"predecessor-version":[{"id":1264,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/posts\/952\/revisions\/1264"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/media\/958"}],"wp:attachment":[{"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/media?parent=952"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/categories?post=952"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostdime.la\/blog\/wp-json\/wp\/v2\/tags?post=952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}