TecnoCrypter Logo

Meta Tags Generator

SEO, Open Graph & Twitter Cards with real-time preview

Plantillas Rápidas:
Configuración de Metadatos
Completa los campos principales para optimizar el SEO y compartición social
63/60 caracteres ⚠️ (Google puede truncar)
121/160 caracteres
Previsualización en Tiempo Real
Comprueba el impacto visual antes de publicar
🌐
tecnocrypter.comwebsite

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
Pega estas etiquetas dentro del bloque <head> de tu página

toolsContent.generador-meta-tags.seo.title

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).

How does it work?

  1. 1
    Escribe el título y descripción

    Introduce un título conciso y una descripción persuasiva que incluya tus palabras clave.

  2. 2
    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).

  3. 3
    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).

Frequently Asked Questions

¿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.