SEO de imágenes: Una guía práctica para WordPress

El SEO de imágenes es una práctica sencilla que puede aumentar significativamente el tráfico orgánico a tu sitio.

Las imágenes bien elegidas añaden interés visual a una página y pueden proporcionar información útil.

Cuando esas imágenes están optimizadas, Google Search puede entender mejor tu página y clasificarla (junto con tus imágenes) para consultas relevantes.

Esta guía te guiará a través de los pasos de optimización de imágenes en WordPress. Cuando termines, el SEO de imágenes ya no te parecerá misterioso.

Primero, cubramos algunos conceptos básicos de SEO de imágenes.

¿Qué es el SEO de imágenes?

El SEO de imágenes implica añadir información a las imágenes para ayudar a los motores de búsqueda a entenderlas y clasificarlas en búsquedas relevantes.

Esta forma de SEO también puede incluir la minimización de los tamaños de archivo para que las imágenes carguen más rápido. Esto puede hacer que las páginas carguen más rápido y proporcionar una mejor experiencia de usuario.

Si bien las velocidades de carga de página pueden afectar las clasificaciones, hay un aspecto relativo en esto. Google ponderará la calidad del contenido por encima de la velocidad de carga. Y considerará qué tan rápido cargan otras páginas que compiten por las mismas clasificaciones.

Beneficios del SEO de imágenes

La optimización de imágenes es una parte valiosa del SEO que a menudo se pasa por alto. Cuando las imágenes están optimizadas, pueden ser impulsores significativos de tráfico orgánico.

Considera la popularidad de la búsqueda de imágenes.

• 72 % de los consumidores buscan imágenes antes de comprar.
• 74 % dice que las búsquedas de imágenes son superiores a las búsquedas de texto para comprar.
• El uso móvil de la búsqueda de imágenes creció un 60 % en un período de 2 años, según Google.

Las imágenes optimizadas se pueden mostrar en varias áreas de la Búsqueda de Google, incluidas las

• páginas de resultados del motor de búsqueda (SERP) habituales de Google
• la búsqueda de Imágenes de Google, que permite a los usuarios buscar y encontrar imágenes relacionadas con una palabra clave o frase específica.
• Google Discover, un feed de contenido personalizado que muestra a los usuarios contenido adaptado a sus intereses.

El proceso de optimización de imágenes ayuda a los algoritmos de Google a comprender mejor el contenido de las imágenes.

Además, añadir datos estructurados hace que tu página sea elegible para mostrarse como un resultado enriquecido, también llamado fragmento enriquecido.

Un fragmento enriquecido o resultado enriquecido es cualquier fragmento de motor de búsqueda que incluye imágenes, valoraciones de estrellas u otra información no estándar.

Para ver la diferencia, aquí tienes un fragmento de búsqueda estándar.

Y aquí tienes un fragmento enriquecido.

Los fragmentos enriquecidos pueden ser especialmente útiles para sitios de comercio electrónico que utilizan imágenes de productos para atraer compradores.

Algunos fragmentos enriquecidos parecen anuncios. Cuando pasas el ratón por encima de una opción, se expande y hasta 5 imágenes aparecen y desaparecen en secuencia.

Además, cuando añades datos estructurados, el precio, el envío, la información de descuentos y otros detalles se pueden mostrar en tus resultados de búsqueda.

Como su nombre indica, los fragmentos enriquecidos son resultados de búsqueda que incluyen medios enriquecidos (no textuales), como imágenes y vídeos.

Las investigaciones han demostrado que los fragmentos enriquecidos atraen más clics que los fragmentos estándar.

Sigue las mejores prácticas de SEO de imágenes

Lo que te enseñaré en este tutorial se basa en las mejores prácticas de Google para SEO de imágenes.

Estas mejores prácticas incluyen:

• Crear y enviar un sitemap de imágenes
• Usar nombres de archivo descriptivos
• Añadir texto alternativo (una descripción textual de la imagen)
• Optimizar el título de tu página y la meta descripción
• Añadir datos estructurados a la página

Toda tu página debe estar optimizada (no solo las imágenes). Aquí es donde entra en juego un plugin como All in One SEO (AIOSEO).

