Meta Tag Generator
Meta Tag Generator — se ejecuta en el navegador. No se guardan datos.
Cómo usar
- Rellena title y description. Unas 120–160 caracteres se recomiendan para la descripción.
- Si dejas og:title y og:description vacíos, se usan title y description tal cual.
- Pon una URL absoluta de la imagen de compartir en URL og:image.
- En twitter:card elige summary_large_image, summary o none.
- Tras Generar, Copia las etiquetas meta HTML en head. Restablecer borra los campos.
Conceptos clave
Un generador de etiquetas meta hace etiquetas de title, description, Open Graph y Twitter Card usadas en snippets de búsqueda y previsualizaciones sociales. Los buscadores pueden elegir otra frase del cuerpo, así que no hay garantía de que la description aparezca tal cual. Algunas plataformas no muestran imagen en la tarjeta si og:image está vacío.
Un título largo se trunca en la pestaña y en los resultados de búsqueda, así que pon las palabras clave primero. La generación ocurre solo en el navegador. No hay un corte forzado de recuento de caracteres. Si la URL de la imagen no es HTTPS, algunos mensajeros pueden dejar la tarjeta en blanco.
Ejemplo
Pon el título del artículo en title, un resumen en description, una URL PNG en og:image, luego genera, y obtienes un paquete de etiquetas listo para head. Si og title está vacío, el mismo título también va a og:title. Pon Twitter Card en none y esa meta se omite. Los snippets de búsqueda no están garantizados a usar description tal cual porque Google puede elegir otra frase del cuerpo. Si og:image está vacío, algunas plataformas no muestran logo en la tarjeta, así que una imagen dedicada es mejor. Un título demasiado largo se trunca en la pestaña y en los resultados de búsqueda, así que pon las palabras clave centrales primero. Una Twitter Card de imagen grande puede hacer la previsualización del enlace más ancha y puede aumentar los clics. Si pruebas la misma entrada varias veces, restablece y pega de nuevo para no mezclarla con la salida anterior. En un ordenador compartido, vacía los campos al terminar para que el texto original no quede en pantalla. Cerrar la pestaña del navegador también borra lo que acabas de pegar; no hace falta enviar una petición de borrado a un servidor. Los nombres de botones y títulos de campo coinciden con la herramienta de arriba de la página, así que puedes seguir este artículo sobre la marcha. Si el resultado está vacío, primero comprueba que los campos obligatorios estén rellenos y que no haya un mensaje de error oculto. Este artículo es una guía; no significa que los datos de entrada se almacenen en un repositorio externo. En el móvil, el botón de copiar puede pedir permiso del portapapeles: concédelo y pulsa otra vez. Una entrada grande puede ralentizar el navegador, así que es mejor pegar solo el trozo necesario.
Relacionado: Generar JSON-LD · HTML → meta · Constructor UTM
Preguntas frecuentes
¿Hay un límite de caracteres en las etiquetas meta?
No se fuerza. Unas 120–160 caracteres se recomiendan para description.
¿Qué pasa si dejo los campos og vacíos?
og:title y og:description usan title y description tal cual.
¿Las etiquetas se almacenan en un servidor?
No. Se ensamblan solo en el navegador.
¿Qué significa twitter:card none?
No se emite meta de Twitter Card. Para cuando solo necesitas OG.
¿La description aparece tal cual en los resultados de búsqueda?
No necesariamente. Los buscadores a veces eligen otra frase del cuerpo.
¿og:image acepta una ruta relativa?
Se recomienda una URL absoluta. Las rutas relativas se rompen con facilidad en las tarjetas.
Última revisión: 2026-09-04