SEO de imágenes: Una guía de sentido común para WordPress

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

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

Cuando esas imágenes están optimizadas, la Búsqueda de Google puede entender mejor su página y clasificarla (junto con sus imágenes) para consultas relevantes.

Esta guía le guiará a través de los pasos de la optimización de imágenes en WordPress. Cuando hayas terminado, el SEO de imágenes ya no te parecerá un misterio.

En primer lugar, cubramos algunos aspectos básicos del SEO de imágenes.

¿Qué es el SEO de imágenes?

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

Esta forma de SEO también puede incluir minimizar el tamaño de los archivos para que las imágenes se carguen más rápido. Esto puede ayudar a que las páginas se carguen más rápido y ofrezcan una mejor experiencia al usuario.

Aunque la velocidad de carga de las páginas puede influir en la clasificación, hay un aspecto relativo. Google dará más importancia a la calidad del contenido que a la velocidad de carga. Y tendrá en cuenta la velocidad de carga de otras páginas que compiten por la misma clasificación.

Ventajas 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 importantes impulsores de tráfico orgánico.

Pensemos en la popularidad de la búsqueda de imágenes.

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

Las imágenes optimizadas pueden mostrarse en varias áreas de la Búsqueda de Google, como en

• Páginas de resultados del motor de búsqueda de Google (SERPs)
• Búsqueda de Google Imágenes, que permite a los usuarios buscar y encontrar imágenes relacionadas con una palabra clave o frase específica.
• Google Discover, un feed de contenidos personalizado que muestra a los usuarios contenidos adaptados 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 su página sea elegible para mostrarse como resultado enriquecido, también llamado fragmento enriquecido.

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

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

Y aquí hay un fragmento enriquecido.

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

Algunos fragmentos enriquecidos parecen anuncios. Al pasar el ratón por encima de una opción, se amplía y aparecen y desaparecen hasta 5 imágenes en secuencia.

Además, al añadir datos estructurados, en los resultados de la búsqueda se pueden mostrar precios, envíos, información sobre descuentos y otros detalles.

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

Los estudios han demostrado que los fragmentos enriquecidos atraen más clics que los fragmentos estándar.

Siga 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 el SEO de imágenes.

Estas buenas prácticas incluyen:

• Creación y envío de un mapa web de imágenes
• Nombres de archivo descriptivos
• Añadir texto alternativo (una descripción de texto de la imagen)
• Optimizar el título y la meta descripción de su página
• Añadir datos estructurados a la página

