Cómo arreglar la imagen destacada no se muestra en WordPress

¿Está buscando formas de arreglar su imagen destacada no se muestra en WordPress?

Las imágenes destacadas dan a los visitantes una idea de lo que está por venir en las entradas y páginas de su blog. Por eso, cuando no aparecen en tu sitio, puede ser frustrante y perjudicar de inmediato tus índices de clics.

Dicho esto, en este artículo te mostraremos cómo arreglar las imágenes destacadas que no aparecen en WordPress para que tu contenido obtenga más clics y engagement.

¿Por qué no se muestra la imagen destacada en WordPress?

Las imágenes destacadas aparecen en la página de la lista de entradas de tu blog y, a veces, en la cabecera de la entrada. Al igual que las miniaturas de YouTube, el objetivo de las imágenes destacadas es aumentar las visitas y la participación de los usuarios.

Además, las imágenes destacadas también se utilizan para representar artículos individuales en entradas recientes y páginas de archivo y búsqueda.

Además, el estilo de las imágenes destacadas marca la pauta del resto de la entrada.

Casi todos los temas de WordPress permiten subir imágenes destacadas y mostrarlas en distintas zonas del sitio, como el menú de la barra lateral o el área de contenido principal.

Si estás solucionando este problema, puede que quieras consultar nuestro tutorial sobre cómo añadir imágenes destacadas o miniaturas de entradas en WordPress. Es importante que primero sepas cómo subir imágenes destacadas.

Puede ser fácil subir por error una imagen de portada en lugar de una imagen destacada, o incluso puede que tengas un tema que añada la primera imagen de una entrada para que aparezca como miniatura de la entrada automáticamente.

Con esto en mente, vamos a ver cómo solucionar los posibles problemas que puedan surgir. Siéntete libre de utilizar nuestros enlaces para saltar al problema al que te enfrentas actualmente.

1. Corregir el error HTTP al cargar una imagen destacada

Si intentas subir una imagen destacada con un archivo de gran tamaño, es posible que recibas el vago mensaje de “error HTTP”. A menudo, esto significa que el archivo de imagen es demasiado grande o que necesita aumentar el límite de memoria de su sitio para permitir cargas más grandes en su sitio de WordPress.

Hay dos formas principales de solucionar este problema. En primer lugar, asegúrese de cerrar la sesión de WordPress y volver a iniciarla. Muchas veces, eso le permitirá subir imágenes de forma normal una vez más.

Si no es así, pruebe uno de los dos métodos siguientes:

1. Reduce el tamaño del archivo de imagen.
2. Aumentar el límite de memoria de WordPress.

En primer lugar, empecemos por el método más sencillo: reducir el tamaño del archivo de imagen. Si el tamaño es un problema, puede cambiar al formato de imagen WebP, JPEG o PNG. JPEG es un formato de archivo comprimido que reduce ligeramente la calidad de la imagen para reducirla significativamente a un tamaño de archivo menor, y los archivos WebP son muy pequeños para empezar.

A continuación, comprime el tamaño del archivo con una herramienta de compresión de imágenes como TinyPNG o JPGmini.

Todo lo que tienes que hacer es subir la imagen a la herramienta y, a continuación, podrás descargar la versión comprimida del archivo.

Para más información, consulta nuestra guía sobre cómo optimizar las imágenes para que rindan en la web sin perder calidad.

Si ya has comprimido el tamaño de la imagen y sigues encontrándote con el error HTTP, puede que quieras aumentar el límite de memoria de tu WordPress. Solo tienes que ponerte en contacto con tu proveedor de alojamiento web y solicitarle que amplíe el límite de PHP o que actualice tu plan de alojamiento.

Sin embargo, también puede cambiar el límite de memoria PHP, lo que requiere que modifique los archivos wp-config.php o .htaccess. En ambos casos, necesitarás un cliente FTP o un gestor de archivos.

