Optimización SEO de imágenes WordPress

Optimización de imágenes SEO con WordPress

Desde la llegada de los Google Core Web Vitals, como muy tarde, y del factor de clasificación de la velocidad de carga, deberías tomar en serio el tema del SEO para imagénes. Hay varias formas de optimizar tus imágenes en en WordPress. He aquí nuestro resumen con los consejos y herramientas más importantes.

Las imágenes, fotos, infografías y otras ilustraciones se han convertido en una parte integral de la redacción de artículos de alta calidad. Sin embargo, no solo dan soltura al texto o aclaran algunos procesos mejor de lo que podrían hacerlo las palabras. Más bien, con el enfoque adecuado puedes hacer que tu sitio web sea aún más rápido, pero también aún más fácil de rastrear en los motores de búsqueda.

Textos SEO WordPress

Cómo preparar tus entradas de blog y landingpages para los motores de búsqueda en general, te lo muestro en mi tutorial Optimizar textos para los motores de búsqueda. Además de este post, tienes los consejos más importantes para tu SEO WordPress.

A esto se añada que tanto el propio Google como los competidores de los servicios de búsqueda más pequeños ofrecen una búsqueda de imágenes. Los buscadores pueden utilizarlo para llegar a tu web. Entonces, ¿por qué dejar pasar esta gran oportunidad de la estrategia SEO para imágenes WordPress?

¿Cómo afecta el SEO para imágenes a tu visibilidad?

Veamos el SEO para imágenes independientemente de WordPress. Si incluyes imágenes de alta calidad en un post, puedes atraer la atención de muchos visitantes. Sin embargo, no solo los motores de búsqueda desempeñan un papel en este sentido. Si se preparan y optimizan tus imágenes en consecuencia, pueden ejercer influencia en varios aspectos.

Por un lado, aumentarás tu visibilidad de forma significativa, ya que tus propias imágenes se encuentran en los motores de búsqueda de forma natural, y no solo tus textos. Alguien podría encontrar un camino hacia tu web. ¿Quieres que te muestre un pequeño ejemplo?

La búsqueda de imágenes en Google

Utilizo el buscador de Google e introduzco el término "receta pasta". Pero como no solo quiero una receta en forma de texto, paso a la búsqueda de imágenes. Allí se me muestran entonces platos de pasta bien presentados:

Búsqueda de imágenes en Google
Encontrar una receta con la búsqueda de imágenes de Google

Me gusta mucho la tercera foto de la izquierda. Los fideos se ven muy sabrosos. Por esta razón, hago clic en la imagen y luego aterrizo en el sitio correspondiente (en el que alguien ha hecho un esfuerzo por adaptar SEO para las imágenes).

Por lo tanto, si utilizas correctamente la optimización de los motores de búsqueda para imágenes, podrás llegar a muchas más personas. Pero este es solo un ejemplo de muchos.

Las redes sociales

Porque las imágenes no solo influyen en los motores de búsqueda, sino también en las personas. ¿Y dónde hay gente activa todos los días? En las redes sociales como Facebook, Twitter, Instagram, Pinterest, LinkedIn & Co.

Llevemos el ejemplo anterior un paso más allá. Digamos que tienes un blog de cocina. ¿Y lo emocionante que sería que los visitantes que han encontrado tu receta en tu sitio compartieran la publicación correspondiente en las redes sociales? Harían clic directamente en el botón de compartir de Facebook, por ejemplo. Y en caso de no disponer de una imagen principal del post decente o bien integrada, entonces verían una imagen muy triste, es decir, ninguna.

Sin foto llamativa, la publicación o el post no invitará a hacer clic ni a compartir. Todo lo contrario: la publicación se perderá en la inmensidad de la red social y ni se tendrá en cuenta. Solo si se muestra una imagen adecuada junto al texto, aumentará significativamente su atractivo:

Compartir en Facebook Imagen
Ejemplo de imágenes integradas para compartir en Facebook

Para un blog de cocina, por ejemplo, no deberías utilizar imágenes que consistan principalmente en contenido de texto. Tus visitantes esperaran una receta terminada. Sin embargo, sigo eligiendo imágenes de texto de vez en cuando. En la siguiente sección te explicaré por qué.

¿Dónde obtener imágenes de alta calidad?

Con imágenes de alta calidad suele haber un pequeño problema. Un problema de carácter jurídico. Seguramente sabrás que ya no está permitido utilizar simplemente la búsqueda de Imágenes de Google para copiar imágenes. Esto se debe a que están protegidas por derechos de autor. No obstante, actualmente existen las siguientes posibilidades:

  • Utilizar plataformas de pago
  • Hacer uso de imágenes sin licencias
  • Hacer tus propias fotografías o imágenes

