Generador de Meta Tags

Genera meta tags SEO y etiquetas para compartir en redes sociales

Información Básica

Título de Página

Título mostrado en resultados de búsqueda (50-60 caracteres recomendados)

0/60

Descripción de Página

Descripción mostrada en resultados (límite de 150 caracteres)

0/150

Longitud de la meta descripción

Elige un ajuste predefinido o introduce un valor personalizado entre 50-300. La selección se guarda en una cookie.

URL de Página

https://example.com/page

Palabras Clave

Separadas por comas

Autor

author

URL Canonical

https://example.com/canonical

Open Graph

Título OG

Dejar vacío para usar título predeterminado

Descripción OG

Dejar vacío para usar descripción predeterminada

URL de Imagen OG

Recomendado: 1200x630px

Tipo de Contenido

Select...

Idioma/Región

Select...

Nombre del Sitio

ogSiteName

Twitter Card

Tipo de Tarjeta

Select...

Cuenta del Sitio

Incluir @ (ej: @username)

Cuenta del Creador

Incluir @ (ej: @username)

Configuración Avanzada

Configuración de Robots

Select...

Vista Previa

https://example.com

Page Title

Page description will appear here...

Código

<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

Consejos de Optimización

Mantén los títulos dentro de 50-60 caracteres

Escribe la descripción según el límite seleccionado, con el contenido clave primero

Usa 1200x630px para imágenes OG

Usa meta tags únicos para cada página

¿Qué es el generador de metatags?

Herramienta para generar fácilmente metatags SEO, etiquetas Open Graph (OG) y tarjetas de Twitter para páginas web. Obtenga vista previa en tiempo real en resultados de búsqueda de Google, Facebook, LinkedIn, Discord y más plataformas. Genere automáticamente código HTML y Next.js/Nuxt.js para aplicar directamente a su proyecto.

Generación de metaetiquetas SEO básicas: title, description, keywords y canonical
Optimización para redes sociales mediante etiquetas Open Graph como og:title y og:image
Generación de metaetiquetas Twitter Card para summary y large image
Vista previa en tiempo real para Google, Facebook, LinkedIn y Discord
Salida automática en formatos de código HTML, Next.js y Nuxt.js
Control de la indexación de los buscadores mediante la metaetiqueta robots

Cómo usar

1
Introduzca la información básica
Introduzca la información SEO básica, como el título, la descripción, la URL y las palabras clave. La herramienta indica la longitud recomendada.
2
Configure Open Graph y Twitter
Introduzca la configuración para compartir en redes sociales, como la URL de la imagen OG, el tipo de contenido y el formato de Twitter Card.
3
Revise la vista previa
Compruebe en tiempo real cómo se mostrará la página en Google, Facebook, LinkedIn y Discord.
4
Copie el código
Seleccione la pestaña de código HTML, Next.js o Nuxt.js y pulse Copiar todo para copiar las metaetiquetas generadas.

Preguntas frecuentes

Open Graph es un protocolo creado por Facebook que permite mostrar con un formato estándar el título, la descripción y la imagen de una página cuando se comparte en redes sociales. Es compatible con la mayoría de las plataformas, como Facebook, LinkedIn, Discord y KakaoTalk.

Se recomienda que las imágenes Open Graph midan 1200x630px. Este tamaño se muestra sin recortes en la mayoría de las plataformas, como Facebook y LinkedIn. También se recomienda que el archivo no supere los 5MB.

Cuando un mismo contenido está disponible en varias URL, la URL canónica indica a los buscadores cuál es la original. Así evita problemas de contenido duplicado y concentra la autoridad SEO.

noindex impide que los buscadores muestren la página en los resultados, mientras que nofollow les indica que no sigan sus enlaces. Ambas opciones pueden configurarse de forma independiente.

summary muestra el título y la descripción junto a una miniatura pequeña, mientras que summary_large_image da protagonismo a una imagen grande. Se recomienda summary_large_image para páginas donde el contenido visual sea importante.

Consejos útiles

Mantenga el título entre 50 y 60 caracteres y la descripción entre 150 y 160 para evitar que se corten en los resultados
Configure metaetiquetas únicas para cada página a fin de maximizar la optimización para buscadores
Si la imagen OG contiene texto, colóquelo en el centro para evitar que se recorte
Compruebe en Google Search Console cómo se muestran realmente los resultados para evaluar las metaetiquetas
En proyectos Next.js, use Metadata API para gestionar las metaetiquetas con mayor eficiencia

<meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta property="og:locale" content="ko_KR">  <meta name="twitter:card" content="summary_large_image">

¿Qué es el generador de metatags?

Generación de metaetiquetas SEO básicas: title, description, keywords y canonical

Optimización para redes sociales mediante etiquetas Open Graph como og:title y og:image

Generación de metaetiquetas Twitter Card para summary y large image

Vista previa en tiempo real para Google, Facebook, LinkedIn y Discord

Salida automática en formatos de código HTML, Next.js y Nuxt.js

Control de la indexación de los buscadores mediante la metaetiqueta robots

Cómo usar

Introduzca la información básica

Introduzca la información SEO básica, como el título, la descripción, la URL y las palabras clave. La herramienta indica la longitud recomendada.

Configure Open Graph y Twitter

Introduzca la configuración para compartir en redes sociales, como la URL de la imagen OG, el tipo de contenido y el formato de Twitter Card.

Revise la vista previa

Compruebe en tiempo real cómo se mostrará la página en Google, Facebook, LinkedIn y Discord.

Copie el código

Seleccione la pestaña de código HTML, Next.js o Nuxt.js y pulse Copiar todo para copiar las metaetiquetas generadas.

Preguntas frecuentes

Cuando un mismo contenido está disponible en varias URL, la URL canónica indica a los buscadores cuál es la original. Así evita problemas de contenido duplicado y concentra la autoridad SEO.

noindex impide que los buscadores muestren la página en los resultados, mientras que nofollow les indica que no sigan sus enlaces. Ambas opciones pueden configurarse de forma independiente.

Consejos útiles

Mantenga el título entre 50 y 60 caracteres y la descripción entre 150 y 160 para evitar que se corten en los resultados

Configure metaetiquetas únicas para cada página a fin de maximizar la optimización para buscadores

Si la imagen OG contiene texto, colóquelo en el centro para evitar que se recorte

Compruebe en Google Search Console cómo se muestran realmente los resultados para evaluar las metaetiquetas

En proyectos Next.js, use Metadata API para gestionar las metaetiquetas con mayor eficiencia