Skip to main content

Paso 1: Completar etiquetas alt.

Paso 2: …?

Hay m√°s en¬†SEO para¬†im√°genes¬†que escribir algunas etiquetas alt…¬†mucho m√°s.

Algunos incluso pueden argumentar que con los recientes avances de Google en el aprendizaje autom√°tico, las etiquetas alt ya no importan. Por ejemplo, esto es lo que sucede cuando carga una foto de un gato en la API Cloud Vision de Google, su herramienta de identificaci√≥n de im√°genes de aprendizaje autom√°tico:

Google puede decir que esta es una foto de un gato con una precisión casi perfecta. Eso es impresionante.Me aseguré de eliminar todos los metadatos de esta imagen. También se puede ver que el nombre del archivo es un IMG_0696_2 .jpg bastante poco descriptivo .

Entonces, ¬Ņqu√© sentido tiene agregar etiquetas alt si Google comprende el contenido de las im√°genes?¬†¬ŅLa imagen¬†SEO est√°¬†muerta?¬†De ning√ļn modo.

En esta publicación, analizaré consejos de optimización de imágenes para obtener más tráfico orgánico.

Nombrar tus im√°genes apropiadamente

Esto es lo que dice Google  sobre los nombres de archivos de imagen:

[…] el nombre del archivo puede dar pistas de Google sobre el tema de la imagen. Por ejemplo, my-new-black-kitten.jpg es mejor que IMG00023 . JPG .

Esto es SEO básico. La mayoría de la gente hace esto.

Eso es probable porque Google ha estado dando este mismo consejo durante a√Īos.

wayback-google-advice-image-filenames-5251943-6267686

Prueba de que el consejo de Google al respecto se ha mantenido constante desde 2013, a través de The Wayback Machine.

Pero una vez m√°s, dados los recientes avances de Google en el aprendizaje autom√°tico y su nueva capacidad para reconocer im√°genes, ¬Ņqu√© importancia tiene esto realmente ?

Buena pregunta. Soy consciente de que el ejemplo del gato fue bastante impresionante. Entonces, intentemos con otra imagen.

Google está 91% seguro de que esto es queso. Google está equivocado Es manteca/mantequilla

Ahora, seré el primero en admitir que la manteca se parece al queso en esta imágen, pero el punto es el mismo: Google no es perfecto: debes hacer todo lo que esté a tu alcance para ayudarlos a comprender tus imágenes.

Eso no significa relleno de palabras clave así por que sí (keyword stuffing). Mantenga sus nombres de archivo descriptivos y directos.

Bueno: dog.jpg
Malo:  dog-puppy-pup-pups-puppies.jpg

Cambiar el nombre de las im√°genes no requiere mucho esfuerzo para que sean m√°s descriptivas. Entonces vale la pena hacerlo.

Use el campo ¬ęalt¬Ľ y subt√≠tulos

El texto alternativo (alt) describe una imagen. Los navegadores también muestran texto alternativo si hay un problema al representar imágenes.

Aqu√≠ est√° la sintaxis HTML :

<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

Ese ejemplo proviene directamente de las pautas oficiales de Google . Se utiliza para mostrar c√≥mo se ve una etiqueta alternativa bien escrita. Aqu√≠ est√°n sus consejos generales para escribir estos:

Google usa texto alternativo junto con algoritmos de visi√≥n por computadora y el contenido de la p√°gina para comprender el tema de la imagen. [‚Ķ] Al elegir texto alternativo, conc√©ntrese en crear contenido √ļtil y rico en informaci√≥n que use palabras clave de manera adecuada y que est√© en el contexto del contenido de la p√°gina. Evite llenar los atributos alt con palabras clave (relleno de palabras clave) ya que da como resultado una experiencia de usuario negativa y puede hacer que su sitio sea visto como spam.

Matt Cutts da algunos consejos igualmente buenos para el texto alternativo en este video antiguo pero relevante:

Sin embargo, aquí hay un atajo que casi siempre funciona perfectamente: termine esta oración:

