{"id":6896,"date":"2017-11-01T19:06:39","date_gmt":"2017-11-01T17:06:39","guid":{"rendered":"https:\/\/www.espai.es\/blog\/?p=6896"},"modified":"2017-11-01T19:06:39","modified_gmt":"2017-11-01T17:06:39","slug":"uso-correcto-la-etiqueta-h1","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/","title":{"rendered":"Etiqueta h1, c\u00f3mo usarla correctamente"},"content":{"rendered":"

El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.<\/p>\n

En este art\u00edculo pretendemos arrojar algo de luz sobre este asunto.<\/p>\n

Primero, vamos a dejar claro qu\u00e9 es la etiqueta h1.<\/p>\n

\u00bfQu\u00e9 es la etiqueta h1?<\/h2>\n

Desde su creaci\u00f3n su funci\u00f3n ha quedado muy clara: se trata del t\u00edtulo principal del documento html. Por lo tanto, deber\u00eda describir el contenido que se presenta en el documento y al ser el t\u00edtulo principal no deber\u00eda repetirse.<\/p>\n

Actualmente, se ha confundido su categor\u00eda de t\u00edtulo principal del documento y muchos maquetadores s\u00f3lo lo utilizan una vez para todo el site web<\/em>. El h1 ha quedado relegado a ser el logo de la empresa, y muchas veces ni siquiera contiene texto sino que se utiliza una imagen.<\/p>\n

Con esto llegamos a la primera pregunta que debemos hacernos:<\/p>\n

\u00bfEs correcto usar una imagen como t\u00edtulo h1?<\/h2>\n

Debe quedarnos claro que esto NO ES CORRECTO. Una etiqueta de t\u00edtlo (h1, h2, h3, etc) le sirve a google para indexar y jerarquizar la informaci\u00f3n de nuestra web. Es imposible que estas etiquetas indexen si s\u00f3lo contienen una imagen. Por lo tanto, en principio, el logo de nuestra empresa no puede ser el h1.<\/p>\n

PERO, si investigamos un poco por las principales p\u00e1ginas de la red, veremos que muchos de los sites<\/em> m\u00e1s importantes (como wordpress.com<\/a>) utilizan su logo como h1. A veces es necesario<\/strong>. Las necesidades del dise\u00f1o reclaman que el t\u00edtulo corresponda con una imagen. En una home muchas veces no hay otro t\u00edtulo que el nombre de nuestra marca. As\u00ed que para poder utilizar una imagen como h1 podemos ocultar el texto de alguna forma y mostrar la imagen mediante un background.<\/em><\/p>\n

Hay m\u00faltiples ejemplos de esto. En esta web podr\u00e9is encontrar varios ejemplos: http:\/\/edgargranados.es\/seo-posicionar-como-usar-un-h1-en-una-imagen\/04\/ <\/a><\/p>\n

Una forma sencilla es llevar el texto fuera de la p\u00e1gina con un valor muy alto de text-indent\u00a0<\/em>o mediante la posici\u00f3n absoluta.<\/p>\n

\u00bfUn solo h1 o varios?<\/h2>\n

As\u00ed pues, como apunt\u00e1bamos m\u00e1s arriba, la etiqueta h1 debe explicar el contenido de un documento de html. No de todo el sitio web. Deber\u00edamos, pues, contar con un h1 por p\u00e1gina. Por ejemplo, si tenemos p\u00e1ginas como la de \u00abcontacto\u00bb o \u00absobre nosotros\u00bb, deber\u00edan incluir un h1 con el t\u00edtulo espec\u00edfico de esa p\u00e1gina.<\/p>\n

Obviamente, cuanto m\u00e1s arriba aparezca nuestro t\u00edtulo mejor. Para los robots de google es imprescindible encontrar esta etiqueta cuanto antes mejor. As\u00ed identificar\u00e1n las distintas p\u00e1ginas de nuestro sitio y podr\u00e1n indexarse perfectamente gracias a que con este t\u00edtulo estamos explicando de qu\u00e9 trata el contenido.<\/p>\n

En definitiva, la correcta utilizaci\u00f3n de la etiqueta h1 es fundamental para el SEO. En este art\u00edculo hemos visto que el h1 debe ser siempre texto<\/strong>, pero somos conscientes que por dise\u00f1o muchas veces querremos utilizar una imagen. Por ello, hemos ofrecido unos cuantos trucos para hacer esto de forma correcta.<\/p>\n

Tambi\u00e9n nos ha quedado claro que deber\u00edamos tener un h1 por p\u00e1gina. Esto es as\u00ed debido al uso originario del h1: explicar el contenido del documento html. Si somos conscientes de esto, podremos utilizar el t\u00edtulo principal de nuestras p\u00e1ginas de manera eficiente, mejorando nuestro posicionamiento.<\/p>\n

Para m\u00e1s informaci\u00f3n sobre c\u00f3mo utilizar esta etiqueta os dejo un enlace que explica su correcto uso:<\/p>\n

https:\/\/www.hobo-web.co.uk\/headers\/ <\/p>\n","protected":false},"excerpt":{"rendered":"

El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente. En este art\u00edculo pretendemos arrojar algo de luz sobre este asunto. Primero, vamos a dejar claro qu\u00e9 es la etiqueta…<\/p>\n","protected":false},"author":26,"featured_media":6897,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8,7,4],"tags":[],"class_list":["post-6896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico","category-diseno-web","category-internet"],"yoast_head":"\nEtiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai<\/title>\n<meta name=\"description\" content=\"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Etiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-01T17:06:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Paco Luque\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paco Luque\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\"},\"author\":{\"name\":\"Paco Luque\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"headline\":\"Etiqueta h1, c\u00f3mo usarla correctamente\",\"datePublished\":\"2017-11-01T17:06:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\"},\"wordCount\":618,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png\",\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\",\"Dise\u00f1o Web\",\"Internet\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\",\"name\":\"Etiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png\",\"datePublished\":\"2017-11-01T17:06:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\"},\"description\":\"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png\",\"width\":700,\"height\":420,\"caption\":\"etiqueta h1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Etiqueta h1, c\u00f3mo usarla correctamente\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725\",\"name\":\"Paco Luque\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g\",\"caption\":\"Paco Luque\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/paco\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Etiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai","description":"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/","og_locale":"es_ES","og_type":"article","og_title":"Etiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai","og_description":"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.","og_url":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/","og_site_name":"Blog Escola Espai","article_published_time":"2017-11-01T17:06:39+00:00","og_image":[{"width":700,"height":420,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","type":"image\/png"}],"author":"Paco Luque","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Paco Luque","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/"},"author":{"name":"Paco Luque","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"headline":"Etiqueta h1, c\u00f3mo usarla correctamente","datePublished":"2017-11-01T17:06:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/"},"wordCount":618,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","articleSection":["Dise\u00f1o Gr\u00e1fico","Dise\u00f1o Web","Internet"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/","url":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/","name":"Etiqueta h1, c\u00f3mo usarla correctamente - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","datePublished":"2017-11-01T17:06:39+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725"},"description":"El uso de la etiqueta h1 es indispensable para posicionar tu p\u00e1gina en los motores de b\u00fasqueda. Pero existen muchas dudas sobre c\u00f3mo usarla correctamente.","breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","width":700,"height":420,"caption":"etiqueta h1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2017\/11\/uso-correcto-la-etiqueta-h1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Etiqueta h1, c\u00f3mo usarla correctamente"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/2147604b486e1347f6e764b0d3964725","name":"Paco Luque","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1f139c1b28c03e6963f4e701f000714729510b27ec31d7ff3fd8019fde1330fd?s=96&d=mm&r=g","caption":"Paco Luque"},"url":"https:\/\/www.espai.es\/blog\/author\/paco\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2017\/11\/headingtag.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=6896"}],"version-history":[{"count":5,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6896\/revisions"}],"predecessor-version":[{"id":6902,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/6896\/revisions\/6902"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/6897"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=6896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=6896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=6896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}