Una imagen destacada de WordPress funciona como una tarjeta visual de bienvenida, una señal para que los visitantes entren y disfruten de lo que hay detrás de un enlace. A menudo presenta información útil en forma de fotografía o imagen gráfica, lo que permite al usuario echar un vistazo a la información que hay detrás de ese enlace.

Además, una historia atractiva no está completa sin la introducción, y ese es exactamente el propósito de una imagen destacada. Beneficia en gran medida al sitio web al convertir lo que bien podría ser un sitio web aburrido en algo hermoso. También ayuda a romper la monotonía del texto y añade vida a tu contenido.

Este artículo te mostrará cómo puedes arreglar las imágenes destacadas de WordPress que no se ven correctamente en tu sitio web. Hay muchas maneras de hacerlo, y las cubriremos todas.

¡Comencemos!

Mira Nuestro Videotutorial para Arreglar la Imagen Destacada de WordPress que Falta

¿Qué Es una Imagen Destacada de WordPress?

Entradas con imágenes destacadas en el blog de Kinsta
Entradas con imágenes destacadas en el blog de Kinsta

Por defecto, WordPress ofrece una imagen destacada para todas las entradas y páginas.

Esto significa que puedes subir una imagen que actúe como portada de la entrada o página, similar a la portada de un libro o revista. Puedes subir una imagen destacada a cada post y página. De este modo, se presenta como la imagen principal de ese artículo del sitio web cada vez que se comparte en las redes sociales y otros sitios.

Por último, la imagen destacada se muestra automáticamente cuando creas un feed o una galería de las entradas de tu blog u otras páginas web. De esta manera, puedes presentar una especie de portafolio de medios para tus publicaciones en lugar de un montón de enlaces con solo texto.

No tienes que subir una segunda versión de esa misma imagen cada vez que la compartes: ya está extraída del contenido original.

¿Qué Pasa si la Imagen Destacada no Funciona?

Las imágenes destacadas son maravillosas, pero puedes encontrarte con que no puedes ver la imagen destacada de una entrada o página por una u otra razón. A veces hay un problema con tu tema, y otras veces encontrarás que un plugin está causando el problema.

También es común ver diversos grados de problemas con las imágenes destacadas. Por ejemplo, puedes notar que la imagen destacada aparece bien en tu propio sitio web, pero tiene problemas de renderización cuando una publicación se comparte en un sitio social como Facebook.

En cualquier caso, que una imagen destacada de WordPress no se vea es frustrante y preocupante.

Las imágenes destacadas suelen llevar el peso del atractivo visual de tu sitio web. Sin imágenes destacadas automatizadas, te quedas con bloques de texto y enlaces a páginas web. También puede impedir que la gente comparta tu trabajo, teniendo en cuenta que no es muy atractivo compartir una entrada de blog en Facebook que no tenga una imagen destacada.

Hay varias medidas que puedes tomar para mitigar los problemas:

  1. Observa el problema exacto, por ejemplo, si la imagen no se carga. O si la imagen destacada no aparece en las redes sociales, pero funciona bien en tu sitio web.
  2. Considera cualquier problema de WordPress que pueda estar causando el problema con tu imagen destacada, como conflictos entre plugins o un error de codificación.
  3. Piensa en instalar un plugin que resuelva los problemas de las imágenes destacadas sin que tengas que hacer mucho trabajo.

Este es un proceso simple de tres pasos, pero hay muchos más detalles detrás para arreglar tus imágenes destacadas. Las imágenes destacadas se rompen por varias razones, y a menudo es en una base de caso por caso.

A continuación, repasaremos todos los problemas que conocemos en relación con las imágenes destacadas y describiremos los pasos que puedes seguir para solucionarlos.

¿Por Qué No Se Muestra Mi Imagen Destacada de WordPress?

Has notado que algo va mal en una, o en todas, tus imágenes destacadas. ¿Qué hacer a partir de ahora?

Hemos descrito problemas comunes y no comunes con las imágenes destacadas. Empecemos por la solución más sencilla, asegurándonos de que subes las imágenes destacadas correctamente. Luego repasaremos otros errores.

Asegúrate de Saber Cómo Subir una Imagen Destacada en WordPress

Puede parecer una tontería para algunos, pero muchos principiantes de WordPress no saben cómo subir una imagen destacada en primer lugar. Pero eso está bien, ya que todos tenemos que empezar a aprender en alguna parte.

Te recomendamos que sigas estos pasos para asegurarte de que lo haces de forma correcta.

Nota: Puedes subir imágenes destacadas de WordPress a entradas y páginas, pero esa regla básica se expande una vez que empiezas a añadir cosas como páginas de productos de WooCommerce y tipos de entradas personalizadas. Para simplificar, nos limitaremos a subir imágenes destacadas a las entradas y páginas normales de WordPress – pero si te interesa saber más, aquí tienes una guía completa de SEO para WooCommerce que cubre esto y todo lo demás, incluyendo el marcado de Schema para tus productos y más.

Para empezar, dirígete a tu panel de control de WordPress. Dirígete a Entradas > Añadir nueva para crear una nueva entrada de blog. También puedes hacer esto con las páginas o hacer clic en la opción Todas las entradas si estás interesado en añadir una imagen destacada a una publicación generada previamente.

Enlace 'Entradas > Añadir nuevo' en el panel de control de WordPress
Enlace ‘Entradas > Añadir nueva’ en el panel de control de WordPress

Inserta el contenido que quieras para el artículo del blog. Rellena el título, escribe párrafos y sube imágenes al artículo.

Sin embargo, ten en cuenta que una imagen cargada en el área de contenido de tu blog no tiene nada que ver con la imagen destacada, aunque sea la primera foto que subas a ese artículo.

Hay una sección completamente diferente que se encarga de la imagen destacada.

Esta no es una imagen destacada
Esta no es una imagen destacada

Para encontrar y subir una imagen destacada, dirige tu atención a los Ajustes de la entrada en el lado derecho. Aquí se enumeran varios ajustes para toda la entrada y también puedes abrir ajustes específicos del bloque si tienes un bloque de WordPress Gutenberg seleccionado actualmente.

La pestaña "Imagen destacada
La pestaña «Imagen destacada

Asegúrate de que la pestaña «Entrada» está seleccionada.

A continuación, desplázate hacia abajo a través de los ajustes. La configuración de la imagen destacada está hacia la parte inferior.

Acceder a los ajustes del puesto
Acceder a los ajustes de la entrada

Haz clic en el panel de Imágen destacada para abrir su configuración.

Aquí, verás un botón para Establecer imagen destacada. Al hacer clic en él, se accede directamente a la biblioteca multimedia de WordPress.

Sin embargo, solemos recomendar hacer clic en el botón Seleccionar imagen, ya que ofrece algunas opciones adicionales para decidir la fuente de la imagen destacada.

Haga clic en "Seleccionar imagen" en la pestaña Imagen destacada
Haz clic en «Seleccionar imagen» en la pestaña Imagen destacada

Como te lo prometimos, aparecen tres opciones al cargar una imagen a través de un sitio web alojado en Kinsta:

  • Biblioteca multimedia: Tu colección de medios de WordPress, que te permite subir imágenes a tu servidor, editar esas fotos y almacenarlas para su uso posterior o para colocarlas en tus entradas y páginas ahora mismo.
  • Google Fotos: Una biblioteca en la nube para tus propias fotos personales. Debes iniciar sesión y enlazar con Google Photos para subir desde allí a WordPress.
  • Fotos Gratuitas de Pexels: Una colección gratuita de fotos profesionales que puedes buscar e incluir en tu sitio web. Ocasionalmente, tienes que proporcionar la atribución de la imagen (se proporciona cuando subes una foto de Pexels en WordPress).

Escoge uno en función de si tienes o no tus propias fotos y de dónde están almacenadas.

Cargar una imagen desde la biblioteca multimedia
Subir una imagen desde la biblioteca multimedia

Al ir a la Biblioteca de Medios se muestran las imágenes que ya has subido a WordPress. Tienes la opción de elegir una y hacer clic en el botón Establecer imágen destacada.

Como alternativa, la biblioteca de medios también tiene una pestaña para subir archivos, donde puedes seleccionar de los archivos en tu computadora y los sube a tu biblioteca de medios de WordPress.

lija una imagen para "Establecer imagen destacada
Elige una imagen para «Establecer imagen destacada

La colección de Pexels no es muy diferente de tu biblioteca de medios, excepto que tienes el lujo de encontrar hermosas fotos sin tener que hacerlas tú mismo. Puedes buscar palabras clave específicas y establecerlas como imágenes destacadas. Una vez más, las imágenes de Pexels son gratuitas, pero debes dar un crédito vinculado al fotógrafo, que se inserta automáticamente al utilizar Pexels a través de WordPress.

Elija el soporte y haga clic en el botón "Seleccionar"
Elige la foto y haz clic en el botón «Seleccionar»

Una miniatura de la imagen con la que vas a ir aparece en el panel de Imagen Destacada en tu Ajuestes de la Publicación.

Esto significa que mientras hagas clic en Guardar Borrador o Publicar, la imagen permanecerá activa en esa publicación hasta que la elimines.

Otros botones que aparecen son los de Seleccionar imagen, Reemplazar imagen y Eliminar imagen destacada. Todos ellos te permiten ajustar o deshacerse de la imagen destacada actual.

La imagen destacada de WordPress se muestra como una miniatura
La imagen destacada de WordPress se muestra como una miniatura

Para avanzar y ver la imagen destacada en acción, haz clic en el botón Publicar.

El botón de Vista previa también sirve para probar una imagen destacada, pero el público no puede verla hasta que pulses el botón Publicar.

Pulsa el botón 'Publicar'
Pulsa el botón ‘Publicar’

Dependiendo de la configuración de tu tema y de otros factores, como ciertos plugins que cambian la configuración de las imágenes, la imagen destacada debería aparecer primero en tu entrada de blog publicada.

Como puedes ver, la imagen que hemos insertado en el contenido de la entrada se muestra en segundo lugar ya que la imagen destacada tiene prioridad.

Un ejemplo de imagen destacada
Un ejemplo de imagen destacada

Otra forma de ver tu imagen destacada es crear galerías de Entradas recientes o feeds en tu blog, normalmente en otra parte de tu sitio web.

Por ejemplo, hemos añadido un feed de Entradas recientes en la página de inicio de nuestro sitio de prueba. Las imágenes destacadas de todas las entradas del blog en ese feed aparecen como miniaturas más pequeñas, lo que ofrece una experiencia más visual a quienes buscan el contenido.

Galería de entradas con las imágenes destacadas
Galería de entradas con las imágenes destacadas

Si tus problemas con las imágenes destacadas no se deben a un malentendido del proceso de carga, sigue leyendo.

Elección Accidental de una Imagen de Portada frente a una Imagen Destacada en WordPress

Otro error simple pero común que cometen los usuarios de WordPress es implementar una imagen de portada para una entrada o página y asumir que funciona como una imagen destacada.

Tanto las portadas como las imágenes destacadas funcionan de forma similar, proporcionando fotos grandes en la parte superior de las entradas y las páginas, aunque tienen algunas diferencias. WordPress ha añadido el bloque de portada a su editor Gutenberg recientemente. Por lo tanto, este problema es exclusivo de quienes lo utilizan.

La Diferencia Entre unaIimagen de Portada y una Imagen Destacada