¬Ľ Esta es una (n) imagen / captura de pantalla / fotograf√≠a / dibujo de __________¬Ľ.

Elimine cualquier conjunci√≥n o conexi√≥n (por ejemplo, a / an) de la oraci√≥n resultante y use la √ļltima parte como texto alternativo. Aqu√≠ est√°n algunos ejemplos:

¬Ľ Esta es una fotograf√≠a de un pastel de queso con chocolate ¬ę.
<img src="cheesecake-chocolate.jpg" alt="cheesecake chocolate"/>

¬Ľ Este es un dibujo de mi gato, Mark, jugando con sus juguetes ¬ę.
<img src="mark-el-gato.jpg" alt="mi-gato-Mark-jugando-juguetes"/>

Es posible que desee desviarse ligeramente de esta f√≥rmula al escribir texto alternativo para im√°genes de productos. Para estos, puede ser √ļtil agregar el producto o el n√ļmero de serie, as√≠:

<img src="battery-tender.jpg" alt="Battery tender (022-0186G-DL-WH)"/>

Google sabe qu√© producto estamos buscando en base a una b√ļsqueda solo del n√ļmero de producto.¬†Por lo tanto, incorporar esto en su texto alternativo puede ayudar a Google a comprender que, de hecho, es una imagen de un producto.

Ah, y no te olvides de los subt√≠tulos. Esos tambi√©n son importantes.

Esto es lo que dice Google:

Google extrae informaci√≥n sobre el tema de la imagen del contenido de la p√°gina, incluidos los¬†subt√≠tulos¬†¬†y los t√≠tulos de las im√°genes.¬†Siempre que sea posible, aseg√ļrese de colocar las im√°genes cerca del texto relevante y en las p√°ginas que sean relevantes para el tema de la imagen.3. Elija el mejor tipo de archivo

La mayor√≠a de las im√°genes en la web son uno de los tres tipos de archivo: JPEG , PNG y GIF .

Cada uno de ellos usa un m√©todo de compresi√≥n diferente. Eso significa que los tama√Īos de archivo entre los tres tipos de archivo pueden variar dram√°ticamente. Eso es importante. He aqu√≠ por qu√© :

Las im√°genes son a menudo el mayor contribuyente al tama√Īo general de la p√°gina, lo que puede hacer que las p√°ginas sean lentas y caras de cargar.

El tiempo de carga de la p√°gina es crucial para el SEO . Google ha confirmado que es un factor de clasificaci√≥n tanto en computadoras de escritorio  como en dispositivos m√≥viles . Su tarea es elegir el tipo de archivo m√°s apropiado para cada imagen, es decir, el que ofrezca la mejor compresi√≥n con la menor reducci√≥n de calidad.

Con eso en mente, aqu√≠ est√° la misma imagen que un JPEG , PNG y GIF :

Puede ver que la imagen JPEG es un claro ganador. Tiene el tama√Īo de archivo m√°s peque√Īo, y hay poca o ninguna diferencia notable en la calidad de imagen entre esa y las otras dos im√°genes. Entonces, ¬Ņ JPEG es siempre la elecci√≥n correcta? De ning√ļn modo.

Creo que esta ilustración lo  dice todo:

En términos generales, los JPEG son el mejor formato para fotografías, mientras que los PNG son mejores para dibujos lineales, texto, etc. Los GIF son mejores para imágenes en movimiento.

La mayor√≠a de las aplicaciones profesionales de edici√≥n de im√°genes (por ejemplo, Photoshop) te dar√°n la opci√≥n de guardar como¬†JPEG¬†,¬†PNG¬†o¬†GIF¬†.¬†Tambi√©n puede usarlos para convertir una imagen de un formato de archivo a otro.¬†¬ŅNo tienes un software profesional de edici√≥n de im√°genes?¬†Prueba¬†esta herramienta gratuita¬†.

Para capturas de pantalla, aqu√≠ hay algunas aplicaciones que le permiten exportar en m√ļltiples formatos:

