Generador de etiquetas meta

Cómo usar Generador de etiquetas meta

1. Rellena título, descripción y URL.
2. Añade la imagen para redes sociales.
3. Copia las etiquetas y pégalas en el head de tu página.

Longitudes que se muestran de verdad

No hay un límite oficial, pero sí un ancho práctico a partir del cual el buscador corta.

El corte real no depende del número de caracteres sino del ancho en píxeles, así que un título con muchas letras anchas se corta antes.

Ojo con el español: nuestras frases tienden a ser entre un quince y un veinte por ciento más largas que las equivalentes en inglés. Una descripción traducida directamente del inglés se pasará del límite casi siempre, y hay que reescribirla, no recortarla.

Los buscadores reescriben la descripción con frecuencia cuando consideran que otro fragmento responde mejor a la consulta. Escribirla bien sigue mereciendo la pena, pero no es una garantía.

Y la etiqueta meta keywords no sirve para nada desde hace más de una década. No la incluyas.

Open Graph y las tarjetas sociales

Son las que deciden qué aspecto tiene tu enlace cuando alguien lo comparte.

Las cuatro imprescindibles son og:title, og:description, og:image y og:url. Sin ellas, cada red inventa lo que puede a partir del contenido y el resultado suele ser lamentable.

La imagen es lo que más se mira. 1200 por 630 píxeles es el tamaño seguro, con una proporción cercana a 1,91:1. Y debe ser una URL absoluta, no relativa.

No pongas texto pequeño en esa imagen: en el móvil se muestra reducida y no se lee.

Twitter usa sus propias etiquetas, aunque toma las de Open Graph como reserva. Basta con añadir twitter:card, y "summary_large_image" es el formato que da la vista grande.

Las redes cachean estas etiquetas de forma agresiva. Si cambias la imagen y sigues viendo la antigua, no es un error tuyo: hay que forzar la actualización desde el depurador de cada plataforma.

Las que sí importan y las que no

Hay mucha etiqueta heredada dando vueltas por internet.

Imprescindibles: charset, viewport, title, description y la etiqueta canónica.

La canónica es la más olvidada y la que más problemas evita: indica cuál es la versión buena de una página cuando hay varias URL con el mismo contenido, algo habitual con parámetros de filtro o de campaña.

La etiqueta robots solo hace falta si quieres desviarte del comportamiento por defecto, por ejemplo con noindex en una página de agradecimiento o de resultados internos de búsqueda.

Innecesarias: keywords, author para SEO, revisit-after, y las etiquetas de idioma en meta — el idioma va en el atributo lang del elemento html, no en una etiqueta meta.

Si tienes versiones en varios idiomas, usa hreflang. Y una regla que rompe medio internet: los enlaces hreflang deben ser recíprocos. Si la versión en español apunta a la inglesa, la inglesa tiene que apuntar de vuelta, o se ignoran las dos.

Preguntas frecuentes