All in One SEO (AIOSEO) automatiza la mayoría de las tareas técnicas y simplifica el SEO para que incluso los principiantes puedan optimizar.

Este es un plugin consolidado con miles de reseñas de 5 estrellas en WordPress.org. Actualmente, más de 3 millones de propietarios de sitios lo utilizan.

Cómo hacer SEO de imágenes en WordPress

Dado que utilizaremos All in One SEO para nuestro tutorial, el primer paso es descargarlo e instalarlo.

Paso 1: Descarga e instala All in One SEO (AIOSEO)

Después de descargar e instalar AIOSEO, se abrirá un asistente de configuración que te guiará a través de unos pocos pasos.

Paso 2: Obtén un sitemap de imágenes

Google recomienda que crees un sitemap de imágenes y lo envíes.

¿Qué es un sitemap? Un sitemap es una lista de URLs, en código, creada para que los motores de búsqueda la lean.

¿Por qué tener un sitemap? Tu contenido, incluidas las imágenes, necesita ser encontrado por los rastreadores de los motores de búsqueda antes de que pueda aparecer en los resultados de búsqueda. Los sitemaps ayudan a los motores de búsqueda a descubrir tu contenido.

Obtendrás automáticamente un sitemap de imágenes cuando instales All in One SEO (AIOSEO).

De hecho, AIOSEO generará 2 sitemaps para ti, de acuerdo con las recomendaciones de Google.

• El sitemap XML contiene todas las URLs de tu sitio.
• El sitemap RSS incluye URL modificadas o publicadas recientemente.

[XML y RSS se refieren al formato del sitemap. XML significa Extensible Markup Language (Lenguaje de Marcado Extensible) y RSS significa Really Simple Syndication (Sindicación Realmente Simple).]

Tu sitemap de imágenes está incluido junto con tu sitemap XML.

Envía tu sitemap: A continuación, envía tu sitemap a Google. Y envíalo a Bing.

Paso 3: Usa nombres de archivo de imagen descriptivos

Los nombres de archivo de imagen deben ser cortos y descriptivos, no genéricos.

Aquí tienes una foto de un cerdo salvaje en las Bahamas.

Descargué la imagen de Unsplash.com, un sitio que ofrece imágenes gratuitas (y de pago).

El nombre de archivo de la imagen (tal como se descargó) es: forest-simon-xa-fv2RQCPY-unsplash.jpg

Ese es un mal nombre de archivo para el SEO de imágenes porque no contiene información sobre el tema.

Para crear un mejor nombre de archivo, describe la imagen. Aquí tienes algunos ejemplos.

• cerdo-salvaje-nadando-bahamas.jpg
• cerdo-salvaje-exuma-playa-bahamas.jpg
• cerdo-salvaje-nadando-playa-exuma-bahamas.jpg

Ten en cuenta que cuando descargas imágenes de tu teléfono o cámara, es probable que tengan nombres de archivo genéricos, como IMG00001.jpg, por lo que deberás cambiarlos.

Vamos a aclarar eso.

Cómo cambiar el nombre de archivo de una imagen

En escritorio: Haz clic derecho en la imagen y escribe el nuevo nombre. Asegúrate de conservar la extensión, por ejemplo, .png, .jpg, etc. (Esta es la parte que va después del punto). La extensión ayuda a los navegadores a entender el formato de la imagen.

En WordPress: Puedes renombrar imágenes después de subirlas a WordPress. Ve a la Biblioteca de Medios, haz clic en la imagen y escribe un nuevo nombre de archivo.

Más información sobre SEO de nombres de archivo de imagen.

Paso 4: Ubicación de la imagen

Las mejores imágenes son aquellas que ayudan a los usuarios a comprender mejor el contenido de la página. Piensa en gráficos, diagramas, capturas de pantalla y fotos o ilustraciones relevantes.

Al añadir imágenes, colócalas cerca del pasaje de texto relevante.

La ubicación proporciona contexto adicional, lo que ayuda a los motores de búsqueda a entender la imagen.

Paso 5: Añade texto alternativo

