Generador de Meta Tags

Meta Tags Esenciales

TítuloEl título de tu página web (se muestra en la pestaña del navegador)

DescripciónUn resumen conciso del contenido de tu página (recomendado 150-160 caracteres)

Autor

Palabras claveSepara las palabras clave con comas

Viewport

Robots

Meta Tags de Open Graph

Título OGTítulo que aparece cuando se comparte en plataformas sociales

Descripción OGDescripción que aparece en compartidos de redes sociales

URL de Imagen OGImagen para mostrar cuando se comparte (tamaño recomendado: 1200×630px)

OG URL

Meta Tags de Twitter Card

Tipo de Twitter Card

Título para Twitter

Descripción para Twitter

URL de Imagen TwitterImagen para mostrar en tarjetas de Twitter

Meta Tags Generados

<!-- Basic Meta Tags -->
<title>Título de tu Página</title>
<meta name="description" content="Una breve descripción del contenido de tu página, alrededor de 160 caracteres para un SEO óptimo." />
<meta name="author" content="Tu Nombre" />
<meta name="keywords" content="seo, meta tags, html, optimización de sitios web" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Título de tu Página" />
<meta property="og:description" content="Una breve descripción para compartir en redes sociales." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título de tu Página" />
<meta name="twitter:description" content="Una breve descripción para compartir en Twitter." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

Cómo usar Generador de Meta Tags

1
Rellena lo esencial
Introduce el título de tu página, la descripción, las palabras clave, el autor y la directiva robots en la sección Metaetiquetas esenciales.
2
Añade etiquetas para compartir en redes
Completa los campos de Open Graph y Twitter Card, incluidos títulos, descripciones y URL de imágenes, para controlar cómo se ve la página al compartirla.
3
Revisa las etiquetas generadas
Observa cómo el marcado de las metaetiquetas se construye en vivo en el área de salida mientras escribes en cada campo.

4
Cópialas en tu <head>
Haz clic en Copiar metaetiquetas y pega el HTML generado en la sección head de tu página.

Preguntas frecuentes

¿Qué metaetiquetas crea este generador?

Construye las etiquetas SEO esenciales (título, descripción, palabras clave, autor, viewport y robots) junto con las etiquetas de Open Graph y Twitter Card, ofreciéndote un conjunto completo para buscadores y vistas previas en redes en un solo lugar.

¿Para qué sirven las etiquetas de Open Graph y Twitter Card?

Las etiquetas de Open Graph controlan el título, la descripción y la imagen que aparecen cuando tu página se comparte en plataformas como Facebook y LinkedIn, mientras que las de Twitter Card hacen lo mismo para Twitter, de modo que tus enlaces se vean pulidos en lugar de sosos.

¿Qué longitud deben tener mi título y mi descripción?

Apunta a un título conciso y a una descripción de aproximadamente 150 a 160 caracteres. Esa longitud ayuda a que los buscadores muestren el fragmento completo sin recortarlo en los resultados.

¿Qué tamaño de imagen debo usar para las etiquetas OG?

Una imagen de Open Graph recomendada es de 1200 por 630 píxeles, que se muestra con nitidez como una vista previa grande en la mayoría de las redes sociales. Tú proporcionas la URL de la imagen y la herramienta la inserta en el marcado.

¿Dónde coloco las etiquetas generadas?

Pégalas dentro de la sección <head> de tu HTML, idealmente cerca del principio. La generación ocurre íntegramente en tu navegador, y la herramienta es gratuita y no requiere registro.

Herramientas relacionadas

Sigue trabajando con estas prácticas herramientas

Generador de Robots.txt

Verificador de Cadenas de Redirección URL

Open Graph Previewer

Codificador/Decodificador de Entidades HTML

Visor de Cabeceras HTTP

Extractor de URLs de Sitemap