Diseño web y posicionamiento | subwaydesign Blog

Ya sabemos que una buena posición en buscadores no depende exclusivamente de un factor aislado. Debemos tener en cuenta ciertas variables que muchas veces parecen obvias o ni siquiera hubiéramos imaginado.

Una de ellas es el elemento html H1 (Heading 1), que como indica el nombre, es usado para títulos y encabezados.

Un buen título, es un arma indispensable a la hora de ganar importancia en los resultados orgánicos de un buscador. Si pensamos que los textos son, como vimos en el artículo anterior, uno de los dos elementos claves para el posicionamiento web, no debería sorprendernos que las palabras que encabezan un párrafo, sean tan relevantes.

Para definir un Encabezado1, se utiliza la tag < h1 > (sin espacios intermedios).
Existen 6 tipos de heading, definidos por sus números (desde h1 hasta h6), perdiendo relevancia a medida que el número es mayor.

El elemento < p > es el que sigue en la escala. Sin embargo muchas veces utilizamos el párrafo (o un < span >) para definir un título, para mantener el formato. Pero es importante saber que mediante CSS podemos cambiar el estilo de todos los elementos html, con lo cual los headings pueden usar una fuente similar a la del texto general. Sin emargo, no es recomendable que sea exactamente igual (debemos usar otra fuente, o la misma, pero con otro tamaño o color, estilo, etc)
Para definir el formato general de todos los encabezados1, dentro de un archivo css relacionado al html, o entre etiquetas < style > en el head del documento, utilizamos el nombre del elemento (aplicable no solo a headings sino a todos los elementos html). Por ejemplo, podríamos definir que todos los h1 ocupen el 100% del elemento contenedor y tengan un borde inferior de 1 pixel. Entonces escribiríamos:

* h1 { display:block; width:100%; border:solid #ccc; border-width: 0 0 1px; }

El asterico anterior al h1 es opcional, y cumple una función específica: aplica el formato a todos los elementos h1, sin importar cual es el elemento contenedor (porque podríamos utilizar una especificación para encabezados de cierta parte del sitio. Por ejemplo: #head h1 {}, aplica el formato a los h1 contenidos dentro del div con el id head.

Para la selección de las palabras en el título, tenemos que analizar dos puntos importantes:

• Que el título contenga keywords (palabras clave) relevantes (a la hora de pensar en los buscadores y sus robots)
• Que guarde relación directa con el contenido del párrafo (pensando en el usuario)

Este último punto parece obvio, pero muchas veces se utilizan los headings solo para keywords, olvidando que debe ser una introducción al texto siguiente, algo que hace confundir al visitante del sitio web.

Entonces, no hay que olvidarse de utilizar estos importantísimos y muchas veces, subestimados elementos, que por apuro o desconocimiento, muchos webmasters saltean a la hora de programar un nuevo sitio web. Recordemos que cada título definido por un h* (de 1 a 6) provee a los robots de los buscadores información importante sobre el contenido del sitio.

Cualquier duda o para solicitar información de algún tema específico, contactanos a info @ subwaydesign.com.ar.