No todos los sitios web tienen presupuesto para comprar imágenes de archivo caras. Por ejemplo, de Fotolia o Shutterstock. En el caso de imágenes sin licencias (como en Unsplash o Pexels) existe el peligro de que estas no hayan sido subidas por sus propietarios/as. Incluso se dan casos de estafas que pueden acabar saliendo caras.

Plataformas como Pixabay incluso indican los posibles usos de aplicación. No obstante, ya ha habido disputas legales que han acabado perjudicando a propietarios/as de los sitios web. Por lo tanto, mi consejo: haz una captura de pantalla de la información de la licencia cuando la descargues. Por las razones mencionadas anteriormente, he decidido utilizar imágenes de creación propia, en las que trabajo mucho con contenido de texto. Puedo publicarlas mientras mi conciencia está tranquila y sin consecuencias legales. Si tienes un sitio web que se basa mucho en las imágenes, tal vez te convenga tomar otro camino.

Utilizar imágenes de forma eficiente para el SEO

¿Cómo se pueden optimizar las imágenes para el SEO? En primer lugar, me gustaría darte algunos procedimientos comunes para que tus imágenes o tu sitio web logren más visibilidad. En la siguiente sección te mostraré cómo se pueden implementar estos procesos para el SEO de tus imágenes con WordPress, ya que la instalación de plugins WordPress no es siempre la solución al problema.

Las imágenes no optimizadas empeoran tu clasificación

La mayoría de personas que tienen un sitio web piensan que optimizar las imágenes para los motores de búsqueda consiste en obtener mejores resultados en la búsqueda o en las vistas previas de las redes sociales. Pero este no es el caso. También hay que mejorar las imágenes de acuerdo con las Google Core Web Vitals. En este sentido, se trata de la usabilidad de tu sitio web. Échale un vistazo a este post sobre el nuevo factor de clasificación. Además, tu grupo objetivo navega por internet cada vez más a menudo a través de su smartphone.

Por eso, cuando los sitios web incluyen imágenes grandes y no optimizadas, el sitio web se carga lentamente y el usuario tiene que esperarse. Pero, ¿quién quiere tener paciencia por imágenes no optimizadas? El resultado será una peor clasificación en Google a partir de mayo de 2021.

El tamaño de la imagen

Deberías intentar mantener el tamaño de la imagen lo más pequeño posible sin perder calidad. Si creas las imágenes por ti mismo/a, podrás controlarlas y manejarlas a través del programa de edición de imágenes. Los formatos adaptados para el sitio web (es decir, la anchura y la altura en píxeles, para imágenes de posts esto dependerá del theme WordPress) también han demostrado ser muy eficaces. De este modo, WordPress no tiene que escalar las imágenes innecesariamente.

Si tomas una foto con una cámara profesional, puede tener miles de píxeles. En la mayoría de los casos, los contenidos de un sitio web tienen una anchura limitada. Por lo tanto, tendría sentido subir la imagen solo en este ancho, sobre todo porque alcanzarías rápidamente un tamaño de varios MB, ya no necesario en el diseño web moderno y perjudicaría gravemente tus tiempos de carga.

Formato y compresión

El formato de tus imágenes suele estar relacionado con la compresión y algunos otros factores. Por ejemplo, mientras que las imágenes con elementos transparentes es más probable que se guarden como PNG, el formato JPG es más adecuado para los gráficos de colores.

JPG permite una mayor compresión y, por tanto, puede reducir significativamente el tamaño del archivo. Sin embargo, la calidad de la imagen se verá un poco afectada. AVIF y WebP para WordPress son mientras tanto otros formatos previstos para el futuro. Ofrecen resultados aún mejores.

Rellenar correctamente los metadatos

La mayoría de los motores de búsqueda siguen basándose en los llamados metadatos. Se trata básicamente de información que el sitio web almacena en el código fuente para que los motores de búsqueda puedan asignar los datos.

Google, como proveedor senior, es técnicamente muy avanzado y no requiere metadatos tan detallados como los pequeños motores de búsqueda. Sin embargo, yo los pondría siempre. No perjudica a tu página web y brinda la posibilidad de, por medio de frases y palabras integradas, ser más fácilmente rastreada.

Por cierto, los metadatos no tienen nada que ver con el nombre de los archivos de imagen. Deberías nombrarlos ya antes de subirlos con una descripción del contenido. Volvamos al ejemplo del blog de cocina. Un plato de pasta con salsa de carne picada debería llamarse algo así como "plato de pasta con salsa de carne picada para cocinar.jpg". Los metadatos de las imágenes se insertan simplemente en el código fuente como HTML. Esto es lo que hace WordPress por ti si añades la información apropiada a las imágenes cuando las subes (más información al respecto más adelante).

