Generador gratuito de etiquetas Open Graph y vista previa
Genera etiquetas meta Open Graph y Twitter Card correctas para cualquier URL. Previsualiza cómo aparecerá tu página al compartirla en redes sociales.
Define your page details to visualize how your link will unfurl on social media.
¿Qué es el protocolo Open Graph?
El protocolo Open Graph (OG) fue creado por Facebook en 2010 para estandarizar cómo se representan las páginas web cuando se comparten en las redes sociales. Cuando pega una URL en Facebook, LinkedIn, Twitter, Slack o cualquier otra plataforma, esas aplicaciones buscan metaetiquetas og: en el <head> HTML de la página para decidir qué título, descripción e imagen mostrar en la tarjeta de vista previa del enlace.
Sin etiquetas OG, las plataformas sociales tienen que adivinar y, a menudo, eligen la imagen equivocada (un logotipo, un píxel publicitario, un ícono pequeño) o obtienen una descripción truncada e irrelevante. Una imagen OG bien diseñada puede aumentar las tasas de clics 3 veces o más en comparación con enlaces con vistas previas faltantes o rotas.
Las cinco etiquetas principales de Open Graph
- og:title: El título de su página tal como debería aparecer en la vista previa del enlace. Generalmente es la misma o una variación de la etiqueta
<title>de su página. Apunte a tener entre 40 y 60 caracteres. - og:description: una descripción de 1 a 2 oraciones del contenido de la página. Apunte a entre 50 y 160 caracteres. Escríbalo como un resumen convincente, no como un volcado de palabras clave.
- og:image: La URL de la imagen para la tarjeta de vista previa. Tamaño recomendado: 1200 × 630 píxeles con una relación de aspecto de 1,91:1. Debe ser una URL absoluta (no una ruta relativa). Utilice una imagen visualmente clara y de alto contraste; evite texto pequeño en la imagen.
- og:url: La URL canónica de la página. Ayuda a las plataformas sociales a eliminar entradas de caché duplicadas y garantiza que el recuento de recursos compartidos se atribuya a la URL correcta.
- og:type: El tipo de contenido:
sitio webpara páginas generales,articlepara publicaciones de blog,productpara artículos de comercio electrónico,profilepara perfiles de usuario.
Etiquetas de tarjetas de Twitter
Twitter (X) utiliza sus propias metaetiquetas twitter: además de las etiquetas OG o en lugar de ellas. El más importante es twitter:card, que controla el estilo de la tarjeta. summary_large_image muestra una imagen grande encima del texto del tweet; este formato funciona constantemente mejor que la tarjeta summary predeterminada. Esta herramienta genera etiquetas OG y Twitter juntas, alineadas correctamente.
Cómo probar tus etiquetas OG
Después de publicar tu página con etiquetas OG, pruébala con herramientas de depuración específicas de la plataforma. También asegúrese de utilizar nuestro Generador de enlaces para compartir en redes sociales para crear botones personalizados para compartir que dirijan a los usuarios a compartir su página:
- Facebook: Meta Sharing Debugger: también te permite forzar la actualización de tu caché.
- Twitter/X: Twitter Card Validador
- LinkedIn: Inspector de publicaciones de LinkedIn
Preguntas frecuentes
¿Por qué se muestra la imagen incorrecta cuando comparto mi enlace?
Las plataformas sociales almacenan en caché en gran medida los datos de OG. Incluso después de agregar etiquetas OG correctas, las vistas previas antiguas pueden persistir durante días. Utilice las herramientas de depuración de uso compartido de la plataforma (Facebook Sharing Debugger, LinkedIn Post Inspector) con su opción "Forzar actualización" para borrar los datos almacenados en caché y volver a rastrear su página inmediatamente.
¿Las etiquetas OG afectan mi clasificación SEO de Google?
No directamente. Google no utiliza etiquetas OG como señal de clasificación. Sin embargo, tienen un impacto indirecto en el SEO a través de las tasas de clics: los enlaces con imágenes y títulos atractivos obtienen más clics cuando se comparten en las redes sociales, lo que genera tráfico de referencia. Un CTR más alto en los resultados de la Búsqueda de Google también es una señal de clasificación positiva.
¿Qué tamaño debe tener mi imagen original?
El tamaño recomendado es 1200 × 630 píxeles (relación de aspecto de 1,91:1). Facebook, Twitter y LinkedIn admiten este tamaño correctamente. Mínimo: 600 × 315 px. El archivo de imagen debe tener menos de 8 MB para Facebook. Utilice JPG para fotografías y PNG para imágenes con texto o gráficos.
Herramientas de desarrollador entregadas gratis
Guías de deep links, consejos de Open Graph y nuevas herramientas dev - directo a tu bandeja.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Código de barras (1D)
Genere, obtenga una vista previa y descargue códigos de barras 1D (Code128, EAN-13, UPC, etc.) instantáneamente en su navegador.
Rastreador de dominios cruzados GA4
Genere fragmentos de código de seguimiento entre dominios de Google Analytics 4 (GA4) para mantener las sesiones de los usuarios en varios sitios web.
Enlace profundo de la aplicación inteligente
Genere secuencias de comandos de enrutamiento inteligentes que detecten el sistema operativo del usuario y redireccionen a aplicaciones móviles nativas que recurran a URL web.
Enlace HTML
Genere etiquetas de anclaje HTML limpias y perfectamente formateadas con atributos rel, target, class e ID personalizados.
Creador de enlaces de afiliados de Amazon
Limpie las URL de Amazon desordenadas y genere enlaces de asociado perfectos utilizando su etiqueta de afiliado.
Caducidad del enlace y fragmento de cuenta regresiva
Genere un fragmento de Javascript para caducar automáticamente un enlace y redirigir el tráfico después de una fecha y hora específicas.