¿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.
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.
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.
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.
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.
¿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?
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.
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 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".
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 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.
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 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.
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.
¡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.