Una imagen de portada proporciona una sección de imagen amplia o de ancho completo para añadir en cualquier lugar del sitio. Se utiliza para mostrar el inicio de una nueva sección o de un artículo. Puedes insertar un bloque de portada en cualquier parte de un entrada o página, no solo al principio. Por ello, una imagen de portada forma parte del propio entrada o página, y no está separada como una imagen destacada.

Una imagen destacada sirve como imagen principal de la publicación o de la página que representa la totalidad de ese artículo cuando se comparte o distribuye en otro lugar de tu sitio web o en línea. La imagen destacada tiene su propia sección para subirla, lejos del editor de contenido. Suele estar situada en la parte superior del post o de la página.

La codificación de tu tema suele estructurar la ubicación y el formato de la imagen destacada. Por lo tanto, es posible que tengas que utilizar código personalizado para personalizar la apariencia de la imagen destacada.

Por último, una imagen de portada permite sus propias opciones de personalización, como la posibilidad de colocar texto superpuesto sobre la imagen o incluir un filtro. En general, una imagen de portada es mucho más personalizable directamente desde el panel de control de WordPress que una imagen destacada.

Ver una Imagen de Portada en Acción (Y en Qué se Diferencia de una Imagen Destacada)

Veamos las diferencias básicas entre las imágenes de portada y las imágenes destacadas. Se puede acceder a ambas e implementarlas yendo a los menús de Entradas o Páginas y creando un nuevo elemento o visitando una página o publicación antigua.

Puedes encontrar la imagen destacada en el panel de ajustes del lado derecho para todas las entradas y páginas. Está separada del contenido principal.

Imagen destacada en acción
Imagen destacada en acción

Un bloque de portada, en cambio, se encuentra en la biblioteca de bloques de Gutenberg, a la que se puede acceder haciendo clic en el botón Añadir bloque del editor. El botón Añadir bloque se parece a un signo «+».

Haga clic en el botón 'Añadir bloque'
Haz clic en el botón ‘Añadir bloque’

Puedes buscar el bloque de la portada o desplazarse por la biblioteca para encontrarlo.

Haz clic en el bloque de la portada para insertarlo en tu post o página.

Escoge el bloque de la tapa
Escoge el bloque de la tapa

El bloque de portada se coloca en el editor de contenido, lejos de la zona en la que vimos la imagen destacada.

Puedes cargar una imagen para que sea st portada haciendo clic en los botones Seleccionar medios o Subir.

Seleccione los medios para su imagen de portada
Selecciona los medios para tu imagen de portada

La nueva portada aparece en la vista previa del editor, y también puedes editar los ajustes del bloque en el panel de la derecha.

Esa es una imagen de portada
Esa es una imagen de portada

También es bastante habitual ajustar la portada para que ocupe toda la anchura de la página, lo que la hace aún más eficaz para introducir un artículo o un separador entre secciones.

Elija la alineación de su imagen de portada
Elige la alineación de tu imagen de portada

En general, si estás editando una imagen, como una portada o un elemento multimedia estándar, no estás usando una imagen destacada en los editores de entradas o páginas de WordPress.

Esta podría ser la raíz de tus problemas de imagen destacada. Una imagen de portada, o cualquier imagen colocada en el área de contenido de un artículo, no se mostrará en otro lugar (como en una lista de publicaciones recientes) como imagen destacada.

¿Qué Pasa si Hay una Imagen Destacada Duplicada?

Algunos usuarios de WordPress completan todos los pasos correctos para subir una imagen destacada pero se dan cuenta de que aparece un duplicado de la misma. Esto suele ocurrir en las listas de entradas o en la parte superior de una página o entrada, lo que da lugar a dos fotos iguales apiladas una encima de otra.

Lo más probable es que se deba a que has subido una imagen destacada y a la vez has incluido la misma imagen en tu contenido como portada o imagen normal. El resultado es un problema de duplicación de imágenes como este:

Imágenes destacadas duplicadas
Imágenes destacadas duplicadas

Obviamente, no quieres que esto ocurra. Normalmente, las imágenes destacadas duplicadas no son dos imágenes destacadas, sino una imagen destacada y una foto separada en el área de contenido del artículo.

Para comprobarlo, dirígete al editor de entradas o páginas de WordPress en cuestión. Localiza el panel de ajustes en la parte derecha de la página. A continuación, selecciona la pestaña de la entrada (o de la página si estás editando una página) para ver la configuración de la entrada.

Ir a la configuración del puesto
Ir a la configuración del puesto

Desplázate hacia abajo en ese panel y abre el elemento desplegable Imagen destacada.

Compruebe la pestaña "Imagen destacada".
Comprueba la pestaña «Imagen destacada».

Si ves la misma foto en la pestaña de imagen destacada y en tu contenido, eso es lo que está causando el problema.

Existen dos soluciones para esto. En primer lugar, tienes que decidir qué quieres conseguir. Si el objetivo es no tener una imagen destacada, puedes eliminarla por completo.

A menudo nos encontramos con personas que quieren esa imagen destacada y simplemente pensaron que el editor de contenido era el lugar para ponerla. En ese caso, debes mantener la foto bajo el área de Imagen Destacada y eliminar la del editor de contenido del artículo.

Mostrando la imagen destacada
Mostrando la imagen destacada

Para eliminar ese bloque de imágenes, haz clic en el icono de tres puntos después de seleccionar el bloque de imágenes.

Haz clic en la opción de Eliminar el bloqueo al final de la lista.

Mostrar más ajustes haciendo clic en el icono de tres puntos
Mostrar más ajustes haciendo clic en el icono de tres puntos

Ahora no debería haber ninguna imagen al principio de la entrada, solo una vista previa en miniatura de la imagen en el módulo de imagen destacada.

Así es como debe ser si quieres la funcionalidad de una imagen destacada sin duplicación.

Arreglar la imagen destacada de WordPress que no se muestra correctamente
Arreglar la imagen destacada de WordPress que no se muestra correctamente

¿Qué Pasa si la Imagen destacada No Se Ve Bien?

Ya has descubierto cómo subir una imagen destacada y has completado el contenido de tu post. Lo único que queda por hacer es revisar y publicar el post.

Desgraciadamente, descubres que la imagen destacada no se ve tan bien como esperabas.

Tal vez te encuentres con uno de los siguientes:

  • La imagen destacada es demasiado pequeña o demasiado grande.
  • Está estirado o borroso.
  • Las imágenes en miniatura no se muestran en el tamaño correcto.

Por suerte, WordPress ya incluye una amplia gama de herramientas de edición de fotos para que te asegures de que la imagen destacada tenga un aspecto profesional. También es prudente entender qué tipos de fotos funcionan bien como imágenes destacadas, viendo cómo pueden ser las fotos originales las que causan los problemas para empezar.

.

Cómo Saber Qué Fotos Funcionan Bien Como Imágenes Destacadas

Es una buena práctica saber qué fotos se ven bien en WordPress. No solo eso, sino que es esencial saber que las imágenes destacadas se muestran de forma diferente en comparación con una foto normal subida a una entrada o página.

Empezando por las dimensiones, todos los sitios web, o más concretamente, los temas de los sitios web, tienen diferentes dimensiones para las imágenes destacadas en las publicaciones. Averiguar las dimensiones óptimas antes de subir las imágenes permite minimizar los casos en los que la imagen destacada se estira o se recorta de forma extraña.

Aunque no hay un tamaño recomendado para una imagen destacada de WordPress, sugerimos empezar con 1200 x 628 píxeles.

Esto significa que no puedes usar cualquier foto y esperar que se vea bien como imagen destacada. Es mejor que edites una foto para que cumpla con las dimensiones sugeridas antes de subirla a WordPress.

Sin embargo, la sugerencia de 1200 x 628 píxeles es solo un punto de partida. Puede que descubras que tu tema funciona bien con imágenes destacadas ligeramente más anchas o más cortas.

Estas son algunas reglas generales que debes seguir antes de subir tu imagen destacada:

  • Prefiere los tamaños apaisados a los retratos. Las imágenes destacadas se ven mucho mejor cuando la anchura es mayor que la altura, a menudo en una proporción de 2:1.
  • Sube varios tamaños de fotos en un post de prueba y marca las dimensiones de cada una. Esto debería acercarte al tamaño óptimo de la imagen destacada para tu tema.
  • Evita las imágenes demasiado grandes o pequeñas. Las imágenes más grandes se comprimen y pierden calidad, mientras que las más pequeñas se estiran y acaban pareciendo terriblemente borrosas.
  • Piensa en utilizar las herramientas de edición de imágenes integradas en WordPress para las imágenes destacadas que ya están subidas pero que podrían necesitar algunos cambios.

Otra táctica para encontrar y establecer el tamaño perfecto de la imagen destacada es visitar la sección de medios de tu panel de control de WordPress.

Ve a Ajustes > Medios.

Ir a la configuración de la biblioteca 'Media'
Ir a la configuración de la biblioteca ‘Medios’

Estos son los ajustes generales de los Medios para todo tu sitio web de WordPress. Las dimensiones establecidas dictan las dimensiones máximas que verás en tu sitio web para los tamaños de imagen dados.

A menudo se configuran tres tamaños de imagen en WordPress: Miniatura, Medio y Grande.

El tamaño de la miniatura es la imagen destacada que se muestra en otras partes de tu sitio web, fuera de la propia publicación. Por ejemplo, puedes ver la imagen destacada en una lista de publicaciones recientes o en un feed del blog en tu página de inicio.

Tienes la opción de recortar la miniatura de la imagen destacada a las dimensiones exactas. Como alternativa, a menudo es una mejor idea dejar la casilla Recortar las miniaturas sin marcar, de modo que las dimensiones de la miniatura se utilizan más como una guía. De esta manera, las miniaturas siguen siendo proporcionales y no se ven efectos de recorte inesperados.

El tamaño grande a menudo dicta las dimensiones de la imagen destacada cuando se muestra en la parte superior de una entrada o página. A veces, otros ajustes anulan esto, pero no es una mala idea marcar las dimensiones para asegurarte de que al menos conoces el ancho óptimo para una imagen destacada.

La altura máxima no debería importar tanto ya que tus imágenes destacadas no deberían ser tan altas.

Ajuste de los distintos tamaños de soportes
Ajuste de los distintos tamaños de medios

Cómo Editar las Imágenes Destacadas Dentro de WordPress

La edición de una imagen destacada en WordPress es a menudo la forma más fácil y rápida de resolver un problema con una imagen destacada que es demasiado grande o que necesita ser recortada.

Normalmente recomendamos editar una imagen antes de subirla como imagen destacada (las herramientas de edición de terceros tienen funciones más avanzadas). Aun así, WordPress ofrece funciones de edición sencillas que pueden resultar más fáciles para algunos usuarios, o para aquellos que quieran editar imágenes destacadas que ya han sido subidas a WordPress.

Para editar las imágenes destacadas en WordPress, abre una entrada y desplázate hasta la sección Imágenes destacadas en el panel de ajustes de la entrada.

Haz clic en la miniatura de la imagen destacada para acceder a sus distintos ajustes. También es posible localizar todas las imágenes en tu sitio de WordPress yendo a la biblioteca de medios.

Puedes ver la imagen destacada en el lateral
Puedes ver la imagen destacada en el lateral

Asegúrate de que la imagen destacada correcta está seleccionada en la biblioteca de medios.

Haz clic en el enlace Editar imagen para proceder a la edición.

Haga clic en el enlace "Editar imagen"
Haz clic en el enlace «Editar imagen»

