El posicionamiento de las imágenes es esencial para posicionar las páginas web en las serp’s (resultados de búsqueda en san Google). En este artículo analizaremos los elementos básicos de las imágenes que deben ser optimizados o bien mejorados, y te voy a dar ciertos trucos y herramientas para que puedas hacerlo tú mismo de forma simple y sencilla.
En general la gente no piensa en lo importante que es optimizar las imágenes del sitio web para conseguir objetivos estratégicos de posicionamiento: el primero acrecentar el tráfico orgánico.
El acrónimo posicionamiento web es bien conocido a estas alturas, pero mucha gente piensa que esta actividad básica del marketing digital se centra solamente en el lenguaje de programación y en las metodologías relativas a la redacción de los textos publicados en las páginas web, o bien yendo un poco más allá, a técnicas de creación de links entrantes (backlinks).
Sin embargo, la optimización de los motores de búsqueda se refiere a todo tipo de contenido que se publica en Internet. Veamos porqué es esencial el posicionamiento web de las imágenes y cuáles son los pasos esenciales a continuar para optimizarlas correctamente.
¿Es verdaderamente esencial el posicionamiento web de las imágenes?
Obviamente la respuesta es sí, mas es preciso argumentarlo de otra forma más práctica.
Pensemos en Google, el principal buscador, y en el número de veces que responde a una consulta con una serie de imágenes.
Según Moz las imágenes aparecen en las SERP’S para contestar a búsquedas de los usuarios en más de una cuarta parte de las peticiones efectuadas.
en concreto esto ocurre para el 27,3% de las búsquedas. Si lo piensas tiene toda la lógica del mundo: buscas algo en Internet, y deseas ver de qué manera es, o bien como se hace, etc.
Estas cifras muestran el potencial que tienen las imágenes optimizadas en los sitios web de negocios, Weblogs, comercio electrónico, periódicos En Línea, redes sociales, etc. Este tipo de contenido es tan esencial que ha determinado una evolución del gigante de Mountain View, que con el tiempo ha dado cada vez más peso a las búsquedas de imágenes, desarrollando aún una función dedicada, «Google Image».
Qué puedo hacer para optimizar las imágenes, ¿por dónde empiezo?
Por usar un eslogan se podría decir que «detrás de una imagen hay mucho más». Esta breve oración puede ser útil para quienes están diseñando un lugar y empiezan a meditar en el contenido visual, y asimismo para quienes desean optimizar las páginas web para posicionarlas en la primera página de san Google.
Pero vamos por partes, ¿qué hay que hacer para optimizar una imagen para que aparezca en Google?
El posicionamiento de las imágenes supone trabajar en:
– Nombre del archivo
-Etiqueta Alt
-Etiqueta del título
– Dimensiones y «peso»
Ahora examinemos cada uno de los puntos de la lista.
Nombre del fichero: ¿qué palabras utilizas para guardar la imagen en tu PC?
Puede parecer superfluo cambiar el nombre de todos los ficheros de imagen que desee subir a su Lugar, más esta acción es el primer paso cara a una optimización adecuada.
Cuando se transfieren fotografías de una cámara digital al Computador, los ficheros se identifican con una secuencia de letras y números que efectivamente no explican lo que contienen.
Un nombre como «IMG_1145196c.jpg» no te afirma si es una fotografía de un gato o un plato de spaguettis. Nombrar ese fichero como «plato-espaguetis-carbonara.jpg» es útil para su reconocimiento por parte del humano y, sobre todo, para el robot de Google.
Las cosas que no se deben hacer al renombrar una imagen desde la perspectiva del posicionamiento web son:
- Escribir un nombre que no describa lo que aparece en la foto
- Insertar «a la fuerza» palabras clave, sin sentido o bien repetidas
En el primer caso, se trataría de mentir al motor de búsqueda diciendo que la imagen es de un gato cuando en realidad representa un plato de spaguettis a la carbonara, por reanudar el ejemplo Precedente, y esto no nos ayuda.
En el segundo caso, acabarías sobre optimizando esto podría no gustar «a san Google», con peligro de penalización, o bien simplemente de cancelar el trabajo complementario que nos hayamos tomado para posicionar el contenido, etc.
Etiqueta Alt: el texto alternativo de la imagen
La etiqueta Alt tiene múltiples sinónimos en el lenguaje técnico: etiqueta Alt, atributo Alt, texto Alt, texto alternativo.
Básicamente es el texto que se muestra cuando por alguna razón el navegador no es capaz de enseñar o bien no puede hacer que el usuario vea la imagen o bien los gráficos, y consiste en una serie de palabras incrustadas en el código HTML de la página web.
Este atributo es esencial para Google, ya que a partir de él comprende cuáles son las palabras clave que caracterizan a la imagen y, en consecuencia, puede posicionar el contenido en las SERP para contestar a las preguntas de los usuarios.
La pequeña relación con el nombre del fichero es evidente, mas no copies/pegues para optimizar la etiqueta Alt. Las palabras que utilice en esta parte del texto en el código HTML deben describir el contenido visual aun mejor que el nombre del archivo.
Refiriéndonos al ejemplo frecuente, la diferencia entre Nombre de fichero y Texto alternativo es la siguiente:
Nombre del fichero –> plato-espagueti-tomate.jpg
Texto alternativo –> Un plato de spaghettis con salsa de tomate boloñesa
La etiqueta Alt debe describir con perfección el contenido, de hecho el texto asimismo debe estar formado por artículos y preposiciones.
Imagina que el robot de Google es ciego y para que comprenda lo que se representa en una imagen le solicita a alguien que lea el Texto Alternativo.
Etiqueta del título: aumenta y mejora el significado de la imagen
El atributo Title o bien Título de la imagen, si bien pueda hacer meditar en el título que se le da a la fotografía, es un texto breve que aumenta el significado del contenido visual.
Es esa oración que aparece cuando llevamos la flecha sobre la imagen con el ratón. Esas pocas palabras son empleadas por los especialistas en posicionamiento web más atentos para dar indicaciones al usuario.
Esta etiqueta de imagen no es un factor directo de clasificación (algunos especialistas creen que sí ayuda a clasificar), sigue siendo esencial optimizarlo para agregar información más allá de la etiqueta Alt.
El título de la imagen para nuestro ejemplo podría ser: «el mejor plato de spaghettis con salsa de tomate de Sevilla» o bien «una exquisita salsa para espaguetis».
Tamaño de la imagen: 2 factores a tener en cuenta
Cuando hablamos del tamaño de una imagen podemos referirnos a su tamaño en píxeles o bien a su «peso» en bytes.
Estos 2 factores son diferentes, es obvio, más los dos son esenciales cuando hay que optimizar una fotografía o bien un gráfico para ponerlo en una página web.
Publicar una imagen demasiado grande en términos de píxeles no acarrea (normalmente) una mala visualización desde la pantalla del computador o bien del Móvil, ya que los navegadores y content management system (WordPress, etc) actuales reajustan de manera automática el tamaño, más esto provoca un desperdicio de ancho de banda. Imagina que un usuario tiene un contrato de datos con su empresa de telefonía de cuatro Gb mensuales, y al navegar por nuestra web, no solo va a tener una experiencia de usuario peor (las imágenes grandes cargan más lentamente) es que además de esto le vamos a «fusilar» los datos de su contrato.
Es recomendable mudar el tamaño de la imagen para que se ajuste al espacio de la página web. Además, hay que tener en cuenta que subir fotografias que ocupen mucho espacio en el servidor provoca largos tiempos de carga del lugar y, en la era del mobile first, esto es claramente un punto negativo para Google.
Para apresurar la carga de las páginas web, asimismo es indispensable comprimir las imágenes, más sin penalizar exageradamente la calidad. En este caso, la relación entre el formato del fichero y el tipo de compresión es crucial.
Cuando hay que optimizar las imágenes de un comercio electrónico las operaciones de optimización de imágenes son todavía más delicadas, tanto por la gran cantidad de fotografías que hay que subir como por el poder de persuasión que tienen cara los usuarios/compradores completen la compra. Buenas imágenes, velocidad de carga, son 2 puntos esenciales en la operativa de un e-commerce.
Herramientas para optimizar imágenes: tips
Todo lo anterior está muy bien, pero ¿por dónde comienzo, a la hora de optimizar las imágenes desde un punto de vista posicionamiento web tienes la opción de hacerlo una por una, justo cuando vas a publicarlas, o bien bien, si ya las tienes publicadas y están en un lugar con cierta antigüedad, puedes utilizar diferentes complementos o bien herramientas.
Plugins de gestor de contenido wordpress para optimizar imágenes en bulk (por lotes):
– AutoImage Attributes from Filename With Bulk Updater agrega de forma automática los atributos de cada imagen, como la meta descripción, el Alt Title, etc cogiendo el nombre del fichero. Es mejor renombrar los archivos.
– Resize Images after Upload. Es un complemento muy práctico ya que nos deja ajustar el tamaño de las imágenes, comprimirlas sin perder calidad, etc. Después de tenerlas alojadas en la web, por lo que podemos usarlo para optimizar las imágenes en lote de un sitio ya publicado.
– Bulk Auto Image Alt Text. Configura las etiquetas Alt por lotes, y en automático en combinación con el plugin de posicionamiento web Yoast
Programas para editar fotografías y cambiar el tamaño: En internet hay multitud de programas para editar fotografía. No me voy a extender mucho en esto, haciendo un voy a tener suerte (click aquí) puedes localizar una multitud de aplicaciones para editar las fotografías ya antes de subirlas a la web.Edición de meta etiquetas, geolocalización, agregar marcas de agua, etc en modo bulk por lotes y sin coste: mi recomendación es XN Convert (https://www.xnview.com/en/xnconvert/)
¿Cómo agregar meta datos a las imágenes en WordPress?
Cuando alojas un fichero de medios en gestor de contenido wordpress puedes agregar las etiquetas pertinentes: título, alt y descripción en un menú a la derecha.
Una vez alojadas, para mudar estos datos solo tienes que ir al apartado «medios» de la izquierda en el escritorio general, hacer clic en la imagen que deseas editar, y en el menú mudar las opciones que necesites.
Espero que este artículo sea valioso para ti. ¡Ponte a optimizar tus imágenes!