Generador de meta tags para SEO y redes sociales
El generador de meta tags arma el bloque completo de etiquetas HTML <meta> que tu página necesita para los buscadores y las plataformas sociales. Escribe el título y la descripción una sola vez, y la herramienta genera por ti las etiquetas de SEO, Open Graph y Twitter Card. Está pensado para quien quiere un <head> limpio y correcto sin memorizar la sintaxis de cada etiqueta.
Trabajas en tres pestañas — SEO básico, Open Graph y Twitter Card — mientras una vista previa en vivo muestra cómo se verá la página en Google, Facebook y X (Twitter). Cuando el código se vea bien, un clic copia el HTML generado para que lo pegues directamente en tu página.
Cómo usar el generador de meta tags
Completa el SEO básico
En la pestaña SEO básico, ingresa tu Título de la página (apunta a 50–60 caracteres) y tu Meta descripción (apunta a 150–160 caracteres). Agrega palabras clave, autor, URL canónica y directivas de robots si las necesitas.
Personaliza Open Graph
Cambia a la pestaña Open Graph para controlar cómo se ve la página en Facebook, LinkedIn y plataformas similares. Elige un tipo de contenido, agrega una URL de imagen (1200 x 630 px) y define el nombre del sitio y el idioma. Los campos vacíos usan tus valores del SEO básico.
Personaliza Twitter Card
En la pestaña Twitter Card, elige un diseño summary o summary_large_image y agrega los nombres de usuario del sitio y del creador. Estos campos heredan primero de Open Graph y luego del SEO básico.
Previsualiza y copia
Revisa la vista previa en vivo en Google, Facebook y X. Cuando se vea bien, haz clic en Copiar código y pega las etiquetas generadas dentro de la sección <head> de tu página.
Funciones
Meta tags de SEO básico
Genera las etiquetas de título, descripción, palabras clave, autor, robots y enlace canónico para los buscadores.
Etiquetas Open Graph
Crea og:type, título, descripción, URL, imagen, texto alternativo, nombre del sitio e idioma para Facebook y LinkedIn.
Etiquetas de Twitter Card
Genera las etiquetas de tipo de tarjeta, título, descripción, imagen, sitio y creador para lo que compartes en X (Twitter).
Valores heredados inteligentes
Los campos de Open Graph heredan del SEO básico y los de Twitter heredan de Open Graph, así solo sobrescribes cuando necesitas un texto distinto.
Vista previa en vivo multiplataforma
Mira tu página como un resultado del SERP de Google, una tarjeta de Facebook y una tarjeta de X (Twitter) antes de publicar.
Cambio de diseño de tarjeta
Alterna la tarjeta de Twitter entre summary y summary_large_image y mira cómo se actualiza la vista previa al instante.
Validación del conteo de caracteres
Contadores con código de color para título y descripción: verde dentro del rango, amarillo cerca del límite, rojo por encima.
Directivas de robots
Define index/noindex y follow/nofollow; la etiqueta de robots se omite cuando ambos quedan en el valor por defecto index, follow.
Código limpio de salida
HTML con resaltado de sintaxis que incluye solo las etiquetas que completaste: sin etiquetas vacías ni innecesarias.
Copia y restablece con un clic
Copia el código completo al portapapeles con un solo clic, o restablece todos los campos para empezar de nuevo.
Preguntas frecuentes
¿Qué es una meta tag?
Una meta tag es un fragmento de HTML que da a los buscadores y a las plataformas sociales información sobre una página. Las meta tags no aparecen en la página en sí, pero determinan cómo se muestra tu contenido en los resultados de búsqueda y cuando se comparte en redes sociales.
¿Cómo creo meta tags para mi sitio web?
Completa el título y la descripción en la pestaña SEO básico y luego, si quieres, ajusta las pestañas de Open Graph y Twitter Card. Este generador escribe el HTML por ti. Haz clic en Copiar código y pega las etiquetas dentro de la sección <head> de tu página, antes de la etiqueta de cierre </head>. En un CMS como WordPress, usa un plugin de SEO o la sección de encabezado personalizado de tu tema.
¿Qué longitud deben tener el título y la meta descripción?
Apunta a 50–60 caracteres para el título y a 150–160 caracteres para la descripción, así no se recortan en los resultados de búsqueda. El contador de caracteres se pone amarillo a medida que te acercas al límite y rojo cuando lo superas.
¿Qué diferencia hay entre las etiquetas Open Graph y Twitter Card?
Las etiquetas Open Graph controlan cómo se ve una página al compartirla en Facebook, LinkedIn y plataformas similares. Las etiquetas de Twitter Card hacen lo mismo para X (Twitter). X puede recurrir a las etiquetas Open Graph, así que solo con OG ya cubres lo básico al compartir, pero las etiquetas de Twitter Card te dan un control extra, incluida la opción de elegir entre una tarjeta summary y una de imagen grande.
¿Cuál es el tamaño recomendado de la imagen Open Graph?
Usa 1200 x 630 píxeles (una relación de aspecto de 1.91:1). Este tamaño se ve bien en Facebook, LinkedIn, X y otras plataformas. Elige una imagen clara y de buena calidad que represente tu contenido.
¿Qué diferencia hay entre las tarjetas summary y summary_large_image?
Una tarjeta summary muestra una miniatura cuadrada pequeña junto al texto. Una tarjeta summary_large_image muestra una imagen grande sobre el texto, que ocupa más espacio en la línea de tiempo. Cambia entre ellas en la pestaña Twitter Card y la vista previa se actualiza de inmediato.
¿Las meta tags ayudan al SEO?
Sí: un buen título y una buena descripción pueden mejorar tu tasa de clics desde los resultados de búsqueda, y las etiquetas Open Graph y Twitter Card hacen que los enlaces compartidos se vean más atractivos. Ten en cuenta que Google ya no usa la meta tag de palabras clave para el posicionamiento; es opcional y de baja prioridad, aunque algunos otros buscadores y herramientas de búsqueda interna del sitio todavía la pueden tener en cuenta.
Aún no hay comentarios. ¡Sé el primero en comentar!