Existen varias herramientas disponibles en la ventana emergente Editar imagen, pero la más fiable de ellas aparece en el lado derecho, y se titula Nuevas dimensiones.

Esto te permite introducir nuevas dimensiones, tanto de ancho como de alto, para que la imagen destacada ya cargada se reduzca. No te recomendamos que intentes ampliar una imagen, ya que solo la harás borrosa.

Establecer las dimensiones de la imagen
Establecer las dimensiones de la imagen

Introduce las nuevas dimensiones y haz clic en el botón Escala.

Elija la "Escala"
Elige la «Escala»

La imagen de vista previa debería parecer un poco más pequeña que antes, a menos que el cambio sea tan minúsculo que no lo notes.

Verás un mensaje que le indica que la Imagen se ha guardado. Las nuevas dimensiones también aparecen en la parte derecha de la ventana emergente.

Guardar la imagen editada
Guardar la imagen editada

Todas las demás herramientas de edición de imágenes se encuentran por encima de la vista previa de la imagen destacada.

Algunas de las funciones de edición de imágenes integradas en WordPress son:

  • Recortar imagen
  • Girar a la izquierda
  • Girar a la derecha
  • Voltear verticalmente
  • Voltear horizontalmente

La herramienta de Recortar suele ser la más importante, así que haz clic en ella para activar el módulo de edición.

Haga clic en el botón "Recortar"
Haz clic en el botón «Recortar»

La herramienta Recortar revela un cuadrado dentro de la miniatura de la vista previa, pidiéndote que hagas clic y arrastres el cuadro de recorte para llegar a las dimensiones exactas que deseas.

El cuadro de recorte de imágenes
El cuadro de recorte de imágenes

Pulsa la tecla Intro para activar el recorte y ver el resultado en la vista previa. También tienes la opción de Guardar el recorte, aunque ya está hecho por ti.

Haga clic en el botón "Guardar"
Haz clic en el botón «Guardar»

La última forma de editar las imágenes destacadas en WordPress consiste en recortar la imagen pero manteniendo una determinada relación de aspecto. Esto significa que a medida que se mueve el cuadro de cultivo, y se pega a la relación de aspecto.

Por ejemplo, puedes escribir una relación de aspecto de 2 x 1. Después de eso, cada vez que arrastres el cuadro de recorte, siempre se mantendrá la relación de 2 x 1, lo que te da menos libertad para recortar y asegura que tu relación permanezca consistente al crear imágenes destacadas.

Recorte de la imagen
Recorte de la imagen

Cuando termines de editar una imagen, puedes hacer clic en Intro para activar la edición y luego guardar la imagen. Después de eso, podrás insertar la nueva versión de esa imagen en una publicación, página, como imagen destacada, o donde quieras que se muestre en tu sitio.

Además, hay una opción en el panel Editar imagen que te permite volver a las dimensiones originales cuando quieras.

Arreglar la Imagen Destacada de WordPress que No Se Ve en las Páginas y Entradas

Si has subido correctamente la imagen destacada de tu post o página y aún así no ven, pueden haber otras razones. Aunque, varía dependiendo de la configuración de tu sitio de WordPress, el tema y los plugins. Aquí tienes algunas razones comunes que conducen a problemas con las imágenes destacadas en primer lugar:

  • Obteniendo un error HTTP al intentar subir una imagen, lo que podría significar problemas con el límite de subida o los formatos de imagen.
  • Los motores de búsqueda pueden bloquear las imágenes destacadas que contienen códigos sospechosos o malware.
  • Los permisos están bloqueados para que tu tipo de usuario pueda acceder a esa página requerida para subir o ver una imagen destacada.
  • Tu tema, o un plugin, tiene un error o está causando un conflicto con el funcionamiento de tus imágenes destacadas.
  • El tema no permite subir imágenes destacadas, o tienes que activarlas a través de la configuración del tema.
  • Puede que tengas problemas para subir la imagen destacada de la forma correcta.
  • Es posible que la codificación del tema no admita una imagen destacada.
  • Un plugin de carga lenta puede estar impidiendo que la imagen destacada se muestre o se cargue rápidamente.
  • La imagen destacada puede no estar en el lugar correcto dentro de la plantilla de la página o de la entrada.
  • La configuración de tu panel de control podría tener los campos de imágenes destacadas completamente desactivados.

Cómo Solucionar un Error HTTP con Imágenes Destacadas

Algunos errores son más comunes que otros cuando se suben imágenes a la biblioteca de medios en WordPress.

Por suerte, a medida que WordPress ha ido evolucionando, los errores se han vuelto un poco menos ambiguos, por lo que es algo más fácil determinar su causa.

Sin embargo, es posible que aún veas un error vago, como el siguiente mensaje «Error HTTP. Esto suele significar que hay algún problema con la imagen en sí, o que necesitas permitir que se suban más grandes en tu sitio de WordPress.

Error HTTP al cargar nuevos medios
Error HTTP al subir nuevos medios

Es más común ver algo con especificaciones, como un mensaje que te dice que una imagen o vídeo «excede el tamaño permitido en este sitio».

El archivo excede el tamaño máximo de carga
El archivo excede el tamaño máximo de subida

En cualquier caso, todos estos errores son frustrantes y confusos para los usuarios. Aunque te digan que la imagen es demasiado grande, ¿cómo pasas de ahí?

En general, las siguientes soluciones tienden a ayudar con los códigos de error que indican que una imagen es demasiado grande o que no es compatible actualmente con la subida:

Aumenta el Límite de Memoria de Tu WordPress

Tu proveedor de alojamiento suele establecer las limitaciones de memoria de WordPress. Puedes ponerte en contacto con tu actual proveedor de alojamiento y pedirle que amplíe el límite de PHP.

Error de límite de memoria agotado tal y como aparece en WordPress
Error de límite de memoria agotado tal y como aparece en WordPress

Si está permitido, también puedes cambiar el límite de memoria PHP por tu cuenta editando el archivo wp-config.php de tu sitio. En algunos casos, tendrás que actualizar a un plan de alojamiento más grande que ofrezca más recursos para tu sitio.

Te recomendamos que eches un vistazo a este guía para que te guíe por esos pasos en detalle.

Reduce el Tamaño del Archivo de Imagen

La subida de archivos masivos en tu sitio de WordPress causa problemas de rendimiento y podría suponer una carga excesiva para los servidores de tu alojamiento. Por ello, muchos alojamientos, y el propio WordPress, definen un tamaño máximo de archivo para subir.

Otro ejemplo del error de tamaño máximo de carga en WordPress
Otro ejemplo del error de tamaño máximo de subida en WordPress

Además, cualquier imagen que utilices en tu sitio, incluidas las imágenes destacadas, no debería ser tan grande, para empezar. Puedes mantener la calidad de una imagen después de comprimirla, recortarla o cambiarla de tamaño. Mientras no hagas la imagen demasiado pequeña, deberías poder ofrecer una imagen destacada bonita.

Por lo tanto, recomendamos utilizar herramientas para recortar, comprimir y redimensionar antes de optar por aumentar el límite de memoria de PHP.

Algunas herramientas de edición de imágenes que no son de WordPress que puedes utilizar son GIMP, Photoshop Express y Paint.NET.

Editar dentro de WordPress también es una opción, pero eso no suele resolver para obtener la imagen de WordPress para empezar. Si vas a seguir este camino, te recomendamos un plugin de compresión de imágenes que reduzca y optimice automáticamente todas las imágenes subidas a WordPress, como Optimole o Imagify. De esta manera, no estás limitando los recursos de tu sitio con demasiadas fotos grandes.

Cómo Arreglar Imágenes con Codificación sospechosa

Desafortunadamente, una imagen con malware o un virus ya está comprometida. La buena noticia es que el hecho de que WordPress bloquee una imagen por este motivo significa que ha hecho su trabajo.

Aunque existen soluciones sencillas y limitadas para eliminar la codificación sospechosa, lo mejor es que te quedes con las fotos que compres legalmente o que hagas tú mismo, en lugar de sacarlas directamente de Google (lo que, de todas formas, es técnicamente ilegal) o encontrar imágenes de sitios web poco fiables.

También te recomendamos que alojes tu sitio con una empresa que se tome en serio el malware y que ofrezca un compromiso de seguridad contra el malware.

Cómo Cambiar los Permisos para Permitir la Visualización de Imágenes Destacadas

Los permisos de WordPress deciden quién puede leer, escribir o editar los archivos del sitio web. Por otro lado, los perfiles de usuario determinan qué áreas del panel de control de WordPress y del sitio web frontend son accesibles para ciertas personas.

Es posible que tu perfil de usuario actual no te permita subir o ver imágenes destacadas. Otro problema es que no se pueda acceder a una determinada página o entrada de los archivos de WordPress debido a los permisos del usuario.

La clave para solucionar este problema es asegurarse de que las funciones y los permisos de los usuarios están correctamente configurados.

Te recomendamos que leas nuestra guía sobre los roles de los usuarios de WordPress para asegurarte de que todos los miembros de tu equipo puedan acceder y ver las imágenes destacadas en todo momento.

Cómo Solucionar un Conflicto o un Problema con un Tema o un Plugin

Los temas y los plugins son algunas de las razones más comunes por las que las imágenes destacadas fallan o se bloquean.

No todos los temas tienen la misma configuración de imágenes destacadas. A veces, las imágenes destacadas de las páginas están completamente bloqueadas. Otras veces, puedes notar que un tema presenta una imagen destacada en un lugar diferente al esperado.

Además, es posible que tengas que configurar un ajuste específico del tema para que las imágenes destacadas aparezcan en todas las publicaciones.

Desafortunadamente, no podemos guiarte a través de las soluciones a estos problemas, ya que requiere que busques en la configuración del tema o que te pongas en contacto con el desarrollador del tema.

Sin embargo, los conflictos con los plugins son una historia diferente. Los plugins, aunque son bastante útiles para construir un sitio web de WordPress, a veces tienen una codificación cuestionable. O simplemente no están actualizados, lo que provoca todo tipo de conflictos.

Esto no es una regla, pero también es común ver problemas con las imágenes destacadas cuando algunos plugins tienen acceso a tu biblioteca de medios o alteran la funcionalidad de todas las imágenes.

En cualquier caso, lo mejor es seguir estos pasos:

  1. Actualiza todos los plugins instalados en tu sitio web.
  2. Comprueba si ahora puedes subir y ver tus imágenes destacadas.
  3. Si el problema se resuelve, entonces fue un error derivado de un plugin obsoleto.
  4. Si el problema no se soluciona, procede a desactivar todos los plugins.
  5. De nuevo, comprueba si las imágenes destacadas aparecen después de desactivar todos los plugins. Si no es así, reactiva los plugins y pasa a otra causa del problema.
  6. Si las imágenes destacadas ahora funcionan, uno de tus plugins era el problema.
  7. Reactiva cada plugin uno por uno. Después de cada reinstalación, debes comprobar si las imágenes destacadas siguen funcionando y se muestran correctamente.
  8. Si la imagen destacada falla, ya sabes qué plugin está causando el problema.
  9. Desinstala ese plugin y busca una alternativa.

Cómo Resolver la Compatibilidad de un Tema con una Imagen Destacada

Una cosa interesante sobre las imágenes destacadas es que algunos temas de WordPress pueden no soportarlas. Esto se debe a una gran variedad de razones. El tema no está bien codificado, o el desarrollador ha eliminado la funcionalidad de la imagen destacada por defecto a propósito, principalmente porque tienen otros ajustes para controlar la imagen destacada.

