Tabla de Contenidos
Mapa del sitio de imágenes
Las imágenes suelen ser las que más contribuyen al tamaño total de la página, lo que puede hacer que las páginas sean lentas y caras de cargar. Asegúrese de aplicar las últimas técnicas de optimización de imágenes y de imágenes responsivas para ofrecer una experiencia de usuario rápida y de alta calidad.
Las fotos de alta calidad atraen más a los usuarios que las imágenes borrosas y poco claras. Además, las imágenes nítidas son más atractivas para los usuarios en la miniatura del resultado y aumentan la probabilidad de obtener tráfico de usuarios.
A la hora de elegir el texto alternativo, céntrate en crear un contenido útil y rico en información que utilice adecuadamente las palabras clave y esté en contexto con el contenido de la página. Evite llenar los atributos alt con palabras clave (keyword stuffing), ya que da lugar a una experiencia negativa para el usuario y puede hacer que su sitio se considere spam. Considere también la accesibilidad de su texto alternativo y añada el atributo alt si es necesario, según las directrices W3.
También puede alinear imágenes como URIs de datos. Los URIs de datos proporcionan una forma de incluir un archivo, como una imagen, en línea estableciendo el src de un elemento img como una cadena codificada en Base64 utilizando el siguiente formato:
Comentarios
Con estas cifras delante, podemos entender mejor la importancia de la referenciación de imágenes, su optimización para el SEO, pero también el deseo de la firma de Mountain View de mejorar su motor de búsqueda de imágenes.
Por ejemplo, si una imagen está tomada de una receta o de un vídeo, una insignia la identificará como tal directamente en los resultados de búsqueda de imágenes. También se informa a los usuarios si la imagen es un GIF, o si es una foto de un producto que está disponible para su compra.
Esta nueva función elimina la necesidad de visitar el sitio web que aloja la imagen, ya que al tocar la insignia, el usuario puede recuperar directamente información más detallada sobre el contenido de la página de la que procede.
¿Y cómo se hace? Muy sencillo: si su imagen representa una puesta de sol sobre Notre Dame en París, el nombre del archivo no debe ser DSC4536.jpg, sino notre-dame-paris-coucher-soleil.jpg. La palabra clave principal, Notre Dame, aparece al principio del nombre del archivo.
El texto alt (o etiquetas alt) es un atributo HTML que se añade a una imagen para que haya un texto descriptivo cuando la imagen, por la razón que sea, no pueda mostrarse. Por ejemplo, el texto alternativo será mostrado por un lector de pantalla para los discapacitados visuales, cuando las imágenes están deshabilitadas en un navegador o cuando la imagen no puede ser decodificada.
Imágenes con capacidad de respuesta
A menudo, cuando pasamos las fotos de nuestra cámara a nuestros ordenadores, acaban siendo IMG 2789.jpg, o si estás creando imágenes y compartiéndolas con los clientes, la versión es como final-final-FINAL.v2.9.jpg (no hay que avergonzarse, ¡todos hemos pasado por eso!)
Así que si eres un fotógrafo y quieres tener imágenes de muy alta resolución en tu sitio web, probablemente deberían ser JPEGs. O si eres un diseñador de interiores y tienes renders que muestran un montón de detalles nítidos, probablemente también deberían ser JPEG.
Si has creado algo en Photoshop, o si trabajas con dibujos lineales o bocetos, probablemente quieras subir esos archivos como PNG. Se cargarán más rápido en el sitio web, son más fáciles de ver para la gente.
Así que debes asegurarte de que el tamaño del archivo de tu imagen es el máximo que necesitas. No necesitas subir los archivos gigantes de 20MB, cuanto más pequeños sean, mejor son si tienes una tonelada de imágenes que ya has subido a tu sitio web, y te preocupa que puedan estar ralentizando tu página. Pero no quieres tener que volver a subir todas tus imágenes. T
Imágenes del nombre de Seo
El SEO de imágenes se refiere a la práctica de optimizar sus imágenes para los motores de búsqueda a través de un texto alternativo bien pensado, subtítulos apropiados, buenas dimensiones de archivo y más. El SEO de imágenes puede hacer que su contenido sea más fácil de interpretar por los rastreadores de los motores de búsqueda, lo que puede darle un impulso al SEO tanto en las páginas de resultados de búsqueda como en las de imágenes y hacer que su sitio sea más descubrible.
A modo de recordatorio rápido: El texto alternativo es una copia escrita que describe una imagen. Por ejemplo, si hace clic en el producto de palomitas de maíz de Pipcorn e inspecciona la página, verá que el texto alternativo describe la imagen del producto con precisión como “Popcorn Family Pack Popcorn Pipsnacks LLC”:
Los pies de foto no suelen ser necesarios si el contexto de la página puede ayudar a los lectores a entender lo que representa la imagen; por ejemplo, en esta entrada del blog no he utilizado ningún pie de foto porque he usado texto para introducir cada imagen que he mostrado.
Sin embargo, si tiene un sitio web muy visual, considere la posibilidad de utilizar subtítulos para ayudar a los lectores a entender una imagen en su contexto. Por ejemplo, en el portafolio fotográfico de Tom Hull, él titula sus imágenes para que los espectadores puedan contextualizar dónde o qué representa la imagen:
Soy el analista principal de tendencias para webmasters de Google. Trabajo en Google desde septiembre de 2007. Antes de incorporarme a Google, fui propietario de una empresa de software en Suiza durante más de 12 años. En ese momento, creé un generador de mapas de sitio (poco después de que se introdujeran los mapas de sitio).