1. Ingresa URL: Pega el enlace que deseas inspeccionar.
2. Analiza: Ve todas las metaetiquetas, datos de Open Graph e información de Twitter Card.
3. Vista previa: Visualiza cómo aparece en diferentes plataformas.
4. Corrige problemas: Obtén recomendaciones específicas para etiquetas faltantes o rotas.
5. Valida: Vuelve a verificar después de hacer cambios en tu página.

Por qué importan las vistas previas de enlaces

• Mayor CTR: Las vistas previas enriquecidas con imágenes obtienen 2-3x más clics que enlaces simples.
• Apariencia profesional: Las vistas previas adecuadas generan confianza y credibilidad.
• Control de marca: Elige exactamente qué imagen, título y descripción aparecen.
• Optimización de plataforma: Diferentes redes usan diferentes metaetiquetas.
• Depuración rápida: Encuentra y corrige problemas de vista previa antes de que dañen la participación.

Qué se inspecciona

Open Graph (Facebook, LinkedIn)

• og:title — Título que aparece en la vista previa
• og:description — Fragmento de texto debajo del título
• og:image — Imagen de vista previa (recomendado: 1200×630px)
• og:url — URL canónica de la página
• og:type — Tipo de contenido (website, article, video, etc.)
• og:site_name — Nombre de tu sitio web o marca

Twitter Cards

• twitter:card — Tipo de tarjeta (summary, summary_large_image, player)
• twitter:title — Título para Twitter (puede diferir de OG)
• twitter:description — Descripción para Twitter
• twitter:image — Imagen para Twitter (recomendado: 1200×675px)
• twitter:site — Tu handle de Twitter (@username)
• twitter:creator — Handle de Twitter del autor

Problemas comunes detectados

Imagen faltante: No se encontró etiqueta og:image o twitter:image.

• Impacto: El enlace se muestra solo como texto, mucha menor participación
• Solución: Agrega etiquetas de imagen adecuadas con URLs absolutas

Imagen demasiado pequeña: Dimensiones de imagen por debajo de los mínimos de plataforma.

• Impacto: Vistas previas borrosas o rechazadas
• Solución: Usa al menos 1200×630px para mejores resultados

Descripción faltante: No hay og:description o usa texto genérico.

• Impacto: Vista previa menos atractiva, menor CTR
• Solución: Escribe descripciones atractivas de 150-200 caracteres

URL de imagen rota: La ruta de imagen es relativa o devuelve 404.

• Impacto: No se muestra imagen en la vista previa
• Solución: Usa URLs absolutas (https://...) y verifica que carguen

Requisitos específicos de plataforma

Facebook & LinkedIn

• Tamaño de imagen: 1200×630px (relación 1.91:1)
• Tamaño mín: 600×315px
• Tamaño máx: 8MB
• Formato: JPG o PNG
• Título: 60-90 caracteres
• Descripción: 150-200 caracteres

Twitter

• Tarjeta summary: Relación 1:1 (mín 300×300px)
• Imagen grande: Relación 2:1 (recomendado 1200×675px)
• Tamaño máx: 5MB
• Formato: JPG, PNG, WEBP, GIF
• Título: Máx 70 caracteres
• Descripción: Máx 200 caracteres

Mejores prácticas

Optimización de imágenes

• Usa imágenes de alta calidad: Fotos o gráficos nítidos y profesionales
• Incluye texto con moderación: Solo fuentes grandes y legibles
• Prueba en móvil: La mayoría de compartidos ocurren desde teléfonos
• Evita detalles pequeños: Desaparecen en miniaturas
• Marca consistentemente: Usa colores y estilo reconocibles

Escribir vistas previas efectivas

• Engancha inmediatamente: Las primeras palabras importan más
• Sé específico: "10 consejos para..." supera a "Algunos consejos sobre..."
• Incluye beneficios: Dile a la gente qué obtendrán
• Coincide con el contenido: No hagas clickbait — entrega lo que prometes
• Usa voz activa: "Aprende cómo..." no "Cómo... puede aprenderse"

Conclusión

Las vistas previas de enlaces son tu primera impresión en redes sociales. Una vista previa rota o faltante puede hundir la participación, mientras que una excelente impulsa clics y compartidos. Link Preview Inspector te ayuda a detectar problemas temprano, optimizar para cada plataforma y asegurar que cada enlace que compartas se vea profesional y atractivo.