También hay un nuevo formato de imagen en la escena: WebP. Esto promete una compresión superior tanto a JPEG como a PNG . Sin embargo, decidí quitarlo del artículo por ahora, ya que actualmente solo es compatible con Chrome y Opera. Es posible obtener más información sobre WebP aquí .

Adecuar las dimensiones de las im√°genes

La mayor√≠a de las veces, publicamos im√°genes que no est√°n adaptadas al tama√Īo en que realmente se muestran.

Podemos usar¬†esta herramienta¬†¬†para cambiar el tama√Īo de sus im√°genes en masa.

Lo que importa es solo el ancho, as√≠ que suba sus im√°genes a granel y luego use la opci√≥n ¬ęancho m√°ximo¬Ľ para ajustar solo el ancho.

max-width-6556801-4438301-5136475

Cargamos en masa nuestros archivos JPEG y PNG en dos lotes separados. De lo contrario, la herramienta convertirá todas las imágenes en un tipo de archivo de imagen consistente. Puede seleccionar entre JPEG y PNG en la herramienta misma. Use la opción adecuada para el lote de imágenes que está optimizando.

Aquí hay dos razones por las que esta herramienta es excelente:

  1. Cambio de tama√Īo de ancho m√°ximo¬†: Digamos que el ancho m√°ximo de tu sitio web es de 700 px.¬†Tienes un mont√≥n de im√°genes que necesitan redimensionarse.¬†Algunos son m√°s anchos que 700px, y otros son m√°s angostos que 700px.¬†No desea cambiar el tama√Īo de los m√°s estrechos a 700px porque eso disminuir√° la calidad general de la imagen.¬†Esta herramienta mantiene esas im√°genes del tama√Īo que tienen.¬†Solo cambia el tama√Īo de los que son demasiado anchos.
  2. Mantiene los nombres de archivo intactos¬†: has pasado a√Īos nombrando tus im√°genes para¬†SEO¬†.¬†Los redimensiona y descarga las versiones redimensionadas.¬†Abre el archivo .zip para buscar image1.png, image2.png.¬†(¬°Comprender√°s esta frustraci√≥n si alguna vez ha descargado im√°genes de Google Docs!) Esta herramienta mantiene intactos los nombres de los archivos, por lo que no tendr√° que cambiar el nombre despu√©s de cambiar el tama√Īo.

Comprimir el tama√Īo del archivo de sus im√°genes

Echa un vistazo a estas dos im√°genes:

Ambos son JPEGS . Hay poca diferencia notable en la calidad entre los dos, sin embargo, la primera imagen es un 58% m√°s peque√Īa que la primera (31 kb frente a 73 kb).

Google tiene documentaci√≥n muy extensa  sobre la optimizaci√≥n de im√°genes para la web.

La clave para el tama√Īo del archivo es la siguiente:

Para obtener los mejores resultados, experimente con varias configuraciones de calidad para sus im√°genes y no tenga miedo de reducir la calidad : los resultados visuales a menudo son muy buenos y el ahorro de tama√Īo de archivo puede ser bastante grande.

Google recomienda tres herramientas de c√≥digo abierto para ayudar con esto: Guetzli , MozJPEG  (por Mozilla) y pngquant . Puede leer sus pautas para usar estas herramientas aqu√≠ . Sin embargo, tenga en cuenta que estas son herramientas de l√≠nea de comandos. Si no se siente c√≥modo usando tales herramientas, la recomendaci√≥n de Google es usar ImageOptim, una herramienta gratuita para Mac. (Encuentre alternativas de Linux y Windows aqu√≠ ).

Solo deja caer tus im√°genes y se comprimir√°n.

Puede cambiar el nivel de compresión en la configuración e incluso habilitar la compresión con pérdida.

Tambi√©n¬†elimina los¬†¬†datos¬†EXIF¬†por defecto.¬†Eso ayuda a reducir a√ļn m√°s el tama√Īo del archivo, aunque no¬†suele ser¬†¬†mucho.¬†Podemos usar¬†esta herramienta gratuita basada en la web¬†¬†(recomendada oficialmente por Google) para eliminar¬†datos¬†EXIF¬†si no planeas usar ImageOptim.

