Cómo optimizar imágenes para SEO

La optimización de imágenes a nivel SEO es una de las partes más olvidadas cuando trabajamos una página web y a la vez una de las más importantes.

Tener este tipo de contenidos bien optimizados no solo nos va a servir para posicionar mejor nuestro portal, sino para aparecer también en los resultados de Google Imágenes. Hoy te doy las claves. Sigue leyendo. 

La mayoría de aspectos que se detallen en este artículo son muy fáciles de implementar y el impacto que tienen para favorecer al posicionamiento en buscadores puede ser increíble. Por todos estos motivos, te animo a que pongas en práctica estos consejos cuanto antes. A continuación, te muestro todo lo que debes realizar. ¡Vamos a ello!

6 Aspectos Cruciales para la Optimización SEO de Imágenes

#1 – Imagen Acorde al Texto

SEO para fotografías

Lo primero que debemos tener en cuenta aunque parezca una tontería es el contexto en el que nos movemos, saber muy bien de qué va el contenido de nuestra página para buscar imágenes acordes a él.

Insertar im√°genes que no tienen nada que ver con el texto o que est√°n muy poco relacionadas empeorar√° la experiencia de usuario y, por lo tanto, de manera indirecta, el posicionamiento de tu web.

Intenta utilizar siempre imágenes llamativas pero que aporten valor al texto y se conviertan en un elemento que sirva al usuario para ampliar la información.

En Internet podemos encontrar decenas de portales que nos dejan descargar y utilizar im√°genes de forma gratuita. Te recomiendo leer el √ļltimo art√≠culo de mi compa√Īera Elisa donde se incluyen 30 bancos de im√°genes gratuitos y herramientas para mejorar el impacto visual de un contenido.

#2 – Buen Nombre de Archivo

Nombre im√°genes para SEO

Google puede leer e interpretar los textos pero no puede ver ni clasificar el contenido de una imagen, por lo que tiene que fijarse en otros valores para poder ‚Äėver‚Äô qu√© est√° mostrando realmente una fotograf√≠a.

El nombre que le ponemos a los archivos es uno de esos atributos, por lo que tenemos que optimizarlo al m√°ximo.

No subas im√°genes con nombres poco descriptivos o que sean directamente n√ļmeros y caracteres aleatorios.

Cuanto m√°s simple y descriptivo sea el nombre mejor. Algunos consejos √ļtiles son:

  • No utilices muchos t√©rminos y evita utilizar las stop words (preposiciones y palabras muy cortas).
  • Si ya tienes en un mismo art√≠culo varias im√°genes similares, no las nombres igual. Aprovecha para etiquetarlas utilizando palabras que te interesen posicionar con dicho contenido.
  • No utilices caracteres extra√Īos como la √Ī, guiones bajos, di√©resis, etc.

#3 – Atributo ALT

La etiqueta ALT es un texto alternativo que se muestra cuando el navegador no puede cargar la imagen correctamente.

Al igual que el nombre del archivo, Google lo utiliza para clasificar la imagen.

Es aconsejable que todas las imágenes de un sitio web tengan un ALT descriptivo. Además, es recomendable incluir palabras que nos interese posicionar con el artículo, teniendo en cuenta que, si tenemos varias imágenes, lo mejor no es poner siempre la misma keyword sino todas las variaciones y sinónimos que podamos.

Para completar este atributo en WordPress simplemente tendremos que escribir en el campo ‚ÄėTexto alternativo‚Äô que se muestra al insertar una nueva imagen:

Optimizar ALT Im√°genes

¬ŅDebo Rellenar Tambi√©n el T√≠tulo, Leyenda y Descripci√≥n?

Cuanto más completa sea la información de una imagen mejor, pero lo cierto es que estos 3 atributos no son tan relevantes como el ALT.

  • El t√≠tulo es el texto que aparecer√° si pasamos el rat√≥n por encima de la foto.
  • La leyenda es un peque√Īo texto que aparecer√° debajo de la imagen, normalmente utilizado para a√Īadir una peque√Īa anotaci√≥n.
  • La descripci√≥n suele ser un texto m√°s largo que sirve para describir perfectamente el contenido visual.

