Categories
Guías

Utiliza las etiquetas de cabecera de forma apropiada

Utiliza las etiquetas de cabecera de forma apropiada

Utiliza las etiquetas de cabecera para dar énfasis a un texto importante

Las etiquetas de cabecera (no confundir con la etiqueta HMTL <head> o las cabeceras HTTP) se usan para presentar la estructura de la página a los usuarios. Estas etiquetas tienen seis tamaños, comenzando con <h1> , el más importante, y terminando con <h6> , el menos importante (1).

 

Ya que las etiquetas normalmente hacen más grande el texto que contienen que el del resto de la página, ésta se convierte en una pista visual para los usuarios sobre la importancia de ese texto y puede ayudarles a entender sobre el tipo de contenido que hay debajo del mismo. Los diferentes tamaños de cabeceras se utilizan para crear una estructura jerárquica de tu contenido, haciendo más fácil a los usuarios navegar por el documento.

Glosarios

Cabeceras HTTP: En HTTP (HyperText Transfer protocol en inglés), distintos tipos de datos que se envían antes de enviar los datos reales.

< em >: Etiqueta de HTML denota énfasis. Lo estándar es que este énfasis se indique mediante el uso de la cursiva.

< strong >: Etiqueta de HTML denota mucho énfasis. Lo estándar es que este énfasis se indique mediante el uso de la negrita.

Comodín: Carácter (*) que sustituye a cualquier otro en una cadena de caracteres.

.htaccess: Archivo de acceso a hipertexto; un archivo que permite gestionar la configuración del sitio web del servidor.

Registro de remitentes (referrer logs): Información sobre el remitente que se escribe en el registro de accesos. Trazando esta información, es posible averiguar desde qué lugares llegan los visitantes.

etiquetas-forma-apropiada-1
etiquetas-forma-apropiada-2

Prácticas recomendadas

Imagina que estás escribiendo un esquema

Esto es parecido a escribir un esquema para un gran proyecto. Piensa sobre papel cuáles son los puntos principales y los secundarios del contenido y luego decide dónde usar las etiquetas de cabecera de forma apropiada.

Evita:

  • * Colocar texto en las etiquetas de cabecera que no ayudaría a definir la estructura de la página
  • * Usar las etiquetas de cabecera cuando otras etiquetas como < em > y < strong > puedan ser más
    adecuadas
  • * Cambiar de un tamaño de cabecera a otro sin ninguna lógica

Usa las etiquetas de cabecera con moderación

Usa las etiquetas de cabecera cuando tenga sentido. Demasiadas etiquetas de cabecera en una página pueden hacer que los usuarios encuentren difícil de entender el contenido y ver dónde termina un tema y empieza el siguiente

Evita:

  • * El uso excesivo de las etiquetas de cabecera en las páginas
  • * Poner todo el texto de una página en una etiqueta de cabecera
  • * Usar las etiquetas de cabecera para darle formato a un texto y no para presentar la estructura
    de la página