Google ha declarado  que los datos EXIF pueden ser un ¬ęfactor de clasificaci√≥n¬Ľ en Google Images.

Por esa razón, puede ser algo que deseemos conservar. Es posible desactivar la eliminación de datos EXIF en la configuración de ImageOptim.

Además, si está haciendo SEO local , esa puede ser otra buena razón para mantener intactos los datos EXIF . Google nunca ha dicho explícitamente que analizan datos EXIF como las coordenadas GPS para influir en las clasificaciones locales, pero muchos profesionales de SEO creemos que sí.

Nuestro veredicto? Los posibles aspectos positivos de dejar intactos los datos EXIF , al hacer SEO local, probablemente superen a los negativos.

¬ŅQu√© tan buenos son los resultados de esta herramienta? Decid√≠ hacer un peque√Īo experimento. Tom√© una peque√Īa muestra de 15 im√°genes, algunas JPEG , algunas PNG . Los arroj√© a todos en esta herramienta en la configuraci√≥n predeterminada. Hice lo mismo para algunas otras alternativas.

As√≠ es como les fue en t√©rminos de reducci√≥n de tama√Īo de archivo promedio:

Imageoptim (la herramienta recomendada por Google) fue, con mucho, la mejor para JPEG. Pero fue uno de los peores para PNG. Sin embargo, vale la pena se√Īalar una advertencia: ImageOptim est√° predeterminado en un 70% de calidad PNG . Puedes llegar hasta el 40%.

A√ļn as√≠, si nos atenemos a los resultados de la configuraci√≥n predeterminada anterior, Shortpixel parece ser el mejor compresor de imagen completo.

Esa es una noticia especialmente buena para los usuarios de WordPress porque hay un complemento de WordPress ShortPixel . Es gratis hasta 100 im√°genes por mes.

6. Crear un sitemap de imagen

Esto es lo que Google dice  sobre los sitemaps de im√°genes:

Las im√°genes son una fuente importante de informaci√≥n sobre el contenido de su sitio. Puede proporcionar a Google detalles adicionales sobre sus im√°genes y proporcionar la URL de las im√°genes que de otro modo no podr√≠amos descubrir agregando informaci√≥n a un mapa del sitio de la imagen.

Estas  son las etiquetas que puede usar en los mapas de sitio de im√°genes:

Si est√° utilizando WordPress y Yoast¬†SEO¬†, las im√°genes se agregan a tu sitemap del sitio autom√°ticamente.¬†Eso es incluso cierto para los sitios que tienen las p√°ginas de ¬ęmedios¬Ľ configuradas en noindex.¬†(¬†Nota:¬†esa es ahora la configuraci√≥n predeterminada en la √ļltima versi√≥n de Yoast). Sin embargo, Yoast solo incluye los requisitos¬†<image:image>¬†y las¬†<image:loc>¬†etiquetas.

La documentación de Google para los sitemaps de imágenes es bastante escasa. En ninguna parte especifican la sintaxis deseada para la <image:geo_location> etiqueta.

Google también afirma que:

Los mapas de sitio de imagen pueden contener URL de otros dominios, a diferencia de los mapas de sitio normales, que imponen restricciones entre dominios. Esto permite a los webmasters utilizar CDN (redes de entrega de contenido) para alojar im√°genes. Le recomendamos que verifique el nombre de dominio de CDN en Search Console para que podamos informarle sobre cualquier error de rastreo que podamos encontrar.

Es √ļtil saber si usa un¬†CDN¬†para alojar sus im√°genes.¬†Hablaremos sobre eso m√°s tarde.

Utilizar im√°genes vectoriales cuando sea apropiado

Esto es lo que dice Google  sobre los gr√°ficos vectoriales:

Los gr√°ficos vectoriales usan l√≠neas, puntos y pol√≠gonos para representar una imagen. [Son] ideales para im√°genes que consisten en formas geom√©tricas simples (por ejemplo, logotipos, texto, iconos, etc.) y ofrecen resultados n√≠tidos en cada resoluci√≥n y configuraci√≥n de zoom, lo que los convierte en un formato ideal para alta resoluci√≥n pantallas y activos que deben mostrarse en diferentes tama√Īos.

