¿Qué es el Featured Image o Imagen Destacada?

En WordPress, la imagen destacada (featured image) es el archivo que se asigna a un artículo o página desde el panel lateral del editor, con la opción «Establecer imagen destacada». Hasta aquí, la definición que da la mayoría de glosarios. Lo que se suele omitir es que ese único archivo no tiene un solo destino: el sistema lo reutiliza en varios lugares distintos, cada uno con su propio criterio de tamaño y recorte.

La primera función es la más citada: sirve de imagen principal del artículo cuando se lista en el blog, en una categoría o en un bloque de «artículos relacionados». Ahí el tema decide el tamaño exacto, normalmente uno de los tamaños que WordPress genera por defecto o uno personalizado con add_image_size().

La segunda función ocurre fuera del sitio: la mayoría de plugins SEO, como RankMath o Yoast, toman la imagen destacada como valor por defecto para la etiqueta og:image cuando no se ha subido una imagen social específica. Eso significa que la misma imagen pensada para un listado 4:3 puede terminar representando la página entera en una vista previa de WhatsApp o LinkedIn, con una proporción distinta.

La tercera función depende del tema: muchas plantillas, sobre todo las orientadas a blog o revista, colocan la imagen destacada como cabecera visual dentro del propio artículo, a menudo a ancho completo por encima del título o justo debajo de él. No todos los temas hacen esto, y algunos permiten desactivarlo página por página.

La cuarta función es la que menos se controla directamente: Google puede usar la imagen destacada como miniatura en los resultados de búsqueda con imagen y en Google Discover, si cumple los requisitos técnicos de tamaño y si el sitio permite vistas previas grandes mediante la etiqueta meta robots correspondiente.

Ninguna de estas cuatro funciones es opcional ni se puede desactivar sin que se note en otro sitio. Quien elige la imagen destacada pensando solo en el listado del blog deja la vista previa social y la elegibilidad para Discover prácticamente al azar, porque ambas heredan el mismo archivo sin pedir confirmación.

El problema práctico aparece cuando alguien sube una sola imagen pensada solo para una de las cuatro funciones, normalmente la cabecera del artículo, y da por hecho que sirve igual para el resto. Una imagen vertical o muy recortada por los lados puede verse bien en la cabecera y, al mismo tiempo, aparecer cortada de forma extraña en la vista previa de WhatsApp o quedar fuera de los requisitos mínimos de Discover. No es un fallo del sistema: es la consecuencia de tratar un archivo con cuatro destinos distintos como si tuviera solo uno.

La confusión más habitual es tratar la imagen destacada como si fuera simplemente «la primera imagen del artículo». No lo es: puede no aparecer nunca dentro del cuerpo del texto y, aun así, ser la que Google muestra en un resultado o la que WhatsApp enseña al compartir el enlace.

Ningún tamaño único cubre los cuatro usos sin compromiso. Una imagen de 1200 x 630 px funciona razonablemente bien como og:image y pasa el umbral de Discover, pero puede quedar demasiado ancha y poco alta para una cabecera pensada en formato más cuadrado. Por eso conviene decidir qué uso pesa más para cada tipo de contenido antes de fijar una plantilla de tamaño única para todo el sitio.

En la práctica, esto significa que los equipos editoriales que publican muchos artículos se benefician de una plantilla de imagen fija, ajustada al uso que más importa, en lugar de decidir el tamaño artículo por artículo. En un blog cuyo tráfico depende sobre todo de la búsqueda orgánica y de Discover, la cuarta fila de la tabla pesa más que la tercera. En un sitio que se comparte mucho en redes sociales, como contenido de noticias o de consejos, la primera fila pesa más.

El Alt Text de la imagen destacada sigue siendo obligatorio, y es independiente del texto del artículo: describe la imagen para quien usa un lector de pantalla o para Google, no repite el titular. Es habitual dejarlo vacío por error, precisamente porque la imagen destacada se sube desde un panel lateral y no desde el editor de contenido, donde sí se suele recordar rellenar el alt.

La relación con Open Graph es más estrecha de lo que parece a primera vista: en la mayoría de instalaciones de WordPress con un plugin SEO activo, la etiqueta og:image toma automáticamente la imagen destacada si no se ha subido una imagen social manual. Esa herencia automática es cómoda, pero también significa que un cambio pensado solo para el listado del blog puede alterar sin querer cómo se ve el enlace al compartirlo en redes.

Lo mismo pasa con los Meta Tags relacionados con la imagen: algunos plugins generan además el marcado schema.org de tipo Article con la imagen destacada como valor de la propiedad image, que es distinto del og:image aunque en la práctica suela apuntar al mismo archivo. X, la antigua Twitter, funciona de forma parecida: si no hay una etiqueta twitter:image específica, recurre a og:image como respaldo, así que un cambio en la imagen destacada puede terminar afectando también a esa vista previa sin que nadie la haya tocado directamente.

• Sube la imagen destacada en una resolución de partida generosa, al menos 1200 px de ancho, para que sirva tanto de og:image como de miniatura en Discover sin perder calidad al recortarse.
• Revisa en el tema qué tamaño usa realmente la cabecera del artículo antes de asumir que 1200 x 630 px es la medida universal.
• Rellena siempre el alt de la imagen destacada; no depende del contenido del cuerpo del artículo y se olvida con facilidad.
• Comprueba la vista previa social después de publicar, sobre todo si el tema recorta la imagen destacada de forma distinta a como la muestra Open Graph.
• Si un artículo necesita una imagen social distinta a la que aparece en el listado, sube una og:image manual en el plugin SEO en lugar de forzar un recorte extraño en la imagen destacada.
• Evita texto incrustado en la propia imagen: se recorta de forma distinta según el uso y puede quedar ilegible en alguno de los cuatro contextos.

• Colocar el elemento más importante de la imagen cerca del borde, sin tener en cuenta que og:image y Discover recortan a proporciones distintas (1.91:1 frente a 16:9).
• Subir una imagen decorativa de baja resolución pensada solo para la cabecera del tema, que luego aparece pixelada como vista previa social.
• Dejar el alt de la imagen destacada vacío por no pasar por el mismo flujo de revisión que las imágenes insertadas en el cuerpo del artículo.
• Asumir que cambiar la imagen destacada actualiza automáticamente la vista previa ya compartida en redes; la mayoría de plataformas la guardan en caché.
• Usar la misma imagen destacada en decenas de artículos de una categoría, lo que reduce su utilidad tanto en listados como en Discover.
• No revisar, tras cambiar de tema, si la nueva plantilla recorta la imagen destacada de forma distinta o espera un tamaño por defecto distinto al del tema anterior.