Quizá no te hayas parado a pensarlo, pero las imágenes pueden generar enormes cantidades de tráfico a tu web desde los buscadores.
Piensa en una persona que busca un producto en Google, un lugar o una receta. Frente a ella podrían presentarse tus imágenes.
Muchos pasan por alto la oportunidad pensando que el nuevo diseño del buscador es menos eficaz que el anterior para atraer visitas. Pero tú no deberías caer en ese error.
La búsqueda universal muestra imágenes en la página de resultados de forma combinada. Esto significa que no es necesario buscar una imagen para encontrarla: puedes aparecer en cualquier momento.
Por todo ello, es importante que aprendas a optimizar tus imágenes para los buscadores. Aquí encontrarás las 7 claves imprescindibles.
Contenidos:
1. Atributo Alt
Pese a que la tecnología para el reconocimiento de imágenes ha avanzado mucho, los buscadores siguen teniendo problemas para interpretar el contenido de las imágenes. A día de hoy pueden reconocer letras, colores, e incluso caras, pero poco más.
Debido a ello necesitas usar el atributo Alt para describir tus imágenes.
El nombre de Alt viene de alternate text o texto alternativo, y es lo que utilizan los buscadores para saber qué es lo que muestra una imagen. También es el texto que utiliza el navegador cuando la imagen no se puede cargar junto con el resto del contenido de la página.
Supongamos que pones en tu web una vista aérea del Parque Científico y Tecnológico de Albacete. El código HTML de la etiqueta Alt sería:
<img src=”http://example.com/foto.jpg” alt=”Vista aérea del Parque Científico y Tecnológico de Albacete” />
(Normalmente no tendrás que preocuparte por el código, la mayoría de los gestores de contenido dejan añadir la etiqueta fácilmente.)
Para asegurarte una buena etiqueta Alt:
- Describe fielmente el contenido de la imagen
- Incluye la palabra clave principal
- Se conciso
2. Nombre del archivo
El nombre del archivo es un indicador del contenido de la imagen. Piensa que una imagen llamada “tarta-de-chocolate.jpg” probablemente mostrará una tarta de chocolate.
Para optimizar el nombre debes intentar ser corto y descriptivo, y no es necesario que incluyas tanta información como en la etiqueta Alt.
Por ejemplo, en el punto anterior hemos llamado al archivo “foto.jpg”, pero este nombre genérico no trae ningún beneficio en la búsqueda. Así que para hacerlo más descriptivo, lo llamaremos “parque-cientifico-tecnologico-albacete.jpg”.
Con un nombre más específico es más fácil que el buscador entienda el contenido y, por tanto, tendrás más posibilidades de aparecer en una posición más prominente.
Para un buen nombre de archivo:
- Describe el contenido de la imagen
- Incluye la palabra clave principal
- Se muy conciso (puedes excluir palabras vacías)
- Utiliza guiones para separar palabras
- Evita la letra Ñ, los acentos y otros caracteres especiales
3. Contexto
Es muy importante que tus imágenes estén rodeadas de texto y, en especial, que ese texto esté relacionado con el contenido de la imagen. Cuanto más estrecha sea la relación existente entre la imagen y el contexto en el que se encuentra, mejor.
Para poner a tus imágenes en el contexto apropiado, sírvete del pie de foto o leyenda, así como del texto que hay encima de la imagen y bajo ésta. Usa incluso los encabezados y el título de la página si es preciso.
Ten en cuenta que si el texto que envuelve la imagen guarda poca relación con ésta, la pertinencia para el buscador será baja.
4. Tamaño del archivo
Lo ideal es que el tamaño del archivo sea lo más pequeño posible. De esta forma las imágenes cargan rápido, y eso es algo que premian los buscadores.
Pero el tamaño del archivo depende de 2 cosas:
- Las dimensiones de la imagen
- La calidad de la imagen
Si quieres que una imagen de grandes dimensiones quepa en un archivo pequeño, la calidad tendrá que ser menor. Y si lo que quieres es que la imagen sea de gran calidad, no te quedará otra que reducir las dimensiones.
Este compromiso hace del JPEG el formato de imagen ideal para los buscadores; buena calidad con archivos relativamente pequeños. No obstante, también puedes emplear PNG y GIF si sirven mejor a tus propósitos.
A la hora de preparar tus imágenes:
- Usa JPEG para fotografías e imágenes en general
- PNG está más indicado para imágenes planas y/o con transparencias (p.e. logos)
- GIF es ideal para imágenes animadas
- Emplea las dimensiones exactas que necesites (no confíes la reducción de las dimensiones al CMS, porque se cargará la imagen completa antes de ser redimensionada)
- La calidad JPEG media es suficiente para la Web
Para capturar, recortar y reescalar imágenes usa Skitch. Esta herramienta hace un buen trabajo manteniendo la calidad en las imágenes, y además permite añadir anotaciones, formas y dibujos. Otras herramientas gratuitas para trabajar con imágenes son GIMP y BeFunky.
Antes de subir imágenes a la web, es recomendable que las comprimas todo lo posible, sin que ello signifique comprometer la calidad. Para lograrlo, usa la herramienta online Compressor.io, aunque si prefieres las herramientas de escritorio prueba JPEGmini e ImageOptim.
Por otro lado, si usas WordPress como gestor de contenidos, puede interesarte el plugin WP Smush.it. Mientras lo tengas activo, comprimirá todas las imágenes que subas sin pérdida aparente de calidad.
5. Datos Exif
Exif, o Exchangeable image file format, es una especificación que permite incluir varios tipos de metadatos dentro del archivo de imagen. Entre estos datos se incluyen detalles específicos de la toma, como la exposición, apertura, distancia focal, e incluso las coordenadas geográficas.
Aunque los datos Exif que más pueden interesarte son:
- Título de la imagen
- Descripción
- Nombre y web del autor
- Copyright
- Otras etiquetas interesantes
Si bien los buscadores no utilizan el contenido Exif como factor de peso actualmente, los datos aparecen en ciertas páginas de imágenes (p.e. esta de Flikr) lo que puede influir positivamente sobre el factor de relevancia.
Mediante las propiedades del archivo en Windows (botón derecho) es posible editar algunos datos y añadir información relevante a la imagen. Pero si de verdad quieres experimentar, es mejor que uses una herramienta avanzada. PhotoME es una opción gratuita.
Algo más a considerar con Exif es que, si estás usando herramientas de compresión, debes asegurarte de que preservan la información Exif en la imagen resultante. Esto lo puedes consultar en el sitio web del desarrollador, o bien en la sección FAQ y Changelog del directorio de plugins de WordPress, si es el caso.
6. Descripción larga
Un atributo poco conocido para imágenes es la descripción larga o longdesc. Como su nombre indica, sirve para incluir una descripción más larga que la que se puede incluir en la etiqueta Alt.
La sintaxis para la descripción larga es:
<img src=”http://example.com/parque-cientifico-tecnologico-albacete.jpg” alt=”Vista aérea del Parque Científico y Tecnológico de Albacete” longdesc=”http://example.com/acerca-del-pcyta.html” />
Si te fijas, longdesc no incluye una descripción textual, sino la URL donde encontrarla. Ésta puede ser una página especialmente creada para incluir la descripción, o la propia página donde se incluye la imagen, aunque eso no tiene mucho sentido.
La verdad es que la descripción larga se utiliza muy poco o nada, pero he querido incluirla para que cuentes con todas las opciones.
7. Sitemap de imágenes
Un aspecto esencial de la optimización de imágenes es la indexación. Las imágenes deben estar en el índice del buscador para aparecer en la búsqueda, pero si el buscador no encuentra tus archivos de imagen difícilmente podrá registrarlos.
Hay una manera de aumentar las posibilidades de que tus imágenes sean indexadas, y es generando un sitemap específico para imágenes. Este archivo incluye la URL de cada imagen, pero también puede incorporar el título, la licencia y el pie de foto.
Si estás usando WordPress como gestor de contenidos, debes saber que el plugin de optimización SEO de Yoast incluye las imágenes dentro de la función XML Sitemaps. No obstante, si prefieres un plugin dedicado puedes usar Udinra All Image Sitemap.
Una clave más
Ya que te has tomado la molestia de leer hasta aquí, no voy a dejar que te vayas sin darte una clave extra. Y te adelanto que esta táctica es precisamente la más eficaz:
Si quieres mejorar la visibilidad de tus imágenes no hay nada como conseguir enlaces. Enlaces hacia la página que contiene la imagen y también hacia el propio archivo de imagen. Si además los enlaces incluyen palabras clave en el texto (anchor text) mejorará el posicionamiento para las búsquedas correspondientes.
Dicho esto, no te recomiendo usar esta táctica de forma artificial, ya que los buscadores como Google penalizan la creación de enlaces destinada a influir sobre sus resultados. La estrategia más inteligente es crear imágenes capaces de atraer enlaces por sí mismas, como es el caso de las infografías y las fotos con licencia Creative Commons.
¿Qué otros métodos usas para optimizar tus imágenes?
Imagen Flickr Creative Commons vía NASA Goddard Photo and Video
Rubén dice
Buenas! Primero felicitarte por tu artículo y tu blog en general, siempre claro y directo :)
Tengo una duda; voy a cambiar el <img src=…con la url que viene alojada en mis imágenes, pues va a tirar de otro servidor pero…como hacerlo para que no me afecte al SEO?
Es decir, como hacer para que cuando el bot rastree mis imágenes no de error al encontrarse una nueva url, alt y title diferente..?
Saludos y gracias!
Tomás de Teresa dice
Hola Rubén
Si vas a cambiar la ruta de las imágenes permanentemente, rediríge las URL antiguas a las nuevas con 301. Aquí tienes cómo redireccionar: http://deteresa.com/redireccion-301/
Un saludo
D. Alberto. P. dice
Perfecto caballero muy bien explicado– pero una duda
(Primero de todo ¿está la página o el texto muy grande? porque se ve las letras a lo hulk incluso al 90% en la pantalla…)
En las imágenes hay que etiquetarlas con el nombre de la web que te la bajaste también no? o entiendo yo que este artículo son para fotos propias?
Un saludo
Tomás de Teresa dice
Hola Alberto
Enlazar a la fuente de las fotos sólo depende del tipo de licencia. En cualquier caso estos consejos aplican tanto fotos propias como de terceros.
Si, la letra es grande pero este tema tiene los días contados…
Un saludo
Lissbeth Reyes Agurcia dice
¡Muchas gracias Tomás! Es el mejor y mas útil artículo que he leído en lo que va del año. Tu redacción es perfectamente clara y el contenido muy completo. ¡Enhorabuena! me has dado una alegría.
Tomás de Teresa dice
¡Gracias a tí Lissbeth! :-)
Alberto dice
Hola Tomás.
Gracias por la información valiosa que brindas desde este sitio.
Te cuento que he optimizado los nombres de imágenes de mi web, también he modificado el sitemap con estos nombres actualizados y lo he vuelto a enviar desde webmaster tools.
Siendo que estas imágenes ya habían sido indexadas por google anteriormente, ahora con el nuevo nombre ¿cuanto tardará en volver a indexarlas o actualizarlas en su índice? ¿lo hará?
¿Piensas que hice lo correcto o una vez indexadas por google es preferible dejarlas como estaban?
Gracias de antemano.
Tomás de Teresa dice
Hola Alberto
Google determina la frecuencia con la que regresa a tus páginas. Lo único que puedes hacer es intentar acelerarlo, enviando al índice las URL más importantes. Para ello, usa la herramienta Explorar como Google en Search Console.
Suerte
César dice
Gracias por tus artículos. Son magníficos.
Un saludo.
Tomás de Teresa dice
Gracias César
Manú dice
En el logotipo pensando en seo que nombre se le puede dar, porque he visto que lo suben casi siempre logo.png o jpg?
Tomás de Teresa dice
Ese mismo, el nombre de la página o uno que combine las dos cosas.
Saludos
Andrea Mondaca dice
Hola! Creo que solo faltó completar información acerca de los caracteres especiales. Los caracteres especiales son muy importantes, lo sé ahora que me acaban de dar un gran problema al exportar un sitio wp y que el plugin no puede respaldar las imágenes nombradas con acentos o con Ñ.
Pero para los atributos, en relación al SEO, ¿Es recomendable utilizarlos?
Tomás de Teresa dice
Gracias por el aporte Andrea.
Es cierto que usar caracteres especiales en las URL puede acarrear problemas al cambiar de dirección o de plataforma. Por ese motivo, he actualizado el post para añadir el consejo.
En cuanto a los atributos, no hay problema en usar la letra Ñ y acentos.
Suerte
Manú dice
Gracias por contenido valioso.
En mi caso estoy teniendo problemas porque google esta indexando fotos de Multimedia, en el buscador, entonces eso en mi caso es irrelevante porque me interesa que los que vean y visiten mi página web vean la información de los cursos que se venden,,quisiera que siempre indexe el buscador mi pagina principal o la página donde se muestran todos los cursos.
Tomás de Teresa dice
Hola Manú
No se si te he entendido. Google suele indexar las imágenes contenidas en las páginas web. Luego esas imágenes pueden aparecer en el buscador de imágenes, que también permite acceder a la página donde está ubicada la imagen.
Si no quieres que Google indexe tus imágenes (JPG, PNG, GIF), usa una directiva Disallow en el archivo robots.txt, para bloquear el directorio en tu servidor donde se almacenan las imágenes.
Aquí te dejo más información sobre como configurar el archivo robots.txt, pero ten cuidado porque corres el riesgo de bloquear contenidos que sí te interesa tener indexados: http://deteresa.com/archivo-robots-txt/
Saludos
MªAngeles dice
Me ha parecido una información muy útil. Estoy comenzando un blog de bricolaje, y las imágenes que estoy subiendo son principalmente de fotos paso a paso, todas en una “tipo Pinterest” ¿qué etiquetas serían aconsejables para este tipo de fotos en las que hay varias fotos en una? ¡Gracias!
Tomás de Teresa dice
Creo que iría bien la labor de bricolaje que describes en la imagen (p.e. cómo lacar una puerta).
Saludos
carlos dice
hay alguna diferencia entre usar guion medio y guion bajo al nombrar las palabras?? uno es para separar palabras y otro es para manejar el mismo concepto??
Tomás de Teresa dice
Ninguna diferencia, ambos sirven para separar palabras en el nombre del archivo. Como norma general, usa el separador que uses habitualmente en tus URL.
Saludos
Adrian David Rodriguez Lopez dice
Gracias por compartir esta valiosa informacion, la verdad no sabia que uno podia hacer mucho con las etiquetas Alt…Voy a aplicarla con los dibujos, siendo esta relacionada al contenido, ya es organizando las imagenes de mi blog para que se indexen, gracias por los consejos, saludos :).
Tomás de Teresa dice
Estupendo Adrian, ¡Suerte con tu blog!
Jose dice
Hola Tomás,
En primer lugar felicitarte por el increíble trabajo que realizas en este blog. Es simplemente una referencia en el mundo SEO. Muchas gracias por todo el contenido que compartes, es valiosísimo.
Me gustaría comentarte una duda. Estoy realizando un proyecto en WordPress para fotografía de arquitectura, y al subir las imágenes a la galería de medios estoy incluyendo la misma etiqueta alt para todas las fotos que conforman un mismo proyecto. Es decir, describo las alt de cada proyecto con el nombre del edificio en cuestión y el nombre del autor. Pero todas iguales si se trata de un mismo proyecto.
Esto es contraproducente para el posicionamiento? Entiendo que lo correcto sería personalizar la etiqueta para cada fotografía, pero en muchos casos, las fotos son de un mismo edificio, y si hay diez o quince fotos semejantes, es casi imposible en cuestión de tiempo y recursos personalizarlas. (y sobre todo personalizarlas con un texto alternativo realmente de valor).
¿Qué opinión tendrías al respecto?
Un saludo y muchas gracias.
Tomás de Teresa dice
Hola José
Gracias por tu comentario. En el caso que comentas, añadiría a la etiqueta ALT la parte del edificio que se muestra (p.e. fachada, recepción, etc.).
Saludos
Jose dice
Muy interesante! Me ha ayudado un poco más a entender como publicar las fotos de los post. Muchas gracias por la información.
Un saludo
Eugenia Castaño dice
Hola Tomás. Un millón de gracias por este tutorial tan completo y tan bien explicado. Tengo un blog con más de 100 entradas con un montón de fotos así que me queda mucho trabajo por delante. Pero antes de que me dé mal solo de pensarlo me gustaría que me aclararas una duda: tengo un blog de manualidades paso a paso con un montón de fotos de cada trabajo y no sé si puedo poner el mismo nombre y ALT o está penalizado.
Un saludo.
Tomás de Teresa dice
Hola Eugenia
Penalizado no, pero para que la etiqueta ALT sea útil debe describir la imagen concreta (p.e. “Paso 2: recortar la figura del oso”).
Suerte
Eugenia Castaño dice
Muchas gracias. Me pondré a ello que tengo mucho trabajo.
Oswaldo Reyes dice
Hola Tomás, te escribo desde México, antes que nada te felicito por tu Blog, tiene información muy útil e interesante.
Me gustaría saber si existe alguna diferencia en la descripción de las imágenes en un sitio diseñado con efecto paralax o infinity scroll.
De antemano, muchas gracias.
Tomás de Teresa dice
Hola Oswaldo
Es lo mismo para cualquier imagen que pueda ver el usuario/buscador.
Saludos
Jarúl dice
Sin embargo me parece que esto es aplicable para aquellos blogger que escriben y usan imágenes en sus textos, también se puede aplicar estas medidas para un blog de imágenes (Artistas visuales, ilustradores, fotografos, dibujantes) en donde el blog está conformado únicamente por imágenes?
Tomás de Teresa dice
Jarúl, está especialmente indicado para sitios de imágenes.
Saludos
Adrian Vargas dice
Hola Tomas, excelente tu blog y super productivo, felicitaciones !!! tengo una consulta para hacerte, estoy optimizando las imagenes de mi web, aplicandole todo lo que mencionas, ahora bien, al pasalar por el compresor que das como referencia (compressor.io), me descarga el mismo archivo optimizado pero agregandelo la palabra compressor (ej, logo-adrian-vargas-compressor.png), tu dices que la utilice asi tal cual me la descarga, o le saco la palabra “compressor” para para esten mejor indexadas ?? Muchas gracias, Saludos !!
Tomás de Teresa dice
Hola Adrian
Lleva la palabra para que el archivo se distinga del original. Por supuesto, quítala porque no te sirve de nada en el nombre del archivo.
Saludos
Carolina dice
Hola Tomás,
Acabo de encontrarte y decirte que me ha gustado mucho tu artículo.
Soy diseñadora gráfica, estoy empezando en esto de posicionamiento y tengo algunas dudas en cuanto nombre y al alt de las imágenes.
El caso es que estoy creando un portfolio de mis trabajos con muchas imágenes y no me queda claro cual es el alt que debería ponerlas, es decir, si tengo una imagen de una tarjeta de visita que he diseñado y que he nombrado como tarjeta-renfe.jpg ¿cuál debería ser el alt? “Tarjeta de visita Renfe” – “Diseño Tarjeta de visita diseñadora gráfica Carolina” – “Tarjeta de visita diseño gráfico, ilustración e imagen”, no se si me explico, si la cuestión es generar tráfico a mi página web y no a Renfe.
Muchas gracias,
Un saludo.
Tomás de Teresa dice
Hola Carolina
En el caso que mencionas, el texto “Tarjeta de visita Renfe” parece bastante adecuado para la etiqueta ALT. El objetivo es describir la imagen para que el buscador sepa lo que muestra y así pueda ofrecerla en sus resultados de búsqueda.
Suerte con tu web
Jan Delors dice
Hola Tomás acabo de descubrir tu blog y ya me lo he puesto en favoritos, ideas claras, bien hecho y muy buenas sugerencias para el SEO nuestro de cada día.
Un saludo y enhorabuena.
(luego me suscribo que ahora voy pillado)
Tomás de Teresa dice
Gracias Jan :-)
Omar Tringali dice
Te Agradezco enormemente Tomás, este artículo o post debería se pago por el contenido que dice, son años que uso el SEO como herramienta o estrategia, aparte otras claro, pero no sabía de todas estas variaciones o técnicas sofisticadas, sólo algunas de ellas, referido a las imágenes. Te cuidas ¡ Chao !
Tomás de Teresa dice
Omar, me alegra saber que has descubierto cosas nuevas :-)
Suerte
Cristina dice
Hola Tomás,
Muchas gracias por compartir tus conocimientos con nosotros. Esta ayuda es inestimable. Se agradece encontrar a personas así.
Por otro lado, tengo una duda: Tengo sin optimizar 120 imágenes que ya he publicado en mi blog WordPress (por desconocimiento), de las cuales Google tan sólo me ha indexado 2 imágenes. Una vez optimizadas, Google volverá a intentar indexarlas ? (Tengo el plug in WordPress SeO by Yoast y se supone el sitemap lo envía automáticamente … )
Muchas gracias! Un saludo
Tomás de Teresa dice
Hola Cristina
No por el hecho de optimizarlas va a indexarlas Google, pero si ocurre que el buscador tarda más en procesar las imágenes que las páginas. Si vas a optimizarlas hazlo cuanto antes para que cuando el buscador regrese coja esas y no la versión sin optimizar.
Suerte
al hernandez dice
disculpa tomas para HTML5 recomiendas lo mismo? tengo entendido que el alt atribute es diferente?
gracias
Tomás de Teresa dice
Lo mismo, no hay diferencia con versiones anteriores: http://www.w3schools.com/tags/att_img_alt.asp
Saludos
Oscar dice
Hola Tomás!
Estoy intentando optimizar un wordpress que estoy creando para fotografía. Por tanto si que me interesaría mucho el tema de optimizar las imágenes. Me ha sido muy útil tu artículo, pero me ha quedado una duda. Yo estoy usando Yoast y he leído en varios tutoriales que no es recomendable meter los multimedia en el sitemap ni indexarlos (al estar las imágenes también dentro de una página que sí está indexada) porque google lo interpretaría como contenido duplicado (al tener marcado lo de Redirecciona las URL’s de archivo adjunto (attachment) hacia la URL del parent post) y en vez de mejorar el SEO sería contraproducente. Pero no sé si esto se debe a que los tutoriales que leo son para blog, donde no se da mucha importancia a la imagen que se mete y en mi caso al ser de fotografía donde la imagen es lo más importante tendría que hacerlo así o no.
Muchas gracias por tu ayuda!
Tomás de Teresa dice
Hola Oscar
Efectivamente no tiene mucho sentido indexar los adjuntos puesto que tus fotos ya aparecen en otras páginas. Tanto si redireccionas los páginas de adjuntos como si les colocas un NoIndex no los incluyas en el sitemap porque estarás malgastando cobertura de rastreo en páginas que no son importantes.
Saludos
melina dice
Excelente artículo!! felicitaciones! Tengo una consulta, woorank me tira que en mi sitio hay dos imágenes que no tienen atributo Alt, pero son las imágenes del logo… cambie el nombre del archivo, que era solo logo.jpg y le agregue unas palabritas extra para optimizarlas un poco más, pues mientras más específico sea el nombre de los archivos de imagen mejor para los robots de los buscadores. Ahora, la pregunta es, les coloco atributo alt por más que sean las imágenes del logo?? me han dicho que no es necesario pero yo creo que si deberían tener…
Gracias!
Tomás de Teresa dice
Hola Melina
No lo veo necesario y tampoco que le metas palabras clave. Con “logo” o el nombre del sitio para el archivo está bien.
Saludos
Ahtziri Lagarde dice
¡Me gustó mucho! Es completo pero conciso. Además, está muy bien escrito. Gracias, fue de mucha ayuda.
Tomás de Teresa dice
Estupendo :-)
mauricio caroprese dice
Exelente publicación, fue de gran ayuda ya que mi página web tiene más de 500 imágenes, ahora mismo estamos implementando la etiqueta ALT
Saludos
Ricard dice
Gracias de nuevo por la recomendación Tomás.
Magnífico artículo también, y esta vez orientado a la duda concreta que tenía sobre las imágenes y cómo optimizarlas.
En lo referente a la clave nº 5, no tenía ni idea de que detalles como el título de la imagen, descripción, nombre del autor, etc, fueran considerados como datos Exif. Y son precisamente estos, como bien explicas, los que pueden ser más importantes o de interés para el usuario.
Por último y para contribuir con “medio” granito de arena a tu pregunta de otros métodos para optimizar imágenes, sólo decir que, de momento, utilizo un plugin de caché de pago (no escribiré marcas) que incorpora un sistema propio de optimización, con el cual, cada imagen se carga en el navegador sólo cuando el usuario la necesita ver a través del scroll.
Es muy útil cuando tienes muchas imágenes que cargar y el “peso” general puede ser un verdadero dolor de cabeza.
Saludos,
Ricard
Tomás de Teresa dice
Hola Ricard
Los datos descriptivos de la imagen están contemplados en Exif, con la diferencia de que debes añadirlos en la etapa de procesado.
Respecto a la carga diferida de imágenes, es un método interesante de acelerar la carga, pero debes asegurarte de que los robots pueden acceder a las imágenes fuera del área visible.
Saludos
Ricard dice
Tienes toda la razón en cuanto a la posibilidad de que los bots puedan tener problemas en reconocer e indexar las imágenes que utilizan este sistema de carga.
Me he empapado con bastante información sobre este tema y la verdad es que hay división de opiniones: Unos explican que Google no ve con buenos ojos este tipo de carga (diferida) ya que los bots no pueden estar constantemente “indagando” en la Web para ver si hay más imágenes que todavía faltan por cargar.
Otros, mediante pruebas de analíticas, defienden que Google actualmente indexa todas las imágenes aún por cargar, mientras estas contengan información de valor como el título, atributo Alt, dimensiones, etc, que bien explicas en este artículo.
¿Mi conclusión como absoluto principiante? Me arriesgaré con este tipo de carga para todas las fotografías de mi web, por supuesto, siguiendo tus claves de optimización. El tiempo dirá ;)
Saludos
Tomás de Teresa dice
Pues adelante Ricard. Avísame cuando tengas tu sitio para que me pase ;-)
Ricard dice
Será un placer Tomás. Muchas gracias de nuevo por tu ayuda.
Saludos
Marilia dice
Hola. Gracias por el artículo, me parece muy útil, pero tengo un problemilla que no consigo resolver. Cuando subo imágenes a mi blog, WordPress me las renombra como le da la gana. Aunque mi imagen se llame “estiramiento_cuadriceps.jpg”, al subir el archivo el nombre pasa a ser algo como “image6.jpg” ¿Cómo podría resolverlo?
Tomás de Teresa dice
Hola Marilia
Es raro lo que te pasa, ya que WordPress no renombra las imágenes. Lo único que se me ocurre ahora mismo es algún plugin que tome el control durante la subida imágenes. Si es así, tendrás que desactivarlo para que deje de hacerlo.
Suerte
fernando dice
saludos Tomas, muy interesante lo que cuentas y en especial lo de poner enlaces en las imagenes, no se me habia ocurrido pensaba que era saturar la imagen y que pudiera google penalizar por ello, pero de inmediato lo implementare gracias, y una cosa mas para la compresion de imagenes yo utilizo aparte de los que mencionas un programa que se llama RIOT radical image optimization tool no tengo el enlace a la mano pero es gratuito y muy bueno, saludos
Tomás de Teresa dice
Gracias por la aportación Fernando. Imagino que es éste el software al que te refieres: http://luci.criosweb.ro/riot/
No lo conocía pero ahí queda el enlace ;-)
Un saludo
Javier dice
Felicitarte por el blog! Escribes de forma muy clara y concisa, da gusto leerte!
Estoy trabajando con una web responsive, el problema de la imagen es que a una resolución baja se lee muy mal y no puedo “reescalarla” por tema de tamaño de pantalla.
Quería preguntarte si debiera ocultar esa imagen en la resolución que me da problemas cara al SEO y debiera dejarla.
Saludos, Javier.
Tomás de Teresa dice
Gracias por tus palabras Javier.
Desde luego que si no puedes mostrar la imagen con una calidad aceptable para el usuario, quitarla es una alternativa muy válida. Como hablas de “leer”, imagino que la imagen debe llevar un texto. En ese caso, considera también la opción de sustituirla por texto HTML.
Al diseñar para móviles debes tener en cuenta, ante todo, la experiencia de usuario. Si ésta última es buena, el SEO seguramente también lo sea ;-)
Saludos
Fernando dice
Hola! Muchas gracias por tu información, muy útil, da gusto.
Comentas en un comentario que el campo Alt no necesita guiones. Yo me pregunto: si es un campo que utilizamos, de cara a SEO, para que lean los robots de Google, ¿no le molestarán acentos y espacios?
Muchas gracias!
Tomás de Teresa dice
No te preocupes por eso Fernando, los espacios ayudan a los robots a distinguir las diferentes palabras que conforman el texto de la etiqueta Alt. Por otra parte entienden los acentos perfectamente.
Saludos
Víctor Hugo dice
Hola estoy nombrando las imágenes que me ayudan a descargar un pdf y les estoy poniendo este nombre:
articulo-revista-101-foro-mundial-de-plataformas-logisticas-manzanillo-2014.jpg
¿es recomendable el número de la revista lo ponga hasta el final? o ¿esta ok ahí?.
Cabe mencionar pongo el número de la revista dónde esta el artículo por mera organzación.
De antemano gracias
Tomás de Teresa dice
Soy más partidario de los nombres cortos, pero si para ti es mejor incluir toda esa información, adelante. Desde el punto de vista del SEO no te va a perjudicar ni beneficiar.
Saludos
Esteve dice
Hola Tomás, gracias por los consejos.
Uso Picasa como galería web vinculada, por lo tanto no puedo editar el “alt” en el código porque no existen las imágenes en el servidor (o no sé cómo, ya que no vinculo una imagen si no un álbum).
¿Sabes si es posible añadir algún dato individual a cada foto desde picasa y que se vea reflejado a la hora del SEO?
Gracias,
¡Un saludo!
Tomás de Teresa dice
Hola Esteve
Lo único que se me ocurre es que construya una galería en tu sitio web y dentro de esta cargues las imágenes una por una. De esta forma podrás añadir la etiqueta ALT.
Saludos
Emmanuel dice
Muy buen post, lo encontré super útil, increíble forma de redacción , me encanto con un contenido contundente, la primera ves que paso por aquí voy a aplicar lo mencionado , muchas gracias por la buena info Tomas.
Tomás de Teresa dice
Me alegra que así lo veas Emmanuel. Gracias :-)
Sabrina dice
Este es mi mayor dolor de cabeza con mi blog. Hago el análisis en Woo rank y me sale que la mayoría de mis fotos no tienen ALT. Tengo varias dudas:
En propiedades de la imagen en blogger hay que escribir algo en título? porque el nombre del archivo ya contiene las palabras clave con guiones como has comentado y eso debería aparecer automáticamente en html, cierto?.
Para el ALT no hay que poner guiones ni símbolo +?
Muchas gracias por tu ayuda
Tomás de Teresa dice
Hola Sabrina
Las etiquetas Alt no necesitan guiones ni símbolos. Se trata de describir el contenido de la imagen usando palabras clave siempre que vengan a cuento.
Saludos
Abi dice
hola,
gracias por el blog, explica muy bien.
Como empresa estamos pocisionandonos en internet, y lo que tenemos ahora que hacer es cambiar las descripciones de las fotos.
mi duda es que sirve describir la imagen en si con su titulo etiqueta descripcion copyringt y autor y si luego cuando lo tienes que subir en la web tienes que volver a escribir un titulo y descripción.
y otra duda, la imagen tiene que estar montada en una noticia para que google lo busque o tambien puede ser por galeria de la web?.
gracias. un saludo
Tomás de Teresa dice
Hola Abi
Como explico en el artículo, puedes rellenar los metadatos de la imagen antes de subirla, pero por el momento no hay evidencias de que los buscadores las estén usando. Por esa razón, una vez subida la imagen es necesario incluirla en el contexto apropiado y añadir la etiqueta descriptiva ALT. Las galerías también funcionan si el buscador puede acceder a ellas, pero también es verdad que presta más atención a las imágenes rodeadas de contenido textual.
Saludos
Yolanda Aguirre dice
Realmente instructivo y útil tu blog, gracias.
Soy nueva en este campo y estamos desarrollando un e-commerce que en breve subiremos a la red. Pero tengo una duda enorme, conceptualmente he entendido el tema de las etiquetas y atributos, sin embargo no sé cómo llegar a los códigos HTML para definir las etiquetas de mis fotos.
Mil gracias, voy a seguirte.
Un saludo
Tomás de Teresa dice
Hola Yolanda
El acceso al código HTML depende de la herramienta que estés usando para desarrollar tu web. Si se trata de un CMS seguramente tendrás la opción de configurar la etiqueta ALT sin tocar código alguno. Sólo tienes que buscarlo en Google ;-)
Suerte
raquel dice
Hola,
muy buen post. Acabo de abrir mi blog en blogger y estoy leyendo sobre SEO y demás.
Me gustan mucho tus post pero he visto en otros sitios que para hacer SEO en las imágenes es bueno darle a google el ancho y alto de las imágenes pero tu aquí no hablas de ello. Me suelo fiar bastante de tí jeje y estoy aprendiendo mucho. Ahora mismo hay tanto material sobre blogs, SEO y todo eso que no sé si lo de poner ancho y alto es una tontería…
Lo digo porque yo normalmente cuando publico la imagen en blogger, le pongo que me la publique como “tamaño original” y así no tengo que ir probando sobre como quedaría si publico en tamaño “pequeño” “mediano…”. Pero he visto que cuando publico en “tamaño original” abro el HTML y las etiquetas de ancho y alto no me aparecen. ¿da igual esto?
Vaya rollo te he soltado.
Gracias por tu paciencia y ayuda!!
Tomás de Teresa dice
Hola Raquel
Si el tamaño de la imagen coíndice con el que quieres mostrar en pantalla no es necesario especificar el tamaño. Tampoco si el tema de tu sitio controla el tamaño en función de la pantalla (p.e. dispositivos móviles). En otro caso sí sería buena idea.
Saludos
Carolina dice
Buenos días, acabo de leer su post y me ha resultado muy interesante, y aclaratorio, pero me surge alguna duda ya que llevo poco tiempo en el mundo del SEO.
El primer proyecto con el que me he encontrado es una página web de un fotógrafo, de ahí que haya buscado información sobre cómo posicionar imágenes en los buscadores. El problema es que ya tiene bastantes fotos subidas a la web, y claro, el nombre de las imágenes no es explicativo, es decir es, F879879.jpg, ¿Debería decirle que las vuelva a subir con un nombre que las defina mejor? o ¿Con variar el texto explicativo y el title valdría?
Tomás de Teresa dice
Lo ideal sería actualizar los nombres de los archivos, pero al menos sería bueno usar la etiqueta ALT correctamente.
Alejo dice
En primer lugar muchas gracias por el aporte, muy claro.
Tengo la siguiente duda, quizá puedas ayudarme. Edite vía Picasa la metadata de miles de imagenes, donde cada una tiene uno o varios Tags. Existe alguna manera de esa información utilizarla para crear sitemap o algo similar q me permita utilizarlo en paginas web creadas vía wordpress o manualmente con php.
Basicamente lo que a mi me gustaría es que el buscador que esta dentro de mi web busque imagenes a través de los tags (o metadata) de las imagenes que estan cargadas.
Desde ya muchas gracias.
Alejo
Tomás de Teresa dice
Imagino que podría reprogramarse la búsqueda interna para añadir una función que lea los metadatos de las imágenes, aunque no tengo ni idea de cómo, lo siento. Si lo resuelves te agradeceré que te pases por aquí y me pongas al día ;-)
¡Mucha suerte!
Manel dice
Felicidades por el artículo,
Pero tengo unas dudas a ver si me podrías ayudar:
– El atributo title de las imágenes también tienen importancia en el SEO? Cuanta?
– Cuál es el número máximo de carácteres para cada atributo? Para el Alt, title, nombre de archivo,…?
Gracias!
Tomás de Teresa dice
Por mi experiencia te diría que poca, pero tampoco te lo puedo asegurar. Respecto a la longitud máxima para la etiqueta ALT y el título no hay nada escrito, aunque es buena práctica no excederse de 50-65 caracteres (igual que para los títulos de página).
Saludos
Alejandro Loza dice
Hola Tomás
Estoy buscando información u opciones de como hacer SEO no ya con fotografias, sino con galerias de imágenes y he “topado” con tu artículo.
Sabrías darme algún recurso donde se explique o se comente como tratar las galerias de imágenes a nivel SEO?
Gracias!!
Tomás de Teresa dice
Hola Alejando
Te recomiendo el blog de Martin Missfeldt, http://www.tagseoblog.com/
A ver qué te parece ;-)
Angie Vázquez dice
Hola, excelente blog. Gracias por los consejos.
Una pregunta: ¿Hay alguna forma de renombrar con texto alternativo las imágenes que ya tienes publicadas o habría que volver a subirlas?
De antemano, gracias.
Tomás de Teresa dice
El texto alternativo puedes cambiarlo siempre que quieras. No tienes más que editar la etiqueta ALT en el código HTML, o bien usar el editor del CMS que estés utilizando. En cuanto al nombre del archivo de imagen es posible cambiarlo mediante FTP, pero es probable que te genere problemas con el CMS. Lo más sencillo es volver a subir la imagen, o usar algún plugin que te permita renombrar.
Yurany Restrepo dice
Genial, confirmaste mi vaga información sobre como guardar las imágenes para luego subirlas. Felicitaciones!
Tomás de Teresa dice
;-)
Carlos Junior Ramos Vásquez dice
Primero felicitar te por tu increíble Blog, me ayuda un montón.
En segunda, Usted de refiere con conseguir los enlaces…. a colgar las imágenes en otro sitio web (ejemplo: Google) y despues consegir la url de la imagen y luego poner en nuestro web site?
Yo lo intente una vez, al principio funciono pero al día siguiente las imágenes salían como no encontradas.
*Podría explicarse mejor en eso…
Gracias, y de nuevo felicidades por el blog
Tomás de Teresa dice
Me refiero a que otros sitios enlacen al tuyo, apuntando a la página donde se encuentra publicada la imagen, o bien a la URL de la imagen.
Carlos Junior Ramos Vásquez dice
Ha oks ya entiendo.
muchas gracias de nuevo.
Suemy Lucio dice
Busque y busque hasta que encontré tu blog, sinceramente me estas ayudando mucho a comprender algo de lo que no tengo ni idea.
Saludos
Tomás de Teresa dice
Me alegro Suemy :-)
ximo dice
Acabo de descubrir tu sitio ,solo comentarte que es de lo mejor que he visto hasta ahora y creado con el marco genesis que me encanta.
Saludos y gracias
Tomás de Teresa dice
Gracias Ximo. Yo también soy un fan de Genesis ;-)
Xabier dice
Hola Tomás,
Muy buen artículo. Te planteo una duda que tengo.
Si en mi blog optimizo bien cada imagen que subo con título, alt, descripción… pero luego el CMS (WordPress) crean en la carpeta /uploads/ diferentes tamaños para dicha imagen:
mi-imagen-300×325.jpg
mi-imagen-300×300-jpg
mi-imagen-500×375.jpg
Como tomará google eso? Cual de las imágenes posicionará? Lo tomará como contenido duplicado?
Tu qué aconsejas?
Muchas gracias.
Tomás de Teresa dice
Hola Xabier
Normalmente Google sólo indexa las imágenes que pueden verse en una página, y en el caso de que la página contenga la misma imagen en varios tamaños, suele dar prioridad a la más grande. No te preocupes, yo hasta ahora no he tenido ningún problema con imágenes en WordPress, por lo que no deberías tenerlos tú tampoco.
Saludos