Muchos sitios usan gr√°ficos vectoriales para sus logotipos y otros elementos simples en el sitio.

Los SVG (Gr√°ficos vectoriales escalables) son quiz√°s el formato vectorial m√°s popular en la web.¬†El Consorcio World Wide Web (¬†W3C¬†) los desarroll√≥ y est√°n basados ‚Äč‚Äčen¬†XML¬†.¬†Como tal, todos los navegadores web modernos los¬†admiten¬†¬†.

No importa qu√© resoluci√≥n de navegador, dispositivo o pantalla tenga, los SVG se ver√°n n√≠tidos porque no se pixelan.¬†Podr√≠a mostrar un¬†SVG¬†en una pantalla del tama√Īo de un planeta; no perder√≠a ni una onza de calidad.

Estas son las sugerencias de Google para optimizar SVG:

  • Los archivos SVG deben minimizarse para reducir su tama√Īo.
  • Los archivos SVG deben comprimirse con GZIP .

Utiliza¬†esta aplicaci√≥n web¬†¬†o¬†esta aplicaci√≥n Mac¬†¬†para hacer la reducci√≥n de tama√Īo.¬†Ambos ofrecen una interfaz simple de arrastrar y soltar para minimizar dichos archivos.¬†Prefiero la aplicaci√≥n web.

Esa captura de pantalla resume todo lo que necesitas saber sobre SVG.¬†Podemos ver que el tama√Īo original del¬†SVG¬†era de 8.54kb.¬†Eso es¬†incre√≠blemente¬†peque√Īo.¬†La versi√≥n minificada (y comprimida) es a√ļn m√°s peque√Īa con solo 3.56kb, un ahorro del 41.67%.

La compresi√≥n Gzip es algo que est√° habilitado en el nivel del servidor. En otras palabras, el SVG anterior solo usar√° 3.56kb de ancho de banda si el servidor lo permite; de ‚Äč‚Äčlo contrario, usar√° 8.54k.

Use esta herramienta  para verificar si la compresión gzip está habilitada en su servidor. 

Servir im√°genes responsive

Supongamos que cargamos una imagen de 720px de ancho en tu sitio.

Si alguien visita en un dispositivo m√≥vil con una pantalla mucho m√°s peque√Īa, digamos 320px de ancho, entonces el navegador todav√≠a tiene que cargar la imagen de 720px.¬†Esa imagen se ver√° perfectamente bien.¬†Pero tambi√©n lo har√≠a una imagen de 320 px de ancho.

¬ŅVes el problema? Cargar la imagen de 720px es una p√©rdida de ancho de banda y solo sirve para reducir la velocidad de carga de la p√°gina. Eso no es bueno para el SEO .

La soluci√≥n es usar srcset.

Esta es una  pieza m√°gica de c√≥digo HTML que le dice al navegador que cargue diferentes versiones de una imagen para diferentes resoluciones de pantalla.

Aquí está la sintaxis, seguida de una explicación:

<img src="image.jpg" srcset="image-medium.jpg 1000w, image-large.jpg 2000w">

WordPress se encarga autom√°ticamente (a partir de WordPress 4.4 , que todos deber√≠an estar usando ahora). Para cada imagen que cargue, WordPress crea estas versiones  por defecto:

  • Miniatura : Un recorte cuadrado (150 px por 150 px).
  • Medio : se redimension√≥ para que el lado m√°s largo tenga 300 p√≠xeles de ancho o alto.
  • Mediana Grande . Redimensionado a 768 p√≠xeles de ancho.
  • Grande : se redimension√≥ para que el lado m√°s largo tenga 1024 p√≠xeles de ancho o alto.
  • Completo : imagen original.

Además, WordPress también agrega srcset automáticamente.

Para reiterar: ese c√≥digo es generado completamente por WordPress. No subimos varias versiones de esa imagen.

Utilizar schema markup (para recetas, productos y videos)

