Good Mood

Les grandes images sont un gros problème! Ils réduisent les temps de chargement des pages et engloutissent des quantités massives d’espace de page, signalant à Google que votre page est lente, cassée et doit être évitée. Cela peut envoyer votre site Web dans no man’s land: page deux. Oups!

pour vous aider à éviter de vous perdre dans la nature sauvage, j’ai mis au point quelques conseils de bonnes pratiques pour redimensionner les images., Vous trouverez ici des directives pour la taille de l’image ainsi que des conseils pour l’utilisation et l’optimisation de l’image.

4 Questions à vous poser sur la taille de L’Image

1. Quelle est la largeur de mon site web? Les largeurs de site Web varient, donc si vous souhaitez ajouter de grandes images, vous voudrez savoir quelle est la largeur de votre zone de contenu., Il y a eu de nombreuses fois où nous parlons avec des propriétaires d’entreprise qui ne sont pas satisfaits de la lenteur du chargement de leur site web, pour constater qu’ils ont ajouté une image de 5 mégaoctets sur un site qui ne fait que 3 mégaoctets-parlez de retard de charge!
2. nombre de colonnes sur la page où le contenu sera affiché? Si votre site web est une conception à une seule colonne, vous avez environ 980 pixels pour travailler avec. Cependant, si vous avez deux colonnes, vous ne voudrez pas garder l’image plus grande que 640 pixels. De cette façon, il ne mangera pas la page et l’immobilier précieux pour le contenu.,
3. L’image est-elle au centre du contenu ou s’agit-il d’une amélioration? Lorsque vous avez créé (ou partage) une infographie, l’image sera au centre de la page. Dans ce cas, il est parfaitement acceptable de laisser l’image grande, ce qui lui permet de s’étendre sur la page. Cependant, s’il ne s’agit que d’une image destinée à ajouter un intérêt visuel, gardez l’image Petite, d’environ 200 à 250 pixels de large. Vous le voulez assez petit pour qu’il ne prenne pas toute la colonne, avec suffisamment de place pour que le texte l’entoure.
4. À quoi ressemblera l’image sur un appareil mobile?, Tout comme pour les tailles de sites Web de bureau, la taille d’un site web mobile peut varier. Pour cette raison, vous devrez personnaliser la taille de votre image à votre site. Pour déterminer si vos images sont trop grandes pour votre site mobile, décrochez votre téléphone et ouvrez la page avec votre image. Vous saurez tout de suite si c’est trop gros car cela peut affecter le temps de chargement, et cela prendra toute la page. Si tel est le cas, revenez en arrière, rétrécir et regardez à nouveau. Évaluez également si l’image est nécessaire au contenu. Si ce n’est pas le cas, il peut être préférable de le laisser de côté, ce qui rend le contenu écrit sur la page plus facile à lire.,

Correction de la distorsion de Proportion

ci-dessous, nous avons une étude de cas sur la façon dont les images s’affichent sur les appareils mobiles. Sur la gauche se trouve une image large de 5000 pixels. Non seulement cela ralentit le temps de chargement de la page, mais vous pouvez voir comment elle s’étire et essaie de se faufiler dans la vue mobile. Sur la droite, l’image a été redimensionnée à 250 pixels et configurée pour s’afficher à 100% de largeur sur n’importe quel appareil, elle a donc fière allure à la fois sur un bureau et sur la version mobile ici.,

un truc de Pro: en règle générale, ne jamais placer une image énorme en haut de votre contenu., Cela distraira le lecteur, le rendant plus susceptible d’arrêter le défilement et de passer à autre chose perhaps peut-être à votre concurrent!

retrait (une bonne chose dans ce cas!)

avant de commencer à réduire votre image, assurez-vous d’enregistrer l’original. Cela vous permettra d’y revenir, si vous le rendez accidentellement trop petit. Bien que vous puissiez toujours réduire une image, il est impossible de l’agrandir une fois qu’elle est rétrécie. Ce que vous finirez avec est une image granuleuse et pixélisée. Pas bon!

Donc, si votre image commence à 2000 pixels, réduire à 500., Jetez un oeil, en vous assurant que vous ne l’avez pas fait trop petit; puis, si nécessaire, rétrécir à nouveau. Vous recherchez l’équilibre parfait entre la taille des pixels et la qualité de l’image: à quoi sert une image dinky que personne ne peut voir?

une note aux clients de Foster Web Marketing: si vous souhaitez des instructions plus détaillées, consultez nos instructions étape par étape sur l’ajout, l’optimisation et le redimensionnement des images. Trouvez ces informations et plus dans le Forum des utilisateurs dans DSS. Ou appelez-moi! Je serais plus qu’heureux de vous guider à travers le processus.,

autres considérations relatives aux images

lorsqu’elles sont faites correctement, les images peuvent vous aider à améliorer votre classement de recherche. Pour bien optimiser vos images, nous vous recommandons de:

• Renommer le fichier. Que vous utilisiez une image de stock ou votre propre image originale, vous devez réfléchir avant de nommer le fichier. Au lieu de « image4”, essayez quelque chose de plus descriptif, comme « Car crash Dallas.”
• Ajout d’une balise ALT. Ce court texte (généralement moins de 20 caractères, soit environ trois mots) sera utilisé pour aider les malvoyants et les robots Google à comprendre ce qu’est l’image.,
• Inclure une légende. Les légendes d’Image sont parmi le contenu le plus lu sur un site web, alors n’oubliez pas d’ajouter une légende intéressante et pertinente.
• Vérifier la pertinence. Les Images aident à engager le lecteur et peuvent ajouter de la profondeur au contenu écrit. Mais ajouter des images pour ajouter des images est une perte de temps.

pour approfondir la façon de tirer le meilleur parti de chaque image que vous publiez, assurez-vous de lire notre article, Libérez le potentiel de référencement de votre site Web.

Si vous avez trouvé cet article utile, assurez-vous de le partager sur Facebook ou partout où vous pensez qu’il atteindra la plupart des propriétaires d’entreprise., Ensemble, nous pouvons aider à prévenir les temps de chargement lents!