Herramienta Gratuita de Vista Previa Open Graph

Ve exactamente cómo aparecerán tus enlaces cuando se compartan en Facebook, Twitter/X, LinkedIn, Discord, Slack y WhatsApp. Ingresa tus meta tags y previsualiza todas las plataformas al instante.

Ingresa Tus Meta Tags

Ingresa tus tags OG manualmente abajo para previsualizar cómo se renderizan en cada plataforma. La obtención de URL requiere un proxy del lado del servidor debido a restricciones CORS del navegador.

0/60 caracteres
0/160 caracteres

Recomendado: 1200x630px (relación 1.91:1) para mejores resultados en todas las plataformas.

Vistas Previas en Redes Sociales

Completa los campos a la izquierda para ver vistas previas en vivo de cómo aparecerá tu enlace en cada plataforma.

¿Qué es una OG Image?

Una OG image (Open Graph image) es la imagen que aparece cuando compartes una URL en Facebook, Twitter, LinkedIn, WhatsApp y otras plataformas sociales. Sin una OG image, las plataformas de redes sociales muestran una imagen genérica o ninguna imagen, lo que resulta en publicaciones poco atractivas que obtienen muchos menos clics.

La meta etiqueta og:image le dice a las redes sociales qué imagen mostrar. El tamaño recomendado es 1200x630 píxeles. Nuestra herramienta de vista previa te muestra exactamente cómo se ve tu URL al compartirla en diferentes plataformas.

6 Consejos para OG Images Perfectas

1

Usa Imágenes de 1200x630px

La relación de aspecto 1.91:1 (1200x630px) funciona en todas las plataformas principales. Facebook, LinkedIn y Twitter todas recortan a esta relación para tarjetas de vista previa grandes.

2

Mantén los Títulos Bajo 60 Caracteres

Facebook trunca títulos alrededor de 60-65 caracteres. Twitter es similar. Escribe títulos concisos y convincentes que transmitan valor dentro de este límite.

3

Descripciones: Máximo 155 Caracteres

La mayoría de plataformas truncan descripciones entre 155-200 caracteres. Escribe la información más importante primero.

4

Siempre Incluye og:image

Los enlaces sin imágenes reciben significativamente menos clics. Las publicaciones con imágenes de vista previa ven 2-3x más interacción en promedio.

5

Prueba en Cada Plataforma

Cada plataforma renderiza vistas previas de manera diferente. Facebook usa tarjetas horizontales grandes, Twitter soporta tarjetas de resumen e imagen grande.

6

Usa URLs Absolutas para Imágenes

Los rastreadores de redes sociales no pueden resolver rutas de imagen relativas. Siempre usa URLs absolutas completas (https://...) para og:image.

Vista Previa OG de Kleap vs Otras Herramientas

CaracterísticaKleapMetatags.ioOpenGraph.xyzFacebook Debugger
PrecioGratisGratis (limitado)Gratis (limitado)Gratis
Plataformas Previsualizadas6 plataformas4 plataformas3 plataformasSolo Facebook
Entrada Manual de TagsSíSíNo (solo URL)No (solo URL)
Copiar Meta TagsSíSíNoNo
Advertencias de CaracteresSíNoNoNo
Sin RegistroSíSíSíLogin de Facebook

Preguntas Frecuentes

¿Qué tamaño deben tener las OG images?+
El tamaño óptimo de OG image es 1200x630 píxeles con una relación de aspecto de 1.91:1. Twitter muestra imágenes en una relación de 2:1, por lo que algunos recortes pueden ocurrir en los bordes. Mantén los elementos importantes en el centro.
¿Cómo agrego una OG image a mi sitio web?+
Agrega estas meta etiquetas en la sección <head> de tu HTML: <meta property="og:image" content="https://tudominio.com/og-image.jpg"> y <meta name="twitter:image" content="https://tudominio.com/og-image.jpg">. Los sitios de Kleap generan automáticamente las meta etiquetas OG correctas.
¿Por qué no aparece mi OG image al compartir?+
Las plataformas de redes sociales almacenan en caché las OG images. Si cambias la imagen, usa la herramienta de depuración de Open Graph de Facebook o el validador de tarjetas de Twitter para forzar una actualización del caché. También verifica que las meta etiquetas sean correctas y que la imagen sea accesible públicamente.
¿La OG image afecta al SEO?+
Las OG images no afectan directamente al SEO de Google, pero afectan el CTR social, que puede influir indirectamente en el SEO al aumentar el tráfico y el engagement. Las páginas con buenas OG images obtienen más compartidos sociales, lo que puede generar backlinks.
¿Cuál es la diferencia entre og:image y twitter:image?+
og:image es la etiqueta estándar Open Graph usada por Facebook, LinkedIn, Discord, Slack, WhatsApp y la mayoría de plataformas. twitter:image es específica de Twitter/X. Si twitter:image no está configurada, Twitter usa og:image como respaldo.
¿Necesito tanto tags OG como de Twitter?+
Siempre necesitas tags OG ya que la mayoría de plataformas las usan. Las tags específicas de Twitter son opcionales — Twitter usa tags OG como respaldo. Sin embargo, twitter:card es recomendada para controlar el formato de vista previa.
¿Por qué esta herramienta no puede obtener tags OG de una URL?+
Las políticas de seguridad del navegador (CORS) previenen que JavaScript del lado del cliente obtenga contenido de otros sitios web. Esta herramienta se enfoca en entrada manual para funcionar 100% en tu navegador.
¿Qué es og:type y qué valores debo usar?+
og:type le dice a las plataformas qué tipo de contenido contiene tu página. Valores comunes son: "website" (página de inicio), "article" (publicaciones de blog), "profile" (páginas personales) y "product" (artículos de e-commerce).
¿Cómo afectan las tags OG al SEO y las tasas de clics?+
Las tags OG no afectan directamente el posicionamiento en Google, pero impactan significativamente las tasas de clics desde redes sociales. Las publicaciones con tags OG optimizadas pueden ver 2-3x más interacción.
¿Puedo usar títulos diferentes para Google y redes sociales?+
Sí. La etiqueta HTML <title> es lo que Google muestra en resultados de búsqueda, mientras que og:title es lo que las plataformas sociales muestran en vistas previas de enlaces. Puedes optimizar cada una para su contexto.

¿Quieres que tu Sitio se Vea Perfecto al Compartir?

Construye un sitio web con Kleap que incluya automáticamente las meta etiquetas OG correctas para todas las páginas.

Construir Sitio con IA

Related Free Tools

Image Compressor

Meta Tags Generator

Social Media Post Generator

Favicon Generator

Herramienta Gratuita de Vista Previa Open Graph | Vista Previa de Enlaces en Redes Sociales 2026