Etiquetas de estructura de texto en html, también conocidas como etiquetas de encabezamiento o headings
Sirven para dar estructura o dividir en secciones nuestro texto dentro de la web y hay que tenerlas en cuenta porque google dota de importancia a estas etiquetas a la hora de rastrear texto.
Puedes hacerte una idea de la función de estas etiquetas echando una ojeada a cualquier periódico que tengas por casa. Fíjate como estructuran el contenido de las paginas.
Dicho esto, utilizaremos la etiquetas de estructura de la siguiente manera:
La primera cosa a tener en cuenta antes de empezar es ser coherente con su utilización para evitar posibles penalizaciones, como siempre digo, mas vale bueno y de calidad que mucho y malo.
H1.- Es la etiqueta que dará mayor tamaño al texto y solo la emplearemos una solo vez en cada pagina, para evitar que google las tome como spam, ya que esta etiqueta quizás sea la mas importante de las seis. La vamos a aprovechar para poner el encabezado principal. Por ejemplo si nuestra pagina es de posicionamiento en buscadores la pondremos tal cual <H1>Posicionamiento en buscadores</H1>. Como ves, un encabezado contundente en el que hemos incluido las palabras posicionamiento y buscadores.
H2.- La aplicación de esta etiqueta sobre el texto nos dará un resultado de tamaño un poco menor, pero lo suficientemente grande como para resaltar la sección principal. Por ejemplo <H2>Técnicas relacionadas con el posicionamiento</h2>. También es recomendable utilizarla una sola vez.
H3.- La podemos utilizar para destacar las diferentes secciones de la etiqueta anterior. Por ejemplo <H3>Misspelling</H3>, <h3>Cloaking</h3> etc. La podríamos repetir un poco mas.
H4.- Podemos utilizarla para incluir la fuente de información
H5.- Y esta a modo de despedida o algo por el estilo.
H6.- Esta es la fuente de texto mas pequeña que se puede utilizar para incluir una firma por ejemplo.
Estas etiquetas lógicamente como están enfocadas a resaltar de alguna manera el texto, las emplearemos a lo largo del <body> o cuerpo de la pagina, en ningun caso dentro del <head>
Puede que el estilo predeterminado de estas etiquetas no lo consideres muy practico, pero bueno, esto tiene una solución aplicando un poco de estilo con css a estas etiquetas, por ejemplo incluyendo en la hoja de estilos esto:
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight:normal;font-style:italic;}
Ahora mostraremos un texto sobre posicionamiento en el que aplicaremos las distintas etiquetas para que te sirvan de modelo o para tener una idea gráfica de como debe ser su utilización y su presentacion en el texto real.
Primero como lo tendríamos en el código de la web:
<html><head><title>Posicionamientofacil</title></head><body><h1>POSICIONAMIENTO WEB</h1><h2>Tecnicas relacionadas con el posicionamiento</h2><h3>Misspelling</h3><p>Se entiende por misspellin aquella técnica encaminada a captar visitas aprovechandonos de los errores que comete el usuario a la hora de escribir en la caja de busqueda de un buscador ....</p><h4>Esperamos te haya gustado el tema</h4><h5>Mas información sobre misspelling en el blog de posicionamiento facil</h4><h6>Escrito por kimapa</h6></body></html>Y el resultado de como seria mostrado por el navegador:
La pregunta del millón es cuantas veces utilizarlas.
Pues bien, opiniones hay para todos los gustos. Yo personalmente las H1 y H2 como he dicho las emplearía una sola vez. De las H3 a las H6, solo las veces que fueran imprescindibles.
Otros articulos publicados:
1.- Etiqueta title (ir al articulo)
2.- Metadescription (ir al articulo)
3.- Metakeywords (ir al articulo
Interesante. Según he visto muchas páginas seguro que google las toma como spam. Esto si que es información profesional. Yo no se vosotros pero yo le voy a hacer caso a kimapa.
ResponderEliminarUn saludo.