Etiqueta title: ejemplos de antes y después, y cómo revisar la tuya
Actualizado
Respuesta corta
La etiqueta title es el título de la página que va dentro de <head> y que Google suele usar como enlace azul en los resultados. Un buen title dice qué ofreces, dónde y quién eres, en pocas palabras y distinto en cada página. Google no fija un límite de longitud, pero lo corta si no cabe, así que pon primero lo importante.
Qué es y dónde va
El elemento <title> define el título del documento que se muestra en la pestaña del navegador. Según MDN, siempre va dentro de <head>, nunca dentro de <body>, y solo hay uno por página. Una página puede tener <title>Fontanero en Valencia | Fontanería Ruiz</title>.
En Google, ese texto suele convertirse en el "enlace de título" del resultado. Google indica que los enlaces de título suelen ser lo que más se tiene en cuenta al decidir en qué resultado hacer clic.
Cómo ver el title de tu página en un minuto
Cualquiera de estas formas sirve. No necesitas acceso al panel de tu web.
- Pasa el ratón por la pestaña del navegador: el texto que aparece es el title
- En Chrome, abre el código fuente (Ctrl+U en Windows; Cmd+Opción+U en Mac) y busca "<title>"
- Busca tu negocio en Google y compara el enlace azul con tu title. Si no coincide, Google eligió otro texto
Lo que recomienda Google
Esto viene de la documentación de Google sobre enlaces de título.
- Que todas las páginas tengan un title
- Que sea descriptivo y conciso. Evita textos vagos como "Página principal" o "Inicio"
- Sin exceso de palabras clave repetidas
- Que cada página tenga un title distinto, sin la misma plantilla larga en todas
- Incluir la marca de forma breve, al principio o al final, separada con un guion, dos puntos o una barra vertical
- Escribirlo en el mismo idioma que el contenido de la página
Sobre la longitud, Google dice que no hay límite para el elemento <title>, pero que el enlace de título se trunca según sea necesario, normalmente para ajustarse al ancho del dispositivo. Por eso no damos un número de caracteres: preferimos que la parte importante vaya delante. Es nuestro criterio.
Ejemplos de antes y después
Todos los negocios son inventados. Cada title nuevo supone que la página ya dice eso; no escribas en el title lo que la página no cuenta.
- Página principal: antes "Inicio", después "Fontanero en Valencia: averías y reformas de baño | Fontanería Ruiz"
- Taller: antes "Bienvenidos a nuestra web", después "Taller mecánico en Guadalajara, Jalisco: frenos y afinación | Taller Hernández"
- Servicios: antes "Servicios | Despacho Morales", después "Contabilidad y declaración anual para pequeños negocios en Monterrey | Despacho Morales"
- Panadería: antes "Panadería La Espiga - Pan, pasteles, tartas, bollería, café, encargos", después "Pan de masa madre y tartas por encargo en Sevilla | La Espiga"
- Exceso de palabras clave: antes "peluquería peluqueria peluquerías Zaragoza peluquería barata", después "Peluquería en el centro de Zaragoza: corte y color | Estudio Lucía"
Evita también promesas que la página no demuestra, como "la mejor de la ciudad".
Por qué Google puede mostrar otro título
Google genera el enlace de título de forma automática. Además del <title>, puede usar el título principal visible, los encabezados como <h1>, la etiqueta og:title, textos de enlaces y los datos estructurados de WebSite. Si el <title> y el <h1> dicen lo mismo con claridad, es más probable que se use tu texto. Esto último es nuestra lectura.
Después de cambiarlo, Google tiene que volver a rastrear la página, lo que puede tardar entre unos días y unas semanas. Puedes pedirlo con la herramienta de inspección de URLs de Search Console.
Dónde encajamos
Estamos preparando un servicio que te propone cada mañana mejoras concretas como un title nuevo, con el antes y el después. Tú decides si lo aplicas. No controla lo que muestra Google ni puede prometer clics. Todavía no está disponible en tu país: déjanos tu correo aquí debajo y te avisaremos.