Toda tu página debe estar optimizada (no sólo 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.

Se trata de un plugin consolidado con miles de opiniones 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

Como vamos a utilizar All in One SEO para nuestro tutorial, el primer paso es descargarlo e instalarlo.

Paso 1: Descargue e instale All in One SEO (AIOSEO)

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

Paso 2: Obtener un sitemap de imágenes

Google recomienda crear un mapa del sitio de imágenes y enviárselo.

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

¿Por qué tener un mapa del sitio? Los rastreadores de los motores de búsqueda deben encontrar su contenido, incluidas las imágenes, antes de que aparezca en los resultados de búsqueda. Los mapas del sitio ayudan a los motores de búsqueda a descubrir su contenido.

Cuando instale All in One SEO (AIOSEO) obtendrá automáticamente un mapa del sitio con imágenes.

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

• El mapa del sitio XML contiene todas las URL de su sitio.
• El mapa del sitio RSS incluye las URL modificadas o publicadas recientemente.

[XML y RSS se refieren al formato del mapa del sitio. XML significa Extensible Markup Language (lenguaje de marcado extensible) y RSS significa Really Simple Syndication (sindicación realmente simple)].

Su mapa del sitio de imágenes se incluye junto con su mapa del sitio XML.

Envíe su mapa del sitio: A continuación, envíe su mapa del sitio a Google. Y envíelo a Bing.

Paso 3: Utilice nombres de archivo de imagen descriptivos

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

Aquí hay 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 (descargada) es: forest-simon-xa-fv2RQCPY-unsplash.jpg

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

Para crear un nombre de archivo mejor, describa la imagen. He aquí algunos ejemplos.

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

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

Vamos a aclararte eso.

Cómo cambiar el nombre de un archivo de imagen

En el escritorio: Haga clic con el botón derecho en la imagen y escriba el nuevo nombre. Asegúrate de conservar la extensión, por ejemplo, .png, .jpg, etc. (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: Puede cambiar el nombre de las imágenes después de subirlas a WordPress. Vaya a la biblioteca multimedia, haga clic en la imagen y escriba un nuevo nombre de archivo.

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

Paso 4: Colocación de la imagen

Las mejores imágenes son las 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.

Cuando añada imágenes, colóquelas cerca del pasaje de texto correspondiente.

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

Paso 5: Añadir texto alternativo

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

WordPress y otras plataformas de sitios web populares ofrecen un campo en blanco para añadir texto alternativo a las imágenes.

En el editor de WordPress, haz clic en la imagen y aparecerá un campo "TEXTO ALTERNATIVO" a la derecha. Introduzca la descripción de su 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 problemas de visión entender las imágenes.

Si su imagen es simplemente decorativa, es mejor omitir la etiqueta alt. Más información sobre la gestión de 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 sólo el contenido textual, sino también las imágenes de la página.

Paso 6: Utilizar pies de foto significativos

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

Google utiliza subtítulos, nombres de archivo y texto alternativo para comprender el contenido de las imágenes.

He aquí un ejemplo de Bloomberg de un buen pie de foto: "El edificio del Tesoro de EE.UU. en Washington, D.C.".

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

(Si nombras bien tu imagen, a menudo también puedes utilizar el nombre para el texto alternativo).

Paso 7: SEO en la página

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 las consultas relevantes.

Esta práctica, denominada SEO on-page, se facilita con All in One SEO.

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

Para encontrar las recomendaciones de AIOSEO, inicie sesión en WordPress. A continuación, navegue hasta una página que desee optimizar.

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

A continuación, haga clic en General.

Aquí encontrarás tus 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.

Más información

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

Paso 8: Añadir datos estructurados

El último paso de la optimización es añadir datos estruct urados (marcado schema) a su página. Los datos estructurados son etiquetas que etiquetan distintas partes de la página.

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

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 tus imágenes aparezcan en el fragmento de búsqueda y para consultas relevantes.

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

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

Simplemente vea qué esquema se ajusta a su artículo y añádalo pulsando algunos botones en AIOSEO.

Aprenda a utilizar AIOSEO para añadir el marcado de esquemas, incluido el esquema de productos, a sus páginas.

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

Por último, AIOSEO le permite establecer globalmente algunos ajustes SEO de la imagen.

Esto incluye el formato y la codificación de etiquetas alt, nombres de archivo, pies de foto, títulos de imágenes y descripciones de imágenes. Esto puede ahorrar tiempo y garantizar la coherencia de los equipos de contenidos.

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

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

Cómo optimizar las imágenes para las redes sociales

Las publicaciones en redes sociales con imágenes consiguen mucha más participación que las que sólo contienen texto.

Pero, ¿alguna vez has compartido un artículo y te has encontrado con una imagen incorrecta? ¿O tal vez no había descripción?

Con AIOSEO, puedes asegurarte de que cuando tu contenido se comparta en las redes sociales, la imagen y la descripción que prefieras sean las que se muestren.

Cuando estés en el editor de WordPress, puedes editar cómo se muestra tu entrada en las redes sociales. AIOSEO añade las etiquetas Open Graph necesarias entre bastidores.

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

Aprenda a optimizar sus contenidos para las redes sociales.

Consideraciones avanzadas sobre SEO de imágenes

Hemos compartido los pasos más cruciales del SEO de imágenes. Una vez que te acostumbres a optimizar tus imágenes y el SEO de la página, el proceso irá más rápido y se convertirá en algo natural.

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

Formatos de imagen

En su documentación sobre SEO de imágenes, Google enumera los tipos de archivos de imagen que admite.

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

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

Sin embargo, utilizar el formato de imagen WebP de Google tiene sus ventajas. Este estándar utiliza compresión con y sin pérdidas para reducir el tamaño de los archivos en torno a un 30%. Y eso acelera la carga de imágenes.

Si eres un principiante con las tecnologías web no te preocupes por esto. Pero si eres un usuario intermedio o avanzado, considera convertir tus imágenes a WebP.

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

Los que utilicen un CDN de imágenes como Cloudinary o ImageKit podrán seleccionar fácilmente el formato de imagen que prefieran antes de publicar.

El ejemplo de abajo es de mi cuenta Cloudinary.

• La captura de pantalla de la derecha se subió como archivo PNG.
• A la izquierda, verás el desplegable que te permite cambiar el tipo de archivo de la imagen, incluso a WebP.

Optimización de los tiempos de carga de las páginas para el SEO de imágenes

Las imágenes suelen ser las culpables de la lentitud de carga de las páginas.

El tamaño de los archivos de imágenes descargados de sitios de fotos de archivo suele ser enorme.

Poner esa imagen en tu sitio es como meter un elefante en un Fiat 500. Algo tiene que ceder. Algo tiene que ceder, y lo que suele ceder 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

En primer lugar, ten en cuenta que reducir el tamaño de los archivos de imagen no significa renunciar a la alta resolución. Puedes comprimir imágenes y seguir obteniendo una resolución de alta calidad mostrada en gran formato.

Hay muchas recomendaciones populares sobre este tema, como utilizar TinyPNG.com para la compresión de imágenes. En el caso de los sitios con fotos de altísima resolución, también puedes utilizar una herramienta de captura de pantalla, como SnagIt, para hacer una captura de la imagen en lugar de descargarla.

Te recomendamos que utilices un plugin para WordPress que comprima y almacene en caché automáticamente tus imágenes, como WP Rocket.

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

Las imágenes que aparecen más abajo se cargan en rápida sucesión.

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

Esto es mucho mejor que en los viejos tiempos de Internet, cuando se veía una "x" roja en el 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 lenta proporciona una mejor experiencia de usuario porque ayuda a que su página parezca que se carga instantáneamente, mientras que el navegador todavía está analizando las imágenes más abajo en la página.

Averigüe también qué tipo de almacenamiento en caché ofrece su proveedor de alojamiento web.

Redes de distribución de contenidos (CDN)

La mayoría de los alojamientos web utilizan CDN (redes de distribución de contenidos), que pueden acelerar la carga de imágenes.

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

Me gusta compararlo con el reparto de pizzas. Cuando pides una pizza Domino's en Nueva York, no quieres que te la traigan de Los Ángeles, sino del Domino's más cercano de tu barrio.

Compruebe si su plan de alojamiento web utiliza una CDN. Si no lo hace, cámbiate a uno 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 contenidos (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 lo haga automáticamente. De hecho, es una de las razones para utilizar un CMS.

Specifically, Google states, “Using standard HTML image elements helps crawlers find and process images. Google parses the HTML <img> elements (even when they're enclosed in other elements such as <picture> elements) in your pages to index images . . .”

When you add an image to WordPress or other user-friendly platforms, the <img> element will be automatically added to the code along with attributes like src (the source, i.e., URL for the image) and alt (alt text).

He aquí un ejemplo simplificado.

<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 varias dimensiones de la misma foto, y la que mejor se adapte al tamaño de la pantalla del dispositivo del usuario será la que se muestre. (Para los estudiantes de HTML: para ello se utiliza el atributo srcset ).

Recursos sobre SEO de imágenes

¿Quiere saber más sobre el SEO de imágenes? Aquí tiene algunos recursos prácticos.

• Guía para principiantes sobre SEO de imágenes
• Cómo escribir texto alternativo para las imágenes
• Cómo cargar imágenes perezosamente en WordPress (2 métodos)
• Cómo añadir CSS personalizado a su deslizador 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 ha aprendido a optimizar las imágenes para aumentar el tráfico, ¿qué es lo siguiente?

Descubre cómo un fabricante de productos electrónicos disparó su tráfico mediante la búsqueda de imágenes de Google. Aprenda sobre WordPress video SEO. Y no olvides planificar las conversiones.

Suscríbete a nuestro canal de YouTube para ver tutoriales breves de SEO para WordPress. Y síguenos en X (Twitter), LinkedIn o Facebook para mantenerte informado.

¿Quieres probar AIOSEO gratis?

Introduzca la URL de su sitio web WordPress para instalar AIOSEO Lite.

Active JavaScript en su navegador para rellenar este formulario.

Página web / URL

Nombre *

Correo electrónico *

Obtenga All in One SEO ahora (gratis)

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.

Sherrie Gossett Redactora de contenidos

Sherrie es una analista de SEO afincada en New Hampshire, Estados Unidos. Cuando no está ocupada investigando, implementando y escribiendo sobre nuevos desarrollos SEO, se la puede encontrar haciendo senderismo y tocando la guitarra.

Ver biografía completa

SEO Marketing de crecimiento WordPress