Este artículo empezó en 2013 como una lista de píxeles para Facebook, Twitter, Google+ y Pinterest. Las plataformas han cambiado el layout muchas veces. Las medidas de abajo están actualizadas para compartir y previsualizar en 2026, con Google+ solo como nota histórica.
Para editores WordPress el punto no es memorizar todos los banners de perfil. Es entregar un buen og:image, saber cuándo Pinterest necesita otro formato y entender por qué el scraper cachea la imagen vieja después de cambiar el archivo en la Biblioteca de medios. En mercados de habla hispana el mismo fallo aparece cuando alguien pega la URL en grupos de Facebook, en WhatsApp Business o en un hilo de LinkedIn: la vista previa sale de las meta tags, no del feed de Instagram.
Qué controla de verdad la vista previa
Cuando alguien pega tu URL en Facebook, LinkedIn, Slack o en un post de X, el scraper descarga el HTML y lee las meta tags. Las principales son Open Graph (og:title, og:description, og:image) y, para X, Twitter Cards (twitter:card, twitter:image). Documentación de Meta: Sharing / images. Protocolo: ogp.me.
El núcleo de WordPress no envía un set OG completo por sí solo. Lo ponen plugins SEO, hooks wp_head del tema o un plugin a medida. Sin og:image, la plataforma cae en una imagen aleatoria de la página: a menudo un logo de 200 px o un icono del pie.
Lista práctica antes de pelearte con píxeles exactos:
- URL HTTPS absoluta a la imagen (no ruta relativa).
- Archivo público, sin login ni bloqueo de hotlink.
- Ancho y alto suficientes para que la plataforma no escale un JPEG blando.
- Texto importante dentro de una «safe zone» en el centro, no en las esquinas.
Facebook y Meta: Open Graph en 2026
Para compartir enlaces sigue siendo seguro un horizontal cerca de 1200 x 630 píxeles (proporción ~1.91:1). Imágenes más pequeñas funcionan en lo técnico, pero se ven suaves en pantallas grandes y en algunas superficies de anuncios.
Foto de perfil, portada y Stories tienen medidas de UI propias que Meta cambia más a menudo que el estándar OG. Usa la ayuda de Meta para diseñar la página; usa 1200x630 (o mayor en la misma proporción) para la gráfica de artículos y landings.
Errores habituales en temas WordPress:
- La imagen destacada es 16:9 de vídeo y el scraper corta la cara o el logo.
- El tema apunta
og:imagea una URL WebP con la que algunos scrapers han tenido problemas históricos; JPEG o PNG siguen siendo la opción segura para archivos de compartición. - El mismo archivo sirve de hero (ancho) y de OG (recortado) sin crop propio.
Prueba con el Sharing Debugger. Tras cambiar la imagen: vuelve a hacer scrape. Si el CDN tiene caché inmutable en la misma URL, sube con otro nombre de archivo y actualiza la meta tag.
X (antes Twitter): tarjeta con imagen grande
X heredó Twitter Cards. Para artículos y productos lo habitual es Summary Card with Large Image. Una imagen alrededor de 1200 x 628 está en la misma familia que el OG de Facebook, así que una master 1200x630 cubre ambas en la mayoría de redacciones. Documentación: Summary Card with Large Image.
twitter:card debería ser summary_large_image cuando quieres imagen grande. Sin esa etiqueta, la vista previa puede caer a una tarjeta cuadrada pequeña aunque og:image sea correcto.
El banner de perfil en X es otra medida y cambia con la UI. Pertenece al manual de marca, no al og:image de cada entrada. Mantén la gráfica de compartición y el banner como dos assets distintos.
Pinterest: vertical, no horizontal
Pinterest es donde 1200x630 falla a simple vista. El feed prioriza pins verticales cerca de 2:3, por ejemplo 1000 x 1500. Un OG horizontal se convierte en una franja fina o un recorte feo.
Para tiendas WooCommerce y contenido de inspiración o recetas:
- Crea una variante vertical en la Biblioteca de medios (o un campo «Pinterest image» en el plugin SEO si existe).
- No confíes en que la destacada baste si la destacada es un hero 16:9.
- Mantén el texto grande y legible; los pins se ven a menudo en móvil en una columna estrecha.
Los Rich Pins (producto, artículo, receta) dependen más de datos estructurados y de la validación en Pinterest que de la altura exacta en píxeles, pero la proporción sigue decidiendo el área clicable en el feed.
Google+: solo contexto histórico
Google+ para consumidores se cerró en abril de 2019. La portada 940x180, las ribbon photos y las miniaturas de stream de las listas de 2013 no son medidas para construir plantillas nuevas.
Por qué el título sigue mencionando Google+: el artículo tiene ranking y enlaces entrantes bajo la ruta antigua. Borrar el nombre genera ruido de redirecciones sin ayudar al lector. Lo honesto es decir que la red ya no existe y que lo que cuenta ahora es Open Graph, cards de X y Pinterest.
Si encuentras botones Google+ hardcodeados o enlaces rel=author en temas viejos: quítalos. No aportan compartición y marcan código desfasado. En instalaciones españolas de 2014-2017 aún aparecen en footers de temas «magazine» y en plugins de redes sociales abandonados.
LinkedIn, Slack y el resto
La mayoría de comparticiones B2B caen en Open Graph. LinkedIn también prefiere horizontales de la misma familia que Facebook. Slack y muchos clientes de chat muestran og:image directamente. WhatsApp, al previsualizar un enlace, también se apoya en señales tipo Open Graph del HTML.
Por eso una buena master 1200x630 sigue siendo la mejor inversión para un sitio WordPress corporativo. Pinterest es la excepción que necesita un archivo vertical propio cuando el canal se usa de verdad.
Configuración WordPress sin adivinar
Un flujo que aguanta en producción:
- Define un tamaño OG-master (1200x630) en el sistema de diseño.
- Registra un image size
social-shareen el tema si recortáis en servidor; muchos equipos exportan el archivo listo desde Figma. - Pon
og:image(y tags de alto/ancho si el plugin los soporta) por entrada o con fallback a la destacada. - Para X:
twitter:card=summary_large_imagea nivel global en el plugin SEO. - Para páginas orientadas a Pinterest: campo propio o gráfica de pin manual.
- Tras publicar: Meta debugger y validador de cards de X sobre la URL.
Evita generar «title cards» con fondo negro y el H1 en tipografía enorme. En el feed se parecen entre sí y pierden frente a una foto de producto o una captura de pantalla. Usa foto real, diagrama o UI - y mantén el archivo fuera de patrones 1200x675 de title-card que produjeron algunas automatizaciones.
Listas de píxeles antiguas: qué puedes ignorar
La lista de 2013 incluía medidas de Sponsored Story, previews de álbum, cajas de apps en el timeline y franjas de fondo de Twitter en porcentajes. La mayoría de esos elementos de UI desaparecieron o cambian tan a menudo que un post de blog no puede ser la fuente de verdad.
Usa documentación oficial para:
- medidas de perfil y portada al diseñar la página de Facebook
- formatos de anuncio en Ads Manager (tienen sus propias safe zones)
- ayuda de Pinterest business para recomendaciones actuales de pins
Usa este artículo para compartir desde WordPress: OG, Cards, proporción Pinterest y depuración de caché.
Depuración cuando la vista previa falla
Causas típicas, en orden:
og:imageincorrecto o ausente en el HTML (mira el código fuente, no solo la UI del plugin SEO).- URL relativa o HTTP en un sitio HTTPS.
- Imagen detrás de auth, basic-auth de staging o
noindexque el scraper no atraviesa. - Caché de plataforma (Meta debugger / validador X).
- CDN o plugin de imágenes que reescribe la URL a una variante que el scraper rechaza.
- Varias etiquetas
og:imageen conflicto entre tema y plugin.
Cuando cambias la imagen de una URL ya muy compartida: un nombre de archivo nuevo sale más barato que pelearte con caché inmutable en la misma ruta.
Resumen de medidas que sí necesitas
| Uso | Punto de partida | Nota |
|---|---|---|
| Facebook / LinkedIn / OG general | 1200 x 630 | Safe zone en el centro |
| X large image | ~1200 x 628 | La misma master suele servir |
| Pinterest pin | ~1000 x 1500 (2:3) | Archivo propio, no OG |
| Google+ | - | Cerrado 2019; ignóralo |
Mantén un peso de archivo razonable (típicamente por debajo de unos cientos de KB en JPEG cuando el motivo lo permite) para que el scraper descargue rápido, pero no aplastes tanto la calidad que los degradados hagan banding en la vista previa.
Si el sitio tiene varios idiomas, usa el mismo formato de imagen en todos los locales salvo que el texto de la gráfica esté traducido. Hreflang no cambia cómo Facebook lee og:image en la URL concreta que se pegó.
Cuando la gráfica de compartición, los productos WooCommerce y un tema antiguo pelean por la imagen destacada, rara vez basta con «poner Yoast en auto». Hace falta una estrategia de crop consciente en el tema o en la rutina editorial. Para ese tipo de montaje puedes escribir vía desarrollador WordPress y dejar OG, Cards y variantes de Pinterest sin adivinar píxeles de 2013.
