Cómo optimizar imagenes para beneficiar el seo
Última actualización: 26 de noviembre 2022
Cuando un navegador Web muestra su página web tiene que averiguar muchas cosas antes de que pueda ver su contenido. Una de las cosas más simples e importantes que debe hacer es insertar sus imágenes con suficiente información en torno a ellas para mejorar el SEO.
La optimización de imágenes junto con todos los elementos de Image SEO
Es un elemento imprescindible en la lista de actividades de posicionamiento en cada sitio web. Al hacerlo regularmente, no solo cuidas el aspecto visual de tu dominio, sino que también repercute en su velocidad e incluso en su visibilidad en el buscador de Google. Sin embargo, para que esto suceda, debe optimizar correctamente el atributo ALT, el título, el nombre del archivo de imagen y otros elementos de SEO de imágenes. Entonces, ¿cómo deberían verse? ¿Qué acciones tomar antes de implementar gráficos en el sitio web y qué hacer después? ¿Qué puedes ganar optimizando imágenes para SEO? ¡Te lo contaremos más adelante en el artículo!
La sintaxis para insertar una imagen en nuestras páginas es la siguiente:
<IMG SRC="imagen.jpg" WIDTH=178 HEIGHT=180 Title="" Alt="">
¿Por qué vale la pena optimizar imágenes y qué se puede conseguir gracias a ello?
Imagine una situación en la que su tienda en línea atrae tráfico de por ejemplo Google Imágenes. ¿Es posible? ¡Definitivamente sí! Tanto más que cada vez más personas buscan imágenes utilizando esta herramienta. Curiosamente, en 2018, los resultados del motor de búsqueda de imágenes de Google representaron el 22,6 % de todas las búsquedas en la web. Este es un argumento importante para cuidar la optimización de imágenes y gráficos.
¿Qué más puede ganar su sitio web con la optimización frecuente de imágenes? Sobre todo en el tiempo de carga. Recuerda que este elemento pertenece a los factores de ranking que afectan la visibilidad del dominio en el buscador de Google. Esta es una razón importante para controlar todas las imágenes y gráficos cargados en el sitio web.
Lo que seguro te convencerá de trabajos sistemáticos relacionados con la optimización de imágenes es la posibilidad de aumentar la visibilidad del dominio en el buscador de Google. El papel principal aquí lo juegan las palabras clave colocadas durante la optimización en el nombre del archivo gráfico, el atributo ALT y el Título de la imágen. Es gracias a ellos que tu dominio tiene la oportunidad de ganar visibilidad en los resultados orgánicos.
Si usted no le dice al navegador el tamaño de las imágenes, éste debe "construir" la página no una vez, sino dos veces (o más veces dependiendo de la cantidad de imágenes que tenga en la página). Se construirá una vez para mostrar todo el texto, y luego se va a esperar hasta que cada imagen se haya descargado. Cuando una imagen se descarga, el navegador puede determinar el tamaño de la imagen y reconstruirá la página web para ajustar el texto alrededor de esa imagen. Este proceso va a suceder para cada imagen en su página.
Si especifica las dimensiones de la imagen, ya se sabe el tamaño de las imágenes y se puede utilizar esa información para dar forma a la página. No tendrá que reconstruir la página tantas veces como imágenes tenga.
Actividades de optimización "imprescindibles" que debe tener en cuenta antes de publicar imágenes
Optimizar el nombre del archivo de la imagen, el tamaño de la imagen, su peso, establecer el DPI y el formato de la imagen son los primeros y al mismo tiempo elementos clave del SEO de imágenes que deben tenerse en cuenta antes de publicar imágenes en un blog, en una tienda o en un sitio web Ya en esta etapa, tenemos un impacto no solo en su posición en Google Image, sino también en la velocidad de la página. Entonces, ¿qué elementos del SEO de imágenes debe tener en cuenta al comienzo de la optimización de imágenes? ¡Echemos un vistazo más de cerca a ellos!
El nombre del archivo gráfico.
Uno de los primeros elementos de Image SEO que debes considerar es optimizar el nombre del archivo de imagen. Pero, ¿cómo darle nombre? El nombre del archivo debe describir mejor lo que hay en la imagen. Es bueno que incluyas las palabras clave para las que estás optimizando el gráfico o la imagen en este punto. También recuerde no usar diacríticos en el nombre y, lo que es más importante, separe cada palabra con un guión. De esta manera, no solo contribuirá a una mejor indexación de la imagen en Google Image, sino que también ayudará a los robots de Google a comprender qué hay realmente en la imagen.
Se puede decir que este elemento de Image SEO no es muy complicado. Sin embargo, a pesar de esto, a menudo puedes encontrar ejemplos de errores cometidos al optimizar el nombre de un archivo gráfico.
Éstos son algunos de ellos:nombre de archivo de imagen descrito incorrectamente, por ejemplo, 0ds323fg5.jpg o IMG2344236.jpg
Tamaño de la imagen
Escalar el tamaño de las imagen es una actividad que los propietarios de blogs o tiendas en línea suelen pasar por alto. Y, sin embargo, este elemento también es importante cuando se optimizan gráficos para SEO. Entonces surge la pregunta: ¿qué tamaño de gráficos será el correcto? Desafortunadamente, no hay una respuesta clara, porque todo depende de la plantilla y los parámetros de ancho y alto establecidos.
Optimización de imagen y su peso.
La optimización o compresión del peso de la imagen es importante principalmente en el contexto de la velocidad del sitio web. Como regla, cuanto mayor es el peso de la imagen, más carga y ralentiza el servicio. Por lo tanto, se recomienda que una imagen o gráfico publicado en un artículo de blog o tienda en línea no supere los 200-300 kbytes.
Cuando optimice el peso de las imagenes, use solo aquellas herramientas que ofrezcan compresión de imágenes sin pérdidas. Esto significa que con su ayuda reducirás el peso de la imagen o foto sin reducir su calidad. Dicha solución la proporciona, entre otras, la herramienta gratuita en línea TinyPNG.
DPI de la imagen
La realización de actividades relacionadas con la optimización de gráficos está configurando su DPI. Cada imagen publicada en Internet debe ser de 72 DPI. Este es el valor óptimo, que en el caso de Internet no tiene sentido sobrepasar.
Formato de la imagen
El último pero igualmente importante elemento de Image SEO es la selección del formato de la imagen. De acuerdo con las pautas que se encuentran en Google PageSpeed Insights, se recomienda que todas las imagen y gráficos se publiquen en formato JPEG 2000, JPEG XR o WebP. Sin embargo, en el caso de ejecutar un blog o una tienda en línea, este último formato funcionará mejor. En comparación con PNG o JPG, WebP proporciona una compresión mucho mejor, lo que a su vez se traduce en una menor carga en el sitio web.
Sin embargo, debes tener en cuenta que no todas las plantillas de tiendas online o blogs admiten el formato WebP. Entonces, ¿qué hacer en tal situación? Idealmente, se debe usar PNG o JPEG, siendo este último el preferido. JPEG proporciona una mejor compresión mientras mantiene imágenes de alta calidad. Por otro lado, los gráficos en formato PNG suelen tener más peso, lo que se percibe negativamente en el contexto del SEO de imágenes.
¿Qué elementos de Image SEO considerar al publicar una imagen?
La implementación de imagenes en una tienda online o blog es un momento clave para su optimización en términos de SEO. El atributo ALT, el título de la imagen o la descripción adicional debajo de la imagen son elementos de optimización que no puede olvidar. Entonces, ¿cómo deberían verse y qué errores no se deben cometer al crearlos?
Atributo ALT
Aunque el atributo ALT (Descripción de imagen alternativa) no es muy importante para el usuario, sí lo es para el robot de Google. Esta es la razón principal por la que este elemento de optimización de imágenes para SEO se considera el más importante. Entonces, ¿cómo se ve el atributo ALT y cómo prepararlo?
Puedes encontrar una descripción alternativa de la imagen en el código de la página, al lado de la etiqueta:
Es en éste atributo donde su tarea consiste en poner una descripción de la imagen, pero que ayude a los robots de Google a comprender qué hay realmente en ella. Aquí, también se deben incluir palabras clave, gracias a las cuales tiene la oportunidad de aumentar la visibilidad de la imagen optimizada en el motor de búsqueda de Google.
En ese caso, cuidando estas pocas reglas para crear una descripción de imagen alternativa, ¿optimizarás los gráficos al 100%? Definitivamente no. También debe recordar no llevar a situaciones en las que el atributo ALT sea: un grupo de palabras clave enumeradas después de una coma, por ejemplo, zapatillas deportivas Nike, zapatillas de fútbol Nike, zapatillas de fútbol Nike, una descripción muy breve de lo que hay en la imagen o foto, por ejemplo, zapatos, duplicado de otras descripciones alternativas de imágenes visibles en la tienda en línea o en el blog.
Con base en los consejos anteriores, podrá preparar atributos ALT naturales y únicos que pueden afectar no solo la visibilidad de las imagenes en el motor de búsqueda de Google, sino también el dominio en sí.
Título de la imágen
El título de la imagen es el último elemento clave de SEO de imágenes que debe tenerse en cuenta al publicar imágenes en un sitio web. A diferencia del atributo ALT, el título de la imágen es visible para el usuario cuando pasa el cursor sobre ella. También está disponible en el código fuente de la página justo después del elemento alt=””
El atributo Títle, al igual que otros elementos de optimización de imágenes en términos de SEO, debe contener palabras clave colocadas de forma natural. Al preparar el título, asegúrese de que describe los gráficos lo mejor posible. Este es otro paso para ayudar a los robots de Google a comprender qué hay realmente en la foto o imagen.
Es importante destacar que el título de la imágen no puede ser un duplicado de la descripción alternativa o el nombre del archivo gráfico. Tal acción podría sugerir que está realizando actividades de optimización no naturales, que en el contexto de SEO son percibidas negativamente por los robots de los motores de búsqueda de Google.
Como probablemente habrás notado, cada elemento de Image SEO se diferencia no solo en términos de contenido, sino también de palabras clave.
Leyenda debajo de la imagen
¿Cómo ayudar adicionalmente a los robots de Google a reconocer lo que hay en la imagen? ¡Agregando un título debajo de la imágen! Esta es una buena solución no solo en el contexto de los robots de los motores de búsqueda, sino también para el propio usuario.
Con la ayuda de una descripción adicional de la imagen, tiene la opción de colocar palabras clave para optimizar la imagen o, por ejemplo, un artículo de blog. También es una buena oportunidad para describir al usuario lo que hay en el gráfico. Recuerda que en caso de que la imágen no sea tuya, debes incluir información sobre el origen de la misma.
Optimización de imagenes y Google PageSpeed Insights
La herramienta Google PageSpeed Insights es una ayuda eficaz en las actividades de optimización de imágenes. Es el que analiza el sitio web y presenta posibilidades de optimización que se traducirán en un funcionamiento más rápido al momento de la implementación. En el contexto de la optimización de imágenes, la herramienta generalmente sugiere 3 consejos:
- posponer la carga de imágenes,
- cambiar el tamaño de las imágenes y
- mostrar imágenes en formatos de próxima generación. ¿Pero, qué quieren decir?
Google PageSpeed Insights, extremadamente útiles no solo para optimizar imagenes, sino también para todo el sitio web.
Posponer la carga fuera de pantalla
El principio del mecanismo de carga diferida es visible tan pronto como el usuario ingresa al sitio web. En este punto, solo se le muestran aquellos recursos que caben en el área visible de la página. El resto de las imagenes y gráficos se mostrarán al usuario a medida que se desplaza por la página. De esta manera, aumenta el rendimiento del sitio web, lo que es un fenómeno beneficioso no solo para el usuario, sino también para los robots del motor de búsqueda de Google.
Implementación de los llamados Lazy loading es un consejo común en PageSpeed Insights. Por ello, merece la pena tenerlo en cuenta a la hora de optimizar imagenes en tu web o blog. Más aún si tiene instalado Joomla, Magento, Drupal o el popular software WordPress. Luego, puede usar complementos dedicados responsables de implementar el mecanismo de carga diferida.
Cambiar el tamaño de las imágenes
La herramienta Page Speed Insights en la sección "cambiar tamaño de imágenes" mostrará solo aquellas imagenes y gráficos que ralentizan el dominio debido a su tamaño. Para estos, se muestran los posibles ahorros de peso que se pueden lograr siguiendo este consejo.
El principio de cambiar el tamaño de las imagenes en este caso es el mismo que se describe en el párrafo sobre actividades de optimización que deben tenerse en cuenta antes de publicar imagenes en el sitio web. Por lo tanto, si después de analizar su sitio web, la herramienta PageSpeed Insights le mostró un consejo para cambiar el tamaño de las imagenes , ¡sígalo y acelere su sitio web!
Mostrar imágenes en formatos de última generación
Al igual que con los consejos de optimización anteriores, PageSpeed Insights, después de analizar la página, indicará las imagenes que deben convertirse a JPEG 2000, JPEG XR o WebP. Como ya sabrás, el más recomendable es este último, es decir, WebP. Es este formato el que garantiza la mejor compresión de imagenes y afecta la velocidad del dominio.
En una situación en la que su sitio web opera en sistemas CMS populares, la cuestión de implementar el formato WebP para imagenes es mucho más fácil. Todo lo que tienes que hacer es usar los plugis encargados de convertir las imagenes a este formato.
¿Cómo ayudar a los robots de Google en la indexación de imágenes?
Si está seguro de que ya ha hecho todo lo posible para optimizar las imagenes en su sitio web y ha utilizado al máximo el potencial del SEO de imágenes, informe al motor de búsqueda de Google al respecto. Puede hacerlo preparando o actualizando un mapa del sitio que contenga todas las URL de imágenes de su tienda en línea o blog. Más tarde, todo lo que tiene que hacer es enviarlo para su indexación en Google Search Console.
Cómo especificar dimensiones de imagen para beneficiar el seo
Para especificar las dimensiones de la imágen, se inserta un pequeño trozo de código en las etiquetas de imagen.
Aquí está un ejemplo etiqueta de imagen sin dimensiones de la imagen ...
<img src="/image.jpg"/>
El siguiente es un ejemplo etiqueta de imagen con dimensiones de imagen incluidos (alto y ancho) ...
<IMG SRC="imagen.jpg" WIDTH=178 HEIGHT=180>
La adición de la altura y la anchura de las imágenes puede realmente ayudar a sus páginas web para que se carguen más rápido y se ven mejor, lo cual contribuye a una carga más rápida de la página.
Resumen
La optimización de imágenes para elementos de SEO puede traer muchos beneficios tanto en términos de visibilidad del dominio en el motor de búsqueda de Google como en su velocidad. Solo debes recordar estar atento al tamaño de las imágenes, sus descripciones alternativas, títulos y otros elementos de optimización. Los efectos de estos trabajos los sentirán rápidamente, pero sobre todo sus dominios. Entonces, ¡manos a la obra!
Contenido Relacionado:
Actualización de Fragmentos Para una Vista Previa de Contenido en la Búsqueda de Google
No hay comentarios:
Publicar un comentario