Generador de Etiquetas Meta

Q: ¿Qué son las etiquetas Open Graph y cómo funcionan?

Las etiquetas Open Graph (OG) son etiquetas meta desarrolladas por Facebook que controlan cómo aparece su página web cuando se comparte en redes sociales como Facebook, LinkedIn y Pinterest. Las etiquetas OG clave incluyen og:title, og:description, og:image, og:url y og:type. Cuando alguien comparte su URL, estas plataformas leen las etiquetas OG para generar una tarjeta de vista previa enriquecida con el título, descripción e imagen especificados.

Q: ¿Qué son las etiquetas Twitter Card?

Las etiquetas Twitter Card (ahora etiquetas X Card) son etiquetas meta que controlan cómo aparece su contenido cuando se comparte en X (anteriormente Twitter). Los tipos principales son summary (miniatura pequeña) y summary_large_image (imagen destacada grande). Las etiquetas clave incluyen twitter:card, twitter:title, twitter:description, twitter:image y twitter:site. Si no se configuran, X usará las etiquetas Open Graph por defecto.

Q: ¿Cuál es la longitud ideal para el título meta y la descripción?

Para SEO, la longitud recomendada del título meta es de 50-60 caracteres. La meta descripción debe tener entre 150-160 caracteres. Para Open Graph, los títulos deben tener entre 60-90 caracteres y las descripciones 100-200. Para Twitter Cards, lo ideal son títulos de 50-70 caracteres con descripciones de menos de 200 caracteres.

Q: ¿Necesito tanto etiquetas Open Graph como Twitter Card?

Aunque X (Twitter) recurrirá a las etiquetas Open Graph si no hay etiquetas Twitter Card presentes, la mejor práctica es incluir ambas. Las etiquetas Twitter Card permiten personalizar el tipo de tarjeta (summary vs summary_large_image) e incluir su @usuario, lo cual no es posible solo con OG. Tener ambas asegura una visualización óptima en todas las plataformas.

Q: ¿Qué tamaño de imagen debo usar para Open Graph y Twitter Cards?

Para las imágenes de Open Graph, el tamaño recomendado es de 1200 x 630 píxeles (relación 1.91:1). Para Twitter Cards con summary_large_image, use 1200 x 628 píxeles; para tarjetas summary, use 144 x 144 píxeles como mínimo. Las imágenes deben pesar menos de 5 MB. Usar una sola imagen de 1200 x 630 píxeles funciona bien para ambas plataformas.

Genera etiquetas meta SEO, etiquetas Open Graph y Twitter Card con vista previa en vivo para Google, Facebook y X (Twitter). Contadores de caracteres en tiempo real y copia con un solo clic.

Generador de Etiquetas Meta

⚡ Ejemplos rápidos — pruebe uno para ver todas las funciones:

Artículo de Blog Producto E-Commerce Sitio de Portafolio

Título de Página 0 / 60

Recomendado: 50-60 caracteres para los resultados de búsqueda de Google

Meta Descripción 0 / 160

Recomendado: 150-160 caracteres para una visualización óptima en los resultados de búsqueda

Palabras Clave 0 / 255

Palabras clave separadas por comas (impacto SEO limitado, pero usadas por algunos motores)

Robots

Charset

URL Canónica

La URL preferida para esta página (evita problemas de contenido duplicado)

Opcional

Autor

Idioma

Viewport

Controla el comportamiento receptivo en dispositivos móviles

ℹ Las etiquetas Open Graph controlan cómo aparece su página al ser compartida en Facebook, LinkedIn, Pinterest y otras redes sociales. Si se dejan vacías, usarán sus valores de SEO Básico.

og:title 0 / 90

og:description 0 / 200

og:image

Recomendado: 1200 x 630 píxeles, menos de 5 MB

og:url

og:type

og:site_name

og:locale

ℹ Las etiquetas Twitter Card controlan cómo aparece su página al ser compartida en X (Twitter). Si se dejan vacías, X usará sus etiquetas Open Graph.

Tipo de Tarjeta

summary_large_image es recomendado para la mayoría del contenido

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

Recomendado: 1200 x 628 píxeles para summary_large_image

twitter:site

Su @usuario de X

twitter:creator

@usuario del creador del contenido

👁 Vista Previa en Vivo

🌐 ejemplo.com

Título de su página

La descripción de su página aparecerá aquí. Escriba una descripción convincente para mejorar las tasas de clics desde los resultados de búsqueda.

⬚ Sin imagen — añada URL de og:image

ejemplo.com

Su Título Open Graph

Su descripción de Open Graph aparecerá aquí.

⬚ Sin imagen — añada URL de twitter:image

Su Título de Twitter Card

Su descripción de Twitter Card aparecerá aquí.

🔗 ejemplo.com

Embed Generador de Etiquetas Meta Widget

Generador de Etiquetas Meta

El Generador de Etiquetas Meta crea etiquetas meta optimizadas para SEO, etiquetas Open Graph y etiquetas Twitter Card para su sitio web con vista previa en vivo. Vea exactamente cómo aparecerá su página en los resultados de búsqueda de Google, publicaciones de Facebook y tarjetas de X (Twitter) antes de publicar. Los contadores de caracteres en tiempo real le ayudan a mantenerse dentro de los límites recomendados para una máxima visibilidad.

¿Qué son las etiquetas meta?

Las etiquetas meta son elementos HTML colocados en la sección <head> de su página web que proporcionan metadatos a los motores de búsqueda y plataformas de redes sociales. No aparecen en la página misma, pero influyen significativamente en cómo se descubre, indexa y muestra su página en la web.

Tipos de etiquetas meta que genera esta herramienta

