Volver a Guías

Guía de Etiquetas Sociales: Cómo optimizar la previsualización de tu Web

Las etiquetas sociales no son solo para que el enlace se vea "bonito". Un enlace bien optimizado puede aumentar tu tráfico social en más de un 150% al mejorar significativamente la tasa de clic (CTR).

1. El Estándar Open Graph (OG)

Originalmente creado por Facebook, hoy es el estándar que leen LinkedIn, WhatsApp, Pinterest y Slack. Sin estas etiquetas, las redes intentarán adivinar qué imagen y texto mostrar, lo cual suele fallar.

Dimensiones Críticas para og:image

2. Optimización para X (Twitter Cards)

La red social X utiliza sus propios tags que conviven perfectamente con los de Open Graph. El más importante es twitter:card.

Tipos de Tarjetas en X:

  • summary_large_image: Muestra una imagen grande sobre el título (La más recomendada para artículos).
  • summary: Muestra una miniatura pequeña a la izquierda del texto.
  • app / player: Para descargas directas de apps o reproducción de vídeo.

Ejemplo de Código "Bulletproof" (A prueba de balas)

Copia y adapta este bloque en tu <head>:

<!-- Metatags de Redes Sociales -->
<meta property="og:title" content="Título de tu contenido">
<meta property="og:description" content="Breve resumen persuasivo.">
<meta property="og:image" content="https://tusitio.com/img/social-cover.jpg">
<meta property="og:url" content="https://tusitio.com/pagina-actual">
<meta property="og:type" content="article">

<!-- Específicos para X (Twitter) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@TuUsuario">
<meta name="twitter:title" content="Título para X">
<meta name="twitter:description" content="Resumen optimizado para X.">
<meta name="twitter:image" content="https://tusitio.com/img/social-cover-x.jpg">

Herramientas de Depuración (Validators)

Nunca compartas un enlace sin pasarlo por estos validadores para forzar a las redes a leer tus nuevos cambios:

Facebook Debugger

La herramienta más potente para limpiar la caché de previsualización en Facebook y WhatsApp.

Depurar enlace

LinkedIn Inspector

Crucial para perfiles B2B. LinkedIn suele tardar en actualizar si no usas esta herramienta.

Inspeccionar post

Open Graph Check

Una herramienta externa excelente para previsualizar cómo se verá tu web en múltiples plataformas a la vez.

Previsualizar todo

¿Tus enlaces no se comparten correctamente?

A veces los errores están en el servidor o en las etiquetas de idioma. Realizamos un diagnóstico social completo de tu web.

Solicitar Auditoría Gratuita