Sea cual sea la razón, es posible que tu tema de WordPress no ofrezca soporte para las imágenes destacadas estándar. La solución suele pasar por ir a los ajustes del tema y localizar el área personalizada de las imágenes destacadas.

Sin embargo, es posible que el tema haya eliminado las imágenes destacadas en la codificación, y no tiene ninguna herramienta adicional para anular la falta de imágenes destacadas.

Por lo tanto, te recomendamos que compruebes si tu tema es compatible con las imágenes destacadas. Puedes hacerlo simplemente preguntando al desarrollador del tema, leyendo la documentación o yendo al archivo functions.php.

El siguiente bloque de código es lo que puedes insertar (o buscar) en el archivo functions.php:

add_theme_support( 'post-thumbnails');

Cómo Solucionar un Problema de Imagen Destacada Debido a la Carga Diferida

La Carga Diferida (Lazy Loading) es uno de los muchos métodos utilizados para optimizar las imágenes y mejorar el rendimiento del sitio. Lo hace deteniendo la carga de las imágenes en una página hasta que aparecen en la pantalla. Por ejemplo, la última imagen de un artículo largo no tiene por qué cargarse hasta que el usuario se desplace hasta el final de la página y llegue a esa imagen.

Sin embargo, la carga diferida a menudo causa problemas con las imágenes destacadas, ya que algunos plugins de carga diferida tratan las imágenes destacadas como imágenes normales. Dichos plugins pueden no ser la mejor solución si bloquean la imagen destacada para que no se muestre en una lista de últimas publicaciones, o si hacen que la imagen destacada se cargue lentamente; la imagen destacada debería cargarse inmediatamente para una experiencia de usuario óptima.

Muchos plugins de optimización de imágenes ofrecen la funcionalidad de lazy loading como un complemento. Por lo tanto, tienes que comprobar cada plugin para ver si tienen esta función habilitada en tu sitio.

Una vez que hayas localizado al posible culpable, desactiva la carga diferida, borra la caché de tu sitio y comprueba si eso resuelve cualquier problema que puedas tener con tus imágenes destacadas.

'Habilitar la carga lenta de imágenes' con Jetpack
‘Habilitar la carga diferida de imágenes’ con Jetpack

Estos son algunos plugins que suelen incluir funciones de lazy loading:

La Imagen Destacada de WordPress No Se Ve en la Posición Correcta

Cada plantilla de página y entrada de WordPress especifica la ubicación de la imagen destacada. Un tema o plugin suele definirla.

Normalmente, la imagen destacada se encuentra justo debajo del título y encima de la primera línea. Es posible que un tema haya cambiado esto. Es posible que quieras mover la imagen destacada a otro lugar, como por ejemplo debajo del primer contenido o por encima del título con el nombre del autor.

Tienes que mover la imagen ligeramente
Tienes que mover la imagen ligeramente

Para ajustar la ubicación de una imagen destacada, dirígete a la plantilla de la página o de la entrada que estés utilizando.

Busca este trozo de código en el archivo:

the_post_thumbnail();

Este fragmento de código es una referencia a tu imagen destacada. Las miniaturas de las entradas son lo que las imágenes destacadas solían ser llamadas en WordPress desde sus primeros días. Le dice a WordPress que muestre la imagen destacada en la ubicación exacta de la plantilla. La función the_post_thumbnail(); puede estar antes del título de la página o después del contenido – eso depende de la configuración de tu página y tema.

Para cambiar la ubicación de la imagen destacada, recorta este trozo de código y pégalo en otro lugar de la plantilla de la página/entrada. Dándole una nueva posición dentro de la plantilla también le dirá a WordPress que debe mostrarla en otro lugar en el frontend.

Como siempre, recomendamos hacer una copia de seguridad de tu sitio de WordPress antes de realizar modificaciones en el código. También es una buena idea hacer ajustes en los temas hijo en lugar de en los archivos del núcleo de WordPress.

La Imagen Destacada de WordPress No Se Ve Debido a la Configuración del Panel de Control

Uno de los problemas más frustrantes con las imágenes destacadas de WordPress que no se muestran tiene que ver con la configuración del panel de control.

Esto es frustrante porque es un simple ajuste en el pnael de control que le dice a WordPress que muestre o no la sección de imágenes destacadas.

Esta situación se presenta de dos formas:

  • Las imágenes destacadas no aparecen como miniaturas en tus listas de publicaciones y páginas en el panel de control.
  • El campo de la imagen destacada no aparece cuando intentas editar o crear una página o una entrada.

A continuación se explica cómo solucionar ambos problemas.

El primer problema surge cuando no puedes ver las miniaturas de las imágenes destacadas en tu lista de páginas o publicaciones. Puedes ir a Entradas > Todas las entradas para revisar tu lista de artículos. Se supone que después de la fecha de publicación aparece una columna llamada Imagen destacada. Esta columna revela la versión en miniatura de ese artículo destacado para darte una idea rápida de lo que aparecerá en el frontend de tu sitio.

La lista de "imágenes destacadas"
La lista de «imágenes destacadas»

¿Pero qué pasa si esas imágenes en miniatura no se encuentran en ninguna parte?

Esto significa que has desactivado un ajuste en tu panel de control para revelar la columna de imágenes destacadas.

Ahora no hay lista de imágenes

Para arreglar la situación, buscca y haz clic en la pestaña Opciones de pantalla en la esquina superior derecha del tablero.

Tienes que estar en el panel de Entradas o Páginas para que aparezca el panel de Opciones de Pantalla de la derecha.

Haga clic en la pestaña "Opciones de pantalla" en la parte superior
Haz clic en la pestaña «Opciones de pantalla» en la parte superior

La sección de Opciones de Pantalla tiene una larga lista de campos para marcar y establecer lo que quieres en tu panel de control de WordPress.

Por ejemplo, puedes añadir o eliminar elementos como etiquetas, categorías y el autor.

Aquí, queremos asegurarnos de que la casilla de la imagen destacada está marcada.

La columna de imágenes destacadas debería aparecer ahora en tu lista de entredas o páginas.

Asegúrese de marcar la casilla "Imagen destacada"
Asegúrate de marcar la casilla «Imagen destacada»

Otro dilema de las Opciones de Pantalla entra en juego cuando no ves el campo real para subir e insertar una Imagen Destacada. Este campo está disponible en todas las entradas y páginas de WordPress yendo al panel de ajustes de la entrada en el lado derecho del artículo o página.

Si ves que falta, sigue los siguientes pasos para activarlo.

La imagen destacada de WordPress no se muestra correctamente
La imagen destacada de WordPress no se muestra correctamente

Busca y selecciona el icono del triple punto (⋮) en la esquina derecha del panel de control. Desplázate hacia abajo en la lista de ajustes para localizar la opción Preferencias.

Haz clic en Preferencias para que aparezca una nueva ventana emergente.

La pestaña "Preferencias"
La pestaña «Preferencias»

El módulo de Preferencias incluye una amplia gama de opciones para un documento. Desplázate hacia abajo hasta la sección denominada Configuración del documento.

Allí encontrarás un campo llamado Imagen destacada. Asegúrate de que está marcado para revelar la opción de imagen destacada en tus entradas y páginas.

Marque la casilla "Imagen destacada" en Preferencias
Marca la casilla «Imagen destacada» en Preferencias

Alternativamente, puedes encontrarte en la versión antigua del editor de WordPress. Esto sigue siendo habitual en muchas páginas, o puede que hayas hecho retroceder el editor Gutenberg para utilizar el editor antiguo en su lugar.

En cualquiera de los dos casos, abre la página o la publicación en cuestión y busca el bloque de la imagen destacada en la parte derecha de la página.

Si no está ahí, haz clic en la pestaña Opciones de pantalla y marca la casilla Imagen destacada para que aparezca en el editor.

La imagen destacada de WordPress no se muestra
La imagen destacada de WordPress no se muestra

La Imagen Destacada de WordPress No Se Ve en la Página de la Galería de la Entrada del blog

Otra forma de utilizar las imágenes destacadas es incluir un feed de las entradas de tu blog en la página principal de tu sitio (o en cualquier otra página).

¿Pero qué pasa si las imágenes destacadas no se muestran en la página del blog?

Mensajes recientes en el sitio de prueba
Mensajes recientes en el sitio de prueba

No es raro que las marcas compartan una lista de las publicaciones más recientes, pero una galería o un feed con solo enlaces puede no atraer tanta atención.

WordPress ofrece varias formas de listar las entradas de tu blog en otro lugar de un sitio web, pero a veces hay que configurar los ajustes correctos para garantizar que se muestren correctamente.

Nota: Muchos propietarios de sitios web utilizan plugins de galerías o listados de entradas de terceros para hacer esto. Si ese es tu caso, tendrás que consultar con el desarrollador del plugin. En este tutorial solo cubriremos cómo arreglar las imágenes destacadas con las herramientas integradas de WordPress.

Mostrar una galería o lista de las publicaciones recientes de tu blog se hace añadiendo un elemento de bloque de Gutenberg a la página designada como la Portada de WordPress.

Esto significa que debes crear una página y asignarla como página de inicio en la configuración de Lectura de WordPress.

Como recordatorio rápido, puedes convertir cualquier página de WordPress en la página de inicio yendo a Ajustes > Lectura en el panel de control.

Ir a la página de configuración de la lectura
Ir a la página de configuración de la lectura

Asegúrate de que el área que dice Tu portada muestra como Una página estática. Esto muestra que te gustaría tener una página de inicio personalizable con la capacidad de añadir y eliminar elementos de bloque a través de constructores de páginas como Gutenberg. Es lo contrario de mostrar solo una lista de tus Últimas entradas.

Haz clic en el campo desplegable de la página de inicio para mostrar la lista de páginas que tienes actualmente activas en tu sitio web. En este tutorial, tenemos una página llamada «Homepage». La tuya puede tener un nombre diferente dependiendo de cómo la hayas nombrado.

Nota: Siempre puedes entrar aquí y cambiar la página de inicio estática. Por ejemplo, es posible que quieras renovar tu página de inicio por completo, y es más fácil hacer una página completamente nueva en lugar de editar la actual.

Elija la página de inicio estática
Elige la página de inicio estática

Ahora es el momento de mirar el contenido dentro de esa página para asegurarte de que las imágenes destacadas se muestren como deberían.

Para añadir contenido a tu página de inicio y ajustar la configuración del feed del blog en esa página, ve a Páginas > Todas las páginas en el panel de control.

Vaya a "Páginas > Todas las páginas" en el administrador de WordPress
Ve a «Páginas > Todas las páginas» en el administrador de WordPress

Desplázate por la lista de páginas para localizar la que asignó como página de inicio. Debería tener una etiqueta de Portada junto a ella. Nuevamente, en este tutorial, nombramos la página como «Homepage», pero puedes tener algo diferente.

Haz clic en la página especificada como Portada.

Editar la "página de inicio" ahora
Editar la «Portada» ahora

Añadir las Últimas Entradas

Es posible que ya tengas activado el bloque de Últimas Entradas en tu página de inicio, pero si no es así, puedes encontrarlo buscando en la biblioteca de bloques de Gutenberg. El bloque se llama Últimas Entradas. Todo lo que tienes que hacer es hacer clic en el icono para insertarlo en algún lugar de la página de inicio.

