Joomla! : Optimisation du référencement

Optimiser ses images

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Optimisez vos images pour un meilleur affichage. Incorporez également des informations pour les utilisateurs et les moteurs de recherche.

Transcription

Que serait un site web sans images ? Nous verrons dans cette séquence comment les optimiser pour le référencement. Les moteurs de recherche indexent les images dans leur résultat, et pour cela, ces images doivent être optimisées, donc, faire l'objet d'un traitement avant leur insertion, ou pendant leur insertion. Donc avant, avec des outils comme Photoshop ou Gimp, par exemple. La première chose à modifier, c'est la taille. Donc, préparez les images pour qu'elles aient des tailles correctes pour s'afficher sur les pages. Et vous voyez qu'ici, dans les résultats de Google, nous avons des possibilités de faire des recherches par dimensions. Donc, ce sont des dimensions un peu standards, 400 par 300, 640 par 480. Donc, on peut déjà otpimiser l'image en la redimensionnant, et en même temps, ça va permettre de gagner en poids, puisque c'est un autre critère, c'est le temps de téléchargement de la page, et bien sûr, ce qui prend le plus de temps à télécharger, ce sont les images. On va les alléger en les réduisant, et en traitant également leur résolution, à 72 DPI, cela est largement suffisant pour les écrans, si on n'a pas besoin de les imprimer. Certaines extensions de Joomla comportent des outils de traitement d'images, vous avez aussi des extensions, qui permettent de traiter les images avant de les insérer dans vos pages. Il suffit de faire une petite recherche sur la JED. Voilà, nous avons ici l'extension qui va permettre d'optimiser les images au niveau de la taille et du codage, mais vous en trouverez d'autres. L'éditeur JCE comporte un plugin, qui permet de redimmensioner les images lors de leur insertion. C'est un plugin payant, et il est aussi facile d'insérer l'image, on sélectionne l'emplacement, comme dans un traitement de texte, là où on souhaite que l'image s'affiche, et nous avons un bouton, dans la barre d'outils, qui permet d'insérer, modifier des images. Donc, on a une fenêtre qui permet beaucoup de choses, comme créer des dossiers, à la racine du dossier images de votre site. De télécharger des images à partir de votre ordinateur, avec un simple glisser-déplacer. Et là, nous avons déjà des images qui ont été téléchargées, donc, si on prend cette image en cliquant dessus, nous avons un aperçu avec des informations. Et puis là, les propriétés d'images telles qu'elles vont s'insérer dans la page. Donc, son URL, la description, alors ça, c'est un élément important pour le référencement, mais aussi, pour les utilisateurs de vos sites qui ont des difficultés de lecture. Alors notamment, les mal voyants ou les non voyants. Ils utilisent des navigateurs vocaux, qui leur lisent certaines informations, et cette description, bien sûr, sera lue pour indiquer le contenu de l'image. Et pour les conseils spécifiques de Google, cet attribut de balise, qui est l'attribut alt, alternatif, doit être obligatoirement renseigné. Obligatoirement, non, si vous avez simplement, une image de décoration, qui n'apporte pas de sens au contenu, vous pouvez laisser cette description vide. Par contre, il faut qu'il y ait toujours l'attribut alt, même s'il est vide, qui se traduit dans le code HTML, par « alt = ouvrez les guillemets, fermez les guillemets. » Dans Protostar, Joomla le fait très bien quand vous insérez des images. Et bien sûr, là, si vous ne mettez pas de description, JCE le fait très bien, il affichera quand même l'attribut alternatif, mais sans informations. Pour les images qui ont du sens, que vous voulez référencer, là par contre, il faut soigner votre description, mettre une courte phrase, qui va être lue par les mal voyants, mais qui va aussi être prise en compte par les outils de recherche, pour le positionnement de vos images. Donc, on va bien sûr, utiliser des mots clés. Il ne faut pas que ce soit trop long, mais ça peut être suffisant. On a vu qu'il ne fallait surtout pas redimensionner ici, parce que ça ne va pas changer le poids de votre image, donc, il est conseillé de traiter les images avant. Nous avons des attributs d'alignement, de marge et de bordure, tout cela va être géré aussi en CSS, on a vu qu'il valait mieux définir des règles dans le fichier du template. Alors, pour le fun, je vais annuler ça, et je vais vous montrer à partir de Joomla 3.5, une autre façon d'insérer une image par le glisser-déplacer. Donc là, j'ai une image qui a bien été renommée, d'ailleurs, je ne vous en ai pas parlé tout à l'heure, mais le nom des fichiers est important. Donc, utilisez des mots clés aussi dans les noms de fichiers, minuscule, pas d'espace, Google préfère le petit moins pour séparer les mots. C'est pas toujours obligatoire de séparer les mots clés, et pas d'accents. Donc là, on a un fichier qui s'appelle « cueillette du thé », qui est très bien renommé, et on peut le faire glisser, dans l'article, on va avoir un petit repère à un moment donné, qui va nous donner, le positionnement de l'image. Et voilà, quand on repositionne l'image, elle va s'afficher. Alors, on peut la déplacer, et bien sûr, la modifier, on pourrait donc le faire avec JCE, pour l'aligner, etc, donc là, vous voyez qu'on a un nom de fichier qui est propre. On va pouvoir l'aligner à gauche, par exemple, ou à droite, si on veut, et gérer aussi des marges. Donc, on va gérer ici, une marge de dix pixels. Alors deux, trois petits trucs pour terminer, placez les images près des mots clés, il y a donc un sens, par rapport au sens de votre texte, on a vu que les moteurs analysaient l'environnement des mots clés textuels, donc, si vous avez une image avec un nom qui correspond, puisque le moteur lui, ne verra pas d'image, mais c'est le nom et son texte alternatif, qui va le guider sur le contenu d'image. Et bien sûr, mais cela va de soi, évitez de surchager vos pages en images, ça les alourdit et ça ajoute beaucoup trop d'informations, sauf si c'est vraiment nécessaire, et puis évitez de faire des pages, uniquement avec des images. Ajoutez toujours un peu de texte quelque part. Nous avons vu comment optmiser les images pour les moteurs de recherche avec Joomla.

Joomla! : Optimisation du référencement

​Intégrez le référencement dans le processus de création de vos sites Joomla!. Augmentez la visibilité de vos pages en optimisant l’utilisation des hyperliens, balises meta, etc.

2h13 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Marketing
CMS
SEO
Spécial abonnés
Date de parution :14 avr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !