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.
Cómo funciona la vista previa de enlaces en Facebook y X
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.
Tamaño de og:image para Facebook 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.
Las cifras exactas están en la documentación de Meta sobre imágenes al compartir. La dimensión mínima aceptada es 200 x 200 píxeles. El formato de enlace con imagen grande pide al menos 600 x 315; por debajo la imagen sigue apareciendo, pero en formato pequeño. Para pantallas de alta resolución Meta recomienda 1200 x 630 o más, con la proporción lo más cerca posible de 1.91:1, y el archivo no puede superar 8 MB.
Tamaño de imagen para Twitter Card en X
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.
En la última revisión de este artículo (15 de octubre de 2026), la página de las Summary Cards en el sitio para desarrolladores de X redirigía a la vista general de la plataforma, sin la tabla de requisitos de imagen. Por eso no añadimos aquí medidas nuevas para X. Comprueba en el HTML publicado que existen twitter:card y twitter:image y mira la vista previa en una publicación real antes de lanzar una campaña.
Tamaño de pin de Pinterest en vertical
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.
La página de especificaciones de producto de Pinterest, en la sección de anuncios de imagen estándar, recomienda proporción 2:3 o 1000 x 1500 píxeles. Acepta archivos PNG o JPEG de hasta 20 MB en escritorio y 32 MB en la app, y advierte que los pines más altos que 2:3 pueden quedar cortados en el feed.
Siguen sirviendo las medidas de Google+
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.
La fecha exacta está en la ayuda de Google: la versión para consumidores (cuentas personales) de Google+ se cerró el 2 de abril de 2019, y el contenido de las cuentas y páginas de Google+ de consumidores se eliminó (preguntas frecuentes de Google sobre el cierre). El plan inicial era agosto de 2019. Google adelantó el cierre a abril tras detectar un fallo en la API, según explicó en el anuncio del adelanto.
Qué tamaño de imagen usan LinkedIn y Slack en la vista previa
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.
Para LinkedIn hay cifras oficiales en su ayuda sobre imágenes en la vista previa de enlaces: mínimo de 1200 x 627 píxeles, proporción recomendada de 1.91:1 y archivo de hasta 5 MB. Si la imagen cumple estos requisitos y aun así no aparece, la ayuda indica que el sitio puede estar bloqueando la descarga de la imagen. Revisa las reglas de firewall y de bloqueo de bots que traten a ese crawler como tráfico no deseado.
Propiedades og:image width, height y alt en Open Graph
El protocolo Open Graph define propiedades estructuradas para la imagen, además de la propia URL:
og:image:secure_url, URL alternativa para cuando la página exige HTTPS;og:image:type, el tipo MIME del archivo (por ejemploimage/jpeg);og:image:widthyog:image:height, ancho y alto en píxeles;og:image:alt, una descripción de lo que muestra la imagen, que no debe ser un pie de foto. ogp.me indica que una página que defineog:imagedebe definir tambiénog:image:alt.
Las dimensiones tienen efecto práctico. Según la documentación de Meta, las etiquetas de ancho y alto le dicen al crawler el tamaño de la imagen para que pueda mostrarla de inmediato. Sin ellas, la primera persona que comparte una URL nueva puede ver la publicación sin imagen, porque el crawler tiene que ver la imagen al menos una vez antes de mostrarla.
ogp.me también resuelve el caso de varias etiquetas og:image en la misma página. Los valores múltiples se declaran repitiendo la meta etiqueta, y en caso de conflicto gana la primera, leída de arriba abajo. Cuando el tema y el plugin SEO emiten ambos og:image, aparece la imagen que sale primero en el <head>, que no siempre es la elegida en el editor. Mira el código fuente publicado y desactiva la salida duplicada en uno de los dos lados.
Cómo configurar og:image en WordPress
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: Sharing Debugger de Meta sobre la URL y revisión de las etiquetas
twitter:*en el código fuente.
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.
Cómo registrar un tamaño de imagen social-share en WordPress
Si quieres que el servidor genere el recorte 1200 x 630 en lugar de exportar cada archivo a mano, la función add_image_size() registra un tamaño nuevo en el tema o en un plugin:
add_action( 'after_setup_theme', function () {
add_image_size( 'social-share', 1200, 630, true );
} );El cuarto parámetro decide el comportamiento. Con false, el valor por defecto, la imagen se redimensiona proporcionalmente y puede no quedar en 1200 x 630. Con true se recorta exactamente a esas dimensiones desde el centro. Con un array, por ejemplo array( 'center', 'top' ), eliges el ancla del recorte: el primer valor es la posición horizontal (left, center, right) y el segundo la vertical (top, center, bottom). En retratos y fotos de equipo, el ancla top evita cortar cabezas.
Un tamaño nuevo solo se aplica a subidas futuras. Para generar el recorte en las imágenes que ya están en la Biblioteca de medios, WP-CLI tiene wp media regenerate. Con --image_size=social-share regenera solo ese tamaño, y --only-missing limita el trabajo a las imágenes a las que les falta algún tamaño:
wp media regenerate --image_size=social-share --only-missingHay otro detalle que afecta a la gráfica para compartir. Desde WordPress 5.3, las imágenes con ancho o alto por encima de un umbral se reducen al subirlas, y la versión reducida pasa a ser el tamaño más grande disponible. El umbral por defecto es 2560 píxeles y se controla con el filtro big_image_size_threshold; devolver false desactiva la reducción. Una master de 1200 x 630 queda muy por debajo, pero una foto de 6000 píxeles subida como imagen destacada se reduce a ese umbral.
Qué medidas antiguas de redes sociales ya no sirven
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é.
Por qué Facebook muestra una imagen incorrecta al compartir
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 (Sharing Debugger de Meta).
- 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.
La documentación de Meta explica por qué funciona el nombre nuevo: las imágenes se guardan en caché según la URL de cada imagen, y para actualizar la imagen hay que usar una URL nueva. Actualizar la imagen tampoco cambia la vista previa de publicaciones antiguas. Para que la primera vez que se comparte un artículo nuevo ya salga con imagen, Meta propone tres vías: precargar la URL en el Sharing Debugger, forzar un nuevo scrape con la Graph API o declarar og:image:width y og:image:height.
Medidas de imágenes para redes sociales 2026 en tabla
| 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.
