Creando páginas con buenos títulos

La etiqueta <title>, bien utilizada, es una excelente herramienta que nos ayudará a dar a conocer nuestro sitio web a los demás y nos permitirá facilitar las cosas a nuestros usuarios.
El W3C nos recomienda que estos títulos no tengan más de 64 caracteres y que sean descriptivos del contenido del sitio.

En principio, como su propio nombre indica, la etiqueta <title>, nos permite definir un título para nuestras páginas.
Para generar documentos válidos deberás incluir siempre una etiqueta title en la cabecera de tus páginas

1. < html >
2. < head >
3. < title > Mi sitio Web - Descripción de mi sitio web </ title >
4. </ head >
5. ...

Este título será el encargado de dar nombre a tu sitio web en numerosas situaciones, en la ventana del navegador, en los listados de favoritos, en el historial de navegación, en los resultados de los buscadores…

Todos cometemos errores alguna vez y estos son algunos de los más comunes a la hora de crear un título:

• Dejar el título en blanco.
• Introducir texto por defecto en el título (Sin titulo, Pagina Nueva…)
• Utilizar títulos que no se ajusten al contenido del sitio
• No transmitir contenido relevante

• Incluye el nombre de tu sitio web en el título. De esta forma podrás crear una marca consistente con todos tus artículos, ayudarás a tus visitantes a identificar tu sitio en sus marcadores y facilitarás la tarea de los (muchos) usuarios que navegan usando los botones adelante y atrás de su navegador.
  Sobre la colocación, delante o detrás de la descripción, yo soy partidaria de colocarlo primero a pesar de que cara a los buscadores puede ser más eficaz colocar primero las palabras clave. Tu decides.
• Crea títulos agradables a la vista y legibles por humanos.
  Utiliza los separadores y las mayúsculas y minúsculas correctamente
• Mantente lo más breve y conciso que puedas.
• Mantén una estructura consistente en todos los títulos de tu sitio web.

En las páginas estáticas es muy sencillo editar los títulos pero, todos los que usamos algún CMS tendremos que apoyarnos en plugins y «hacks».

• Fancy Titles - Gracias a Héctor Delcourt, titulos bonitos y optimizados para WordPress (en uso en este blog)
• Page Title : Con este plugin para Drupal podrás definir una estructura para los titulos de tus páginas y cambiar el título por defecto de los nodos.
• How to use title-alias as title tag - Una solución para los títulos en Joomla

Seguro que hay muchos más para otros CMS, si conocéis alguno interesante dejadlo en los comentarios.

Usuarios que han visto este tema también han visto...

- Resolución de pantalla
- Algunas razones para evitar usar AdSense al iniciar un nuevo proyecto web
- La Accesibilidad en la web: Tecnologías Auxiliares
- Criar una red de enlaces sin pillarnos los dedos
- La hora de la Accesibilidad Web

- Versión imprimible de este documento

- Enviar por e-mail este documento