Utilia

Generador de metaetiquetas

Generador de metaetiquetas gratis para title, meta description, URL canónica, robots y viewport, con control de longitud y HTML bien escapado.

Buscadores
Etiquetas básicas

Comprobaciones

No se ha encontrado ningún problema.

Cómo usar el generador de metaetiquetas

  1. Escribe el Título de la página y la Meta description. Bajo cada campo, un contador muestra el número de caracteres y el rango recomendado.
  2. Añade la URL canónica si la página es accesible desde varias direcciones (con parámetros de seguimiento, con y sin barra final, etc.).
  3. Si quieres, rellena el Autor y un Color del tema en hexadecimal, como #1e40af, que algunos navegadores móviles usan para colorear la barra de direcciones.
  4. En Buscadores, elige si la página debe indexarse y si deben seguirse sus enlaces, y marca las directivas adicionales que necesites.
  5. Deja marcadas Codificación de caracteres (UTF-8) y Viewport móvil, salvo que tu plantilla ya las incluya.
  6. Revisa la lista de Comprobaciones y después pulsa Copiar o Descargar para pegar el código dentro del <head> de tu página.

Para qué sirve cada etiqueta

  • <title>: el nombre de la página en la pestaña del navegador y, casi siempre, el titular en el que se hace clic en los resultados de búsqueda. Pon el tema principal al principio y usa un título distinto en cada página.
  • Meta description: un resumen que los buscadores muestran a menudo, aunque no siempre, bajo el título. No es un factor de posicionamiento, pero una descripción clara que encaje con la búsqueda puede conseguir más clics.
  • Enlace canónico: indica a los buscadores cuál es la URL preferida cuando el mismo contenido está disponible en varias direcciones. Debe ser una URL absoluta.
  • Metaetiqueta robots: controla la indexación solo de esta página. noindex la deja fuera de los resultados, nofollow pide a los rastreadores que no sigan sus enlaces, noarchive que no guarden una copia en caché, nosnippet oculta el fragmento de texto y max-image-preview:large permite miniaturas de imagen grandes.
  • Viewport: width=device-width, initial-scale=1 hace que la página use el ancho del móvil en lugar de un diseño de escritorio reducido. Google indexa primero la versión móvil de las páginas, así que esta etiqueta importa.
  • Charset: utf-8 permite mostrar correctamente tildes, eñes, símbolos y emojis. Debe ser el primer elemento del <head>.

Si mantienes la opción predeterminada «Indexar esta página y seguir sus enlaces», la herramienta omite por completo la etiqueta robots, porque index, follow es lo que hacen los buscadores de todas formas.

Longitudes recomendadas

Los buscadores cortan títulos y descripciones según su anchura en píxeles y no por un número fijo de caracteres, así que estas cifras son orientativas, no reglas:

Etiqueta Recomendado Por qué
Título unos 30–60 caracteres Los títulos más largos suelen cortarse con «…»
Meta description unos 70–160 caracteres Las más cortas se quedan pobres; las más largas se cortan

Para ver cómo quedará realmente tu texto, incluida su anchura en píxeles, usa una vista previa de resultados de búsqueda. Ten en cuenta que los buscadores también pueden reescribir un título o una descripción si creen que otro texto de la página responde mejor a la consulta.

Escapado y seguridad

Cada valor se escapa antes de insertarse: &, ", ', < y > se convierten en entidades HTML, y los saltos de línea se sustituyen por espacios. Así, una descripción con comillas o un título con & generan HTML válido que no puede romper tu página. Todo ocurre en tu navegador; nada de lo que escribes se envía a ningún servidor.

Preguntas frecuentes

¿Siguen sirviendo las meta keywords?

No. Google ignora la metaetiqueta keywords para el posicionamiento desde 2009, y los demás grandes buscadores le dan poco o ningún peso. Por eso esta herramienta no la genera.

¿Por qué Google muestra otro título u otra descripción?

Los buscadores tratan estas etiquetas como sugerencias importantes, no como órdenes. Si tu título es muy largo, está lleno de palabras clave o no corresponde a la página, o si la descripción no responde a la búsqueda, pueden construir su propio texto a partir de los encabezados o del contenido.

¿Todas las páginas deberían tener una URL canónica?

Es una buena práctica. Una canónica que apunte a la propia página ayuda cuando se puede llegar a ella con parámetros en la URL y evita que varias versiones duplicadas compitan entre sí.

¿Qué diferencia hay entre noindex y bloquear en robots.txt?

noindex deja que los rastreadores lean la página y luego la mantiene fuera de los resultados. Bloquear una URL en robots.txt impide el rastreo, de modo que el rastreador nunca ve la etiqueta noindex y la URL puede seguir apareciendo si otros sitios la enlazan. Para retirar una página del buscador, usa noindex y no la bloquees.

¿Dónde pego el código generado?

Dentro del elemento <head> de tu HTML, preferiblemente cerca del principio y con la etiqueta charset en primer lugar. En un CMS, usa sus campos SEO o los ajustes de cabecera en lugar de duplicar etiquetas que ya genera.