Después, no dudes en arrastrarlo hacia arriba o hacia abajo en la página de inicio para que se sitúe en la posición adecuada.

Añadiendo el bloque de 'Últimas Entradas' a la
Añadiendo el bloque de ‘Últimas Entradas’ a la «Portada»

Volviendo a las imágenes destacadas, no está configurado por defecto para mostrar las imágenes destacadas de las entradas del blog cuando se pone el bloque de Últimas Entradas en una página. Puedes ver una simple lista de enlaces, junto con las descripciones de esas entradas.

Para añadir las imágenes destacadas, haz clic en el bloque de Últimas Publicaciones. Esto selecciona todo el bloque y revela los ajustes para ese bloque en el panel del lado derecho.

Asegúrate de que está en la pestaña de ajustes de bloqueo. Puede que tengas que cambiarla de Documento a Bloque.

Accede a la pestaña de configuración de "Bloqueo"
Accede a la pestaña de configuración de «Bloqueo»

Desplázate hacia abajo en la pestaña de configuración del bloque para ver las opciones disponibles. Los primeros ajustes no tienen nada que ver con la imagen destacada, pero pueden afectar a cómo se muestran las publicaciones en el bloque y hacer que tus imágenes destacadas tengan un aspecto extraño.

Te recomendamos experimentar con los ajustes de contenido, como mostrar el contenido de la publicación, mostrar el nombre del autor o mostrar la fecha de la publicación. Todos ellos entran en juego a la hora de destacar tus publicaciones recientes y asegurarte de que tienen un aspecto presentable al tiempo que muestran tus imágenes destacadas.

La pestaña "Configuración del contenido de la publicación".
La pestaña «Configuración del contenido de la publicación».

La siguiente parte es el elemento más importante ya que activa las imágenes destacadas en el bloque de Últimas Entradas.

Encuentra la sección llamada Configuración de la imagen destacada.

Aquí, activa la opción de Mostrar imagen destacada. Esto activa las imágenes destacadas para todas las últimas publicaciones que se extraen. Si no se asigna una imagen destacada a una publicación, se mostrará un espacio en blanco en su bloque.

La opción "Mostrar imagen destacada
La opción «Mostrar imagen destacada»

Además, ahora hay varios ajustes disponibles para que las imágenes destacadas tengan un aspecto profesional. Esto es particularmente importante si estás destacando tus publicaciones recientes en la página de inicio.

Por ejemplo, el campo Tamaño de la imagen indica a tu sitio web el tamaño de las imágenes destacadas en la lista o la galería. Si lo cambias a la opción de miniaturas, esas imágenes se reducen ligeramente y suelen convertirse en cuadrados perfectos.

Establecer el tamaño de la imagen destacada
Establecer el tamaño de la imagen destacada

Al cambiar a Grande o Mediano se ajusta el tamaño de todas las imágenes destacadas en el bloque y se añade una vista más apaisada dependiendo de las dimensiones de tus imágenes destacadas.

Elija el tamaño de imagen "grande"
Elija el tamaño de imagen «grande»

También te recomendamos mirar las Dimensiones de la Imagen. Este ajuste controla el tamaño de todas las imágenes destacadas que se muestran en el bloque de Últimas Entradas. Puedes escribir una anchura y una altura personalizadas, o decidir un porcentaje, para que la herramienta cambie automáticamente el tamaño de todas las imágenes destacadas basándose en el porcentaje indicado. Por ejemplo, puedes reducir cada imagen destacada a un 25% de su tamaño original.

También existe un ajuste de alineación de la imagen para indicar si las imágenes deben deslizarse hacia la derecha, el centro o la izquierda.

Ajustes de las dimensiones de la imagen destacada
Ajustes de las dimensiones de la imagen destacada

Una de las últimas áreas a considerar para la sección de Imágenes Destacadas (en el bloque de Últimas Entradas) es el número de elementos que se muestran en el bloque y cuántas columnas lo componen.

Como con la mayoría de los ajustes de WordPress, estos también tienden a modificar la forma en que aparecen sus imágenes destacadas. Esto se debe a que tener cuatro columnas requerirá tener mucho más espacio (e imágenes más pequeñas) que un bloque con dos o tres columnas.

Prueba los campos de Número de elementos y Columnas para asegurarte de que tus imágenes destacadas sean presentables y atractivas cuando se publiquen en la página de inicio.

Ajuste del "Número de elementos" y "Columnas
Ajuste del «Número de elementos» y «Columnas

Una vez que todo esté configurado, pulsa el botón Publicar. Tus últimas publicaciones deberían aparecer donde hayas colocado el bloque en tu página de inicio. Además, las imágenes destacadas de cada entrada deberían aparecer sobre el título y el enlace de la misma.

Entradas recientes con imágenes destacadas que muestran
Entradas recientes con imágenes destacadas visibles

La Imagen Destacada de WordPress No Se Ve en Facebook

La imagen destacada también aparece en las incrustaciones cuando se comparte una publicación o página en las redes sociales.

Cada red social tiene su propia visualización para el contenido compartido, pero Facebook es un punto de partida sólido, ya que es la más popular. Si la imagen destacada se muestra en Facebook, es muy probable que también aparezca en otras redes sociales.

La gran pregunta es si la imagen destacada de una publicación se muestra correctamente cuando se comparte un enlace en Facebook. Si no es así, ¿cómo se soluciona el problema? Al fin y al cabo, una publicación compartida en Facebook sin imagen no tendrá mucha repercusión.

En cuanto a las imágenes destacadas en Facebook, a menudo vemos los siguientes problemas:

  • La imagen destacada incorrecta aparece en Facebook.
  • Ninguna imagen destacada complementa las publicaciones cuando se comparten en Facebook.
  • Se extraen varias imágenes de la entrada, pero debes elegir cuál quieres utilizar.

Todas las preocupaciones mencionadas anteriormente se derivan de problemas similares. Todos ellos indican que Facebook tiene problemas para acceder a los datos de Open Graph desde tu sitio web o que, para empezar, no hay datos de Open Graph.

Cómo Probar si Tu Imagen Destacada Se Ve Correctamente En Facebook

No existe una razón para entrar en el modo de resolución de problemas si tus imágenes destacadas y el contenido de la publicación aparecen bien en Facebook cuando se comparte la publicación.

Te sugerimos que hagas una prueba para ver si las imágenes destacadas se muestran realmente en Facebook o no.

Una forma de realizar esta tarea es abrir tu cuenta de Facebook y fingir que estás a punto de compartir una actualización de estado.

Todo lo que tienes que hacer es pegar el enlace de la publicación en el campo de estado de Facebook (también puedes hacerlo en las páginas personales o de empresa) y esperar a ver si el contenido de la publicación se renderiza, junto con la imagen destacada.

La siguiente captura de pantalla muestra una publicación que funciona bien en Facebook, ya que incluye un resumen del contenido de la publicación, con un enlace, el título y la imagen destacada.

Nota: Las imágenes destacadas se extraen de WordPress y se rellenan en los sitios de medios sociales con el uso de algo llamado Open Graph. Kinsta Hosting ya ofrece soporte para Open Graph, junto con la posibilidad de controlar esto usando Yoast SEO. Por lo tanto, Kinsta prohíbe la mayoría de los plugins de Open Graph ya que pueden causar conflictos. Sin embargo, recomendaremos algunos plugins de Open Graph para resolver los problemas si alguno de tus sitios web se ejecuta en otro alojamiento web.

La imagen destacada de WordPress se muestra en Facebook
La imagen destacada de WordPress se muestra en Facebook

Otra forma de ver si esto funciona es si tienes algún botón para compartir en redes sociales en tu sitio web. Ve a la publicación en cuestión, haz clic en el enlace Compartir en Facebook y comprueba si la imagen destacada aparece en la ventana emergente.

Por último, también tienes la opción de visitar la herramienta de depuración para desarrolladores de Facebook. Esta herramienta rastrea cualquier URL que quieras y te dice si se produce algún error al acceder Facebook a la información. También proporciona una vista previa limpia de lo que puedes esperar ver si pegas o compartes esa URL en Facebook.

Una vez en la página de la Herramienta de depuración para desarrolladores, busca la pestaña Depurador de contenido compartido y pega la URL en cuestión.

Haz clic en el botón de depuración para continuar.

La pestaña "Sharing Debugger" en el portal de Facebook para desarrolladores
La pestaña «depurador de contenido compartido» en el portal de Facebook para desarrolladores

Consulta nuestra guía aquí para obtener más información sobre la herramienta de depuración de Facebook.

Hay bastante información sobre cómo interactúa tu URL con Facebook, pero todo lo que tienes que ver es la vista previa. El área de vista previa del enlace te muestra exactamente el aspecto que tendrá tu publicación si tú, u otra persona, la comparte en Facebook.

La captura de pantalla de abajo nos dice que nuestra imagen destacada se muestra bien. ¿Pero qué pasa si no es así? ¿Qué pasa si la imagen destacada no es la correcta, o si no ves ninguna imagen en absoluto?

Eso es un problema, así que sigue los siguientes pasos para asegurarte de que tu imagen destacada esté siempre lista para ser compartida en las redes sociales.

Comprobación de la "vista previa del enlace" de una URL en Facebook
Comprobación de la «vista previa del enlace» de una URL en Facebook

Nota: A veces los sitios web más nuevos tienen problemas con Facebook y otros sitios sociales porque Facebook aún no ha rastreado el sitio. Debido a esto, pegar y depurar la URL en la herramienta de depuración de recursos compartidos de Facebook podría resolver tus problemas por completo.

Una manera fácil de ver si el código Open Graph está activado en tu sitio es utilizando un plugin de SEO. Muchos de ellos proporcionan herramientas para ver vistas previas de lo que se muestra en Facebook y otras redes sociales.

Además, normalmente se puede activar el marcado Open Graph directamente desde la configuración de un plugin de SEO.

Para esta sección, te mostraremos cómo activar el marcado Open Graph con dos de los plugins SEO más populares: AIO (All In One) SEO y Yoast SEO.

Para el plugin AIOSEO, navega hasta el menú All in One SEO y haga clic en la pestaña Redes Sociales.

Elige la opción de Facebook y desplázate hacia abajo para localizar el campo para Activar el marcado de Open Graph. Por defecto, esta función debería estar activada, pero es posible que la hayas desactivado en algún momento.

También puedes configurar los ajustes para tener una Fuente de Imagen de la Publicación por defecto, como sacar la primera imagen de una publicación o ir con la Imagen Destacada.

A continuación, haz clic en el botón Guardar cambios y comprueba si el uso compartido de Facebook permite que aparezca la imagen destacada.

Ficha de configuración de la AISEO en Facebook
Ficha de configuración de la AISEO en Facebook

Yoast SEO es otro plugin de SEO que incluye funciones para compartir en redes sociales y opciones para activar/desactivar la funcionalidad Open Graph.

Lo bueno de Yoast SEO es que la simple instalación del plugin puede servir para activar el protocolo Open Graph para compartir en redes sociales.

Si sigues teniendo problemas, ve a SEO > Social en el panel de control de WordPress.

Enlace a la configuración 'Social' de Yoast SEO
Enlace a la configuración ‘Social’ de Yoast SEO

Aquí, selecciona la pestaña de Facebook. También puedes probar esto para las otras redes sociales como Twitter y Pinterest.

Busca el interruptor de añadir metadatos de Open Graph y asegúrate de que está activado.

También puedes establecer una URL de imagen por defecto para que aparezca si una publicación no tiene una imagen destacada asignada.

