Generador de meta tags

Title, description y Open Graph con la longitud adecuada. Gratis, sin subida. 1 GB máx. · Hasta 1 GB · Procesado localmente, nunca enviado a un servidor.

Las etiquetas que deciden el aspecto de una página en cualquier lugar que no sea la página misma ocupan una decena de líneas, siempre las mismas, y se copian mal de memoria. Esta herramienta pide cinco datos, título, descripción, dirección canónica, imagen para compartir y nombre del sitio, y va montando el bloque correspondiente a medida que usted escribe, listo para pegar en la cabecera del documento.

El código generado contiene el título, la meta description, el enlace canónico, la etiqueta viewport, las propiedades de Open Graph og:title, og:description, og:url, og:image, og:site_name y og:type, además de la tarjeta de Twitter. Las líneas que corresponden a un campo dejado en blanco no se escriben; viewport, og:type y twitter:card aparecen en todos los casos.

Dos indicadores acompañan la escritura: uno con un tope de 60 caracteres para el título y otro de 160 para la descripción, verdes mientras se respeta el límite y rojos en cuanto se supera. A diferencia de la auditoría de páginas, aquí no sale nada a la red: la dirección que usted indica se copia dentro de las etiquetas, nunca se visita.

Cómo se usa

  1. Escriba el título de la página El indicador situado bajo el campo muestra la longitud alcanzada sobre 60 y se pone rojo al pasarse. Ese mismo texto alimenta la etiqueta title y la propiedad og:title.
  2. Redacte la meta description El área de tres líneas se cuenta sobre 160 caracteres. Sirve a la vez de meta description y de og:description, sin necesidad de escribirla dos veces.
  3. Indique la dirección canónica Esta URL genera dos líneas: el enlace canónico, que señala la versión de referencia de la página, y og:url, que fija la dirección que se arrastra al compartirla.
  4. Añada la imagen y el nombre del sitio La imagen para compartir se convierte en og:image; su sola presencia cambia la tarjeta de Twitter de "summary" a "summary_large_image", es decir, de una miniatura cuadrada a un visual ancho.
  5. Copie el código obtenido El botón "Copiar el código" deja el bloque en el portapapeles. Se pega en la cabecera del documento en sustitución de las etiquetas existentes, no junto a ellas, para no duplicarlas.

Longitudes útiles: antes píxeles que caracteres

Google no corta los títulos por número de caracteres, sino por anchura de visualización. En ordenador, el contenedor del título mide del orden de 580 a 600 píxeles, y el de la descripción unos 920 a 960 píxeles repartidos en dos líneas; en móvil, la descripción dispone de más líneas. Una tipografía proporcional hace que la equivalencia sea aproximada: una sucesión de íes y eles cabe de sobra en el marco, una de emes y uves dobles se corta mucho antes, y las mayúsculas consumen el presupuesto más deprisa.

Los umbrales de 60 y 160 caracteres que usan los indicadores corresponden a la zona en la que el truncamiento se vuelve probable para un texto en español corriente. Superarlos no está prohibido: el final de la frase se sustituye por puntos suspensivos. La consecuencia práctica es colocar al principio la información que distingue a la página y dejar para el final la marca y los complementos, comprobando después que el título conserva el sentido una vez recortado.

Open Graph y tarjetas de Twitter

Open Graph es un protocolo que Facebook presentó en 2010 y que desde entonces han adoptado casi todas las plataformas que muestran una vista previa de enlace: LinkedIn, WhatsApp, Slack, Discord o las aplicaciones de mensajería. Sin estas etiquetas, cada plataforma improvisa a partir del contenido de la página, con resultados desiguales. Con ellas, la vista previa es la que usted ha escrito. La imagen debe darse en dirección absoluta, protocolo incluido, o no se recuperará, y un formato cercano a 1200 por 630 píxeles encaja en la mayoría de las presentaciones.

La propiedad twitter:card anuncia a X qué tipo de miniatura se desea. La herramienta escribe "summary" cuando no se aporta imagen y "summary_large_image" en cuanto hay una. Las propiedades twitter:title y twitter:description no se generan, y es deliberado: al faltar, la plataforma recurre a las etiquetas de Open Graph equivalentes. Como las vistas previas se guardan en caché, un cambio de etiqueta no se refleja de inmediato; cada red dispone de una herramienta de depuración que fuerza una nueva lectura.

Qué hace Google en realidad con estas etiquetas