A continuación, deberías añadir texto alternativo para cada imagen en una página web. También llamado etiqueta alt o "texto alternativo", debería ser una frase corta y descriptiva.

WordPress y otras plataformas populares de sitios web proporcionan un campo en blanco para añadir texto alternativo de imagen.

En el editor de WordPress, haz clic en la imagen y aparecerá un campo "TEXTO ALTERNATIVO" a la derecha. Introduce la descripción de tu imagen.

¿Sabías que...?: Las tecnologías de accesibilidad web como los lectores de pantalla leen el texto alternativo en voz alta, lo que permite a las personas con discapacidades visuales comprender las imágenes.

Si tu imagen es meramente decorativa, es mejor omitir la etiqueta alt. Más información sobre cómo gestionar imágenes decorativas para SEO.

Metadatos: Es posible que haya oído hablar del texto alternativo como metadatos. Los metadatos son datos (por ejemplo, texto) sobre datos (por ejemplo, una imagen). Los metadatos, incluidos los títulos y las descripciones de las páginas, ayudan a los algoritmos de los motores de búsqueda a comprender no solo el contenido textual sino también las imágenes de la página.

Paso 6: Usa leyendas de imagen significativas

Si añade pies de foto a una imagen, trátelos como nombres de archivo y texto alternativo. Los pies de foto deben ser descriptivos y útiles para el usuario.

Google utiliza pies de foto, nombres de archivo y texto alternativo para comprender el contenido de las imágenes.

Aquí tiene un ejemplo de Bloomberg de un buen pie de foto: «El edificio del Tesoro de EE. UU. en Washington, D.C.».

Un análisis rápido del código detrás de esta imagen muestra que no hay un nombre de archivo descriptivo, pero tanto el pie de foto como el texto alternativo son buenos y exactamente iguales.

(Si nombra bien su imagen, a menudo puede usar el nombre también para el texto alternativo).

Paso 7: SEO On-Page

Antes de publicar su página web, optimícela para los motores de búsqueda. Esto ayudará a que su página y sus imágenes se clasifiquen para consultas relevantes.

Esta práctica, llamada SEO en la página, se facilita con All in One SEO.

AIOSEO analizará automáticamente su página web y le proporcionará pasos para mejorarla.

Para encontrar las recomendaciones de AIOSEO, inicie sesión en WordPress. Luego, navegue a la página que desea optimizar.

Haga clic en el botón AIOSEO en la parte superior derecha. Eso abrirá la barra lateral de AIOSEO.

Luego haga clic en General.

Aquí encontrará sus pasos de acción agrupados en pestañas:

• Frase clave de enfoque
• SEO básico
• Título
• Legibilidad

Haga clic en una pestaña, como Frase clave de enfoque, para obtener pasos de acción específicos.

Aprenda más sobre

• SEO en la página, incluido cómo optimizar su título y meta descripción.
• Frases clave de enfoque
• Legibilidad y la puntuación Flesch de facilidad de lectura

Paso 8: Añade datos estructurados

El paso final de optimización es añadir datos estructurados (marcado schema) a su página. Puede pensar en los datos estructurados como etiquetas que etiquetan diferentes partes de su página.

Pero a diferencia de las etiquetas de blog, estas etiquetas solo aparecen en el código y son para que los motores de búsqueda las lean.

Este código ayuda a Google y a otros motores de búsqueda a comprender y clasificar el contenido de su página. También puede ayudar a que sus imágenes aparezcan en su fragmento de búsqueda y para consultas relevantes.

Por defecto, AIOSEO añade el esquema de Artículo a cada publicación. Pero hay más de una docena de otros tipos de esquema que puede añadir a una página, usando AIOSEO, incluyendo:

• Receta
• Producto
• Reseñas de productos
• Evento
• Libro
• Conjunto de datos
• Software
• Música

Simplemente vea qué esquema se adapta a su artículo y agréguelo haciendo clic en algunos botones en AIOSEO.

Aprenda a usar AIOSEO para agregar marcado de esquema, incluido el esquema de producto, a sus páginas.

Opcional: Configuración global de SEO de imágenes de AIOSEO

Por último, AIOSEO le permite establecer globalmente algunas configuraciones de SEO de imágenes.