Si estamos intentado posicionar una fotografía en Google Imágenes, deberíamos rellenar todos los campos.

#4 – Dimensiones Correctas

Uno de los fallos m√°s comunes a la hora de optimizar las im√°genes es subirlas con dimensiones inadecuadas, y con esto nos referimos a las dimensiones con las que se va a mostrar realmente al usuario final.

Cuando publicamos una fotograf√≠a en un art√≠culo, podemos maquetarla para que se muestre a diferentes tama√Īos.

Por ejemplo, en WordPress vemos 4 puntos ancla cuando pinchamos encima de una imagen que nos permiten redimensionarla:

Tama√Īo correcto de las im√°genes

¬°Pero cuidado! Si haces la imagen m√°s peque√Īa √ļnicamente estar√°s cambiando el tama√Īo de la capa DIV CSS, no el tama√Īo real de la imagen. Es decir, la imagen se ver√° m√°s peque√Īa pero realmente se cargar√° la imagen completa a tama√Īo original.

Imagina lo que puede pasar si las im√°genes originales son de gran tama√Īo: velocidades de carga largu√≠simas y un tama√Īo total de p√°gina enorme.

Una herramienta online que me gusta mucho para redimensionar y cortar im√°genes es http://resizeimage.net/.

Si utilizas WordPress, puedes seleccionar una de las opciones siguientes:

Wordpress tama√Īo fotos

Cuando subes una imagen a WordPress, se generan autom√°ticamente varias versiones en diferentes dimensiones. Cuando selecciones tama√Īo medio o miniatura, se insertar√° la versi√≥n escalada y no la imagen original.

#SEO para imágenes: Trucos de optimización para mejorar el posicionamiento web por @joselabweb - Compártelo en Twitter con un Click

Powered by Vcgs-Toolbox

#5 – Tama√Īo de la Imagen

Otro aspecto vital es el tama√Īo que ocupan las fotograf√≠as. Recuerda que tener un tiempo de carga r√°pido en tu p√°gina web es un factor important√≠simo ya no solo para la correcta experiencia de usuario, sino para el buen posicionamiento SEO.

Tener imágenes pesadas ralentizará tu tiempo de carga. Aunque hayas subido las imágenes con las dimensiones correctas, debes comprobar que están comprimidas al máximo para que ocupen el mínimo espacio posible.

Mi recomendaci√≥n personal es utilizar Photoshop para exportar las im√°genes a tama√Īo m√≠nimo. Tiene una opci√≥n especial para su uso en¬†web donde puedes seleccionar la compresi√≥n y previsualizar c√≥mo quedar√°.

Tan solo tienes que pinchar en ‚ÄėArchivo‚Äô ‚Äď ‚ÄėGuardar para web‚Äô:

Guardar imagen para web con Photoshop

Se abrir√° una nueva ventana donde podremos seleccionar m√ļltiples opciones:

Comprimir im√°genes con Photoshop

Entre ellas destacan:

  • Formato de imagen. Ahora veremos qu√© formato nos conviene utilizar dependiendo de la imagen.
  • Calidad. Es el nivel de compresi√≥n a aplicar. Cuanta menos calidad, menos ocupar√° la fotograf√≠a pero peor se ver√°.

    Justo a la derecha tenemos un desplegable donde podemos seleccionar varias opciones predefinidas (baja, mediana, alta, muy alta y m√°xima).

    La opci√≥n ‚ÄėMediana‚Äô suele ser mi preferida, ya que suele corresponder con la compresi√≥n m√°xima sin perder calidad visual.

  • Tama√Īo de la imagen. Podemos seleccionar la dimensi√≥n final.

    Recomiendo tambi√©n fijarse en la parte inferior, donde se indica el tama√Īo final que tendr√°.

Si no queremos o no podemos utilizar Photoshop, siempre puedes utilizar herramientas gratuitas online que te permiten comprimir:

Si tenemos ya subidas muchas im√°genes sin comprimir a nuestro WordPress o queremos que se compriman autom√°ticamente cada vez que las a√Īadamos, el plugin WP Smush ser√° tu soluci√≥n.

