Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Imagen destacada de WordPress

Cómo añadir una imagen destacada a WordPress paso a paso 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

¿Quieres hacer que tus entradas de WordPress sean más atractivas pero te confunde la configuración de la imagen destacada de WordPress?

Las imágenes destacadas son una forma excelente de captar la atención y conseguir que más gente lea las entradas de tu blog. Pero, ¿cómo funcionan las imágenes destacadas y cuáles son los pasos para añadirlas a tu sitio de WordPress?

En esta guía, le mostraremos cómo utilizar la configuración de imágenes destacadas de WordPress para añadir bonitas miniaturas a sus entradas y páginas.

¿Qué es una imagen destacada de WordPress?

Una imagen destacada de WordPress, o una miniatura de la entrada, es la imagen principal que representa el contenido de la entrada o página en su sitio web de WordPress. Es como un teaser que se sitúa por encima o por debajo del título de la entrada, incitando a los usuarios a hacer clic y leer el contenido.

Ejemplo de imagen destacada en WordPress

Estas imágenes realzan el atractivo de su sitio, mejoran la participación de los usuarios y aumentan el porcentaje de clics (CTR).

Las imágenes de entradas destacadas no solo aparecen en la página de inicio, las páginas de archivo, los tipos de entradas personalizadas y las entradas relacionadas de tu blog de WordPress. También se muestran cuando compartes tu contenido en las redes sociales utilizando un plugin de SEO para WordPress como All in One SEO.

Además, sus imágenes pueden aparecer en los resultados de los motores de búsqueda como fragmentos destacados. Esto puede ayudar a atraer tráfico a su sitio web desde los resultados de búsqueda orgánica.

Imágenes de WordPress en los resultados de búsqueda

Casi todos los temas de WordPress permiten configurar imágenes destacadas, pero el tamaño, la forma y el diseño pueden variar según el tema. Si tu tema las admite, verás una sección de imágenes destacadas en la que puedes subir imágenes, establecer las dimensiones y mucho más.

Dicho esto, vamos a ver cómo añadir una imagen destacada a tu sitio WordPress paso a paso.

Cómo añadir una imagen destacada o una miniatura de entrada en WordPress

Para añadir una imagen destacada a cualquier entrada de WordPress, dirígete a Entradas " Añadir nueva desde el panel de control de WordPress. También puedes editar una entrada existente haciendo clic en Editar.

Añadir o editar una entrada de WordPress

Una vez que estés dentro del editor de contenido del post (el editor de bloques o Gutenberg), verás el panel Imagen destacada en la parte derecha.

Panel de imágenes destacadas de WordPress

A continuación, tendrás que hacer clic en el área "Establecer imagen destacada". Al hacerlo, se abrirá el cargador multimedia de WordPress como una ventana emergente superpuesta.

Cargador de la biblioteca multimedia de WordPress

A partir de ahí, tendrás dos opciones.

Puede elegir una imagen existente de su biblioteca multimedia de WordPress haciendo clic en la miniatura de la imagen. Esto seleccionará la imagen y le permitirá introducir texto alternativo personalizado, título, pie de foto y descripciones.

También puede hacer clic en la pestaña Cargar archivos y cargar una imagen desde su ordenador. Esto la cargará en tu biblioteca multimedia, donde podrás introducir descripciones y pies de foto similares.

Subir archivos a la biblioteca multimedia de WordPress

Después de cargar o seleccionar una imagen predeterminada, simplemente haga clic en el botón Establecer imagen destacada.

WordPress mostrará ahora una vista previa de su imagen en la barra lateral derecha.

Entrada de WordPress con una nueva imagen destacada

Dependiendo de tu tema, puedes ajustar el tamaño de la miniatura de la imagen y elegir otras opciones de personalización.

En esta guía, estamos utilizando el tema de WordPress Twenty Twenty-Three, que no tiene opciones adicionales de imagen destacada.

Cuando estés satisfecho con su aspecto, puedes guardar los cambios y tu nueva imagen destacada aparecerá automáticamente en tus entradas de WordPress.

Archivo de entradas de blog con imagen destacada de WordPress

La siguiente pregunta que te puedes hacer es: ¿dónde puedes encontrar fotos para utilizarlas como imágenes destacadas?

Desgraciadamente, no puedes tomar imágenes y fotos simplemente de la búsqueda de imágenes de Google o mangar cualquier foto al azar de Internet. La mayoría de esas imágenes están protegidas por leyes de derechos de autor, por lo que puedes enfrentarte a problemas de infracción de derechos de autor si las utilizas sin el permiso del propietario.

Sin embargo, la buena noticia es que existen varios sitios donde puedes encontrar imágenes gratuitas para las entradas de tu blog y, a su vez, utilizarlas como imágenes destacadas de WordPress.

Nuestros lugares favoritos para encontrar imágenes gratuitas de alta resolución con licencia creative commons son los siguientes:

  • Unsplash - Un popular sitio web con miles de imágenes que puedes descargar y utilizar en tu sitio web y otros proyectos de forma gratuita.
  • Pixabay - Otro popular sitio con una gran colección de imágenes gratuitas clasificadas por categorías y etiquetas.
  • New Old Stock - Una creativa colección de fotos de época procedentes de diversos archivos públicos.

También hay varios plugins para WordPress que permiten importar fotos de archivo gratuitas a tu sitio web. Los usuarios de SeedProd Pro, por ejemplo, pueden acceder a 2 millones de fotos de archivo para utilizarlas con su potente constructor de páginas de arrastrar y soltar.

Biblioteca de imágenes de archivo SeedProd

A veces, una foto de archivo no es suficiente para representar la entrada de tu blog. Puede que necesites algo más exclusivo o personalizado para ilustrar realmente tu contenido.

En esta situación, puedes utilizar una herramienta gratuita para crear una imagen original. Los programas de creación y edición de imágenes como Canva facilitan a los principiantes la creación e incluso la venta rápida de gráficos de aspecto profesional.

Para empezar, tendrás que encontrar las dimensiones de tu imagen destacada. Esto suele ser el ancho de su área de contenido principal.

Si eres usuario de Chrome, puedes encontrar el tamaño de tu imagen destacada de WordPress haciendo clic con el botón derecho en el contenido de la entrada de tu blog y seleccionando la herramienta "inspeccionar".

Utilice la herramienta de inspección de Chrome para ver el código de su contenido.

A partir de ahí, pase el ratón por encima de las líneas de código hasta que se resalte todo el ancho del contenido en la vista previa.

Ahora debería ver un tooltip con las dimensiones del contenido. En nuestro caso, la anchura de nuestra imagen destacada debería ser de unos 717 píxeles.

Utilice la herramienta de inspección de Chrome para encontrar las dimensiones de su imagen destacada de WordPress

A continuación, inicia sesión en Canva (puedes empezar con una cuenta gratuita) y haz clic en el icono de tamaño personalizado del panel de control.

Tamaño de lienzo personalizado de Canva

En el panel emergente, introduce la anchura de tu contenido, que has encontrado inspeccionando tu blog, y elige una altura de imagen.

Introduzca las dimensiones de su imagen personalizada

Normalmente, es mejor elegir una altura de imagen menor que la anchura, pero esto depende del aspecto general de tu blog. Una vez hecho esto, haz clic en el botón Crear nuevo diseño.

Canva abrirá una nueva ventana con un lienzo en blanco para tu diseño.

Crear una imagen destacada personalizada de WordPress

A partir de ahí, puedes elegir entre muchas plantillas prediseñadas y personalizarlas hasta que tengas un diseño impresionante para tu imagen destacada de WordPress.

Personaliza tu imagen destacada de WordPress

Ahora basta con hacer clic en el botón Compartir y descargar la imagen.

Antes de subir cualquier imagen a WordPress, es una buena práctica optimizarlas para asegurarse de que no hinchan el sitio. Las imágenes de gran tamaño pueden afectar al tiempo de carga del sitio y perjudicar la experiencia del usuario.

Para ayudarte, aquí tienes algunos consejos para optimizar las imágenes para la web:

  • Elige el mejor formato de archivo: Cuando guardes tu imagen, asegúrate de hacerlo en el formato de archivo correcto. Elige JPEG para fotos con muchos colores, PNG para imágenes con transparencias o líneas nítidas, y GIF para pequeñas animaciones.
  • Reduzca el tamaño de las imágenes: Reduzca el tamaño de las imágenes para adaptarlas al diseño de su sitio web. Puedes utilizar herramientas como Photoshop, GIMP o Pixlr en línea.
  • Comprime imágenes: Reduce el tamaño de tus imágenes con herramientas de compresión como TinyPNG o JPEGmini. La compresión sin pérdida es la mejor para PNG y GIF para reducir el tamaño sin perder calidad. La compresión con pérdida reduce ligeramente la calidad, pero es la mejor para los formatos JPEG y WebP.

Seguir estos pasos le ayudará a optimizar las imágenes destacadas y a hacer que su sitio web WordPress sea más rápido.

Una vez que tus imágenes estén optimizadas, puedes volver al administrador de WordPress y seguir las instrucciones anteriores para añadirlas a WordPress como imágenes destacadas.

A veces, es posible que desee reemplazar o eliminar una imagen destacada de determinadas entradas o páginas de WordPress. Hacerlo es tan sencillo como añadirlas.

Para eliminar una imagen destacada en WordPress, edite la entrada o página. A continuación, en la barra lateral derecha, haz clic en el enlace Eliminar imagen destacada.

cómo eliminar una imagen destacada de WordPress

También puede hacer clic en el botón Reemplazar imagen, que abre la biblioteca multimedia para seleccionar una nueva imagen.

¿Puedo tener varias imágenes destacadas en una misma entrada o página?

Por defecto, WordPress sólo permite una imagen destacada por entrada o página. Sin embargo, puedes utilizar plugins para añadir imágenes destacadas adicionales si es necesario.

¿Por qué no aparece mi imagen destacada en mi sitio de WordPress?

Si tu imagen destacada no se muestra, puede deberse a varias razones, como:

  • Tu tema no admite imágenes destacadas.
  • No has establecido una imagen destacada para la entrada o página específica.
  • Hay un conflicto con un plugin o código personalizado.
  • El archivo de imagen es demasiado grande o tiene un formato no compatible.

Para resolver el problema, asegúrate de que tu tema es compatible con las imágenes destacadas, comprueba la configuración de tus entradas o páginas y soluciona cualquier conflicto de código o plugin.

¿Cómo optimizo mis imágenes destacadas para el SEO y para compartirlas en las redes sociales?

Siga estos consejos para optimizar sus imágenes destacadas para el SEO y para compartirlas en las redes sociales:

  • Utilice nombres de archivo descriptivos y texto alternativo para proporcionar contexto a los motores de búsqueda.
  • Elige el formato de imagen adecuado para obtener una calidad y un tamaño de archivo óptimos.
  • Comprime tus imágenes para reducir el tamaño del archivo sin sacrificar la calidad.
  • Utiliza plugins como All in One SEO para configurar los metadatos Open Graph y Twitter Card y obtener mejores vistas previas para compartir en redes sociales.
¿Puedo mostrar la imagen destacada en una ubicación diferente dentro de mi entrada o página?

La ubicación de la imagen destacada depende del diseño de tu tema. Para cambiar la ubicación, puedes personalizar las plantillas PHP de tu tema o utilizar un constructor de páginas como SeedProd para diseñar diseños personalizados con más control sobre la ubicación de la imagen destacada.

Cambiar la ubicación de la imagen destacada de WordPress con SeedProd page builder

¡Ya está!

Esperamos que este artículo te haya ayudado a aprender cómo añadir una imagen destacada de WordPress al contenido de tu sitio. Puede que también te guste esta guía sobre cómo cambiar el tema de WordPress sin perder contenido.

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.