La descripción no se reproduce tal cual. Google la sustituye a menudo por un fragmento de la página que encaja con la consulta escrita, y su documentación lo reconoce: lo que usted redacta es una propuesta, que se conserva sobre todo cuando la página se presta mal a la extracción automática. El título mostrado también puede reescribirse, un comportamiento vigente desde 2021, a partir del H1, del texto de los enlaces que apuntan a la página o del nombre del sitio.

El enlace canónico es una señal, no una orden: el buscador puede quedarse con otra dirección si considera que el mismo contenido está en otra parte. La etiqueta viewport, en cambio, la escribe la herramienta siempre, porque la indexación se hace sobre la versión móvil. No se genera ninguna etiqueta keywords: los buscadores generalistas dejaron de tenerla en cuenta hace mucho tiempo.

Lo que el bloque generado no incluye

La herramienta no abre ninguna de las direcciones introducidas: no comprueba que la página canónica exista ni que la imagen para compartir se cargue. Tampoco genera directivas robots, ni etiquetas hreflang para un sitio multilingüe, ni datos estructurados en formato JSON-LD, ni las propiedades de Open Graph propias de los artículos, como la fecha de publicación o el autor. Esos elementos dependen demasiado del contexto para deducirlos de cinco campos. Las comillas, los apóstrofos y el signo & que se teclean sí se convierten en entidades, de modo que el código sigue siendo válido una vez pegado.

Preguntas frecuentes

¿Por qué el indicador del título se detiene en 60?

Porque es el umbral a partir del cual el truncamiento se vuelve probable en español. El corte real se decide por anchura en píxeles; el indicador ofrece una aproximación legible mientras se escribe.

Mi descripción no aparece tal y como la escribí

Es el caso más frecuente. Google construye a menudo el fragmento a partir del pasaje de la página que responde a la consulta. Aun así, una descripción cuidada sigue siendo útil para las veces que se comparte el enlace y para las búsquedas de marca.

¿Hay que añadir twitter:title y twitter:description?

No: X usa las propiedades de Open Graph cuando faltan las equivalentes de twitter. El bloque generado basta, y añadir las dos solo duplicaría el mantenimiento cada vez que cambie un título.

¿Puedo indicar la imagen para compartir con una ruta relativa?

No. La propiedad og:image tiene que ser una dirección absoluta, porque la plataforma que muestra la vista previa descarga la imagen desde sus propios servidores, sin conocer el contexto de la página de origen.

¿Por qué aparece la etiqueta viewport aunque no rellene nada?

Porque no depende de ningún campo y todavía falta en muchas páginas antiguas. Sin ella, un móvil compone la página con la anchura de una pantalla de escritorio y luego la reduce, lo que estropea la presentación en móvil.

¿Un apóstrofo o un signo & en el título rompen el código?

No: esos caracteres se convierten en entidades HTML al generar el bloque. El atributo sigue correctamente delimitado y el código puede pegarse sin retoques.

¿Cómo genero la etiqueta twitter:card de una página?

Se escribe sola, y su valor depende de un único campo: sin imagen para compartir, la herramienta pone “summary”, es decir, una miniatura cuadrada; en cuanto rellena el campo de imagen pasa a “summary_large_image”, el visual ancho. No hay ningún desplegable que tocar. La imagen debe darse en dirección absoluta, protocolo incluido, y un formato cercano a 1200 por 630 píxeles encaja en la mayoría de las presentaciones.

¿Qué etiquetas contiene exactamente el bloque generado?

Once líneas como máximo: title, meta description, enlace canónico, viewport, las propiedades og:title, og:description, og:url, og:image, og:site_name y og:type, y twitter:card. Las líneas correspondientes a un campo dejado en blanco no se escriben, mientras que viewport, og:type y twitter:card salen en todos los casos. Fuera quedan las directivas robots, las etiquetas hreflang, los datos estructurados JSON-LD y la etiqueta keywords, que los buscadores generalistas dejaron de tener en cuenta hace mucho.

¿Hay que registrarse o verificar el dominio para usar el generador?

No hace falta ni cuenta ni verificación: se rellenan cinco campos —título, descripción, dirección canónica, imagen para compartir y nombre del sitio— y el bloque se va montando a medida que escribe. La herramienta tampoco abre ninguna de las direcciones introducidas, ni la canónica ni la de la imagen, así que no comprueba que existan ni que se carguen: esa verificación queda de su parte una vez publicada la página.

Herramientas similares

Descubrir otras herramientas

Categorías