Asegúrate de guardar los cambios e intenta compartir otra publicación para ver si ahora permite las imágenes destacadas en las publicaciones compartidas.

Facebook tab - WordPress featured image not showing

Cada vez que hagas un cambio, es bueno volver a la Depurador de contenido compartido de Facebook para promover que Facebook busque más datos sobre la publicación.

Puedes hacer clic en el botón Scrape Again o simplemente actualizar la página y pegar la URL de tu entrada en el campo una vez más.

Depuración de Varias URL a la Vez en Facebook

Es posible que tengas muchas publicaciones antiguas que no generan imágenes destacadas cuando se comparten en Facebook. Eso es un problema bastante grande.

Si te encuentras en esta situación, te recomendamos que vuelvas a la herramienta de depuración de contenido compartido de Facebook y hagas clic en la opción de Invalidador de lotes.

paste in bulk - featured image not showing WordPress

Esto te permite pegar hasta 50 URL y ejecutar la herramienta para que Facebook vuelva a desechar sus metadatos correctamente.

Tienes dos opciones para obtener las URL de tu sitio. La primera es hacerlo manualmente, haciendo clic en cada entrada y página de tu sitio y recopilando las URL en un documento.

Una alternativa es instalar y activar un plugin como Export All URL. Éste toma todas las URL de tu sitio y las exporta a un simple documento. De este modo, podrás copiarlas y pegarlas fácilmente en la herramienta de depuración de contenido compartido de Facebook.

Una vez hecho esto, haz clic en el botón Depurar para procesar todas las URL de la lista y hacer que las imágenes destacadas, y todos los demás datos relevantes de la publicación, aparezcan cuando se compartan en Facebook

Opciones Adicionales para Mostrar la Imagen Destacada de WordPress en las Redes Sociales

La activación de Open Graph en tu sitio de WordPress es fundamental para mostrar tus imágenes destacadas en plataformas como Facebook.

Si tienes problemas con los plugins de SEO mencionados anteriormente, o simplemente no tienes previsto utilizar un plugin de SEO (y, por lo tanto, no tienes acceso a un botón de activación rápida de Open Graph), hay algunas otras opciones para activar Open Graph.

El Plugin OG

El primero es OG, que viene bien para añadir el protocolo Open Graph y convertir cualquier página web en objetos ricos para las redes sociales. El plugin es ligero y no ofrece ninguna otra característica, por lo que es ideal para aquellos que no están interesados en nada más que arreglar el tema de Open Graph.

Para empezar, instala y activa el plugin OG en tu sitio de WordPress.

El plugin OG
El plugin OG

La verdadera ventaja de un plugin como OG es que no requiere ninguna configuración después de la instalación. Esto significa que no hay ajustes que mirar o cambiar antes de que trabaje su magia.

El protocolo Open Graph se activa automáticamente para todas las entradas y páginas de WordPress.

Ahora, ve a tu página de Facebook (personal o de empresa) y pega un enlace con una imagen destacada en el campo Estado.

Imagen destacada que aparece en Facebook
Imagen destacada que aparece en Facebook

Con el plugin OG activado, ahora deberías ver la información de la entrada y la imagen destacada en la vista previa.

Si todavía no tienes éxito con eso, considera ir al depurador de contenido compartido de Facebook para asegurarte de que Facebook sabe cómo rastrear tu sitio web, ya que ese suele ser el problema si ya tienes el protocolo Open Graph activado.

El Plugin de Open Graph y Twitter Card Tags

Nuestra última opción para activar el protocolo Open Graph para revelar imágenes destacadas se llama el plugin Open Graph and Twitter Card Tags. Junto con la activación del Open Graph para todas las redes sociales, este plugin tiene la ventaja añadida de incluir las etiquetas de Twitter para mejorar tus resultados de compartición en Twitter.

Una vez más, Kinsta prohíbe muchos plugins de Open Graph, incluido este. Eso es porque no hay necesidad de activar un plugin de Open Graph con Kinsta. Sin embargo, si utilizas cualquier otro proveedor de alojamiento, te puede resultar útil.

Para empezar, instala y activa el plugin Open Graph y Twitter Card Tags en tu sitio de WordPress.

Plugin de etiquetas de Open Graph y Twitter Card
Plugin de  Open Graph y Twitter Card Tags

Ahora, ve a Configuración > Open Graph y Twitter Card Tags. Esto te lleva a la configuración necesaria para activar el protocolo Open Graph y calibrar qué elementos de contenido te gustaría ver cuando tus publicaciones y páginas se comparten en las redes sociales.

Configuración de Open Graph y Twitter Card Tags
Configuración de Open Graph y Twitter Card Tags

Selecciona la pestaña General y localiza la sección Configuración de la descripción. Aquí, necesitas rellenar campos como la longitud de la descripción, la descripción de la página de inicio y la descripción por defecto. Estos no controlan tu imagen destacada, pero se muestran justo debajo de la imagen destacada, por lo que es importante para mostrar el contenido.

La pestaña "General" en Open Graph y Twitter Card Tags
La pestaña «General» en Open Graph y Twitter Card Tags

Desplázate hacia abajo hasta el área llamada Configuración de la imagen. Hay un campo para elegir el origen de la imagen cuando se comparte una publicación o página en las redes sociales.

Selecciona las dos primeras casillas para tomar la imagen de Open Graph, mientras que la otra es para usar la imagen destacada de la página o de la publicación.

Estos son los ajustes generales para compartir en todas las redes sociales, asegurándote de que Facebook y Twitter no seleccionen aleatoriamente las fotos de tu artículo u otros lugares de tu sitio web.

Establece de dónde usar la imagen destacada
Establece de dónde usar la imagen destacada

A continuación, haz clic en la pestaña Facebook Open Graph. Aquí, puedes configurar todo para el protocolo de compartición Open Graph, aunque con rasgos específicos únicos para Facebook.

Por ejemplo, puedes considerar incluir cosas como el Nombre del Sitio y el Título de la Publicación pero no tener la URL. Hay una larga lista de ajustes con los que se puedes jugar, así que todo depende de ti.

La opción más importante en este momento es el campo Incluir imagen. Marca esta casilla para que la imagen destacada de una entrada o página de WordPress se rellene al compartirla en Facebook.

La pestaña de configuración de "Open Graph"
La pestaña de configuración de «Open Graph»

Otro módulo específico de Open Graph de este plugin es para Twitter. Selecciona la pestaña Twitter Cards para mostrar los ajustes para configurar tus Twitter Card Tags.

Las Twitter Cards son un poco diferentes a los módulos para compartir de Facebook, así que puedes revisar estos ajustes para asegurarte de que todo se vea bien. Te recomendamos marcar las casillas del Título, la URL y la Descripción.

Por último, debes marcar la casilla de Incluir imagen, ya que es la única forma en que Twitter toma tu imagen destacada de una publicación o página.

Asegúrate de Guardar los ajustes cuando hayas terminado.

La pestaña de configuración de las "Tarjetas"
La pestaña de configuración de las «Cards»

En general, la mejor manera de activar el protocolo Open Graph para compartir correctamente el contenido y las imágenes destacadas en las redes sociales es instalando un plugin como Yoast SEO o OG. El siguiente mejor método es utilizar un alojamiento gestionado como Kinsta, que ya tiene Open Graph configurado para ti.

Asegurate de que las Imágenes Destacadas Siempre Se Vean en las Entradas y Páginas

La imagen destacada es propensa a errores humanos, ya que el autor de la página o de la entrada debe cargar manualmente una imagen destacada cada vez que crea una nueva página web.

Aunque automatizar el proceso no es para todo el mundo, existen trucos para asegurar que siempre se muestre una imagen destacada de WordPress para las entradas y páginas, minimizando la posibilidad de que un autor se olvide de subir una.

Cómo Configurar las Imágenes Destacadas por Defecto para Todo WordPress

Una forma de asegurar que el campo de la imagen destacada nunca esté vacío es establecer una imagen destacada por defecto para todas las publicaciones.

La mejor parte de este plugin es que no reemplaza las imágenes destacadas que ya tienes en tus entradas. En su lugar, detecta los puestos que carecen de imágenes destacadas y establece una imagen destacada por defecto para ellos.

Comienza instalando y activando el plugin Default Featured Image.

Ahora, dirígete a Ajustes > Medios en tu panel de control de WordPress.

Vaya a 'Ajustes > Medios' en el panel de control de WordPress
Ve a ‘Ajustes > Medios’ en el panel de control de WordPress

Esta es la única sección del panel de control que se cambia por el plugin de imagen destacada por defecto.

Desplázate hacia abajo para encontrar un nuevo campo llamado Imagen destacada por defecto.

Haz clic en el botón Seleccionar imagen destacada por defecto.

Seleccione la imagen destacada por defecto
Selecciona la imagen destacada por defecto

Esto hace que aparezca la biblioteca de medios, desde donde puedes elegir una imagen que sirva como imagen destacada por defecto.

Después de seleccionar una imagen, haz clic en el botón Establecer imagen destacada por defecto.

Seleccione la imagen destacada por defecto
Selecciona la imagen destacada por defecto

Ahora deberías ver una miniatura de esa imagen para todas las publicaciones que no tengan imágenes destacadas ya cargadas.

Asegúrate de hacer clic en el botón Guardar cambios para activar la imagen destacada por defecto en tu sitio.

Establecer una imagen destacada por defecto
Establecer una imagen destacada por defecto

Es importante probar cómo funciona la imagen destacada por defecto en tu sitio.

Para ello, ve a Entradas > Todas las entradas.

Ir a la pantalla "Todos los puestos"
Ir a la pantalla «Todas las entradas»

Selecciona una de las entradas de tu blog que aún no tenga una imagen destacada.

Ve a tu panel de Ajuestes de la Publicación y abre la sección de Imagen Destacada.

Esto debería estar vacío, pidiéndote que subas una imagen destacada.

Seleccione la imagen destacada
Selecciona la imagen destacada

Sin embargo, con el plugin Default Featured Image activo, todo lo que tienes que hacer es pulsar el botón de actualización de la entrada.

Haga clic en el botón "Actualizar"
Haz clic en el botón «Actualizar»

La imagen destacada por defecto se rellena entonces dentro del módulo de imagen destacada de la entrada.

La buena noticia es que todas las publicaciones futuras sin imágenes destacadas añadirán automáticamente la foto por defecto. Sin embargo, es posible que tengas que actualizar las publicaciones anteriores para que la imagen destacada por defecto aparezca en ellas.

La imagen destacada por defecto se muestra aquí
La imagen destacada por defecto se muestra aquí

Como prueba, visitemos un post que ya tiene una imagen destacada incluida en el artículo.

Como puedes ver, aparece una imagen diferente en la sección de Imagen Destacada. Esto nos dice que el plugin está haciendo su trabajo añadiendo la imagen destacada por defecto a las entradas correctas y dejando fuera las que ya tienen imágenes destacadas.

La imagen destacada por defecto no se muestra aquí
La imagen destacada por defecto no se muestra aquí

Cómo Subir y Editar en Bloque Todas las Imágenes Destacadas de Tu Sitio

En algún momento, puede que te des cuenta de que a varios posts antiguos les vendrían bien nuevas imágenes destacadas. También es posible que quieras reemplazar una determinada categoría de post o página para que todos tengan la misma imagen destacada, ya sea una imagen de diseño profesional que indique que el artículo es para un tutorial o quizás para poner tu logo una imagen relevante en todas las páginas web.