El marcado de esquema es probablemente algo con lo que est√° m√°s familiarizado en el contexto de la b√ļsqueda web de Google. Se ve algo as√≠ en los resultados de b√ļsqueda regulares:

schema-example-9843851-5502900-2001156

Pero, ¬Ņsab√≠a que schema markup tambi√©n puede ser relevante para el¬†SEO de¬†im√°genes¬†?

Esto se debe a que Google muestra insignias relevantes en las miniaturas en los resultados de b√ļsqueda de im√°genes m√≥viles. As√≠ es como se ven:

google-badges-image-search-7418036-6424268-6722897

Google dice esto  sobre estas insignias:

Si tiene im√°genes en su sitio, puede ayudar a los usuarios a identificar el tipo de contenido asociado con la imagen mediante el uso de datos estructurados apropiados en sus p√°ginas. Esto ayuda a los usuarios a encontrar contenido relevante r√°pidamente y env√≠a un tr√°fico mejor orientado a su sitio.

Actualmente, Google admite cuatro tipos de marcas: productos, recetas, videos y GIF.

Asegurarse de que sus im√°genes muestren estas insignias en la b√ļsqueda de im√°genes de Google es f√°cil. Solo necesita agregar el marcado de esquema apropiado a la p√°gina.

A√Īadir la receta  de marcas en las p√°ginas de la receta.

A√Īadir producto  marcado en las p√°ginas de productos.

A√Īadir¬†marcado de¬†video¬†a p√°ginas con videos.

Tengamos en cuenta que los GIF no requieren ning√ļn marcado adicional: Google ya sabe que son gifs.

Es probable que Google admita distintivos para estos cuatro tipos de contenido porque han reconocido que sus usuarios a menudo buscan dicho contenido en Google Images.

Lazy Loading

La carga diferida ocurren cuando el navegador difiere la carga de imágenes (o de cualquier otro objeto, video, etc.) hasta que necesiten mostrarse en la pantalla. Otras imágenes se cargan cuando es necesario cargarlas, es decir, a medida que se desplaza.

Esto es lo que Google dice  sobre la carga diferida:

La carga diferida puede acelerar significativamente la carga en p√°ginas largas que incluyen muchas im√°genes debajo del pliegue carg√°ndolas seg√ļn sea necesario o cuando el contenido principal haya terminado de cargarse y renderizarse.

Ha habido mucho debate en el pasado sobre si las im√°genes cargadas de manera diferida son buenas o malas para el SEO . Google tambi√©n ha enviado mensajes mixtos . Sin embargo, quiz√°s la mejor indicaci√≥n de que Google recomienda la carga diferida en 2018 es esta:

Esa es una recomendaci√≥n de la  herramienta PageSpeed ‚Äč‚ÄčInsights de Google .

Existen algunos métodos diferentes, pero todos involucran Javascript. Si no está familiarizado o no se siente cómodo con tales cosas, puede valer la pena contratar a un especialista para que lo ayude.

Si est√° utilizando WordPress, como lo estamos nosotros, entonces hay algunos plugins de carga diferida.

Aprovechar el almacenamiento en caché del navegador

El almacenamiento en cach√© del navegador es donde las im√°genes (y otros archivos) se almacenan en los navegadores de sus visitantes. El resultado es que las cosas se cargan m√°s r√°pido si visitan su sitio web en el futuro.

Por ejemplo, cuando aterriz√≥ en esta publicaci√≥n de nuestro blog, tuvo que descargar todas las im√°genes del art√≠culo y mostrarlas en su navegador.¬†Ahora, sin el almacenamiento en cach√© del navegador, este proceso deber√≠a repetirse en su totalidad si deseas releer esta p√°gina ma√Īana.

Sin embargo, con el almacenamiento en caché del navegador, lo que sucede es que su navegador se queda con algunas de estas imágenes. Entonces, cuando vuelva a ver esta página, o una página similar, no es necesario volver a descargarlas todas. Muchos ya están en tu pc o dispositivo móvil y, por lo tanto, se cargarán mucho más rápido.