Estos incluyen el formato y las mayúsculas para las etiquetas alt, los nombres de archivo, los pies de foto, los títulos de las imágenes y las descripciones de las imágenes. Esto puede ahorrar tiempo y garantizar la coherencia para los equipos de contenido.

Además, puede optar por generar automáticamente pies de foto y descripciones al subir.

Aquí tiene más información sobre la configuración global de SEO de imágenes de AIOSEO.

Cómo optimizar imágenes para redes sociales

Las publicaciones en redes sociales con imágenes obtienen mucha más interacción que las publicaciones solo de texto.

¿Pero alguna vez ha compartido un artículo solo para descubrir que se mostraba la imagen incorrecta? ¿O tal vez no había descripción?

Usando AIOSEO, puede asegurarse de que cuando su contenido se comparta en las redes sociales, se muestre la imagen y la descripción que prefiere.

Cuando esté en el editor de WordPress, puede editar cómo se muestra su publicación en las redes sociales. AIOSEO agrega las etiquetas Open Graph necesarias en segundo plano.

Facebook y otras plataformas sociales usan etiquetas OG (una forma de código) para controlar la visualización de sus publicaciones. Si faltan estas etiquetas, es probable que su publicación no se vea bien.

Aprenda a optimizar su contenido para redes sociales.

Consideraciones avanzadas de SEO de imágenes

Hemos compartido los pasos más importantes de SEO de imágenes. Una vez que se acostumbre a optimizar sus imágenes y el SEO de la página, el proceso será más rápido y se convertirá en algo natural.

A continuación, he proporcionado orientación adicional para aquellos que deseen explorar temas de SEO de imágenes más avanzados.

Formatos de imagen

En su documentación de SEO de imágenes, Google enumera los tipos de archivo de imagen que admiten.

Tipos de archivo admitidos: BMP, GIF, JPEG, PNG, WebP y SVG

Muchas imágenes ya están en formato PNG o JPG.

Sin embargo, existen beneficios al usar el formato de imagen WebP de Google. Este estándar utiliza compresión sin pérdidas y con pérdidas para reducir el tamaño de los archivos en aproximadamente un 30%. Y eso acelera la carga de imágenes.

Si es principiante en tecnologías web, no se preocupe por esto. Pero si es un usuario intermedio o avanzado, considere convertir sus imágenes a WebP.

Conversión de tipos de archivo en una CDN de imágenes

Para aquellos que usan una CDN de imágenes como Cloudinary o ImageKit, puede seleccionar fácilmente su formato de imagen preferido antes de publicar.

El siguiente ejemplo es de mi cuenta de Cloudinary.

• La captura de pantalla de la derecha se cargó como un archivo PNG.
• A la izquierda, ve el menú desplegable que le permite cambiar el tipo de archivo de imagen, incluido a WebP.

Optimización de los tiempos de carga de la página para el SEO de imágenes

Las imágenes son a menudo las culpables cuando se trata de la lentitud de carga de la página.

Los tamaños de archivo de las imágenes descargadas de sitios de fotos de stock son a menudo enormes.

Poner esa imagen en tu sitio es como meter un elefante en un Fiat 500. Algo tiene que ceder, y lo que suele irse es la velocidad del sitio.

¿Recuerdas la foto del cerdo en el agua que compartimos? Pesaba más de 2 MB. Para comparar, incluso 1 MB es enorme.

Entonces, ¿qué se puede hacer?

Compresión de imágenes

Primero, ten en cuenta que reducir el tamaño del archivo de imagen no significa renunciar a una alta resolución. Puedes comprimir imágenes y seguir obteniendo una resolución de alta calidad mostrada en formato grande.

Hay muchas recomendaciones populares sobre este tema, como usar TinyPNG.com para la compresión de imágenes. Para sitios de fotos de ultra alta resolución, también puedes usar una herramienta de captura de pantalla, como SnagIt, para hacer una captura de pantalla de la imagen en lugar de descargarla.

Recomendamos usar un plugin de WordPress que comprime y almacena en caché tus imágenes automáticamente, como WP Rocket.

