El SEO para imágenes puede ayudar a que tu sitio se posicione mejor en Google imágenes, hacer que tus páginas carguen más rápido y otras ventajas para su rendimiento.
En este artículo aprenderás qué es el SEO para imágenes y las 13 mejores prácticas para optimizar las imágenes de tu sitio.
¿Qué es el SEO para imágenes?
El posicionamiento SEO para imágenes se puede definir como el conjunto de técnicas o acciones SEO que se aplican a estos archivos con objetivo de mejorar el posicionamiento de la página.
Estas acciones pueden favorecer el SEO de tu web de diferentes formas, por ejemplo:
Posicionándote en Google imágenes.
Mostrando tus imágenes como fragmento destacado en los resultados de búsqueda.
Ayudándote a conseguir una mejor velocidad web, al reducir el peso de la página o mejorando el SEO On Page, al incluir el atributo ALT.
¿Qué significa que una imagen está optimizada para SEO?
Optimizar imágenes para SEO significa mostrar imágenes de forma que los motores de búsqueda pueden comprender mejor el contenido que representa y cuidar los aspectos que pueden afectar a la velocidad de carga.
De esta forma, Google podrá interpretar mejor la imagen y saber cuando debe mostrarla en los resultados de búsqueda.
¿Por qué es importante el SEO para imágenes?
Utilizar imágenes dentro de las páginas de tu web mejorará la apariencia y la calidad de tu contenido.
Los elementos visuales como fotos, vídeos o infografías ayudan a que el contenido sea mejor comprendido y recordado.
Además, se verá más atractivo y mejorará la experiencia de navegación del usuario.
Junto a otras ventajas como aparecer en fragmentos destacados de Google y atraer tráfico posicionándose en Google imágenes.
Pero, si no llevas a cabo buenas prácticas de SEO para estas imágenes, Google no podrá interpretar bien su contenido y aumentará mucho el peso de las páginas.
Y pueden acabar causando un efecto negativo.
Para ello, en este artículo, explicaremos cómo tratar las imágenes para que favorezcan el SEO de tu sitio.
¿Cómo optimizar imágenes para mejorar el posicionamiento?
Utiliza imágenes únicas y originales
Si buscas posicionar una imagen, esta debe ser original y única.
Esto quiere decir no descargar una imagen directamente de internet, sino crear un nuevo archivo de imagen.
Estas pueden ser imágenes realizadas personalmente, una imagen retocada con Canva o Photoshop, capturas de pantalla, etc.
Contenido y contexto de la imagen
En las recomendaciones de Google para imágenes se menciona la importancia de que para posicionar una imagen no solo importa el contenido de la misma.
Sino que también se valora la calidad del contenido de la página donde se encuentra.
Más importante que las imágenes, el contenido original y de calidad será uno de los principales consejos para posicionar una página y sus imágenes.
Por otro lado, es necesario elegir una imagen que sea relevante para el contenido del sitio web.
Si el elemento no tiene nada que ver con el tema del sitio, entonces es mejor no incluirlo.
Elige el formato de imagen adecuado
Cada archivo de imagen puede estar creado en un formato diferente y dependiendo del tipo de imagen y uso que se emplee será mejor optar por una opción u otra.
Entre los principales tipos de formato de imagen se encuentran los archivos JPG, PNG, SVG, WebP, AVIF y GIF:
- JPEG. Es el tipo de archivo más popular. JPEG es un formato con pérdida (es decir, que elimina datos de la imagen para reducir su peso) muy usado para imágenes estáticas (fotos), pero no tanto para gráficos o dibujos que requieren precisión.
- PNG. Este formato utiliza la compresión sin pérdida, lo que hará que mantenga una calidad más alta que JPEG, pero a costa de un peso superior. Es adecuado cuando se necesita transparencia de fondo o una reproducción más precisa de los detalles, como suele ser el caso de las infografías.
- SVG. Es un formato de gráficos vectoriales basado en XML, ideal para logotipos e iconos que necesitan ser escalables en diferentes tamaños sin pérdida de calidad.
- WebP. Es un formato de imagen moderno desarrollado por Google que permite compresión con pérdida y sin pérdida, siendo una de las opciones más ligeras para la web. El inconveniente es que puede no ser admitido por alguno de los navegadores más antiguos.
- GIF. Esta es una opción cuando se quieren mostrar animaciones simples, aunque no se debe abusar de su uso, ya que tienden a ser archivos pesados.
- AVIF. Es un formato de imagen moderno diseñado para ofrecer alta calidad visual con archivos mucho más pequeños que JPEG, PNG o incluso WebP. Los inconvenientes son la falta de adaptación a algunos editores al ser el formato más reciente y no ser compatible con alguno de los navegadores más antiguos.
Nombre del archivo de la imagen
El title o nombre del archivo de la imagen debe describir la imagen.
Es decir, evitar nombrar archivos con términos que no aporten descripción alguna, como por ejemplo:
Renombra los títulos de las imágenes utilizando un nombre conciso y descriptivo.
Por lo general, recomiendo utilizar la palabra clave o las pocas palabras que sirvan para describir el contenido.
También, es importante no utilizar guiones bajos, ni mayúsculas, ni caracteres especiales.
Por ejemplo, si la imagen acompaña a la ficha de producto de unos «zapatos rojos», entonces un nombre de archivo apropiado sería «zapatos-rojos.jpg».
ALT de la imagen
La etiqueta ALT o texto alternativo es una descripción de la imagen que ayuda a Google a comprender el contenido que muestra.
Y, por otra parte, es el texto visible que se mostrará si no puede visualizarse la imagen correctamente o para los navegadores que estén haciendo uso de un lector de pantalla.
En HTML, el texto alternativo será la etiqueta ALT que se incluirá dentro del elemento img.
O, en el caso de WordPress, el espacio que encontrarás al seleccionar una imagen desde la biblioteca de medios:
Para crear un atributo ALT óptimo, trata de limitarte a describir lo que sucede en la imagen.
Por ejemplo, para la última imagen mostrada en este artículo, un texto alternativo adecuado podría ser: “incluir etiqueta alt en wordpress”.
Un error común es tratar de incluir palabras clave exactas, dado que esta práctica ya no ayuda a posicionar como lo hacía antes.
Lo mejor será mostrar una descripción corta, utilizando palabras clave si encajan y que muestre lo que está sucediendo en la imagen.
Existen muchas formas de comprobar las imágenes que no tienen ALT en tu sitio.
Una forma para ver todas las imágenes que no tienen ALT en toda tu web es utilizando la herramienta Screaming Frog.
Accede a Screaming y rastrea tu web.
Desde la pestaña “Falta texto ALT” dentro de imágenes, podrás encontrar todas las imágenes en tu sitio que no tienen ningún texto alternativo.
Al seleccionar una imagen, en la parte inferior, te mostrará la página donde se encuentra la imagen sin ALT.
Para comprobar las imágenes sin texto alternativo en una única página, puedes ayudarte de la extensión para Chrome “Image Alt Text Viewer”.
Al ubicarte sobre una página, te indicará las imágenes sin ALT y el ALT de las imágenes ene l caso de que exista.
Tamaño adecuado de la imagen
En muchas ocasiones, será necesario redimensionar el tamaño de las imágenes.
Muchos archivos pueden contar con unas dimensiones excesivas que nunca van a ser necesarias.
Esto es algo que cobra especial importancia cuando se cargan con unas dimensiones excesivas imágenes como el logo o la imagen del autor.
Ya que apenas deberían ocupar espacios y se muestran en todas las páginas, por lo que afecta a la velocidad de todo el sitio.
Aunque no existe una recomendación estándar sobre el tamaño adecuado de una imagen, para orientarte, puedes ver el tamaño que están utilizando en este momento tus imágenes para tu dispositivo.
Sitúate en una página y presiona el botón derecho y selecciona inspeccionar.
Utilizando el selector, identifica una imagen.
Y al situar el puntero sobre el archivo de imagen, verás el tamaño original (intrinsic size) y el tamaño que realmente está utilizando (rendered size).
También, puedes seleccionar en la parte superior un dispositivo diferente.
De esta forma, tendrás una idea aproximada de las dimensiones que necesitan tus imágenes.
Para redimensionar imágenes, puedes acudir al sitio iLoveImg.
Esta web te permitirá redimensionar según el tamaño que le indiques.
Tener en cuenta
Si quieres aparecer en Google Discover, una de las recomendaciones para aumentar las probabilidades de mostrarte en este apartado es utilizar imágenes de al menos 1200 píxeles de ancho.
En este caso, es algo a tener en cuenta antes de redimensionar por debajo de este tamaño si cuentas con páginas que buscas que se muestran en este apartado de Google.
Sube imágenes comprimidas
Comprimir las imágenes es una práctica recomendada para evitar que perjudiquen la velocidad de carga.
Tinypng.com o compressjpeg son sitios webs que te permiten comprimir las imágenes de forma gratuita.
En este paso, debes buscar comprimir las imágenes, pero también comprobando que no se pierda mucha calidad.
En el caso de la web compress, al hacer clic sobre la imagen subida, en la parte inferior te permite seleccionar el porcentaje de compresión que deseas aplicar:
De esta forma, podrás reducir la compresión en caso de que pierda mucha calidad.
También, si utilizas WordPress, encontrarás diferentes plugins como Smush, que te ayudarán a comprimir las imágenes una vez subidas.
Si cuentas con Screaming, una forma de saber cuáles son las imágenes que más pueden necesitar redimensionarse o comprimirse es prestando atención a la columna “Tamaño”, dentro de Imágenes “Más de 100 KB”.
Y, al presionar sobre la columna, se ordenarán por tamaño.
Así podrás ver cuáles son las más prioritarias a optimizar en cuanto a peso.
Sitemap para imágenes
Los sitemaps para imágenes ayudarán a encontrar y posicionar las imágenes de tus páginas.
Existen dos opciones, crear un sitemap de imágenes o incluir las imágenes en el sitemap general.
Crear un sitemap de imágenes es recomendable si cuentas con un tipo de contenido que tiene altas posibilidades de posicionarse en Google imágenes, como un sitio web de diseño.
Por otro lado, incluir las imágenes en el sitemap permitirá a Google encontrar algunas imágenes que de otra forma no lo haría.
Como las imágenes que se encuentran dentro de un fragmento JavaScript.
En WordPress, incluir las imágenes en el sitemap será una función que te aportará el plugin utilizado para crear el mapa del sitio.
Por ejemplo, en el plugin SEO Rank Math, simplemente supone activar una casilla:
Por otra parte, crear un sitemap específico para imágenes te permitirá incluir imágenes de otros dominios, lo que puede ser necesario si estás utilizando un CDN.
Si para tu sitio conviene crear un mapa del sitio dedicado a imágenes, te recomiendo que sigas el ejemplo de estructura de sitemap que muestra Google en su página.
Carga diferida de imágenes
La carga diferida o lazy load consiste en cargar las imágenes conforme va siendo necesaria su visualización.
Es decir, una imagen que se encuentre en la parte inferior de la página, se cargará cuando el usuario haga scroll.
En el caso de WordPress, podrás encontrar muchos plugins para aplicar la carga diferida, como el mencionado plugin Smush.
Distribuye tus imágenes a través de CDN
Un CDN es una red de servidores distribuidos por diferentes ubicaciones que ofrecen la función de servir el contenido desde una ubicación cercana a la que se encuentra el usuario.
Especialmente si tu tráfico está distribuido de forma internacional, utilizar un CDN puede ayudar a tu página a mejorar la velocidad de carga.
Marcado de datos estructurados
Incluir marcado de datos estructurados para imágenes ayudará a Google a comprender mejor la imagen y podrá mostrar más detalles en los resultados.
Esto se refiere a incluir información que acompañe a la imagen, como el autor o la licencia de la imagen a través del marcado de datos.
Este es un ejemplo de Schema que Google muestra para imágenes:
Optimiza para Open Graph
Open Graph es un conjunto de metaetiquetas HTML que indican los datos que tiene que mostrar una red social cuando se comparte la página.
Si utilizas un CMS como WordPress, posiblemente tus páginas ya tengan implementadas estas etiquetas y si no podrás aplicarlas con un plugin de forma sencilla.
Utiliza alguna herramienta como opengraph.xyz y previsualiza tus publicaciones en las diferentes redes sociales. Y, la misma herramienta te dará recomendaciones en el caso de que tengas que ajustar el tamaño de las imágenes.
Robots.txt
Es importante asegurarse de que no exista ninguna regla Disallow en el archivo robots que pueda estar prohibiendo el acceso a los rastreadores a los archivos de imagen.
A través de la ruta https://tudominio.com/robots.txt accede al archivo robots de tu sitio y comprueba que no exista ninguna regla “Disallow» que lo prohíba.
Para asegurarte, puedes rastrear tu página web con Screaming Frog.
Acudir a la pestaña Códigos de respuesta > Interna > Bloqueos por Robots.txt.
Y ver las URLs que están siendo bloqueadas por robots.
Cómo medir el tráfico de Google imágenes
Como has visto en el artículo, el SEO para imágenes tendrá ventajas en el posicionamiento de diferentes formas.
Los beneficios son muchos más que únicamente mejorar la posición en Google imágenes.
Pero, si quieres saber cómo está siendo tu rendimiento en este apartado, lo podrás hacer a través de la herramienta Google Search Console.
Accede al informe de rendimiento y en tipo de búsqueda selecciona “Imagen”.
Aquí podrás ver información como el porcentaje de clics e impresiones que te está aportado este apartado de búsqueda.
Y las páginas y consultas que están generando este tráfico o impresiones.
En resumen, el SEO para imágenes puede ayudarte a conseguir más tráfico y mejorar la calidad y posicionamiento de tu contenido.
Haciendo un recopilatorio de los puntos mencionados:
- Utiliza imágenes únicas y originales.
- Elige el formato adecuado.
- Revisa que la imagen sea relevante para el contenido.
- Aplica un nombre para el archivo corto y descriptivo.
- Incluye un texto ALT describiendo lo que sucede en la imagen de forma breve.
- Redimensiona las imágenes a un tamaño adecuado.
- Comprime las imágenes.
- Crea un sitemap de imágenes o incluye las imágenes en el sitemap.
- Aplica la carga diferida para imágenes.
- Considera utilizar un CDN.
- Valora utilizar el marcado de datos estructurados.
- Optimiza para Open Graph.
- Asegúrate de que el archivo Robots.txt no prohíbe el acceso a los rastreadores.
Aplicando estas recomendaciones, tus imágenes estarán optimizadas para mejorar el posicionamiento.
¡Comparte el artículo!