Velocidad de la página y experiencia del usuario: dos factores de clasificación cruciales para cualquier página, y puedes lograr o deshacer ambos con el SEO de imágenes.
El SEO de imágenes es tan importante que Google crea herramientas y documentación sobre el tema, pero mucha gente todavía lo ignora. El SEO de imágenes se refiere a cualquier estrategia que pueda aumentar su tráfico orgánico a través de las imágenes que coloca en su sitio web. Desde cómo la imagen complementa el contenido de su página hasta el tipo de formato de imagen que utiliza, casi todos los aspectos de una imagen pueden ayudarlo a generar más tráfico orgánico cuando utiliza las prácticas de SEO adecuadas.
Las imágenes pueden afectar tu SEO de tres formas principales: velocidad de la página, tráfico orgánico de Google Imágenes y experiencia del usuario. Si no optimiza sus imágenes correctamente, corre el riesgo de ralentizar la velocidad de carga de su página, perder tráfico de la búsqueda de imágenes y crear contenido menos atractivo para sus usuarios. Cada uno de estos problemas puede dañar sus esfuerzos generales de SEO, por lo que si desea una página bien optimizada, deberá incluir estos 10 consejos de SEO de imágenes que hemos aprendido de Google para optimizar constantemente las imágenes en todo su sitio.
Consejos para mejorar la velocidad de la página
Según Google, si la velocidad de su página pasa de uno a tres segundos, un 32% más de usuarios abandonarán su página. Es por eso que Google considera la velocidad de la página un factor clave de clasificación; otorga gran importancia a la experiencia del usuario. Las imágenes pueden contribuir a tiempos de carga prolongados, así que utilice estos consejos de formato de imágenes para reducir la velocidad de carga general y mejorar una de las métricas clave de la experiencia del usuario de Google.
1. Elija el formato de imagen correcto
Los formatos de imagen importan: pueden afectar el tamaño, la calidad y la usabilidad de las imágenes en diferentes navegadores web. Cuando se trata de formatos de imagen, hay muchos para elegir, pero hay tres que debes conocer: JPEG, PNG y WebP. JPEG (también llamado JPG) y PNG son las dos opciones de formato de imagen más populares porque existen desde hace mucho tiempo y se ejecutan en todos los principales navegadores web.
Los beneficios de JPEG son:
- Tamaños de archivo más pequeños que PNG
- Ideal para fotografías en las que la ligera pérdida de calidad durante la compresión no sería perceptible
[Image Source]Los beneficios de PNG son:
- Perfecto para imágenes más grandes o arte digital más complicado
- Los fondos se pueden hacer transparentes.
En resumen, las imágenes JPEG tienen tamaños de imagen más pequeños y tiempos de carga más rápidos, pero en algunos casos, la compresión de JPEG provoca una pérdida notable en la calidad de la imagen. En estos casos, PNG es una mejor opción que JPEG.
Sin embargo, tanto JPEG como PNG existen desde los años 90 y muchas cosas han cambiado en términos de formatos de imagen desde entonces. Para llevar su juego de imágenes al siguiente nivel, considere usar WebP, un formato de imagen de próxima generación.
WebP tiene mejor calidad de imagen y archivos que se pueden comprimir para cargar más rápido que los JPEG y PNG. WebP es la mejor opción para páginas web sobre otras opciones de próxima generación como JPEG 2000 y JPEG XR porque WebP ahora es compatible con todos los principales navegadores, incluidas las actualizaciones más recientes de Safari.
2. Utilice la compresión de imágenes
La compresión de imágenes ayuda a reducir el tamaño del archivo de las imágenes, lo que agiliza el proceso de carga. El truco de la compresión de imágenes es encontrar el equilibrio adecuado entre la calidad de la imagen y el tamaño del archivo. Algunos cambios, como reducir la cantidad total de colores utilizados en una imagen, pueden reducir mucho el tamaño del archivo y mantener alta la calidad de la imagen. Otras pérdidas de datos pueden ser más notorias.
Afortunadamente, el creador de contenido promedio o el especialista en SEO no necesita comprimir imágenes. Busque en Google “compresor de imágenes” y obtendrá una lista de herramientas gratuitas que pueden comprimir sus imágenes por usted; no se necesitan conocimientos especializados. También puede consultar esta lista de compresores gratuitos para encontrar la herramienta que mejor se adapte a sus necesidades.
3. Implementar imágenes responsivas
Las imágenes responsivas hacen que el tamaño de sus imágenes se adapte a cualquier pantalla que esté utilizando ese usuario en particular. Esto no solo ayuda con la experiencia del usuario y el uso del dispositivo móvil, sino que también le ayuda a disminuir la velocidad de la página porque solo carga la cantidad de imágenes que necesita. Por ejemplo, según Google, “las imágenes del tamaño de un escritorio [served] a dispositivos móviles pueden utilizar entre 2 y 4 veces más datos”, lo que da como resultado velocidades de página más lentas.
Las imágenes responsivas pueden modificar su tamaño y relación de aspecto para que se ajusten a cualquier dispositivo. [Image Source]La implementación de imágenes responsivas será diferente según su sistema de gestión de contenidos (CMS). Algunos CMS, como Wix, ya tienen elementos de imagen responsivos integrados, por lo que no necesitas hacer nada en absoluto. En el caso de WordPress, depende del tema que estés utilizando o de los complementos que hayas instalado. Consulte la documentación de su CMS para descubrir cómo puede utilizar imágenes responsivas en su sitio.
Si necesita agregar imágenes responsivas manualmente, consulte esta guía de Google, que lo guiará a través del proceso de cambiar el tamaño y codificar imágenes para que pueda ofrecer la mejor imagen posible a cada usuario, según su dispositivo.
Cuando haya terminado, independientemente del método que haya utilizado, verifique su trabajo con la prueba Core Web Vitals o Mobile-Friendly de Google, las cuales se pueden encontrar en Google Search Console.
4. Pruebe la carga diferida
La carga diferida es una técnica que permite que las páginas web se carguen cuando los usuarios las necesitan. Entonces, en lugar de cargar toda la página de una sola vez, la carga diferida cargará solo lo que las personas necesitan y luego cargará otros recursos si los usuarios se desplazan hacia abajo hasta ellos. Puedes implementar la carga diferida de varias maneras, pero la más sencilla es a nivel del navegador, aunque esto sólo funciona para usuarios de Chrome y Firefox. Simplemente agregue el atributo de carga a su elemento de imagen y configúrelo en lazy. El resultado debería verse así:
[Image Source]
Aunque la carga diferida debería ayudar a la mayoría de los sitios web, puede salir mal si no eres inteligente con tu implementación. Por ejemplo, nunca debes cargar de forma diferida ninguna imagen o elemento que aparezca en la parte superior de la página porque estos son los elementos que deberán cargarse cada vez que alguien haga clic en tu enlace.
También debe incluir imágenes de marcador de posición en cada imagen que se carga de forma diferida. Las imágenes de marcador de posición hacen que su página web no cambie cada vez que se carga una nueva imagen. Para evitar estos errores, lea las mejores prácticas de Google para la carga diferida y para no crear accidentalmente nuevos problemas al intentar mejorar su sitio.
Consejos para mejorar el rastreo
Las imágenes se clasifican igual que las páginas, por lo que al crear imágenes útiles y optimizarlas adecuadamente, puede comenzar a generar tráfico orgánico. Pero a los rastreadores web les resulta más difícil encontrar y comprender imágenes porque aún no pueden comprenderlas. En cambio, dependen de los datos relacionados con esas imágenes. Utilice estos consejos para ayudar a crear contexto en torno a sus imágenes y ayudar a los robots de Google a comprenderlas y rastrearlas mejor.
5. Agregue títulos descriptivos, subtítulos, nombres de archivos y textos alternativos
Al cargar una imagen en su sitio web, tiene la opción de incluir una serie de detalles de la imagen que tienen el beneficio de ayudar a los rastreadores y motores de búsqueda a comprender su imagen. Estos detalles incluyen:
- Titulo de la imagen: Un nombre de título agregado que debe describir qué es la imagen en términos claros.
- Subtítulo: Una descripción que se encuentra debajo de la imagen y que agrega contexto.
- Nombre del archivo: El nombre del archivo de imagen que estás subiendo.
- Texto alternativo: Se utiliza para describir una imagen para personas con discapacidad visual.
Si es posible, debes utilizar cada uno de estos lugares como una oportunidad para incluir palabras clave relevantes para tu imagen. Sin embargo, siempre debes asegurarte de que las palabras clave que incluyas encajen de forma natural.
Agregar estos detalles será diferente según su CMS, pero no debería ser demasiado complicado. Por ejemplo, con WordPress, simplemente vaya a su Biblioteca multimedia, haga clic en la imagen que desea editar y luego agregue la información en las líneas correspondientes.
[Image Source]Para nombres de archivos de imágenes, simplemente busque el archivo de imagen en su computadora, haga clic derecho, presione cambiar nombre y agregue un título descriptivo con guiones (-) entre cada palabra.
Un ejemplo de algunos nombres de archivos descriptivos que ayudan a Google a comprender de qué se trata la imagen.Título frente a texto alternativo
La mayor diferencia entre los dos es que los subtítulos son visibles en la página publicada, pero el texto alternativo no. El texto alternativo describe su imagen para los motores de búsqueda y algunos lectores de pantalla confían en él para hacer la imagen más accesible. El título suele estar justo debajo de la imagen y puede agregar contexto o comentario a la imagen.
Aunque esto parece relativamente sencillo, mucha gente todavía tiene problemas para hacerlo bien. Por ejemplo, esta imagen del Everest de la revista GQ:
[Image Source]titulo de la imagen: N / A
Subtítulo: La fotografía viral, un preludio del día más mortífero en años en el Everest. Nirmal Purja Proyecto Posible Ltd.
Nombre del archivo: monte-everest-gq-hombre-del-año-2019-lede.jpg
Texto alternativo: Esta imagen puede contener naturaleza Montaña Pico Aire libre Cordillera Persona humana Nieve Hielo Deporte y deportes
GQ hace un buen trabajo aquí, pero hay mucho margen de mejora. En primer lugar, no incluyeron un título de imagen, lo cual, aunque no es crucial, es una pequeña oportunidad perdida. En segundo lugar, su texto alternativo no es útil para las personas que no pueden ver la imagen. Los textos alternativos están diseñados para ayudar en la accesibilidad web. Su primer objetivo es ayudar a las personas a comprender la imagen, y si se fuerza una palabra clave allí, Google podría considerarlo relleno de palabras clave.
Debemos señalar (tímidamente) que SpyFu no hace un buen trabajo con el texto alternativo. Las limitaciones en nuestra plataforma de blogs existente no permiten agregar texto alternativo. Realmente esperamos realizar actualizaciones que corrijan este problema sin arruinar la estructura de nuestro blog. (Poniéndolo ahí en el universo)
6. Planifique la estructura de URL de su archivo de imagen
Cada imagen que utiliza en su sitio web tiene una estructura de URL de archivo, de modo que cuando un usuario accede a su página web, se obtienen los archivos de imagen correctos. Google recomienda que “organices[e] el contenido de su imagen para que las URL se construyan lógicamente” porque Google mira esta ruta de archivo para ayudarlo a comprender lo que contiene la imagen.
Básicamente, la URL de un archivo es la dirección de su imagen en Internet. Muchas URL de archivos de imágenes tienen este aspecto:
https://images.theconversation.com/files/168121/original/file-20170505-1693-ymh4bc.jpg?ixlib=rb-1.1.0&038;q=45&038;auto=format&038;w=926&038;fit=clip
Esto es increíblemente complicado y puede resultar difícil para los robots entender de qué se trata esta imagen o incluso si es una imagen.
En su lugar, es mejor limpiar las URL de sus archivos para que sean más descriptivas y quede claro que son imágenes. Por ejemplo, si tienes un sitio web que vende zapatos, puedes clasificar la URL de tu imagen de Air Jordan 2021 de esta manera:
shoe-business.com/running/nike/2021airjordan.jpg
La URL contiene palabras clave que ayudarían a Google a comprender la imagen y termina en una extensión de archivo .jpg, por lo que queda claro que es una imagen. Con sus propias URL de archivos, no es tan importante cómo las organiza, siempre y cuando mantenga la coherencia, de modo que sea más fácil para los robots encontrar y clasificar las imágenes en su sitio.
7. Agregue imágenes a su mapa del sitio o cree un mapa del sitio con imágenes
Para que a los robots de Google les resulte lo más fácil posible encontrar sus imágenes e indexarlas, puede incluirlas en su mapa del sitio actual o crear un mapa del sitio de imágenes único. Los mapas de sitio ayudan a los motores de búsqueda diciéndoles lo que hay en su sitio web en un documento fácilmente legible. Generalmente, los mapas de sitio se utilizan para páginas, pero también se pueden crear para imágenes, de modo que los rastreadores sepan qué imágenes hay en su sitio y dónde están.
Por lo general, la mejor opción para la mayoría de los sitios web es simplemente crear un mapa del sitio con imágenes independientes. Esta opción es generalmente mejor porque cuando agrega imágenes a su mapa de sitio existente, requiere que edite su mapa de sitio para cada imagen que desee agregar. Por ejemplo, agregar dos imágenes a una sola página en su mapa del sitio podría verse así:
[Image Source]Cualquiera cuyo sitio web reciba mucho tráfico de imágenes debería crear un mapa del sitio con imágenes único para ahorrarse algo de trabajo. Si desea crear un mapa del sitio con imágenes usted mismo, puede seguir esta guía que lo ayudará a crear uno usando la herramienta Screaming Frog. Sin embargo, también hay muchas otras herramientas y complementos gratuitos en línea que pueden hacer el trabajo por usted si no tiene la confianza suficiente para hacerlo usted mismo.
Consejos para mejorar la experiencia del usuario
Google quiere crear una excelente experiencia de usuario para sus buscadores. Esto significa que las imágenes de su página no pueden simplemente verse bien; también deben desempeñar un papel valioso en el contenido de su página. Cuanto más puedan sus imágenes ayudar a los usuarios a obtener valor de su sitio, más lo recompensará Google, tanto en los resultados de las imágenes como en la clasificación de las páginas.
8. Utilice imágenes originales y de alta calidad
Cualquiera puede descargar una imagen de archivo y agregarla a su sitio web. Las imágenes de archivo o las de almacenes de imágenes son útiles en caso de necesidad, pero no serán tan atractivas como algo hecho a medida. Cuando crea sus propias imágenes, puede asegurarse de que sean específicas y que tengan todo lo que necesitan para complementar el valor único que su página brinda a los lectores.
Al diseñar sus propias imágenes, tenga en cuenta estas características de diseño clave:
- Utilice imágenes de alta calidad sin borrosidades
- No coloques información crucial dentro de tus imágenes, ya que no todos podrán acceder a ellas.
- En caso de duda, mantenga sus imágenes simples, limpias y significativas.
Si no eres fotógrafo o diseñador, considera usar una herramienta creativa como Canva que facilita arrastrar y soltar elementos en plantillas ya preparadas.
Canva se puede utilizar para crear fácilmente infografías profesionales como esta sobre el azúcar. [Image Source]Si estás pensando en hacerte cargo del diseño gráfico de tu sitio web y tienes poca experiencia, intenta realizar un curso para aprender los conceptos básicos del diseño. Los sitios web como Udemy o los vídeos de YouTube pueden ayudarle a comprender cómo crear imágenes sencillas y potentes para su sitio web que atraigan a sus lectores.
Todo eso puede resultar poco realista teniendo en cuenta sus recursos: tiempo, familiaridad y presupuesto. Si buscar imágenes en línea es más adecuado para usted, considere algunos de estos consejos para la búsqueda avanzada de imágenes.
9. Cree contexto en sus páginas para imágenes
Las imágenes deben complementar el contenido que las rodea y viceversa. Ninguno de los dos debería ser necesario para comprender adecuadamente al otro, pero deben ubicarse y discutirse de manera que los dos juntos brinden una mejor comprensión de cada uno. Cuando se hacen correctamente, las imágenes potentes acompañadas de un texto excelente crean un contenido apasionante. Google también puede mirar el texto alrededor de su imagen para comprender mejor de qué se trata, lo que también ayuda a que su imagen se clasifique mejor.
Entonces como haces esto?
Primero, desea priorizar la información y las imágenes más importantes en la parte superior de la página. Esto mejora la capacidad de búsqueda porque los usuarios pueden encontrar lo que buscan más rápido. También verán la calidad y relevancia de tu página, animándolos a seguir leyendo tu trabajo.
En segundo lugar, debe respaldar sus imágenes configurándolas con su texto. Si tiene una imagen de la nueva Macbook Pro, a cada lado de esa imagen debe haber información sobre la MacBook Pro. Este es un ejemplo de cómo no para configurar una imagen con texto.
La imagen no se acerca a respaldar lo que describe el párrafo inicial. [Image Source]La imagen es fantástica, pero el texto que la precede habla de “multitudes de templos” y de la vida callejera en Bali. Esta imagen de escena de playa no encaja en el contexto de la sección y debería haberse utilizado en otro lugar o haberse eliminado por completo.
Al respaldar sus imágenes con texto relevante, ayuda a los lectores a aprovechar más sus artículos y, al mismo tiempo, ayuda a los robots a comprender mejor su imagen. Es un pequeño cambio, pero puede ayudar a que sus imágenes se destaquen y mejoren la calidad del trabajo que produce.
10. Mejorar la calidad general de la página
Cuando Google considera imágenes en su página, la calidad general de la página es un factor de clasificación. Cuando mejora la calidad de la página, las imágenes de su página también mejorarán.
Para mejorar la calidad de su página, considere agregar valor adicional a los usuarios de estas maneras:
- Mejor calidad de escritura
- Investigaciones originales, entrevistas o opiniones de expertos.
- Análisis en profundidad
- Interfaz fácil de usar
- Vínculos de retroceso a fuentes autorizadas
La calidad de la página se reduce al valor; Cualquier forma en que pueda agregar valor a los lectores con su sitio es una oportunidad para mejorar la calidad de su página y el SEO de su imagen. Para asegurarse de que está haciendo todo lo posible, considere leer nuestra guía de EAT y nuestra auditoría de optimizaciones en la página. Ambos recursos pueden ayudarle a encontrar formas de mejorar la calidad de su sitio y crear sitios web a los que los usuarios regresen una y otra vez.
Comprueba dos veces cómo te ha ido en Google Search Console
Google quiere que usted tenga éxito en la creación de una mejor experiencia de página para los usuarios. Para ayudarlo, han creado pruebas en Google Search Console que pueden auditar la usabilidad móvil, la velocidad de la página y los elementos básicos de la web. Estas pruebas se pueden utilizar para verificar muchas de las optimizaciones de imágenes que hemos descrito aquí para que sus ajustes lo ayuden a usted y a sus usuarios, y no causen problemas en su sitio debido a una implementación deficiente. Aprenda cómo encontrar la información que necesita para mejorar su sitio web en nuestra guía de Google Search Console.
