{"id":3658,"date":"2021-02-18T16:24:25","date_gmt":"2021-02-18T15:24:25","guid":{"rendered":"https:\/\/dinorank.com\/blog\/?p=3658"},"modified":"2024-10-09T10:06:17","modified_gmt":"2024-10-09T08:06:17","slug":"que-es-h1-y-h2-en-seo-y-como-optimizarlos","status":"publish","type":"post","link":"https:\/\/dinorank.com\/blog\/que-es-h1-y-h2-en-seo-y-como-optimizarlos\/","title":{"rendered":"Qu\u00e9 es H1 y H2 en SEO y c\u00f3mo optimizarlos"},"content":{"rendered":"<p>Dentro de todos los factores de posicionamiento que existen se encuentran los encabezados H1 y H2 de los que seguramente ya hayas o\u00eddo hablar ya que est\u00e1n relacionados tanto con el dise\u00f1o web como con la creaci\u00f3n de contenidos.<\/p>\n<p>Aunque son conceptos sencillos, es conveniente saber profundizar lo suficiente en ellos para crear una arquitectura web coherente y, al mismo tiempo, <strong>ayudar tanto a Google como al usuario a comprender la estructura de tu contenido<\/strong>.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-3670\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/Que-es-el-H1-y-el-H2-y-como-optimizarlos.png\" alt=\"Qu\u00e9 es el H1 y el H2 y c\u00f3mo optimizarlos\" width=\"1100\" height=\"600\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/Que-es-el-H1-y-el-H2-y-como-optimizarlos.png 1100w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/Que-es-el-H1-y-el-H2-y-como-optimizarlos-300x164.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/Que-es-el-H1-y-el-H2-y-como-optimizarlos-1024x559.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/Que-es-el-H1-y-el-H2-y-como-optimizarlos-768x419.png 768w\" sizes=\"(max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<p>De hecho, uno de los errores m\u00e1s frecuentes que se cometen en el SEO es precisamente no saber usar correctamente los encabezados H1 y H2 o creer que solo se trata de colocar en ellos las palabras clave.<\/p>\n<p>Por ello, en este post vamos a explicarte en detalle <strong>el papel del H1 y H2 en el SEO<\/strong> y <a id=\"CTA-1\" href=\"https:\/\/dinorank.com\/blog\/textos-optimizados-para-seo\/\">c\u00f3mo puedes optimizarlos para mejorar tu posicionamiento<\/a>.<\/p>\n<p>Y si quieres optimizar tu H1 y H2&#8217;s en 1 clic, <a href=\"https:\/\/dinobrain.ai\/\" target=\"_blank\" rel=\"noopener\">prueba Dinobrain<\/a>.<\/p>\n<h2>\u00bfQu\u00e9 es el H1?<\/h2>\n<p>El H1 es el primer encabezado, es decir, lo que com\u00fanmente conocemos como t\u00edtulo del post o de la p\u00e1gina. <span class=\"su-highlight\" style=\"background:#00937D;color:#ffffff\">&nbsp;Google utiliza este encabezado para saber de qu\u00e9 va el post, es decir, cu\u00e1l es su contenido principal.&nbsp;<\/span>\u00a0Por ello, no puedes repetir un H1 en m\u00e1s de un art\u00edculo o post de una misma web.<\/p>\n<p>Debes colocar la palabra clave principal de tu art\u00edculo en el H1 ya que se corresponder\u00e1 directamente con las b\u00fasquedas que hagan los usuarios. Es decir, si quieres posicionar la keyword &#8220;<em>zumo de naranja natural<\/em>&#8221; tendr\u00e1s que colocarla en el H1.<\/p>\n<p>A su vez, el conjunto de todos los H1 de tu p\u00e1gina web conformar\u00e1 un resumen perfecto de la tem\u00e1tica y los contenidos de la web ante Google.<\/p>\n<p>Existen tres formas de colocar el H1 en tu post:<\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>WordPress<\/strong>. La etiqueta H1 se colocar\u00e1 autom\u00e1ticamente cuando escribas el t\u00edtulo del post o p\u00e1gina.<\/li>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>Word<\/strong>. Con el cursor de texto situado en la l\u00ednea que quieres que sea el H1, solo tienes que ir al apartado Estilos y seleccionarlo.<\/li>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>C\u00f3digo HTML.<\/strong> Si prefieres usar el c\u00f3digo, solo tienes que incluir el t\u00edtulo de tu elecci\u00f3n entre estas etiquetas: <em>&lt;h1&gt;titulo&lt;\/h1&gt;<\/em><\/li>\n<\/ul>\n<\/div>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#00604a;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#00937d;color:#ffffff;border-top-left-radius:2px;border-top-right-radius:2px\">\u00a1Ojo! El H1 no es lo mismo que el <em>title<\/em> SEO<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<p>Recuerda siempre esta diferencia:<\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-ellipsis-h\" style=\"color:#00937D\"><\/i> El <strong>H1<\/strong> es el t\u00edtulo del post<\/li>\n<li><i class=\"sui sui-ellipsis-h\" style=\"color:#00937D\"><\/i> El <strong><em>title<\/em> SEO<\/strong> es el t\u00edtulo que aparece en los resultados de b\u00fasqueda<\/li>\n<\/ul>\n<\/div>\n<p>El title SEO debe contener la palabra clave y <a id=\"CTA-1\" href=\"https:\/\/dinorank.com\/blog\/intencion-de-busqueda-seo\/\" target=\"_blank\" rel=\"noopener\">la intenci\u00f3n de b\u00fasqueda<\/a> aunque tiene que estar escrito de forma m\u00e1s atractiva para animar al usuario a hacer click cuando la URL aparezca en los resultados de b\u00fasqueda.<\/p>\n<\/div><\/div>\n<p>Por \u00faltimo, tienes que saber que <strong>solamente puede haber un H1 en cada post<\/strong>. Es decir, no puedes crear una estructura de contenido en el que haya varios H1 o t\u00edtulos porque no tendr\u00eda sentido a ojos del Google y seguramente no tendr\u00eda claro cu\u00e1l es el tema principal de tu texto.<\/p>\n<p>Si nos imaginamos que el H1 es la frase que resume de qu\u00e9 va tu contenido&#8230; \u00bfpara qu\u00e9 poner dos o m\u00e1s?<\/p>\n<p>Adem\u00e1s, esto afectar\u00eda directamente al posicionamiento de ese post al no poder detectar con facilidad cu\u00e1l es la intenci\u00f3n de b\u00fasqueda.<\/p>\n<figure id=\"attachment_3666\" aria-describedby=\"caption-attachment-3666\" style=\"width: 367px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"size-full wp-image-3666\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/ejemplo-de-encabezados.png\" alt=\"ejemplo de encabezados\" width=\"367\" height=\"648\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/ejemplo-de-encabezados.png 367w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/ejemplo-de-encabezados-170x300.png 170w\" sizes=\"(max-width: 367px) 100vw, 367px\" \/><figcaption id=\"caption-attachment-3666\" class=\"wp-caption-text\">Ejemplo de encabezados donde se ven los H2 principales y los H3 que derivan de ellos. El H1 ser\u00eda el t\u00edtulo del post, &#8220;Tipos de \u00e1rboles y sus caracter\u00edsticas&#8221;.<\/figcaption><\/figure>\n<h2>\u00bfQu\u00e9 es el H2?<\/h2>\n<p>Los H2 tambi\u00e9n son conocidos como subt\u00edtulos ya que es la funci\u00f3n que ejercen atendiendo a la jerarqu\u00eda que representan los encabezados. Si antes dec\u00edamos que el H1 es el t\u00edtulo, los H2 ser\u00edan <span class=\"su-highlight\" style=\"background:#00937D;color:#ffffff\">&nbsp;los subt\u00edtulos en los que se divide el contenido del post&nbsp;<\/span>.<\/p>\n<p>Su funci\u00f3n principal es la de dividir el contenido por temas ofreciendo as\u00ed m\u00e1s informaci\u00f3n acerca del mismo tanto al usuario como a Google.<\/p>\n<p>Puedes colocar la keyword principal en alg\u00fan H2 pero en realidad es m\u00e1s interesante colocar sin\u00f3nimos de la misma y palabras que tengan relaci\u00f3n sem\u00e1ntica con ella y que, a su vez, sirvan para introducir el contenido de ese apartado en concreto.<\/p>\n<p><strong>Una palabra clave que se repite en todos los encabezados ofrece un resultado poco natural<\/strong>. Adem\u00e1s, esta sobreoptimizaci\u00f3n puede crear el efecto contrario al que est\u00e1s buscando.<\/p>\n<p>Las formas de colocar las etiquetas H2 en tu contenido son las siguientes (y se pueden aplicar al resto de encabezados):<\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>WordPress<\/strong>. Esta vez tendr\u00e1s que acudir al desplegable donde normalmente pone &#8220;p\u00e1rrafo&#8221; y seleccionar H2.<\/li>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>Word<\/strong>.\u00a0 Se realiza de la misma manera que con el H2, seleccion\u00e1ndolo en el apartado Estilos.<\/li>\n<li><i class=\"sui sui-arrow-circle-right\" style=\"color:#00937D\"><\/i> <strong>C\u00f3digo HTML.<\/strong> El c\u00f3digo es el mismo pero cambiando el n\u00famero: <em>&lt;h2&gt;subtitulo&lt;\/h2&gt;<\/em><\/li>\n<\/ul>\n<\/div>\n<p>Al contrario de lo que hemos comentado respecto al H1, <strong>un contenido puede tener todos los H2 que quieras<\/strong> siempre que tengan sentido y sean necesarios para una mejor comprensi\u00f3n del texto.<\/p>\n<p>Esto se aplica tambi\u00e9n a los H3, H4, etc\u00e9tera&#8230; en el caso de que tengas que concretar a\u00fan m\u00e1s la estructura del contenido.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-3668 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/estructura-encabezados-H1-y-H2.png\" alt=\"estructura encabezados H1 y H2\" width=\"362\" height=\"285\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/estructura-encabezados-H1-y-H2.png 362w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/estructura-encabezados-H1-y-H2-300x236.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2021\/02\/estructura-encabezados-H1-y-H2-87x67.png 87w\" sizes=\"(max-width: 362px) 100vw, 362px\" \/><\/p>\n<p>Usa los encabezados necesarios en relaci\u00f3n a la proporci\u00f3n y sentido del contenido. A veces es mejor colocar una lista en lugar de varios H4, por ejemplo.<\/p>\n<p>Por \u00faltimo, una advertencia m\u00e1s: <strong>no es recomendable usar encabezados en otras zonas de la web<\/strong> como footer, header, sidebar&#8230; o cuanto menos ni los H1 y H2.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#d4dfd9;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#EEF9F3;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-share\" style=\"color:#00937D\"><\/i> <strong>Saber colocar bien estos encabezados es solo el principio<\/strong>:<\/li>\n<\/ul>\n<p>Para hacer un buen SEO, debes estar en continua formaci\u00f3n.<\/p>\n<p>Por eso, <a id=\"CTA-2\" href=\"https:\/\/dinosauriomecanizado.com\/curso-seo\/\" target=\"_blank\" rel=\"noopener\">te regalo estas 6 lecciones que te ayudar\u00e1n a conseguir visibilidad y ventas<\/a> para tu negocio (o el de tus clientes).<\/p>\n<\/div>\n<\/div><\/div>\n<h2>C\u00f3mo optimizar los encabezados de un post<\/h2>\n<p>Hay varias formas de optimizar el uso de los H1 y H2 para que te ayuden a mejorar el posicionamiento adem\u00e1s de la situaci\u00f3n de las palabras clave que ya hemos mencionado un poco m\u00e1s arriba.<\/p>\n<p>Una de ellas es la inclusi\u00f3n de <strong>un \u00edndice inicial<\/strong> que ofrezca un resumen del contenido.<\/p>\n<blockquote><p>Te recomendamos utilizar alg\u00fan plugin como <a href=\"https:\/\/es.wordpress.org\/plugins\/table-of-contents-plus\/\" target=\"_blank\" rel=\"noopener\">Table of Content Plus<\/a> que crea autom\u00e1ticamente un \u00edndice tomando como referencia la estructura que hayas creado con tus encabezados, creando en ese \u00edndice enlaces directos a cada uno de ellos.<\/p><\/blockquote>\n<p>Este \u00edndice ayudar\u00e1 al lector a saber cu\u00e1l es el contenido de tu post y a ir directamente al apartado de su inter\u00e9s, mejorando la experiencia de usuario al facilitarle encontrar lo que est\u00e1 buscando.<\/p>\n<p><strong>Esos enlaces, adem\u00e1s, tambi\u00e9n favorecer\u00e1n que los robots de Google puedan moverse con mucha m\u00e1s agilidad por tu contenido<\/strong> siguiendo el camino trazado.<\/p>\n<p>Aunque existen encabezados desde el H1 hasta el H6, van perdiendo fuerza en cuanto al SEO conforme se desciende en su jerarqu\u00eda por lo que no es recomendable ir mucho m\u00e1s all\u00e1 de los H4.<\/p>\n<span class=\"su-highlight\" style=\"background:#00937D;color:#ffffff\">&nbsp;Mant\u00e9n siempre la jerarqu\u00eda de los encabezados&nbsp;<\/span> \u00a0ya que es la manera de mostrarle\u00a0 tus contenidos a Google de una forma ordenada.<\/p>\n<p>El encabezado H2 debe contener texto que se pueda englobar dentro del H1 y de la misma forma, el contenido del H3 tiene que estar relacionado con el del H2 del que depende. Si sigues esta l\u00f3gica, los robots de b\u00fasqueda comprender\u00e1n mucho mejor lo que contiene el post.<\/p>\n<p><a id=\"CTA-3\" href=\"https:\/\/dinorank.com\/blog\/descubre-dinorank\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-24924 size-full\" title=\"Aumenta tus visitas desde Google con DinoRANK\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2024\/08\/banner-dinorank.png\" alt=\"Aumenta tus visitas desde Google con DinoRANK\" width=\"1071\" height=\"447\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2024\/08\/banner-dinorank.png 1071w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2024\/08\/banner-dinorank-300x125.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2024\/08\/banner-dinorank-1024x427.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2024\/08\/banner-dinorank-768x321.png 768w\" sizes=\"(max-width: 1071px) 100vw, 1071px\" \/><\/a><\/p>\n<p>Como ves, no se deben usar los encabezados H1 y H2 a la ligera ya que de ellos dependen que tanto Google como los usuarios comprendan el contenido de un post o p\u00e1gina.<\/p>\n<p>Por ello, te recomendamos que, antes de ponerte a escribir un texto,\u00a0 decidas primero cu\u00e1l va a ser la estructura del mismo para saber c\u00f3mo vas a dividir el contenido para darle coherencia.<\/p>\n<p>De esta forma, t\u00fa mismo como creador de contenido <strong>tendr\u00e1s mucho m\u00e1s clara la forma de redactar tus textos y de estructurar la informaci\u00f3n<\/strong> para que sea m\u00e1s comprensible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dentro de todos los factores de posicionamiento que existen se encuentran los encabezados H1 y H2 de los que seguramente ya hayas o\u00eddo hablar ya que est\u00e1n relacionados tanto con el dise\u00f1o web como con la creaci\u00f3n de contenidos. Aunque son conceptos sencillos, es conveniente saber profundizar lo suficiente en ellos para crear una arquitectura [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":3670,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-3658","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aprender-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/3658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/comments?post=3658"}],"version-history":[{"count":7,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/3658\/revisions"}],"predecessor-version":[{"id":25404,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/3658\/revisions\/25404"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media\/3670"}],"wp:attachment":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media?parent=3658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/categories?post=3658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/tags?post=3658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}