G?n?rateur de Balises M?ta

SEO, Open Graph et Twitter Cards avec aper?u en direct

Plantillas Rápidas:

Configuración de Metadatos

Completa los campos principales para optimizar el SEO y compartición social

Título de la Página (Meta Title)63/60 caracteres ⚠️ (Google puede truncar)

Descripción (Meta Description)121/160 caracteres

URL Canónica

Nombre del Sitio

URL de Imagen Social (og:image - 1200x630 recomendado)

Tipo de Open Graph

Tarjeta Twitter / X

Usuario Twitter / X

Indexar (index)Seguir enlaces (follow)

Previsualización en Tiempo Real

Comprueba el impacto visual antes de publicar

🌐

tecnocrypter.com› website

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

<!-- Metadatos SEO Básicos -->
<title>TecnoCrypter | Ciberseguridad, Privacidad y Herramientas Online</title>
<meta name="title" content="TecnoCrypter | Ciberseguridad, Privacidad y Herramientas Online" />
<meta name="description" content="Plataforma líder en ciberseguridad, auditoría de privacidad y herramientas para desarrolladores 100% seguras y gratuitas." />
<meta name="keywords" content="ciberseguridad, privacidad, herramientas online, cifrado, desarrollo" />
<meta name="author" content="Equipo TecnoCrypter" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://tecnocrypter.com" />

<!-- Open Graph / Facebook / LinkedIn / WhatsApp -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tecnocrypter.com" />
<meta property="og:title" content="TecnoCrypter | Ciberseguridad, Privacidad y Herramientas Online" />
<meta property="og:description" content="Plataforma líder en ciberseguridad, auditoría de privacidad y herramientas para desarrolladores 100% seguras y gratuitas." />
<meta property="og:image" content="https://tecnocrypter.com/seo/og-image.png" />
<meta property="og:site_name" content="TecnoCrypter" />

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://tecnocrypter.com" />
<meta name="twitter:title" content="TecnoCrypter | Ciberseguridad, Privacidad y Herramientas Online" />
<meta name="twitter:description" content="Plataforma líder en ciberseguridad, auditoría de privacidad y herramientas para desarrolladores 100% seguras y gratuitas." />
<meta name="twitter:image" content="https://tecnocrypter.com/seo/og-image.png" />
<meta name="twitter:site" content="@TecnoCrypter" />
<meta name="twitter:creator" content="@TecnoCrypter" />

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

Comment ça marche?

1
Escribe el título y descripción
Introduce un título conciso y una descripción persuasiva que incluya tus palabras clave.
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
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).

Questions Fréquentes

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

Outils Connexes

Contador de Caracteres Conversor Markdown Generador de QR Minificador CSS/JS