El código fuente de una imagen correctamente integrada se vería, por ejemplo, de la siguiente manera:

<img src=“domain.de/Nudel-Teller-mit-Hackfleischsauce-zum-Kochen.jpg“ alt=“Nudel Teller mit Hackfleischsauce“ title=“Nudel Teller mit Hackfleischsauce“ />

La etiqueta alt representa una etiqueta alternativa (de texto) que puede aparecer si la imagen no se muestra. Por ejemplo, en caso de utilizar un navegador obsoleto o a un enlace roto, etc. Pero también es importante para las personas que utilizan un lector de pantalla. Esta es otra razón por la que debes prestar atención a los contenidos hablados aquí (sitios web accesibles). La etiqueta del título de la imagen (¡no confundir con la etiqueta del título del sitio web!) se utiliza para mostrar más información sobre la imagen al pasar el ratón por encima.

Optimización de imágenes fuera de WordPress

Si creas o editas tú mismo/a imágenes con un programa de edición de imágenes como Gimp o Photoshop, deberías prescindir de una solución en WordPress. Resulta más fácil y más eficiente hacer la optimización directamente en el programa. Veamos un ejemplo con Photoshop:

Compresión de imágenes en Photoshop
Compresión de imágenes con Photoshop

Del archivo original de la imagen del post a este texto, el archivo pasó de tener originalmente más de 4 MB a ser un archivo JPEG de 340 KB, con un tamaño de la imagen de 2560×1440. Y esto con restricciones apenas visibles. Con PNG sucede (dependiendo de la imagen) casi lo mismo similar.

Si reduces la resolución de las imágenes, es decir, las ajustas a themes WordPress, puedes crear archivos aún más pequeños. En mi propio blog, por ejemplo, las imágenes del título tienen un tamaño de 720×360 píxeles. Esto depende del theme y puede verse diferente en tu caso.

Plugins WordPress para la compresión de imágenes

¿Quieres comprimir tus imágenes directamente en WordPress, en lugar de optar por una alternativa externa o adicional? Entonces consulta nuestra comparación de 5 plugins populares para la compresión de imágenes. También te muestra el flujo de trabajo adecuado para esta importante labor.

Averigua el tamaño de la imagen en WordPress

Una pequeña nota sobre los tamaños de imágenes en WordPress: puedes encontrarlos fácilmente, pero no tienen nada que ver con las especificaciones de la galería en la configuración general de WordPress:

Configuración de los medios de comunicación en WordPress
Ajustes sobre la galería en el panel de control WordPress

Aquí puedes establecer los tamaños estándar utilizados por WordPress. Cuando cargues una imagen, WordPress generará imágenes adicionales en estos tamaños. Sin embargo, esto no cambia los tamaños tal y como se mostrarán luego en tu theme WordPress.

Algunos themes te dan la opción de hacerlo en la configuración, otros no. Por tanto, solo tendrás que ir a tu sitio web a través del navegador y ver de cerca la imagen allí (por ejemplo, la imagen del post) haciendo clic sobre el botón derecho. Luego busca el subapartado donde puedes encontrar la información gráfica.

Si en la sección referente a las dimensiones lees que la imagen fue escalada a un tamaño diferente, entonces tienes que ajustar las imágenes correspondientes de nuevo porque el theme WordPress tiene por defecto un tamaño diferente al que tú has recortado.

Definir la metainformación en WordPress

Las imágenes desempeñan un papel importante en la optimización de los motores de búsqueda, no solo porque realzan los textos, sino más bien porque te hacen visible. Y de este modo puedes mostrar además a Google y otros buscadores lo que escribes en tu web.

Por lo tanto, piensa en las imágenes como un complemento necesario del contenido. Para que los motores de búsqueda mencionados reconozcan el potencial, se necesita la metainformación mencionada anteriormente. Como ya se ha descrito, antes de subir las imágenes deberías proporcionarles un nombre de archivo optimizado para SEO. Nombra las imágenes con mucha precisión. El título debe reflejar lo que se ve en la imagen.

WordPress te ofrece la posibilidad de introducir los metadatos de las imágenes directamente durante la carga. Sin embargo, te recomiendo que no añadas las imágenes directamente al escribir, sino que pases por la galería multimedia. Para ello, basta con hacer clic en el backend WordPress,en la parte de la izquierda en Medios - Biblioteca -> Añadir nuevo. Allí podrás seleccionar una imagen de tu PC y subirla.

Después de haber subido el archivo con éxito, verás un botón "Editar", sobre el que harás clic. De este modo abrirá WordPress el archivo multimedia y mostrará tu información más importante. Aquí puedes rellenar las secciones en rojo de la siguiente imagen:

Metadatos para imágenes en WordPress
Insertar metadatos para imágenes en WordPress

Si añades la imagen más tarde en el editor Gutenberg, esta recibirá automáticamente la metainformación adecuada. No obstante, evita utilizar las imágenes más de una vez. En su lugar, cárgalas de nuevo con un nombre de archivo y metadatos nuevos, ya que estos detalles suelen estar optimizados para un post específico.

Lazy Loading para imágenes en WordPress

Para conseguir un sitio web lo más rápido posible y que pueda soportar las nuevas Core Web Vitals de Google, solo debe cargarse el contenido que sea necesario en ese momento. Las imágenes que se muestran en la parte inferior de un artículo largo no necesitan ser mostradas o cargadas al principio.

Aquí es donde entra en juego Lazy Loading. Lazy Loading se caracteriza por retrasar la carga de las imágenes que no están situadas en la zona "por encima del pliegue", la zona que el lector ve directamente. Mientras que antes esta función solo era posible con determinados plugins WordPress, como por ejemplo con Autoptimize o WP Optimize (solo a partir del plan Premium), ahora todos los usuarios que tengan instalada al menos la versión WordPress 5.5 tienen un motivo más por el que alegrarse.

¡Lazy Loading ya está integrada en el núcleo del código! Desde WordPress 5.7 incluso se consideraLazy Load para iFrames. Si tienes instalada una versión anterior, deberías actualizarla.

Carga perezosa de iframes en WordPress
Explicaciones sobre Lazy Loading para iFrames en WordPress.org

Almacenamiento en caché de imágenes en WordPress

Se puede conseguir un aumento significativo del rendimiento en WordPress utilizando el caché. Se distingue entre el caché del navegador, que solo almacena determinados archivos en el dispositivo final, y el del servidor. En este último caso, el contenido generado dinámicamente de WordPress también está disponible en archivos estáticos en el servidor.

Esto significa que el sitio web no tiene que acceder a las bases de datos cada vez que se acceda a él. Esto se debe a que estos accesos aumentan la velocidad de carga por un lado y por otro también la carga que tiene que soportar tu servidor. Especialmente para sitios web grandes con muchos visitantes esta puede ser una forma eficaz de ahorrar recursos.

Desventaja: no se puede crear cierto contenido de la página de forma dinámica. Por ejemplo, si tienes diferentes anuncios publicitarios en uso, tendrías que excluirlos del caché. O aceptar que no cambien en algunos de tus posts. También para las tiendas online con WooCommerce hay que tener en cuenta ciertas excepciones para que el proceso de pedido funcione correctamente.

Además de plugins muy extensos como WP Rocket, que es de pago y ofrece muchos ajustes, también se puede implementar el almacenamiento en caché con plugins gratuitos como WP Optimize o W3 Total Cache. Raidboxes ofrece su propio almacenamiento en caché del lado del servidor en su alojamiento de WordPress para este fin. El caché de NGINX se activa antes de que WordPress lo haga. De esta manera, las páginas web pueden ser entregadas sin que WordPress se ralentice. Otra ventaja: ya no necesita un plugin de caché de WordPress y no tiene que preocuparse de complejas configuraciones.

Optimizar el rendimiento en WordPress

¿Quieres saber cuáles son los parámetros más importantes de tu rendimiento WordPress? Entonces lee nuestra guía al respecto. También puedes echarle un ojo a nuestro libro electrónico de rendimiento sobre el tema de la medición correcta de la velocidad en Webpage.

Conclusión sobre el SEO para imágenes en WordPress

La optimización de imágenes en WordPress puede ser realmente rentable. No solo aumentará tus rankings o clasificaciones, sino que también atraerá tráfico adicional. Por otro lado, requiere algo de trabajo. Sobre todo al principio, si este tema te es todavía nuevo. Sin embargo, con el tiempo te desenvolverás bien y con esfuerzo lograrás buenos resultados.

Especialmente debido a que Google presta cada vez más atención a los tiempos de carga, tiene sentido tener en cuenta que la metainformación no lo es todo. Proporciona las imágenes en el formato de archivo correcto, comprimidas y con el tamaño exacto. Tus visitantes te lo agradecerán por la rapidez a la que responde el sitio cuando se trata de buscar la información deseada. Si el contenido es el adecuado, nada se interpondrá en tu éxito.

Más artículos sobre SEO en wp unboxed que te ayudarán con Google & Co:

Tus dudas sobre el SEO para imágenes en WordPress

¿Qué preguntas tiene sobre este tema? ¿Y qué consejo puedes recomendar? No dudes en utilizar la función de comentarios. ¿Quieres más artículos sobre WordPress y SEO? Entonces síguenos en Twitter, Facebook, LinkedIn o a través de nuestra newsletter.

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.