Títulos en las páginas web
Esta semana en la lista de distribución de la lista de distribución de CSS y Estándares Web en castellano Ovillo se está discutiendo sobre cómo optimizar los títulos de las páginas web. Todos sabemos los problemas que acarrea un título mal hecho, es por eso que os paso unas recomendaciones que me dan excelentes resultados.
- Títulos sin decoración ASCII.
- Títulos lo más cortos posible.
- Dependiendo el caso, se puede:
- Ubicar primero el tema y luego el nombre de la página.
- Al revés.
- No utilizar animaciones.
Títulos sin decoración ASCII
Estos títulos lo único que hacen es malgastar oportunidad de ser bien asimilados por Google. Además, el 90% de los buscadores sólo muestran hasta 130 caracteres en cada resultado, entonces si pones 30 caracteres ASCII para decorar una palabra lo único que estás haciendo es malgastar legibilidad en buscadores. Unos ejemplos ficticios sobre este tema:
…..::::::[[El Mañanero de Temperley]]::::::……
Esto podría dejarse mejor si hiciéramos algo así como:
Diario El Mañanero del Temperley – Portada
Títulos lo más corto posibles
Salvo que no lleven titulares, los títulos más cortos tienen mejor legibilidad en los buscadores. En Mercadelia, utilizo títulos largos, lo cual me trae algunos problemillas, pero lo solucionamos poniendo la información más vital dentro de los 87 caracteres de media.
Cada buscador muestra un largo de caracteres en una lista de resultados. Si cogemos a los 5 más conocidos, veremos que:
- Google lo muestra así:
-
mercadelia.com United States – Home – Post your ad for free – Find …
- MSN Search lo muestra así:
-
mercadelia.com United States – Home – Post your ad for free – Find …
- Yahoo! lo muestra así:
-
mercadelia.com España – Inicio – Publica tu anuncio gratis en Internet – Busca pisos, alquileres, trabajo, …
En casi todas las pruebas han variado los resultados, parece ser que todos los buscadores cortan luego de un espacio en blanco, abriendo un margen pequeño y nada significante. Por ejemplo Google muestra entre 70 y 75 caracteres, MSN Search muestra lo mismo. Yahoo! en cambio muestra más de 120 caracteres y he logrado ejemplos de 133. Nos queda trabajo en este aspecto. Lo que haremos para los anuncios en Mercadelia –este caso concreto— es mostrar el contenido del anuncio primero, luego pondremos Mercadelia y las categorías.
Dependiendo el caso, se puede…
Este es todo un tema de debate. Los SEOs, imagino, tendrán sus razones para ubicar los títulos de una forma. La mía es la de ofrecer la información lo mejor posible. Por eso, cada proyecto en éste punto se lleva un análisis con paciencia. Cada proyecto tiene una forma, un público y, por ejemplo, un diario importante luego de la página de inicio no tiene más que poner su nombre al final. Son opciones y cada uno usará la más práctica. Las que más utilizo son:
- Nombre (guión) sección
-
Acme Inc. – Inventos electrónicos de alta calidad
- Tema (guión) nombre
-
Inventos electrónicos de alta calidad – Acme Inc.
Combinado con información de contacto (si el sitio es muy servicial [banco, ayuntamiento, urgencias] y tiene atención las 24 horas) con el tema principal:
La Caixeta – Caja de ahorros – Tel. 992 879 921
Estos ejemplos ofrecen información de todo tipo, esclarecen las necesidades mínimas, incluso para aquellos visitantes que caen de turista en la página y no saben que la La Caixeta es un banco. El ejemplo pobre sería dejar sólo La Caixeta, dar por hecho que se sabe de lo que se trata a veces perjudica.
No utilizar animaciones
Esto no molesta a Google sino a mis ojos. Recomendación de corazón: no, nunca, eviten usar animaciones para la barra de título, hay gente que tiene problemas de vista y ver eso moviéndose complica todo.
¡Comparte!
14 Respuestas a la entrada Títulos en las páginas web
Además hay que tener en cuenta que el title de una página es el nombre que se agrega a Favoritos en caso de que lo hagamos.
Muy buen apunte, el título de la web no es algo a tomar a broma, es como el nombre de cada uno.
Algunas veces se llegan a ver textos del largo del Quijote, y auténticas filigranas ASCII, y la verdad que no ayuda mucho a su lectura
Está demás decir que mientras más conciso un título, es mejor en todo sentido (indexación, almacenado de favoritos, e incluso cuando uno trabaja con un navegador con tabs).
Creo que si es necesario poner información adicional con respecto a la página, lo mejor es usar âmeta name=âdescriptionâ â en vez de ponerlo todo en el título. En el caso de el home de Mercadelia, el título podría quedar como Mercadelia â ; y usar âdescriptionâ para comentar algo más. En Yahoo y Google sale (y podríamos decirle a la gente de MSN que agregue la indexación de ese valor)
Ese fue mi pequeño aporte
Desde el punto de vista de posicionamiento en buscadores de contenidos, ojo puede que para servicios sea otra cosa, lo importante realmente es el título de la noticia (del post individual). Nosotros sólo ponemos eso en el título. No ponemos el nombre del blog. Ya se ve en la URL y en cualquier caso, el que te encuentra en buscadores no te busca por tu nombre, sino por tus contenidos.
En portada optamos por nombre nada más. A lo mejor deberíamos añadir la descripción del blog.
Iba a decir justamente que tiene que ser algo que lo pueda identificar cuando se agrega la página a los favoritos. En estos casos, creo que lo interesante es aclarar de alguna manera de que tipo de página se trata, si un blog, fotolog, wiki, página oficial etc.
Tambien diría que nunca se empiece con punto, pues cuando arrastramos la url para crear un link, se crea un archivo que empieza con un punto y el Finder lo deja invisible. Supongo que esto tambien pasa en otros sistemas aparte del osx.
Y creo que otra cosa útil es indicar el camino (path?) hasta el archivo.
Otro factor a tener en cuenta son los niveles de headings, en mi blog uso un h1 con el nombre del weblog y (en caso de estar en un post) el titulo del post (primero el nombre del post y luego âpuntoblogâ)
si estoy en el index le mando h2 a todos los posts y a las partes del menu un h3 me parece que el nivel de los headings depende de el nivel de importancia del contenido de los P que le siguen, igualmente pienso que para que haya un H3 tiene SI o SI que haber un H2 antesâ¦
La verdad es que en esas cosas siempre he sido bastante escueta. Como mucho pongo â::bienvenido a la web X::â, lo justo vamos. Ya me explayaré en los metas.
Lo que siempre me ha molestado son los títulos que se mueven de un lado a otro, tanto en la parte superior como inferior del navegador.
Que me decis de los titulos que se suelen dejar al âhacerâ las webs en algunos programas? es muy divertido! jejejeje
Sobre el punto 3, pienso que por lo general es preferible ir de lo concreto a lo general. Por ejemplo:
_Ronaldinho con gripe â Fútbol â El Pelotazo, Diario deportivo
Gasol estornuda y contagia a Michael Jordan â Baloncesto â El Pelotazo, Diario deportivo
A Bush le pica el pie â Ãltima hora â WhiteHouse.gov_
De este modo, si navegamos con pestañas, veríamos en ellas _âRonaldinho con gripe â Fútbolâ¦â_, _âGasol estornuda y contagia a Michaelâ¦â_ y _âA Bush le pica el pie â Ãltimaâ¦â_, siendo fácil ir a la que queremos directamente. Cuantas menos pestañas, más información veríamos (al ser más el espacio para cada una), y aunque tuviésemos muchas abiertas aún podríamos diferenciarlas por el principio del título al ser diferente en cada noticia (o artículo, o sección, o página).
Si las pusiésemos al revés:
_Diario deportivo El Pelotazo â Fútbol â Ronaldinho con gripe
Diario deportivo El Pelotazo â Baloncesto â Gasol estornuda y contagia a Michael Jordan
WhiteHouse.gov â Ãltima hora â A Bush le pica el pie_
En las dos primeras pestañas veríamos lo mismo, _âDiario deportivo El Pelotazo etcâ¦â_ y tendríamos que tantear a ver dónde está la noticia que buscábamos.
Me parece una mejora de la usabilidad, y ahora mismo no se me ocurre nada que desaconseje esta práctica.
PD. Donde digo pestañas, también pueden ser ventanas en la barra de tareas o entradas en Marcadores, o lo que sea.
Yo pongo en el título de mis sitios web la palabra clave por la que más vienen a mi página. Es super efectivo.
Eso de la palabra por la que más vienen no es aplicable a todas las webs. Porque en mi weblog tendría que poner Atentados 7j.
Hablando del post yo los sitios web con ASCII y/o animaciones en el título nunca me las tomo enserio y normalmente cierro al instante.
Bueno creo que la titulacion de las paginas de alguna manera define o tiene algun peso representativo en la recuperacion de informacion a traves de los buscadores. y he aqui una perla que te hace reflexionar
http://www.sociedadcolombianadearchivistas.org
Este artículo tiene su tiempo, pero quizá sea de interés:
“El título de la página”
http://www.nosolousabilidad.com/articulos/titulo_pagina.htm
saludos
[...] El artículo “Títulos en las páginas web” publicado en Minid.net no resuelve el problema, pero da algunas consejos muy interesantes y principalmente, recomienda: [...]
Google no es la única razón para evitar títulos llenos de caracteres ASCII. También hay un tema de accesibilidad que tocan muy bien Roger Johansson (http://www.456bereastreet.com/archive/200603/evaluating_website_accessibility_part_3_digging_deeper/#titles) y Peter Krantz (http://www.standards-schmandards.com/index.php?2004/11/06/6-the-sound-of-the-accessible-title-tag-separator). Un título como ..::::::[[El Mañanero de Temperley]]:::::: es una verdadera pesadilla para un sordo: “punto, punto, dos puntos, etc”.