Esto es lo que dice Google  sobre el almacenamiento en cach√© del navegador:

El almacenamiento en cach√© de HTTP puede acelerar el tiempo de carga de la p√°gina en visitas repetidas.

Cuando un navegador solicita un recurso, el servidor que proporciona el recurso puede decirle al navegador cu√°nto tiempo debe almacenar temporalmente o ¬ęalmacenar en cach√©¬Ľ el recurso. Para cualquier solicitud posterior de ese recurso, el navegador utiliza su copia local, en lugar de ir a la red para obtenerlo.

Incluso puede ver esta advertencia en Google PageSpeed ‚Äč‚ÄčInsights  si su sitio web podr√≠a beneficiarse del almacenamiento en cach√© del navegador:

Entonces, ¬Ņc√≥mo habilitams el almacenamiento en cach√© del navegador para sus im√°genes?

En WordPress, es bastante sencillo. Simplemente instalemos un plugin como W3 Total Cache . Eso habilitará el almacenamiento en caché del navegador de forma predeterminada y agregará las modificaciones necesarias a su archivo .htaccess.

Para los usuarios que no son de WordPress, deberá agregar este código a su archivo .htaccess manualmente:

<IfModule mod_expires.c>
ExpiresActive On
# Images
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
</IfModule>

Puede cambiar la parte de ¬ę1 a√Īo¬Ľ a ¬ę1 mes¬Ľ, ¬ę1 semana¬Ľ, ¬ę1 d√≠a¬Ľ, ¬ę1 hora¬Ľ, etc. Sin embargo, esta configuraci√≥n deber√≠a funcionar bien para la mayor√≠a de los sitios. Estos tambi√©n son los valores que W3 Total Cache usa por defecto.

Usar un CDN

La mayor√≠a de los sitios web sirven todos sus archivos (incluidas las im√°genes) desde un √ļnico servidor en una sola ubicaci√≥n.

Si suponemos que su servidor web está en Brasil , entonces sus imágenes no tendrán que viajar muy lejos cuando alguien del Brasil visite su sitio web. Sin embargo, es una historia diferente para sus visitantes de otros lugares . Las imágenes tienen que viajar mucho más lejos para alcanzarlas. Eso disminuye la velocidad a la que se carga su sitio web.

Las redes de entrega de contenido (CDN) resuelven este problema almacenando en cach√© sus archivos en una red global de servidores. Ahora, cuando alguien visita su sitio web, las im√°genes se cargar√°n desde el servidor m√°s cercano.

Aqu√≠ hay un GIF genial de CloudFlare  que representa este proceso perfectamente:

Hay muchos CDN por ah√≠. Estos son solo algunos de ellos:

Si est√° utilizando WordPress, configurar un¬†CDN¬†es f√°cil.¬†Reg√≠strate para obtener el¬†CDN¬†elegido¬†, sigu√≠ las instrucciones y luego instala alg√ļn plugin como¬†W3¬†Total Cache¬†,¬†CDN¬†Enabler¬†¬†o¬†WP¬†Rocket¬†¬†para habilitar el¬†CDN¬†en tu sitio.¬†Es as√≠ de simple.

Lo interesante de las CDN de im√°genes es que ayudan a automatizar el proceso de optimizaci√≥n de im√°genes. Esto es algo que Google recomienda y, sinceramente, si tiene un sitio web grande, es una buena idea.

Pensamientos finales

El SEO para imágenes es un tema complejo. Google tiene toneladas de documentación al respecto. 

Por esa raz√≥n, es importante tener en cuenta que no hemos cubierto absolutamente todo en este art√≠culo.¬†Eso ser√≠a imposible.¬†Pueden leer la documentaci√≥n de Google.¬†Este art√≠culo se enfoca deliberadamente en los elementos ‘grandes’ que creo que tendr√°n el¬†impacto¬†SEO¬†positivo m√°s sustancial¬†.

Tengamos en cuenta que también debe hacer un esfuerzo para asegurarse de que sus imágenes sean de alta calidad y contribuyan a una excelente experiencia de usuario.