¬ŅQu√© Formato Deber√≠a Utilizar para Guardar las¬†Im√°genes Correctamente?

Existen decenas de formatos de imagen, pero los m√°s populares en la red son el JPEG, PNG y para im√°genes animadas los GIF.

Hay que tener cuidado ya que la compresión en cada uno de los formatos es diferente. Una misma imagen en PNG puede ocupar el triple que en JPEG.

A modo de resumen te recomiendo:

  • GIF: √önicamente para im√°genes animadas. Suelen ocupar much√≠simo tama√Īo por lo que, cuanto m√°s peque√Īas y menos abundantes, mejor.
  • PNG: Para im√°genes con fondo transparente o con muy poca cantidad de colores (logos, iconos, etc‚Ķ).
  • JPEG: Resto de fotograf√≠as.

#6 – Incluirlas en el Sitemap

Si queremos ayudar a Google a rastrear las im√°genes de nuestro sitio, deber√≠amos a√Īadirlas al archivo Sitemap.

En las directrices oficiales de Google se indica que, si no lo hacemos de esta manera, puede que algunas im√°genes nunca sean encontradas por el famoso buscador.

Para ello, no hace falta crear un mapa del sitio web alternativo solo para las imágenes.

Tan solo tendremos que a√Īadir las etiquetas tipo debajo de las etiquetas de URL que ya tenemos en el Sitemap (evidentemente, dentro de la etiqueta de la URL en la que se encuentren).

A√Īadir im√°genes en el Sitemap

De esta manera, Google dar√° preferencia a estas im√°genes y las podr√° rastrear con facilidad.

Tip Bonus: Im√°genes Originales

Intenta utilizar fotograf√≠as 100% √ļnicas que nadie antes haya utilizado. Si son hechas por ti mismo, mejor que mejor.

Los textos de una web deben ser originales, ¬Ņverdad? De lo contrario Google nos puede incluso penalizar. Pues con las im√°genes intenta hacer lo mismo.

En la mayor√≠a de casos es muy dif√≠cil hacer las fotos por uno mismo. ¬ŅMi recomendaci√≥n?¬†Intenta modificar las fotograf√≠as que te¬†descargues (siempre que sean gratuitas y con derechos libres de autor).

Algunas trucos que me han funcionado bien:

  • Rotar la imagen algunos grados.
  • Recortar una porci√≥n de una imagen de gran tama√Īo.
  • Poner un texto grande encima de la foto.
  • Juntar varias im√°genes en una sola a modo de collage.

Google tiene un sistema para detectar im√°genes duplicadas.

Si accedes a Google Im√°genes y arrastras una fotograf√≠a hasta el cuadro de b√ļsqueda, te mostrar√° los sitios web donde se ha publicado dicha fotograf√≠a.

Im√°genes originales

Realiza alguna o varias de las modificaciones que acabo de comentar y comprueba¬†si Google la detecta como una imagen original (no aparecer√° ning√ļn resultado).

Conclusión

Nos dirigimos hacia un Internet cada vez m√°s visual y con mayor contenido multimedia. El poder de las im√°genes es innegable por lo que su uso es sencillamente vital.

Pero no basta con subirlas a nuestro sitio tal y como las hemos hecho o descargado.

Necesitamos optimizarlas para que los motores de b√ļsqueda puedan clasificarlas correctamente¬†y para que¬†no supongan un peso extra en nuestro portal, integr√°ndolas perfectamente¬†con el resto de los contenidos.

Las imágenes suelen ser las grandes olvidadas a la hora de trabajar el SEO Onpage de un sitio web. No solemos prestarles demasiada atención y se suele pensar que realmente no afectan demasiado en el posicionamiento. ¡Revisa a partir de ahora todas las fotografías que subas!

Espero que te haya servido todo lo que se ha contado aqu√≠. ¬ŅUtilizas alg√ļn tip extra? Si es as√≠, no lo dudes. D√©jame un comentario y cu√©ntame lo que sepas.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando…