El título y la metadescripción

Módulo 3: La base técnica de una página · Tiempo de lectura: 11 minutos

Objetivo de aprendizaje: Después de esta lección podrá escribir un buen título y una buena metadescripción para cada página, explicar qué hace Google con ellos y por qué a veces los sustituye, y comprobar si están bien en sus propias páginas.

Conceptos clave: <title>, enlace de título, metadescripción (<meta name="description">), fragmento (snippet), reescritura por parte de Google, recorte según el ancho de pantalla, regla práctica de longitud, títulos únicos, nombre de marca, acumulación de palabras clave, nosnippet

Dos líneas en la cabecera de su página

Cada página de un sitio web empieza con una parte que el visitante no ve: el <head>. Ahí hay dos líneas especialmente importantes para los buscadores:

<head>
  <title>Bruidsboeketten op maat in Amersfoort | Bloemenatelier Lotte</title>
  <meta name="description" content="Een bruidsboeket dat bij jullie dag past. Kom langs voor een gratis kennismaking in ons atelier in Amersfoort, of bekijk eerst onze voorbeelden.">
</head>

El título (el elemento <title>) aparece en la pestaña de su navegador, en sus marcadores y, sobre todo, en los resultados de búsqueda. Google llama enlace de título a la línea azul en la que se puede hacer clic en un resultado de búsqueda. La metadescripción es un breve resumen de la página. Google la utiliza a veces para el texto que aparece debajo del enlace de título: el fragmento (en inglés, snippet).

Juntos determinan en gran medida si alguien hace clic en su resultado o en el de otro. Por eso es una de las pocas cosas de la visibilidad en buscadores en las que puede marcar una diferencia real en un cuarto de hora.

Qué hace Google con su título

Google lo dice así: asegúrese de que cada página tenga un título en el elemento <title> y que sea descriptivo y conciso. Títulos vagos como "Inicio" o "Bienvenido" no le dicen nada a nadie.

Google suele utilizar su <title>, pero no siempre. También puede crear el enlace de título a partir de otras fuentes: el encabezado más grande de la página (a menudo el <h1>), el og:title para redes sociales, texto destacado de la página, el texto de los enlaces que apuntan a la página y el nombre de los datos estructurados de tipo WebSite. Esto ocurre sobre todo en las siguientes situaciones, que el propio Google menciona:

Si Google reescribe su título, no es una penalización. Es una señal de que su título no describe la página lo suficientemente bien. Si mejora el título, Google suele volver a utilizarlo tras la siguiente visita del rastreador.

¿Qué longitud puede tener un título?

Aquí muchos consejos de internet se equivocan. Google dice literalmente que no hay límite para la longitud de un <title>. Eso sí, el enlace de título se recorta en los resultados de búsqueda para que quepa en la pantalla. Esto ocurre según el ancho de pantalla (píxeles), no tras un número fijo de caracteres: un título con muchas letras anchas (m, w) se recorta antes que uno con letras estrechas (i, l).

Por eso este curso trabaja con una regla práctica, no con una norma de Google: mantenga su título entre unos 15 y 65 caracteres. Si es más corto, suele ser demasiado vago; si es más largo, corre el riesgo de que desaparezca la parte más importante. Por tanto, ponga al principio lo que es la página y al final el nombre de su empresa.

Escribir un buen título

Según las directrices de Google y la práctica:

1. Diga de qué trata la página. "Bruidsboeketten op maat in Amersfoort" (ramos de novia a medida en Amersfoort) es mejor que "Servicios".
2. Un título propio para cada página. Dos páginas con el mismo título no se pueden distinguir en los resultados de búsqueda.
3. Nombre de marca breve, al principio o al final, separado por un carácter como |, : o -. Google recomienda no añadir un eslogan largo a cada título.
4. Nada de acumulación de palabras clave. "Bloemen Amersfoort, bloemist Amersfoort, boeket Amersfoort goedkoop" no ayuda. Google menciona expresamente la repetición de palabras clave como algo que parece spam; incluso figura en sus políticas contra el spam (lección 8.2).
5. Manténgalo actualizado. Un año en el título significa que tendrá que actualizarlo cada año.

Un error frecuente en los creadores de sitios web: la página de inicio se llama solo como la empresa. "Bloemenatelier Lotte" dice quién es usted, pero no qué hace ni dónde. "Bloemenatelier Lotte | Bloemist in Amersfoort" (floristería en Amersfoort) funciona mejor para alguien que todavía no le conoce.

La metadescripción

La metadescripción se encuentra en un elemento <meta>:

<meta name="description" content="...">