En cualquier caso, debes editar en bloque estas imágenes destacadas para no pasar horas editando todas y cada una de ellas. Algunos sitios web ya tienen cientos o incluso miles de imágenes destacadas, por lo que se requiere una herramienta de edición en bloque.

El plugin Quick Featured Images se encarga de la edición en bloque de las imágenes destacadas junto con una miríada de otras funcionalidades, como la adición de una imagen destacada por defecto para todas las publicaciones o el establecimiento de preajustes para las imágenes destacadas por defecto.

Plugin de imágenes destacadas rápidas
El plugin Quick Featured Images

Lo que más nos interesa en este tutorial es la herramienta de edición en bloque. Te permite intercambiar varias imágenes destacadas cargadas previamente, haciendo que todas sean la misma imagen.

Una vez instalado y activado el plugin, dirígete a Imágenes destacadas > Edición masiva.

Ir a 'Imágenes destacadas > Edición masiva'
Ir a ‘Imágenes destacadas > Edición masiva’

Aquí verás una barra de progreso en la parte superior de la página. La barra de progreso indica exactamente en qué punto del proceso de edición masiva de las imágenes destacadas te encuentras.

Esto es importante porque la edición masiva es permanente, por lo que quiere estar seguro de tus acciones en cada paso.

Para comenzar el proceso de edición masiva de imágenes destacadas, desplázate hacia abajo en la página.

Edición masiva de las imágenes destacadas
Edición masiva de las imágenes destacadas

Localiza la sección titulada Acciones con una sola imagen. Hay tres opciones disponibles para editar en bloque las imágenes destacadas:

  • Establece la imagen seleccionada como la nueva imagen destacada.
  • Sustituye las imágenes destacadas por la imagen seleccionada.
  • Elimina la imagen seleccionada como imagen destacada.

Elige la opción correcta dependiendo de lo que quieras conseguir. Por ejemplo, puede que simplemente quieras eliminar todas las imágenes destacadas antiguas o asegurarte de que todas las nuevas imágenes destacadas se establecen como una imagen específica. En esos casos, puedes optar por la primera o la tercera opción.

Sin embargo, normalmente vas a optar por la titulada «Reemplazar imágenes destacadas por la imagen seleccionada». Esto te permite subir una imagen que reemplazará tantas imágenes destacadas actuales como quieras. Más tarde seleccionarás esas imágenes y cambiarás cada una de ellas en lugar de la nueva.

Haz clic en el botón Elegir imagen para continuar.

Ajustes de 'Acciones con una sola imagen'
Ajustes de ‘Acciones con una sola imagen’

Este paso consiste en elegir la imagen que te gustaría que se mostrara como nueva imagen destacada para algunas de tus publicaciones o páginas actuales.

Selecciona la imagen que te guste y haz clic en el botón Elegir imagen.

Haga clic en el botón "Elegir imagen"
Haga clic en el botón «Elegir imagen»

Verás que esta imagen se rellena en el panel de control. Asegúrate de que es la imagen correcta y que el plugin la reconoce.

Establece la opción 'Reemplazar imágenes destacadas por la imagen seleccionada'
Establece la opción ‘Reemplazar imágenes destacadas por la imagen seleccionada’

Desplázate hasta el final de la página para hacer clic en el botón Siguiente.

Pulse el botón "Siguiente"
Pulse el botón «Siguiente»

El siguiente paso es Añadir un filtro, que esencialmente te pide que elijas las imágenes que deseas reemplazar. Por lo tanto, haz clic en el botón Elegir imágenes bajo la sección titulada «Selecciona las imágenes destacadas que desea reemplazar por la imagen seleccionada».

Haga clic en el botón "Elegir imágenes"
Haz clic en el botón «Elegir imágenes»

En este módulo, puedes seleccionar varias imágenes de tu biblioteca multimedia. El único problema es que no te dice cuáles de tus imágenes de la biblioteca multimedia han sido cargadas previamente como imágenes destacadas.

En cualquier caso, selecciona una imagen, o varias, manteniendo pulsada la tecla Shift mientras eliges las imágenes, y haz clic en el botón Elegir imágenes para continuar.

Elige las imágenes que se van a editar de forma masiva
Elige las imágenes que se van a editar de forma masiva

Todas las imágenes seleccionadas aparecen como vistas previas en miniatura en el panel de control del plugin. No dudes en volver a elegir más imágenes si te has saltado alguna.

Haz clic en el botón Vista previa del filtrado para ver qué sustituciones masivas se producirán.

Seleccione la opción "Filtrado previo"
Selecciona la opción «Filtrado previo»

La siguiente página explica qué imágenes destacadas actuales serán sustituidas por la futura imagen destacada que hayas especificado anteriormente. Parece que solo dos de las imágenes seleccionadas están realmente almacenadas como imágenes destacadas en nuestras entradas. Eso significa que solo esas imágenes serán reemplazadas por la nueva imagen.

Una vez que todo se vea bien y hayas decidido que esas antiguas imágenes destacadas están listas para ser reemplazadas, haz clic en el botón Aplicar para finalizar la edición masiva.

Haga clic en el botón "Aplicar"
Haz clic en el botón «Aplicar»

La última página presenta los resultados de la edición masiva, con detalles sobre las entradas que ahora tienen nuevas imágenes destacadas. Puedes ver que dos de mis entradas tienen ahora una nueva imagen destacada, y son las mismas imágenes. Eso es lo que estábamos tratando de lograr.

Compruebe los resultados de la "Edición masiva"
Comprueba los resultados de la «Edición masiva»

Ahora puedes ir a Entradas > Todas las entradas en tu panel de control para ver los mensajes en una lista y asegurarte de que las imágenes destacadas realmente fueron reemplazadas en los mensajes.

Como puedes ver, las dos entradas mostradas anteriormente tenían sus imágenes destacadas cambiadas por la que yo quería.

 Vea las nuevas imágenes destacadas
Revisa las nuevas imágenes destacadas

Ten en cuenta que la página inicial de selección del plugin Quick Featured Images ofrece una amplia gama de acciones para realizar con tus imágenes destacadas. Estas son excelentes herramientas para reemplazar imágenes destacadas mal diseñadas o para solucionar problemas cuando ciertas imágenes destacadas no se muestran en primer lugar.

Por ejemplo, podría completar una acción con múltiples páginas. En esta situación, establecerías aleatoriamente múltiples imágenes destacadas para tus publicaciones basándote en las fotos que elijas de la Biblioteca Multimedia.

Otra opción es realizar una acción sin una imagen seleccionada, como eliminar una imagen destacada que se repite varias veces en varias publicaciones, o si se necesita eliminar todas las imágenes destacadas sin archivos de imagen existentes.

Acciones con una sola imagen y con varias imágenes
Acciones con una sola imagen y con varias imágenes

Las oportunidades son abundantes con el plugin Quick Featured Images, por lo que te sugerimos que pruebes las herramientas y veas cómo puedes editar en bloque algunas de tus imágenes destacadas más antiguas o que no funcionan para limpiar el atractivo visual general de tu sitio web.

Plugins para Arreglar los Problemas de las Imágenes Destacadas de WordPress

Los problemas con las imágenes destacadas provienen de varios problemas. A veces, la mejor solución es instalar un plugin y esperar que proporcione las características necesarias para arreglar todo.

Después de todo, un tema o un plugin podría estar causando el problema. Es mejor utilizar un plugin que pueda anular el conflicto que cambiar todo el tema y rediseñar el sitio web solo para arreglar las imágenes destacadas.

Aunque no todos los plugins de corrección de imágenes destacadas completan las mismas tareas, hay algunos que recomendamos investigar antes de intentar cualquier cambio drástico con tu sitio web.

Featured Image de URL (FIFU)

Plugin FIFU
Plugin FIFU

El plugin Featured Image from URL, o FIFU, te permite tomar una imagen externa y utilizarla como imagen destacada para una entrada o página. Esto evita la idea de subir una imagen a la biblioteca multimedia de WordPress y activar esa imagen como imagen destacada.

Por lo tanto, podría ayudar con los problemas que puedes ver con las restricciones de tamaño de carga o incluso si tus permisos no están configurados correctamente. En general, el plugin tiene un campo para pegar una URL de una imagen e insertar esa imagen en la ranura de la imagen destacada.

Debes alojar la imagen en un lugar de terceros y asegurarte de que estará alojada allí en el futuro. Te recomendamos que utilices únicamente una plataforma de alojamiento de medios, o tal vez otro alojamiento de sitios web de tu propiedad. Sería problemático y potencialmente ilegal simplemente buscar una imagen en línea, tomar su URL y utilizar la imagen para tu imagen destacada, ya que no sabes dónde está alojada la URL de la imagen.

El plugin FIFU también incluye funciones para establecer automáticamente imágenes destacadas a partir de imágenes y vídeos utilizando etiquetas iframe y otros elementos. También puedes establecer imágenes destacadas a partir de fuentes más singulares, como la API de un libro o un ISBN, o incluso a partir de un título de entrada o un motor de búsqueda.

Quick Featured Images

Plugin de imágenes destacadas rápidas
El plugin de Quick Featured Images

Hemos cubierto el plugin Quick Featured Images en este artículo. Se utiliza principalmente para reemplazar las imágenes destacadas en masa. Esa es la razón principal por la que tomarías ventaja de este plugin. Elimina una cantidad significativa de trabajo de carga manual que podría estar esperandote.

Nos gusta especialmente su capacidad para establecer reglas para tus imágenes destacadas pasadas y futuras. Por ejemplo, es posible que desees extraer la primera imagen de tu contenido y convertirla en tu imagen destacada para una publicación. También es posible generar imágenes destacadas en función de los autores, las etiquetas y los tipos de publicaciones.

Ya sea que estés reemplazando imágenes destacadas existentes o tratando de arreglar las que no existían en primer lugar, el plugin Quick Featured Images hace el truco para todo eso.

Default Featured Image

El plugin Default Featured Image ofrece una forma sencilla de anular todos los casos en los que no se ha establecido una imagen destacada para una página o una entrada. Ayuda a limpiar esas publicaciones en las que olvidaste añadir una imagen destacada o, en algún momento, la quitaste debido a que la imagen destacada original no cumplía con tus estándares. En general, el plugin Default Featured Image tiene algunas herramientas sencillas para añadir una imagen destacada por defecto con el clic de un botón.

Plugin de imágenes destacadas por defecto
El plugin de Default Featured Image

Este plugin busca todos los campos de imágenes destacadas vacíos y los rellena con la opción por defecto. Aunque puede ser una solución temporal, esto también puede ser útil para establecer imágenes destacadas permanentes en las páginas y en las publicaciones generales del blog. Puede que solo necesites una foto básica que sea relevante para tu sitio web en esas páginas.

Su configuración se encuentra en la Configuración de Medios de WordPress, pero solo tienes un campo que rellenar. Sube la imagen aquí y haz clic en el botón Guardar.

Auto Featured Image

El plugin Auto Featured Image ofrece una opción única para solucionar los problemas de las imágenes destacadas. Promete hacer el proceso de carga de imágenes destacadas un poco más fácil para los propietarios de sitios web.

El plugin genera una imagen destacada a partir de la primera imagen de una entrada, pero solo si la imagen destacada no está ya configurada. Por lo tanto, sirve como una copia de seguridad del campo de la imagen destacada real, en caso de que se te olvide de subir la imagen destacada, pero todavía quieres que algo se muestre.

