Una imagen destacada de WordPress es la imagen principal que aparece junto al título de la entrada en las páginas del blog, las páginas de archivo y las redes sociales. Es lo primero que ve la gente y, si es atractiva, es más probable que reciba clics.
He añadido imágenes destacadas a cientos de mensajes a través de diferentes temas y tipos de sitio. En esta guía, te mostraré cómo añadirlas, diseñarlas y optimizarlas, paso a paso.
Sigue leyendo para saber cómo configurarlo, dónde encontrar imágenes de alta calidad y cómo asegurarte de que tu imagen destacada se muestra realmente como deseas.
¿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.
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 fragmento destacado. Esto puede ayudar a atraer tráfico a su sitio web desde los resultados de búsqueda orgánica.
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
- ¿Dónde encontrar imágenes destacadas para WordPress?
- Cómo crear una imagen destacada para su sitio de WordPress
- Cómo optimizar las imágenes destacadas de WordPress
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.
Una vez que estés dentro del editor de contenido del post (el editor de bloques o Gutenberg), verás el panel de Imagen Destacada en la parte derecha.
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.
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.
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.
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.
Lista de comprobación para la configuración de imágenes destacadas:
- Elige una imagen relevante y de alta calidad
- Texto alternativo descriptivo
- Dimensiones comprobadas para adaptarse a su tema
- Haga clic en "Establecer imagen destacada" en el editor
¿Dónde encontrar imágenes destacadas para WordPress?
La siguiente pregunta que te puedes hacer es: ¿dónde puedes encontrar fotos para utilizarlas como imágenes destacadas?
Por desgracia, no puedes simplemente tomar imágenes y fotos 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.
No necesitas gastar dinero para conseguir imágenes fantásticas. Hay varios sitios de imágenes gratuitas donde puedes descargar fotos legalmente para utilizarlas como imágenes destacadas de WordPress.
Los mejores sitios para encontrar imágenes destacadas gratis:
- Unsplash - Miles de imágenes modernas de alta resolución para uso personal o comercial.
- Pixabay - Gran biblioteca de imágenes ordenadas por categoría y etiqueta.
- Nuevo stock antiguo - Archivo gratuito de fotos antiguas de dominio público.
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.
Cómo crear una imagen destacada para su sitio de WordPress
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 la anchura 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".
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.
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.
En el panel emergente, introduce la anchura de tu contenido, que has encontrado inspeccionando tu blog, y elige una altura de imagen.
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.
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.
Ahora basta con hacer clic en el botón Compartir y descargar la imagen.
Cómo optimizar las imágenes destacadas de WordPress
Antes de subir una imagen como imagen destacada de WordPress, es una buena idea reducir el tamaño del archivo y formatearlo correctamente. Las imágenes grandes pueden ralentizar tu sitio rápidamente.
Los mejores tipos de archivo para las imágenes destacadas de WordPress:
| Formato | Lo mejor para |
|---|---|
| JPEG | Fotos con muchos colores |
| PNG | Imágenes nítidas o transparencias |
| WebP | Menor tamaño de archivo con buena calidad |
| GIF | Animaciones sencillas |
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.
Cómo eliminar una imagen destacada de WordPress
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.
También puede hacer clic en el botón Reemplazar imagen, que abre la biblioteca multimedia para seleccionar una nueva imagen.
Imagen destacada de WordPress: Preguntas frecuentes
El tamaño recomendado para una imagen destacada varía en función del tema y el diseño de WordPress. Sin embargo, un tamaño común para las imágenes destacadas de entradas de blog es de 1200×628 píxeles.
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.
Si tu imagen destacada no aparece, puede deberse a varias razones, como por ejemplo:
- 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.
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.
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.
Así es como utilizo las imágenes destacadas en todos los sitios de WordPress que construyo. Solo requiere unos pocos clics, pero marca una gran diferencia en el aspecto de tus entradas y en el número de personas que hacen clic para leerlas.
¿Quieres seguir personalizando tu sitio? Prueba con las siguientes:
- Los mejores plugins SEO para WordPress
- Cómo cambiar el tamaño de una imagen en WordPress
- Cómo cambiar el tema de WordPress sin perder el contenido
Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.