Google dice: el fragmento procede sobre todo del contenido de la propia página. La metadescripción se utiliza cuando resume la página mejor que un trozo de texto de la página. Además, el fragmento puede variar según la búsqueda: Google muestra la parte que mejor encaja con la consulta. Por tanto, una buena metadescripción no garantiza que aparezca, pero sí aumenta la probabilidad de que debajo de su título haya algo sensato.

También aquí: Google no establece una longitud máxima, pero el fragmento se recorta para que quepa en la pantalla. La regla práctica de este curso: de 70 a 160 caracteres. Lo bastante larga para decir algo y lo bastante corta para mostrarse completa.

Así se escribe una:

• Resuma lo que alguien encontrará en la página, con frases normales.
• Mencione datos concretos que ayuden a elegir: lugar, qué ofrece, para quién.
• Una descripción propia para cada página. Si tiene poco tiempo, empiece por la página de inicio y sus páginas más visitadas; eso es también lo que recomienda Google.
• Nada de listas de palabras clave. Google indica que esas descripciones se utilizan con menos frecuencia como fragmento.

Lo que la metadescripción no hace: no es un factor de posicionamiento con el que conseguir un puesto más alto gracias a las palabras clave. Sirve para convencer a quien busca de que haga clic.

Decidir usted mismo qué se muestra

¿Quiere que Google no muestre ningún fragmento, o solo una parte? Puede hacerlo con una metaetiqueta robots: <meta name="robots" content="nosnippet"> (sin fragmento) o max-snippet:50 (como máximo 50 caracteres). Puede excluir un trozo de texto con el atributo data-nosnippet. Para la mayoría de los sitios pequeños no es necesario.

Dónde verlo y comprobarlo

• En el código fuente: abra su página, haga clic con el botón derecho y elija "Ver código fuente de la página" (o Ctrl+U). Busque con Ctrl+F <title y description.
• En los resultados de búsqueda: busque site:example.com para ver cómo muestra Google sus páginas. Si el enlace de título difiere de su <title>, compruebe qué situación de la tabla anterior encaja.
• En Search Console: el informe Rendimiento (lección 2.3) muestra qué páginas reciben muchas impresiones pero pocos clics. Ahí es donde más compensa mejorar el título y la descripción.

En la práctica: configurar el título y la descripción

• En el AI Builder de WebOké indica para cada página un título y una descripción propios. Si deja el título vacío, el de una página normal será "Nombre de la página | Nombre del sitio" y la página de inicio se llamará solo como su sitio. Por eso, dé usted mismo a la página de inicio un título que diga también a qué se dedica. La comprobación SEO del AI Builder avisa cuando el título supera los 65 caracteres y la descripción los 160: las mismas reglas prácticas que en este curso.
• En WordPress, WordPress crea el título a partir del título de la página y el nombre del sitio. WordPress no crea una metadescripción por sí mismo; para ello se utiliza un plugin de SEO o un tema que lo ofrezca. Esto también se trata en el curso de WordPress, lección 9.2.

En otros creadores de sitios web funciona de forma similar: busque ajustes como "SEO", "Buscadores" o "Ajustes de página".

Resumen

• El título es la línea en la que se hace clic en los resultados de búsqueda; la metadescripción resume la página y a veces se muestra como fragmento.
• Google puede sustituir su título si está medio vacío, desactualizado, es incorrecto o es igual en todas partes, o si no hay un encabezado principal claro.
• Google no establece una longitud máxima, pero recorta según el ancho de pantalla. Reglas prácticas de este curso: título de 15 a 65 caracteres, descripción de 70 a 160 caracteres.
• Cada página con un título y una descripción propios y descriptivos; nada de acumulación de palabras clave; nombre de marca breve al final.
• La metadescripción ayuda a las personas a elegir, no a mejorar su posición en la clasificación.

Cuestionario

Ejercicio

Ejercicio A3.1: Título y metadescripción de su página. Introduzca la dirección de una página de su propio sitio (la página de inicio o una página importante). El programa obtiene la página como lo hace un buscador, lee el <title> y la metadescripción y cuenta los caracteres. Verá si existen, si cumplen las reglas prácticas y si el título dice algo más que el nombre de su empresa. ¿No tiene sitio propio? Utilice www.rijksoverheid.nl.

Para seguir leyendo

Los pasos de estos artículos se aplican a los paneles de WebOké; con otros proveedores funciona de forma similar.

• Dar de alta su página web en los motores de búsqueda (Google y Bing)
• Sitebuilder y AI Builder: ¿cuál elegir y cómo abrirlo?
• Google Search Central, Gestionar los enlaces de título en los resultados de búsqueda: https://developers.google.com/search/docs/appearance/title-link
• Google Search Central, Los fragmentos y la metadescripción: https://developers.google.com/search/docs/appearance/snippet