Para este método, es una buena idea utilizar un plugin como WPCode, que le permite añadir personalizaciones sin romper su sitio web. WPCode es el mejor plugin de fragmentos de código del mercado, con más de 2.000.000 millones de sitios web que lo utilizan para personalizar sus sitios web con fragmentos de código.

Si desea editar el archivo .htacess, tendrá que dirigirse a la carpeta raíz del sitio web de WordPress. A continuación, antes de la línea que dice ‘#END WORDPRESS,’ Puede pegar el siguiente código:

define( 'WP_MEMORY_LIMIT', '256M' );

Para más detalles sobre cómo aumentar su límite de memoria, consulte nuestro tutorial sobre cómo solucionar errores de memoria agotada de WordPress para aumentar la memoria PHP.

2. Corregir los plugins o temas

Algunos temas y plugins de WordPress podrían estar restringiendo la aparición de la imagen.

Aunque la mayoría de los temas de WordPress muestran automáticamente las imágenes destacadas, algunos requieren una configuración manual por parte del administrador. En ese caso, es posible que tengas que comprobar la configuración de tu tema de WordPress o ponerte en contacto con el soporte de tu tema para obtener ayuda.

Para obtener más información, consulte nuestra guía definitiva sobre cómo utilizar el personalizador de temas de WordPress.

Si el tema no está causando el problema, también puede comprobar si sus plugins son los principales culpables.

Empiece por actualizar todos sus plugins.

Si esto no soluciona el problema, desactive todos los plugins y vuelva a activarlos uno a uno.

Después de cada instalación, puedes comprobar si las imágenes destacadas se muestran probablemente. Si la imagen destacada falla, entonces sabrás qué plugin está causando el problema.

También puedes utilizar el plugin Health Check & Troubleshooting. Este plugin gratuito realiza una serie de comprobaciones para detectar errores de configuración y conocidos en tus plugins y temas.

Si necesita ayuda con la instalación, lea nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, dirígete a Herramientas ” Salud del sitio. Desde aquí, obtendrá una lista de recomendaciones para ayudarle a mejorar la seguridad y el rendimiento de WordPress.

Aquí puede ver que hay una serie de plugins y temas instalados obsoletos e inactivos que necesitan ser solucionados. Simplemente haga clic en los enlaces dados para gestionar o actualizar sus plugins.

3. Desactivar la carga lenta

La carga perezosa es una característica que ayuda a mejorar la velocidad de su página y el rendimiento de WordPress añadiendo rápidamente el contenido y el área visible primero.

Un sitio web más rápido mejora la clasificación, ya que los motores de búsqueda como Google consideran que la velocidad es un factor de clasificación importante.

Básicamente, la carga perezosa detiene la carga de imágenes en una página hasta que aparece en la pantalla. Por ejemplo, la última imagen de una entrada larga de un blog no tendrá que cargarse hasta que el usuario se desplace hacia abajo y llegue a esa imagen.

Dicho esto, la carga lenta puede causar problemas con las imágenes destacadas, ya que algunos plugins de carga lenta pueden tratar las imágenes destacadas como fotos normales. Esto puede provocar que la imagen destacada se cargue lentamente o que no aparezca en la lista de publicaciones recientes.

Además, algunos plugins de optimización de imágenes tendrán la funcionalidad lazy loading como complemento. Por lo tanto, tendrás que comprobar cada plugin instalado para ver si esta función está activada.

Es posible que desee desactivar la función de carga lenta en sus plugins y borrar la caché para ver si se resuelve el problema de la imagen característica.

Algunos plugins permiten excluir ciertas fotos de la carga lenta. Si ese es el caso, puedes desactivar esta función solo para la primera imagen de las entradas de tu blog, de modo que puedas seguir beneficiándote de la carga lenta sin que ello afecte a tus imágenes destacadas.

Puedes desactivar el código fácilmente personalizando el fragmento de código con WPCode. En primer lugar, tendrás que dirigirte a la página Fragmentos de código ” + Añadir fragmento desde el panel de WordPress.

A continuación, todo lo que debe hacer es copiar y pegar este código PHP en el cuadro “Vista previa del código”:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Así es como debe verse cuando se pega.

Asegúrese de seleccionar también ‘PHP Snippet’ como Tipo de Código.

Por último, asegúrate de activar el plugin para que esté activo y pulsa el botón “Guardar fragmento”.

Para obtener más información, consulte nuestro tutorial paso a paso sobre cómo desactivar correctamente lazy load en WordPress.

4. Cambiar los permisos de rol de usuario para permitir la carga de imágenes destacadas

WordPress ofrece seis roles de usuario por defecto para gestionar todos los accesos y acciones de los usuarios en un sitio.

Si no eres el propietario del sitio web, es probable que no tengas el rol de usuario necesario para subir o ver imágenes destacadas.

Todo lo que tienes que hacer es asegurarte de que los roles y permisos de usuario están configurados correctamente.

Una manera fácil de solucionar este problema es utilizar un plugin como User Role Editor para que pueda cambiar los roles y capacidades en un solo lugar.

Simplemente diríjase a Usuarios ” Editor de roles de usuario en su panel de control de WordPress.

Desde aquí, seleccionarás el rol que quieres cambiar en ‘Seleccionar Rol’ y cambiarás sus capacidades. En este caso, elegiremos el Autor.

A continuación, utilizando la opción “Filtro rápido”, busque “upload_files”.

Por último, haz clic en el botón “Actualizar” para realizar los cambios.

Este plugin también le permite crear nuevos roles personalizados y darles acceso a los permisos de su elección.

5. Arreglar la imagen destacada no se muestra en una página de la galería entrada de blog

Una de las mejores formas de utilizar imágenes destacadas es mostrar las entradas de tu blog en la página de inicio de tu sitio web.

Pero, ¿y si las imágenes destacadas no aparecen en la página del blog?

Para solucionar este problema, ve a editar tu página de inicio o cualquier página en la que quieras que aparezcan las imágenes destacadas.

Haz clic en el icono “+” y añade el bloque “Últimas entradas” a la entrada de la página. A partir de aquí, verás que aparecen enlaces a tus últimas publicaciones.

Haz clic en el bloque y activa la opción “Mostrar imagen destacada”.

Puede ajustar los demás parámetros, como la alineación y el tamaño de la imagen destacada, para adaptarlos a su página.

A partir de aquí, tus imágenes destacadas deberían aparecer en la galería de entradas de tu blog.

Este es el aspecto que tendrá una vez que aparezcan las imágenes destacadas.

6. Añadir código personalizado para solucionar problemas de imagen destacada

A veces, no se puede hacer clic en las miniaturas de las entradas debido al tema actual de WordPress, que puede no admitir esa funcionalidad específica.

Tal vez desee añadir sus imágenes destacadas a los canales RSS o mostrar la imagen destacada en la lista de entradas del área de administración.

Todas estas cosas se pueden hacer con WPCode.

Tras la activación, dirígete a Fragmentos de código ” + Añadir fragmento. Se le enviará a una biblioteca de opciones de código personalizado pre-hechos.

Escriba “imagen destacada” en la barra de búsqueda para ver todas las opciones de código personalizadas disponibles para añadir imágenes destacadas a su sitio web.

Desde aquí, sólo tiene que seleccionar la opción que desee.

Por ejemplo, digamos que queremos añadir columnas de imágenes destacadas a nuestro panel de administración de WordPress. Basta con pasar el cursor sobre la opción y seleccione “Usar fragmento”.

Accederás a una página en la que podrás editar el fragmento.

Dicho esto, el código ya está preestablecido, por lo que no tienes que jugar con el código o la configuración.

Pero si necesitas introducir el código manualmente, puedes copiar y pegar desde abajo:

add_filter( 'manage_posts_columns', function ( $columns ) {
	// You can change this to any other position by changing 'title' to the name of the column you want to put it after.
	$move_after     = 'title';
	$move_after_key = array_search( $move_after, array_keys( $columns ), true );

	$first_columns = array_slice( $columns, 0, $move_after_key + 1 );
	$last_columns  = array_slice( $columns, $move_after_key + 1 );

	return array_merge(
		$first_columns,
		array(
			'featured_image' => __( 'Featured Image' ),
		),
		$last_columns
	);
} );

add_action( 'manage_posts_custom_column', function ( $column ) {
	if ( 'featured_image' === $column ) {
		the_post_thumbnail( array( 300, 80 ) );
	}
} );

A continuación, simplemente activa el botón para activar el fragmento de código personalizado y pulsa “Actualizar”.

Luego, puedes dirigirte a la página Entradas ” Todas las entradas en tu administrador.

Debería ver que aparecen las miniaturas de las entradas.

También puedes leer nuestro post sobre cómo enlazar automáticamente imágenes destacadas a entradas en WordPress o nuestro tutorial sobre cómo añadir miniaturas de entradas a tus feeds RSS de WordPress.

Arreglar la imagen destacada de WordPress que no aparece en el tamaño correcto

A veces, es posible que tu imagen destacada de WordPress no se muestre en el tamaño correcto. Es mejor que conozcas las mejores prácticas para las imágenes destacadas para que puedas evitar problemas desde el principio.

Elegir los gráficos adecuados para las imágenes destacadas

El tamaño óptimo de una imagen destacada rectangular es de 1200 x 687 píxeles. Sin embargo, para los temas que utilizan imágenes destacadas cuadradas, el mejor tamaño es de 600 x 600 píxeles.

Para más detalles, lea nuestra guía sobre cómo realizar una edición básica de imágenes en WordPress.

Cambiar el tamaño predeterminado de las imágenes en WordPress

Si las miniaturas de tu blog aparecen demasiado pequeñas o grandes, puedes editar manualmente los tamaños de imagen predeterminados.

WordPress creará automáticamente copias de sus imágenes destacadas para añadirlas a diferentes áreas de su sitio web, como la página del blog, las páginas de archivo y la página de inicio.

Los temas de WordPress vienen con sus propias dimensiones de imagen, pero a veces, es posible que desee modificar el tamaño de su imagen destacada.

Diríjase a Ajustes ” Medios desde el área de administración de WordPress. A continuación, en los campos Tamaño de la miniatura, introduzca las nuevas dimensiones de la imagen destacada.

Para más detalles, consulte nuestra guía para principiantes sobre tamaños de imagen en WordPress.

Las imágenes destacadas no aparecen en Facebook

Las imágenes destacadas se extraen de WordPress y son populares en las plataformas de medios sociales mediante el uso de Open Graph.

Se trata de una tecnología que permite a redes sociales como Facebook entender y mostrar el contenido de un sitio web. Las metaetiquetas Open Graph pueden añadirse a publicaciones y páginas individuales para controlar cómo aparecen cuando se comparten. Estas etiquetas incluyen información como el título, la descripción y la imagen destacada del contenido.

La forma más sencilla de garantizar que todas las imágenes destacadas aparezcan en Facebook es utilizar All in One SEO. Es el mejor plugin de SEO para WordPress que ayuda a mejorar y optimizar tu sitio web para obtener un mejor posicionamiento en las búsquedas.

Una vez activado, dirígete a All in One SEO ” Redes Sociales. A continuación, en la pestaña Facebook, asegúrate de activar la opción “Activar Open Graph Markup”.

Muestra automáticamente una vista previa de las entradas de tu blog con una imagen destacada y un breve extracto de texto.

Para obtener más información, consulta nuestra guía sobre cómo añadir metadatos de open graph de Facebook en temas de WordPress.

Esperamos que este artículo te haya ayudado a solucionar el problema de la imagen destacada que no se muestra en WordPress. También puedes consultar nuestra lista de los errores más comunes de WordPress y cómo solucionarlos, junto con nuestra guía sobre cómo aumentar el tráfico de tu blog.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.