oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS

Curso Dreamweaver - Lección 6: Encabezados

Bueno pues ya estamos llegando al final del curso, vamos a empezar editando el cuerpo de nuestra web y a insertarle unos encabezados.

¿Que son los encabezados?

Existen 6 tipos de encabezados o headers y sirven para indicar areas correspondientes a títulos: h1, h2, h3, h4, h5, h6.

La sintaxis estandar seria esta: <h1>Titulo principal</h1>, <h2>Titulo secundario</h2>, <h3>Titulo terciario</h3>, etc...

Pero según lo que se comenta por diversos foros y web´s del mundo SEO solo los tres primeros encabezados (<h1>, <h2> y <h3>) son los que aportan valor como palabras clave relevantes para una web.

Consejos a la hora de poner encabezados:

La cabecera h1 debera ir una por pagina y a ser posible asignada al titulo dela misma.
La cabecera h2 debera definir titulos de secciones dentro de una página.
La cabecera h3 es la de menor jerarquía de las tres y la deberiamos usar para titulos de artículos o subsecciones, una buena opción es usarlo para asignar enlaces.
h4 y h6 tienen un valor igual o incluso inferior al texto normal por lo que no resulta muy beneficioso usarlos.
Los titulos no deben de ser demasiado largos ya que nos pueden clasificar como Spam haciendonos un flaco favor a nuestra web.

La forma de entender los encabezados es compararlas con un libro de recetas:

<h1>Indice general</h1>

<h2>Carnes</h2>

<h3>Solomillo al cabrales</h3>

<p>Texto normal</p>

<h3>Conejo al ajillo</h3>

<p>Texto normal<p>

<h2>Postres</h2>

<h3>Flan de huevo</h3>

<p>Texto normal<p>

<h3>Bizcocho</h3>

<p>Texto normal</p>

<h3>Tarta de manzana</h3>

Como vemos es menos común que <h1> y <h2> se asignen a enlaces, siendo los <h3> los mas recomendables para enlazar a los temas principales que esten disponibles en una web.

Una vez echa esta pequeña aclaración vamos a pasar a introducir unos encabezados en el cuerpo de nuestra página... sigue leyendo para saber como.

Quiero aprender más!!!

Avanzar a Lección 6: Encabezados II
Retroceder a Lección 5: Menú de Navegación II

Menú

Indice del Curso

Design By: JTole®