Carga diferida: Muchos plugins de compresión de imágenes también incluyen carga diferida. Este proceso prioriza la carga de imágenes en la parte superior de la página porque los visitantes verán esas primero.

Las imágenes más abajo en la página se cargan en rápida sucesión.

Si un usuario se desplaza rápidamente por la página, antes de que todas las imágenes se hayan cargado, verá una versión borrosa de cada imagen que gradualmente se enfoca.

Esto es mucho mejor que en los viejos tiempos de Internet, cuando veías una "x" roja en lugar de las imágenes que aún no se habían cargado. Esto hacía que las páginas web parecieran rotas.

La carga diferida proporciona una mejor experiencia de usuario porque ayuda a que tu página parezca que se carga instantáneamente, mientras el navegador todavía está procesando las imágenes más abajo en la página.

Averigua también qué tipo de caché ofrece tu proveedor de alojamiento web.

Redes de Entrega de Contenidos (CDN)

La mayoría de los proveedores de alojamiento web utilizan CDN (redes de entrega de contenidos), que pueden acelerar la carga de imágenes.

Las CDN almacenan copias de tu sitio en varias ubicaciones geográficas para que la versión más cercana a un usuario sea la que se cargue.

Me gusta comparar esto con la entrega de pizza. Cuando pides una pizza de Domino's en Nueva York, no quieres que te la envíen desde Los Ángeles. Quieres que te la envíen desde el Domino's más cercano de tu barrio.

Comprueba tu plan de alojamiento web para ver si utiliza una CDN. Si no es así, cámbiate a una que sí lo haga.

Preguntas y respuestas sobre SEO de imágenes

Google dice que las imágenes requieren HTML adecuado. ¿Tengo que añadirlo yo mismo?

Si utilizas un sistema de gestión de contenido (CMS) moderno como WordPress, Drupal o Squarespace, no necesitas añadir HTML a tus imágenes. De hecho, no conozco ningún CMS que no gestione esto automáticamente por ti. Es una de las razones para usar un CMS.

Específicamente, Google afirma: «El uso de elementos de imagen HTML estándar ayuda a los rastreadores a encontrar y procesar imágenes. Google analiza los elementos HTML (incluso cuando están dentro de otros elementos como los elementos ) en tus páginas para indexar imágenes...»

Cuando añades una imagen a WordPress u otras plataformas fáciles de usar, el elemento se añadirá automáticamente al código junto con atributos como src (la fuente, es decir, la URL de la imagen) y alt (texto alternativo).

Aquí tienes un ejemplo simplificado de cómo podría ser.

<img src=”https://mydomain.com/wpcontent/uploads/2023/12/nyc-sunset.jpg” alt=”new york city sunset” />

WordPress también pondrá a disposición de los navegadores múltiples dimensiones de la misma foto, y la que mejor coincida con el tamaño de pantalla del dispositivo del usuario será la que se muestre. (Para los estudiantes de HTML: el atributo srcset se utiliza para esto).

Recursos sobre SEO de imágenes

¿Te gustaría leer más sobre SEO de imágenes? Aquí tienes algunos recursos prácticos.

• Guía para principiantes de SEO de imágenes
• Cómo escribir texto alternativo para imágenes
• Cómo cargar imágenes de forma diferida en WordPress (2 métodos)
• Cómo añadir CSS personalizado a tu carrusel de imágenes de WordPress
• Yoast vs. RankMath vs. All in One SEO: ¿Cuál es mejor?

Después de dominar el SEO de imágenes...

¿Ahora que has aprendido a optimizar imágenes para aumentar el tráfico, qué sigue?

Explora cómo un fabricante de productos electrónicos disparó su tráfico usando la Búsqueda de Imágenes de Google. Aprende sobre SEO de vídeo en WordPress. Y no olvides planificar las conversiones.

Suscríbete a nuestro Canal de YouTube para obtener tutoriales cortos de SEO en WordPress. Y síguenos en X (Twitter), LinkedIn o Facebook para estar al tanto.

Descargo de responsabilidad: Nuestro contenido es compatible con los lectores. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Solo recomendamos productos que creemos que añadirán valor a nuestros lectores.