Volver a Guías Guía de Etiquetas Sociales

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).

Respuesta Rápida (AEO)

Para una viralidad máxima, usa imágenes de 1200x630 píxeles. Implementa las etiquetas Open Graph (og:title, og:image) para Facebook/WhatsApp y Twitter Cards (twitter:card) para X. Valida siempre tus enlaces con herramientas de depuración para forzar la actualización de la caché.

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

Preguntas Frecuentes sobre Etiquetas Sociales

¿Qué son las etiquetas Open Graph (OG)?

Son etiquetas meta que permiten que redes sociales como Facebook, LinkedIn y WhatsApp muestren previsualizaciones enriquecidas de tus enlaces, incluyendo un título, descripción e imagen personalizada. Sin ellas, las plataformas intentan adivinar qué mostrar, con resultados habitualmente pobres.

¿Cuál es el tamaño ideal para la imagen de Open Graph?

Se recomienda un tamaño de 1200 × 630 píxeles con una relación de aspecto de 1.91:1 para garantizar que la imagen se vea perfecta en todas las redes sociales sin recortes indeseados. El peso máximo recomendado es de 300KB para asegurar una carga rápida de la previsualización.

¿Qué es una Twitter/X Card?

Es el sistema de etiquetas específico para la red social X (antes Twitter). La tarjeta summary_large_image es la más popular para artículos y guías, ya que muestra una imagen grande que ayuda a aumentar significativamente el CTR de las publicaciones compartidas.

¿Cómo actualizo la previsualización de un enlace que ya compartí?

Debes usar herramientas oficiales como el Facebook Debugger o el LinkedIn Post Inspector para forzar a la plataforma a limpiar su caché y leer las nuevas etiquetas meta de tu web. Sin esta acción, el enlace compartido seguirá mostrando la versión antigua en caché.

¿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