1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

El title aparece en la barra del navegador

Es hora de hablar de títulos!

Es muy importante saber que siempre debes usar un titulo (<title>) en tus páginas.

Por ejemplo, puedes ver el <title> en la barra de tu navegador (sí, ahí arriba), pero no sólo sirve para eso...

Usos del elemento title:

  • Aparece en la barra del navegador (mira!)
  • Si un visitante agrega esa página a sus favoritos, el titulo de la página será el titulo que aparezca en el enlace.
  • (Ojo con esto) Los motores de búsqueda como Google o Yahoo usan el titulo de la página para listar sus resultados.

Ejemplo:

<html>

<head>
<title>Titulo de la página</title>
</head>
<body>
...
Contenido de la página
...
</body>
</html>

El elemento <title> es... bueno el titulo de la página, entonces sirve para describir toda la página en pocas palabras (por eso es que los motores de búsqueda le dan tanta importancia).

En resumen: Un buen titulo te ayudará a mejorar tu posición en los resultados de búsqueda.

Con esto no quiero decir que llenes el título de palabras clave, recuerda que tu principal preocupación deben ser tus lectores o usuarios.

Recuerda: Tus usuarios o lectores son más importantes que Google o Yahoo ;)

¿Que tan largo puede ser un título?

Algunas personas, obsesionadas con rankear lo más alto posible en los buscadores llenan el titulo de palabras clave...

Mal, mal, mal, por eso que ves tantas paginas con títulos muy largos, desordenados o hasta irrelevantes.

Mi recomendación es que uses títulos descriptivos e interesantes, pienso que eso funciona bien con los motores de búsqueda y ciertamente funciona con los lectores.

Usa títulos descriptivos.

Hay muchas páginas que usan de titulo palabras como "Home" así si alguien busca casas en inglés podrá acceder a esa página... Un momento, el 99% de páginas que usan esa palabra NO venden casas... Gran problema :P

No creo que a alguien que busque la palabra "Home" esté buscando información sobre HTML, o si?

No pierdas la oportunidad de poner un titulo realmente interesante y sobre todo RELACIONADO con el contenido de la página.

OK, un titulo lleno de palabras sobre HTML, lo único que hace esto es decirle al buscador: "Hey! estoy tratando de tener un buen ranking por cada palabra relacionada con HTML!".

Hay 9,160,000,000 paginas sobre HTML (este numero es real, lo saque buscando en Google) ¿Te parece buena idea ponerte a competir con tantas páginas?

Escoge un titulo pensando en tu audiencia y, déjame repetir esto una vez más, no escribas para los buscadores sino para tus usuarios.

Tambien puedes considerar agregar el nombre de tu pagina al final del titulo, si tu pagina es reconocida esto puede ser útil.

¿Que tan largo puede ser un título?

Ten en cuenta que si tu titulo es muy largo Google no lo mostrará completo en los resultados de búsqueda, por eso es una buena práctica que los títulos de tus páginas no excedan los 70 caracteres (incluidos espacios). ahora 70 caracteres pueden hace un titulo muy largo, usalos sólo cuando sea realmente necesario, según nuestros amigos del W3C lo ideal es usar títulos no mayores a 64 caracteres.

Cada página debería tener su propio titulo, no crees un titulo genérico y lo uses para todas tus paginas (grave error).

Título de la página principal... pista, NO le pongas HOME

La página principal de tu sitio es un caso aparte, esta presenta información sobre tu organización, así que debe mostrar de lo que trata tu sitio.

Siempre acentúa las palabras, no es problema para google, según el blog de Google Webmaster Central (http://googlewebmastercentral.blogspot.com/) si buscas una palabra, por ejemplo "México" Google devolverá resultados sobre "México" y "Mexico".

Ahora, y aquí es donde se pagan tus clases de ortografía, ten en cuenta que la posición en los resultados de búsqueda de palabras acentuadas varía según el idioma que esté usando su búsqueda.

Hay bastante más que decir acerca de este elemento, así que prometo una segunda parte de este post.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Illi.Pro Illi.Pro

    Muy buena entrada Germán, no olvidaré esa frase: "No escribas para los buscadores sino para tus usuarios." ^^ Salu2!

  2. Avatar de German German

    Gracias, es muy importante tener un equilibrio en ese aspecto, muchas veces el título es lo que te hace hacerle click a un resultado de búsqueda.

    En mi caso, cuando veo los resultados de Google, siempre le presto más atención a los primeros 2 o 3 resultados y escojo uno en base al título y a la descripción... lo que me hace recordar que tengo que hacer un post sobre eso :P.

    Saludos.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910