Categoría	Etiqueta	Propósito
SEO	`<title>`	Título de la página mostrado en resultados y pestañas del navegador
SEO	`meta description`	Resumen mostrado bajo el título en los resultados de búsqueda
SEO	`meta keywords`	Palabras clave separadas por comas (impacto SEO limitado hoy)
SEO	`meta robots`	Controla el comportamiento de rastreo e indexación
SEO	`link canonical`	Especifica la URL preferida para evitar contenido duplicado
Social	`og:title`	Título mostrado al compartir en Facebook, LinkedIn, etc.
Social	`og:description`	Descripción mostrada en las tarjetas de redes sociales
Social	`og:image`	Imagen mostrada en las vistas previas de redes sociales
X/Twitter	`twitter:card`	Tipo de tarjeta: resumen o imagen destacada grande
X/Twitter	`twitter:site`	Su @usuario de X (Twitter)

Límites de caracteres recomendados

Título de Google

50–60

caracteres

Descripción Google

150–160

caracteres

Título OG

60–90

caracteres

Descripción OG

100–200

caracteres

Título Twitter

50–70

caracteres

Desc. Twitter

Menos de 200

caracteres

Consejo profesional: Escriba títulos y descripciones diferentes para SEO, Open Graph y Twitter Cards. Cada plataforma tiene límites de visualización y contextos distintos: un título de búsqueda debe ser rico en palabras clave, mientras que uno social debe ser atractivo y fácil de compartir.

Cómo usar este generador de etiquetas meta

Complete las etiquetas SEO básicas: Ingrese el título de su página (50-60 caracteres), meta descripción (150-160 caracteres), palabras clave, seleccione la directiva de robots, charset y URL canónica opcional.
Añada etiquetas Open Graph: Cambie a la pestaña Open Graph e ingrese el título OG, descripción, URL de imagen, URL de página y nombre del sitio para Facebook y LinkedIn.
Configure etiquetas Twitter Card: Cambie a la pestaña Twitter Card para establecer el tipo de tarjeta, título, descripción y su @usuario de X.
Previsualice sus etiquetas: Revise los paneles de vista previa en vivo para ver cómo aparecerá su página en Google, Facebook y X (Twitter).
Genere y copie: Haga clic en "Generar Etiquetas Meta" para ver el código HTML completo. Haga clic en "Copiar Código" y péguelo en la sección <head> de su página.

Mejores prácticas para imágenes Open Graph

Tamaño recomendado: 1200 x 630 píxeles (relación 1.91:1)
Tamaño mínimo: 200 x 200 píxeles (requerido por Facebook)
Tamaño de archivo: Menos de 5 MB para un mejor rendimiento
Formato: JPEG, PNG o WebP
Área de seguridad: Mantenga el texto/logos importantes dentro del 80% central de la imagen

Tipos de Twitter Card

summary: Tarjeta pequeña con miniatura cuadrada. Ideal para artículos y contenido general.
summary_large_image: Tarjeta grande con imagen prominente. Ideal para blogs, páginas de aterrizaje y contenido visual.

Nota: Si no configura etiquetas Twitter Card, X (Twitter) usará automáticamente sus etiquetas Open Graph. Sin embargo, configurar ambas le da control total sobre cada plataforma.

Preguntas Frecuentes

¿Qué son las etiquetas meta y por qué son importantes para el SEO?

Las etiquetas meta son elementos HTML colocados en la sección <head> que proporcionan metadatos a buscadores y redes sociales. Mejoran la tasa de clics y aseguran que su contenido se indexe y muestre correctamente.

¿Qué son las etiquetas Open Graph y cómo funcionan?

Son etiquetas desarrolladas por Facebook para controlar cómo aparece su sitio al ser compartido. Permiten generar tarjetas ricas con título, descripción e imagen específicos.

¿Qué son las etiquetas Twitter Card?

Son etiquetas que controlan la apariencia del contenido compartido en X. Permiten elegir entre miniaturas pequeñas o imágenes grandes destacadas.

¿Cuál es la longitud ideal para el título meta y la descripción?

Para SEO, el título debe tener 50-60 caracteres y la descripción 150-160. Otros límites aplican para redes sociales como se detalló anteriormente.

¿Necesito tanto etiquetas Open Graph como Twitter Card?

Es la mejor práctica incluirlas todas para tener un control total sobre cómo se ve su marca en cada red social específica.

¿Qué tamaño de imagen debo usar para Open Graph y Twitter Cards?

Se recomienda 1200 x 630 píxeles, lo cual funciona bien para la mayoría de las plataformas sociales actuales.

Recursos Adicionales

Cite este contenido, página o herramienta como:

"Generador de Etiquetas Meta" en https://MiniWebtool.com/es/generador-de-etiqueta-meta/ de MiniWebtool, https://MiniWebtool.com/

por el equipo de miniwebtool. Actualizado: 06 de febrero de 2026

Generador de Etiquetas Meta

Tu bloqueador de anuncios impide que mostremos anuncios

Generador de Etiquetas Meta

¿Qué son las etiquetas meta?

Tipos de etiquetas meta que genera esta herramienta

Límites de caracteres recomendados

Cómo usar este generador de etiquetas meta

Mejores prácticas para imágenes Open Graph

Tipos de Twitter Card

Preguntas Frecuentes

¿Qué son las etiquetas meta y por qué son importantes para el SEO?

¿Qué son las etiquetas Open Graph y cómo funcionan?

¿Qué son las etiquetas Twitter Card?

¿Cuál es la longitud ideal para el título meta y la descripción?

¿Necesito tanto etiquetas Open Graph como Twitter Card?

¿Qué tamaño de imagen debo usar para Open Graph y Twitter Cards?

Recursos Adicionales

Herramientas para administradores web:

Herramientas destacadas: