Generador de Meta Tags
UtilidadesSEO, Open Graph y Twitter Cards con vista previa
- Se ejecuta en tu navegador
- No se envía nada a un servidor
- Sin registro
Plantillas rápidas
Configuración de metadatos
Previsualización en tiempo real
TecnoCrypter | Ciberseguridad, Privacidad y Herramientas Online
Plataforma líder en ciberseguridad, auditoría de privacidad y herramientas para desarrolladores 100% seguras y gratuitas.
Código HTML generado
Generador de Meta Tags, Open Graph y Twitter Cards Online
Optimiza el posicionamiento orgánico (SEO) y la apariencia de tu sitio web cuando es compartido en redes sociales como WhatsApp, Twitter/X, Facebook y LinkedIn. Genera automáticamente todas las etiquetas de metadatos requeridas por los motores de búsqueda y rastreadores de contenido.
Nuestra herramienta proporciona previsualización visual instantánea, permitiéndote comprobar cómo se mostrarán el título, la descripción y la imagen destacada en los resultados de Google (SERP) y en las tarjetas sociales.
Evita errores comunes de truncamiento gracias a los contadores de caracteres inteligentes para títulos (máximo recomendado 60 caracteres) y descripciones (máximo recomendado 160 caracteres).
¿Cómo funciona?
- Escribe el título y descripción
Introduce un título conciso y una descripción persuasiva que incluya tus palabras clave.
- Añade la URL y la imagen social
Configura la URL canónica y el enlace a la imagen destacada con ratio 1.91:1 (1200x630 px).
- Verifica en las pestañas y copia el código
Revisa las vistas previas de Google, Twitter, Facebook y WhatsApp, y copia las etiquetas directamente en tu HTML o framework (Next.js, Astro, WordPress).
Preguntas Frecuentes
¿Por qué son importantes las etiquetas Open Graph?
Las etiquetas Open Graph (og:) permiten a plataformas como WhatsApp, Facebook y LinkedIn generar una tarjeta con imagen, título y resumen enriquecido, multiplicando la tasa de clics (CTR) frente a un enlace plano.
¿Cuál es el tamaño recomendado para la imagen og:image?
La resolución ideal estándar es de 1200 x 630 píxeles con un ratio de aspecto de 1.91:1, asegurando nitidez sin ser recortada en móviles.
¿Dónde debo pegar estas etiquetas en mi proyecto?
Debes insertarlas dentro de la etiqueta <head>...</head> del HTML de tu página, o pasarlas a través del objeto Metadata en frameworks modernos como Next.js.