Web y marketing

Generador de Meta Tags

Genera meta etiquetas de SEO, Open Graph y Twitter Card para tu página de una vez. Vista previa en vivo, listas para pegar en tu <head>.

Título de la página

0/60

Nombre del sitio

Descripción

0/160

URL canónica

URL de la imagen (og:image)

og:type

website article video.movie

twitter:card

summary summary_large_image app player

Usuario de Twitter

Meta tags generadas

Qué hacen las meta tags

Las meta tags se ubican en el <head> de tu HTML y le dicen a buscadores y plataformas sociales cómo titular, describir e ilustrar tu página cuando aparece fuera de tu sitio. El title básico y la meta description controlan el snippet en Google. Las etiquetas Open Graph (la familia og:*) controlan las tarjetas de previsualización en Facebook, LinkedIn, WhatsApp, Slack, Discord y la mayoría de las plataformas — todas leen OG por defecto. Las etiquetas de Twitter Card hacen lo mismo en X/Twitter. Sin ellas, la plataforma escoge lo que pueda raspar, que rara vez es lo que quieres.

Cómo usar el generador

Rellena los campos — título, descripción, URL canónica de la página, URL absoluta para la imagen. Elige un og:type (usa article para entradas de blog y website para todo lo demás) y un tipo de Twitter card (summary_large_image es el mejor valor por defecto para contenido con imagen destacada). La caja de salida se actualiza al escribir y muestra las etiquetas exactas para pegar entre tus <head>. Pulsa Copiar cuando estés listo y pega en tu plantilla o CMS.

Valida después de publicar

No confíes solo en esta previsualización — cada plataforma guarda su propia versión cacheada de los datos. Tras publicar, pasa la URL por el Facebook Sharing Debugger (developers.facebook.com/tools/debug), el Twitter / X Card Validator y el LinkedIn Post Inspector. Estas herramientas piden la página en vivo, te muestran lo que han parseado y permiten forzar un refresco de la caché. Valida siempre que cambies la imagen OG — las cachés pueden retener la antigua durante días.

Preguntas frecuentes

¿Cuánto deben medir el título y la descripción?

Apunta a menos de 60 caracteres en el título y 150–160 en la descripción. Google trunca con puntos suspensivos lo que pase de ahí. Las redes son aún más estrictas — Twitter muestra unos 70 caracteres del título en la tarjeta. Los contadores se ponen rojos cuando te pasas.

¿Qué tamaño debe tener la og:image?

1200×630 es el ideal — encaja en Facebook, LinkedIn, Slack y la tarjeta summary_large_image de Twitter sin recortes raros. Mantenla por debajo de unos 5 MB y prefiere JPG o PNG. Coloca el contenido más importante (logo, titular) en los dos tercios centrales, porque algunas plataformas recortan los bordes.

¿Sigo necesitando meta description para SEO?

Sí — Google a menudo la reescribe desde el cuerpo cuando la tuya no encaja con la consulta, pero una descripción clara y bien escrita gana clics más veces que pierde, y aparece literal en los compartidos sociales. Trátala como copy de anuncio: empieza por el valor, evita atiborrarla de palabras clave.

¿Puedo omitir las tags de Twitter si tengo Open Graph?

X/Twitter recurre a Open Graph para la mayoría de los campos, así que una sola etiqueta twitter:card más tu marcado OG suele bastar. Añadir twitter:title, twitter:description y twitter:image explícitas solo importa si quieres una versión distinta del contenido en Twitter respecto al resto.

¿Qué diferencia hay entre los valores de og:type?

Usa article para entradas de blog y noticias; permite que Open Graph lleve metadatos de autor, sección y hora de publicación. Usa website para landings, páginas de producto y marketing — el valor por defecto. video.movie, video.episode, book, profile y similares existen para integraciones más ricas en plataformas que las admiten, pero a la mayor parte de la web social solo le importa la diferencia entre article y website.

¿Por qué mi vista previa sale mal en WhatsApp/Slack?

Casi siempre es caché. La primera vez que se comparte una URL, la plataforma descarga y cachea los datos OG; los siguientes compartidos muestran la versión antigua aunque hayas corregido la página. Vuelve a compartir la URL desde el debugger de Facebook, que fuerza una actualización que se propaga a Messenger, WhatsApp e Instagram. En Slack, edita el enlace añadiendo ?v=2 para invalidar su caché.

Generador de Meta Tags