Plugin de imagen destacada automática
El plugin de Auto Featured Image

La ventaja de usar un método como este es que no hay que depender de una imagen destacada por defecto que puede no aplicarse a la entrada. Asumiríamos que la primera imagen de una entrada es relevante para el tema, por lo que no hay que preocuparse de que una imagen destacada por defecto se extraiga de un archivo y se duplique la misma imagen en varias entradas.

El plugin también tiene un maravilloso motor de búsqueda nativo que usa lugares como Google, Pixabay y Unsplash. También funciona bien con constructores de páginas como Gutenberg y Elementor. Auto Featured Image tiene incluso una herramienta de generación de imágenes destacadas a gran escala.

Multiple Featured Images

El plugin Multiple Featured Images cuenta con varias características que resultan muy útiles a la hora de solucionar y resolver los problemas de tus imágenes destacadas. En primer lugar, el plugin abre el límite por defecto que establece WordPress de tener una imagen destacada por entrada. Esto significa que puedes subir varias imágenes destacadas y elegir cuál de ellas se muestra en diferentes partes de tu sitio web.

Utiliza un widget y un shortcode, ambos preguntan cuál de las imágenes destacadas te gustaría mostrar cuando implementas una de las herramientas. Por ejemplo, es posible que prefieras que una imagen destacada aparezca en la barra lateral, pero que otra diferente se muestre cuando la publicación esté en una lista en tu página de inicio.

Plugin de múltiples imágenes destacadas
El plugin de Multiple Featured Images

El plugin funciona con entradas y páginas, incluyendo entradas personalizadas y productos de WooCommerce. Puedes subir tantas imágenes como quieras y elegir qué imagen destacada debe mostrarse en ciertas áreas y qué tamaño deben tener esas imágenes.

Esencialmente, este plugin se adapta a aquellos que luchan por decidir qué imagen destacada utilizar, o cuando una imagen destacada tiene sentido al principio del artículo, pero otra se ve mejor en una barra lateral.

Las Mejores Prácticas para las Imágenes Destacadas

Una gran parte de asegurarse de que las imágenes destacadas se ven bien es entender las mejores prácticas antes de subirlas a tu sitio de WordPress. Puedes solucionar el problema de una imagen destacada que no aparezca o editar cada imagen destacada manualmente.

Sin embargo, es mucho más fácil conocer los enfoques básicos de las imágenes destacadas para minimizar los problemas en primer lugar. Estas mejores prácticas cubren todo, desde las recomendaciones de diseño hasta las tácticas de carga, lo que te permite sentirte seguro con todas las imágenes destacadas y, al mismo tiempo, reducir la cantidad de tiempo que pasas con las imágenes destacadas.

Haz que las Imágenes Destacadas Sean Relevantes

La desventaja de establecer una imagen destacada por defecto es que existe la posibilidad de terminar con varias imágenes destacadas que no son relevantes para el artículo. El objetivo de una imagen destacada es servir de introducción visual al artículo, al igual que un título, y el primer párrafo de un artículo proporciona una vista previa al lector de lo que puede esperar leer.

Por ejemplo, si tu artículo tiene consejos sobre el uso de Instagram, es mejor que la imagen destacada tenga elementos que hagan referencia a Instagram (legales, por supuesto), junto con elementos creativos que hagan que el artículo parezca atractivo.

Sitio web de Buffer
Sitio web de Buffer

La relevancia también entra en juego cuando se inserta manualmente una imagen para cada imagen destacada en un artículo. Es fácil tomar una imagen rápida que se relacione con el artículo para ahorrar tiempo. Sin embargo, todos deberíamos tomarnos nuestro tiempo a la hora de decidir una imagen destacada, ya que es la «portada del libro» del artículo que hará que la gente lo seleccione y lo lea.

Consigue los Derechos Legales antes de Publicar Imágenes Destacadas

Una forma de meterse en serios problemas con tus imágenes es utilizar fotos y gráficos que encuentras al azar en Internet. Esto puede llevar a que el propietario de una foto se ponga en contacto contigo y te pida que retires muchas de tus imágenes destacadas, o peor aún, que te amenace con emprender acciones legales.

Como regla general: si no tomaste la foto tú mismo o no pagaste los derechos, es posible que no puedas usarla.

Hay excepciones a esta regla.

El único caso en el que está bien compartir una imagen en tu sitio web de forma gratuita es cuando la sacas de un sitio web como Pexels o Unsplash.

Sin embargo, incluso en esos sitios web, se suele pedir la atribución de todas las fotos (lo cual es difícil, ya que las imágenes destacadas no suelen permitir los pies de foto).

La atribución de imágenes es crucial para evitar problemas de derechos de autor
La atribución de imágenes es crucial para evitar problemas de derechos de autor

Sigue estas reglas para asegurarte de que tus imágenes destacadas son legales:

  1. Haz una foto con tu propia cámara. Es una forma segura de eliminar los problemas legales.
  2. Busca sitios web de fotografías con licencias Creative Commons. Entre ellos se encuentran opciones como Unsplash y Pexels.
  3. Como las imágenes destacadas de WordPress suelen bloquear los pies de foto, indica la atribución de esa imagen destacada en algún lugar de tu artículo.
  4. Paga por las fotos en sitios como Shutterstock y iStockPhoto.
  5. Haz tus propios gráficos con herramientas de diseño gratuitas como Canva o Adobe Spark.
  6. Si encuentras una foto que te encanta, ponte en contacto con el fotógrafo o el artista y pregúntale si puedes utilizar su trabajo en tu sitio web. Gratis, de pago o con atribución. Asegúrate de obtener este acuerdo por escrito (el correo electrónico también funciona).

Mantén el Tema de la Imagen Destacada Consistente

Una cosa es asegurarte de que todas las imágenes destacadas sean relevantes para las publicaciones a las que se adjuntan.

Sin embargo, también debes mantener un tema consistente. Esto ayuda a agilizar el proceso de creación de imágenes destacadas, a la vez que ayuda a tu marca.

Por ejemplo, todas tus imágenes destacadas podrían tener un filtro en blanco y negro. O tal vez incluyan animaciones de colores sin dejar de representar lo que hay en los posts.

Mantenga la coherencia de la marca en sus imágenes destacadas
Mantén la coherencia de la marca en tus imágenes destacadas

Utiliza Imágenes de Alta Resolución que Se Reduzcan a Escala

Una imagen destacada no difiere de otras fotos de tu sitio web. Se coloca en un medio digital donde la resolución de la foto no tiene que ser necesariamente digna de ser impresa para que se vea bien.

En general, las fotos en tu sitio web ocupan una cantidad significativa de espacio en el servidor, lo que puede ralentizar los tiempos de carga de tu sitio. Sin embargo, también quieres utilizar fotos que realmente se vean bien, por lo que deberías optar por fotos de alta resolución en la medida de lo posible.

Cuando busques una imagen destacada, considera siempre empezar con una foto más grande y de alta resolución. De este modo, puedes reducirla para una interfaz digital manteniendo gran parte de su resolución.

Ampliar una foto es un gran error. Sin embargo, dejar las fotos más grandes y de alta resolución en sus formatos originales seguramente causará problemas de carga.

Utiliza una Herramienta de Optimización y Redimensionamiento Rápido de Imágenes

Teniendo en cuenta que deberías subir imágenes de alta resolución como imágenes destacadas, tiene sentido automatizar la optimización. Después de todo, es difícil reducir, redimensionar y recortar manualmente todas las imágenes que piensas subir.

Optimización de imágenes por Imagify
Optimización de imágenes por Imagify

Un plugin de optimización de imágenes hace gran parte del trabajo por ti, asegurando que tus imágenes destacadas realmente se muestren y no ralenticen tu sitio web.

Tenemos una excelente guía sobre la optimización de las imágenes de WordPress. En general, es mejor optar por un plugin que optimice tus imágenes en un servidor de terceros. Así evitarás problemas con tu propio servidor. Recomendamos soluciones como Optimole e Imagify.

Optimizar las Imágenes Destacadas para el SEO

Otro elemento de la optimización de las imágenes tiene que ver con la forma en que éstas aparecerán en los motores de búsqueda. Son vitales para ayudar a que tu entrada o página suba en los rankings. Cada imagen alojada, incluidas las imágenes destacadas, tiene metadatos que los motores de búsqueda rastrean para averiguar de qué trata tu publicación o página.

Si te diriges a una palabra clave, estos metadatos son una gran oportunidad para mostrar a los motores de búsqueda que la imagen es relevante. Debes evitar rellenar las palabras clave solo porque así lo deseas. En su lugar, explica rápidamente lo que hay en la imagen y añada potencialmente la palabra clave para mejorar tu clasificación.

El elemento más importante de los metadatos de la imagen es su texto alternativo, que se puede encontrar abriendo la imagen destacada en la biblioteca multimedia.

Establecer el "texto alternativo" de las imágenes
Establecer el «texto alternativo» de las imágenes

Independientemente de que establecer un texto alternativo adecuado para las imágenes ayude al SEO, deberías hacerlo de todos modos por razones de accesibilidad.

La accesibilidad es crucial para todo sitio web
La accesibilidad es crucial para todo sitio web

Muchas personas ciegas utilizan Internet a través de lectores de pantalla. Convierte tu sitio  en accesible para ellos.

Asegúrate de que Open Graph Está Activo para Compartir

En la sección anterior hemos cubierto los aspectos esenciales de Open Graph. Pero esto es un recordatorio para asegurarte de que tu proveedor de alojamiento proporciona las herramientas necesarias para renderizar imágenes destacadas o encontrar un plugin que active el protocolo Open Graph.

La imagen destacada debe aparecer rápidamente cada vez que alguien quiera compartir una de tus publicaciones o páginas en una red social. De lo contrario, corres el riesgo de que alguien decida no compartir la publicación, o que tu marca parezca poco profesional cuando los usuarios compartan alguno de los enlaces de tu sitio.

Considera un Plugin que Reemplaza los Campos de Imágenes Destacadas Vacíos

Ya cubrimos esta solución en la sección anterior, pero también encaja bien en las mejores prácticas. Nunca se sabe cuándo un error humano puede hacer que una imagen destacada no se cargue en tu sitio web.

Piensa en utilizar un plugin de imágenes destacadas por defecto para rellenar los espacios en blanco y listar las imágenes destacadas temporales o permanentes cuando te olvides de hacerlo. También ayuda cuando tus publicaciones más antiguas no tienen imágenes destacadas apropiadas.

Resumen

Crear un sitio web con un contenido impresionante para descubrir que las imágenes destacadas no se muestran es frustrante y potencialmente perjudicial para tu marca. Esperamos que esta guía te haya ayudado a solucionar los problemas más comunes de las imágenes destacadas que no se ven en WordPress. Asegúrate de comprobar que tus imágenes destacadas se han cargado y configurado correctamente antes de embarcarte en soluciones más avanzadas.

En el camino, también aprendiste consejos para mejorar tus habilidades de edición de imágenes y flujos de trabajo. Para más consejos y trucos de optimización de imágenes, lee nuestra guía de optimización de imágenes en profundidad. Es una lectura obligatoria para acelerar tu sitio de WordPress.

Ahora que tienes las imágenes destacadas listas, ¡compártelas!

¿Nos hemos olvidado de algo importante? Por favor, deja un comentario abajo si tienes alguna pregunta sobre las imágenes destacadas o problemas con las imágenes destacadas de WordPress.

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.