Parce que se concentrer sur le premier point en oubliant le second (et vice-versa) serait dommage, nos conseils couvrent ces deux aspects en m\u00eame temps. Et comme nous savons que vous n’\u00eates pas tous des designers aguerris, tout ce qui va suivre est simple \u00e0 mettre en place<\/strong>, sans avoir recours \u00e0 des logiciels pointus et\/ou payants. Pixlr<\/a>, petit logiciel de traitement d’image en ligne simple et efficace, sera largement suffisant !<\/p>\n\n\n\n Ce qui semble \u00eatre une \u00e9vidence est parfois ardu \u00e0 mettre en place dans les faits. Pourtant, pas besoin d’\u00eatre un photographe pour avoir de superbes images sur votre site ! Je tombe en ce moment presque tous les jours sur de nouvelles banques d’images<\/strong> qui offrent gratuitement leur catalogue au t\u00e9l\u00e9chargement. <\/p>\n\n\n\n Ma derni\u00e8re trouvaille \u00e0 ce jour ? Barnimages<\/a>, clairement inspir\u00e9 d’une autre banque d’image enti\u00e8rement gratuite tr\u00e8s connue : Unsplash<\/a> ! Vous trouverez une liste compl\u00e8te de ces banques d’images sur notre aide en ligne !<\/a> Cependant restez vigilant, elles ne fonctionnent pas toutes de la m\u00eame mani\u00e8re : certains catalogues ne sont pas enti\u00e8rement gratuits, d’autres n\u00e9cessitent de cr\u00e9diter les auteurs<\/strong>.<\/p>\n\n\n\n Vous ne pouvez pas utiliser ces ressources pour toutes vos images : vous devrez par exemple r\u00e9aliser vos photos d’\u00e9quipe ou de produits vous m\u00eame ! Il existe alors des trucs tout simple pour donner \u00e0 vos photos un aspect plus professionnel<\/strong>, m\u00eame avec un appareil photo ordinaire ! Pour en apprendre plus, consultez notre article de blog sp\u00e9cialement r\u00e9dig\u00e9 sur ce sujet<\/a>.<\/p>\n\n\n\n Si vous souhaitez retravailler vos images, ou cr\u00e9er des visuels<\/strong>, des outils gratuits sont aussi \u00e0 votre disposition : je vous recommande en particulier Canva et PiktoChart ! Quel que soit le format : de la simple photographie \u00e0 l’infographie d\u00e9taill\u00e9e, essayez d’avoir une image sur chaque page de votre site internet pour a\u00e9rer vos textes !<\/p>\n\n\n\n Si vous recherchez un outil gratuit pour cr\u00e9er votre logo, nous vous recommandons d’utiliser le Logo Creator<\/a> de Jimdo.<\/p>\n\n\n\n Dans le monde des images sur internet, deux types d’images dominent : PNG<\/strong> et JPEG<\/strong> (ou JPG). Il y a beaucoup \u00e0 dire sur les diff\u00e9rences entre ces deux types d’images, mais pour guider votre choix, souvenez-vous seulement de ce qui suit.<\/p>\n\n\n\n Comment choisir dans le cas d’une photographie comportant un texte, comme l’image en en-t\u00eate de ce blog par exemple ? Le mieux est de faire preuve de bon sens : si le texte prime sur la photographie, et qu’il est de grande taille, utilisez le format PNG.<\/p>\n\n\n\n Pour choisir le type de fichier d’une image, utilisez le menu \u00ab\u00a0enregistrer sous\u00a0\u00bb<\/strong> de n’importe quel logiciel de traitement d’image et choisissez votre format dans la liste propos\u00e9e. Vous pourrez aussi trouver des menus \u00ab\u00a0exporter\u00a0\u00bb ou \u00ab\u00a0sauvegarder pour internet\u00a0\u00bb qui permettent la m\u00eame manipulation.<\/p>\n\n\n\n Lorsque vous publiez une image sur internet, vous devez trouver un \u00e9quilibre entre taille et r\u00e9solution<\/strong>. Une haute r\u00e9solution signifie une meilleure qualit\u00e9 d’image, mais aussi un poids plus lourd. Des images trop lourdes ralentissent votre site, sa vitesse de chargement est plus lente, ce qui est mauvais pour vos visiteurs, et pour votre r\u00e9f\u00e9rencement !<\/p>\n\n\n\n Par contre si vous souhaitez utiliser les images de fond propos\u00e9es par Jimdo, vous aurez besoin d’images plus grandes. Si vous utilisez des images de qualit\u00e9 inf\u00e9rieure, elles appara\u00eetront floues et pixelis\u00e9es<\/strong>. <\/p>\n\n\n\n Comment trouver le bon \u00e9quilibre ? Il faut tout d’abord comprendre qu’en terme d’image, la taille est un terme tr\u00e8s relatif. Quand vous imprimez, par exemple, vous aurez besoin d’une r\u00e9solution 4 fois plus importante que pour votre site internet. On se perd facilement dans les termes, donc voil\u00e0 pour vous un aper\u00e7u rapide des trois aspects principaux de la taille d’une image :<\/p>\n\n\n\n Vous trouverez ces informations sur votre ordinateur. Avec un PC : clic droit sur l’image puis choisissez le menu \u00ab\u00a0Propri\u00e9t\u00e9s\u00a0\u00bb. Avec un Mac : clic droit sur l’image puis choisissez le menu \u00ab\u00a0Lire les informations\u00a0\u00bb.<\/p>\n\n\n\n Trouver la r\u00e9solution est plus compliqu\u00e9, et n’est pas forc\u00e9ment n\u00e9cessaire : la plupart des logiciels d’\u00e9dition d’image proposeront par d\u00e9faut des fichiers en r\u00e9solution basse, pour internet. De plus, Jimdo convertit automatiquement les images que vous chargez sur votre site pour qu’elles soient \u00e0 la bonne r\u00e9solution.<\/p>\n\n\n\n Maintenant que vous en savez un peu plus sur les images, voil\u00e0 quelques r\u00e8gles basiques que vous pourrez r\u00e9utiliser :<\/p>\n\n\n\n Si vous avez un appareil photo r\u00e9cent, vous prenez des photos qui p\u00e8sent plusieurs Mo – ce qui est bien trop lourd pour votre site internet. Les images r\u00e9cup\u00e9r\u00e9es sur les banques conseill\u00e9es pr\u00e9c\u00e9demment ont tendance \u00e0 \u00eatre tr\u00e8s lourdes aussi. Si la taille de votre fichier est trop importante, voil\u00e0 trois astuces :<\/p>\n\n\n\n Les images sur internet sont plus esth\u00e9tiques<\/strong> si elles sont toutes dans le m\u00eame style, et ont la m\u00eame taille et proportion. La coh\u00e9rence<\/strong> de vos images va aussi vous aider \u00e0 mettre en place votre texte et toute autre information devant figurer sur voter page.<\/p>\n\n\n\n Pour comprendre ce que je veux dire, observez les exemples ci-dessous :<\/p>\n\n\n\n Dans le premier, les photos ont des dimensions tr\u00e8s diff\u00e9rentes. L’une est en format portrait, tandis que l’autre est en format paysage. Cela donne un aspect d\u00e9sorganis\u00e9<\/strong> \u00e0 la page. Redimensionner les images de va pas am\u00e9liorer les choses car les proportions seront toujours d\u00e9s\u00e9quilibr\u00e9es.<\/p>\n\n\n\n Dans l’exemple suivant, les images ont \u00e9t\u00e9s recadr\u00e9es : elles font toutes 1000×760 pixels ( vous pouvez utiliser un outil comme Pixlr pour recardrer vos images ). Nous avons utilis\u00e9 une colonne pour mieux organiser les images.<\/p>\n\n\n\n Comme toutes les images sont de la m\u00eame taille et orient\u00e9es de la m\u00eame mani\u00e8re, elles rentrent bien dans une colonne avec le texte a c\u00f4t\u00e9. Il n’y pas besoin de jouer avec la taille des colonnes.<\/p>\n\n\n\n Maintenant que vos photos sont toutes bien organis\u00e9es, comment pouvons nous les optimiser pour votre SEO<\/strong> ?<\/p>\n\n\n\n La plupart des gens ne pensent pas aux noms de leurs fichiers. On retrouve alors des noms de fichier tels que \u00ab\u00a0Photo1.jpg\u00a0\u00bb ou \u201cScreen Shot 2015-06-02 at 3.41.15 PM\u201d. Si cela vous semble \u00eatre du d\u00e9j\u00e0 vu, y compris sur votre site internet, prenez le temps de renommer<\/strong> vos fichiers avant de les charger sur votre site internet. Pourquoi ? Parce que des noms coh\u00e9rents et descriptifs donneront un petit avantage \u00e0 votre seo !<\/p>\n\n\n\n Quand Google scan votre site internet, il peut lire votre texte, mais il ne peut pas comprendre ce que repr\u00e9sente vos images comme un humain le ferait. Le nom de fichier donne une information sur ce qui est dans l’image, pour que Google puisse l’interpr\u00e9ter<\/strong> correctement ensuite. Pr\u00e9f\u00e9rez ainsi tour-eiffel.jpg \u00e0 DSC12345.jpg .<\/p>\n\n\n\n Ce nom de fichier devient aussi une partie de l’adresse URL de l’image, donc un nom clair va \u00e9galement rendre la compr\u00e9hension de cette URL plus simple. Pour plus de coh\u00e9rence, \u00e9crivez ces noms de fichiers en minuscule, sans signes sp\u00e9ciaux, n’utilisez pas de ponctuation ou d’espaces, et pr\u00e9f\u00e9rez les tirets aux tirets bas.<\/p>\n\n\n\n Une fois que vous avez charg\u00e9 votre image sur votre site, n’oubliez pas de remplir les champs description et texte alternatif<\/strong> : comme le nom de votre fichier, ces deux donn\u00e9es influencent positivement votre r\u00e9f\u00e9rencement !<\/p>\n\n\n\n Un texte alternatif sera invisible de vos visiteurs, mais il donne aux moteurs de recherche des indices sur ce que repr\u00e9sente une image de votre site. \u00c0 chaque fois que vous ajoutez une image sur votre site, remplissez le champ texte alternatif : cela doit devenir un automatisme<\/strong>. Dans ce champ, n’oubliez pas d’inclure des mots cl\u00e9s \u00e0 la fois pertinents pour l’image et pour votre site internet.<\/p>\n\n\n\n Votre texte alternatif doit aussi \u00eatre compr\u00e9hensible lorsqu’il est lu : les dispositifs permettant aux personnes malvoyantes de consulter votre site les utilisent pour d\u00e9crire vos images. Si vous affichez une image contenant du texte, vous pouvez par exemple utiliser ce texte comme texte alternatif. Il s’agit alors d’une combinaison tr\u00e8s efficace : rien n’est plus lu que le texte pr\u00e9sent sur une image !<\/p>\n\n\n\n Choisissez des images qui sont li\u00e9es<\/strong> au texte qu’elles accompagnent, plut\u00f4t que des visuels trop abstraits. Une image entour\u00e9e d’un texte pertinent<\/strong>, comportant des mots cl\u00e9s li\u00e9s \u00e0 ce que repr\u00e9sente l’image sera mieux r\u00e9f\u00e9renc\u00e9e sur Google Image.<\/p>\n\n\n\n Trouver une image pertinente peut prendre du temps, mais c’est d\u00e9finitivement la seule alternative. Les banques d’images propos\u00e9es en d\u00e9but d’article sont tr\u00e8s riches : elles vous permettront forc\u00e9ment de trouver la perle rare !<\/p>\n\n\n\n M\u00eame si cette liste de conseils peut vous para\u00eetre longue et difficile \u00e0 mettre en pratique – surtout si vous utilisez beaucoup d’images – vous l’appliquerez de plus en plus rapidement si vous en faites votre routine<\/strong>.<\/p>\n\n\n\n Au cas o\u00f9 un point vous \u00e9chappe un jour ou l’autre, vous pouvez aussi ajouter cette article dans vos favoris !<\/p>\n\n\n\n Suivre ces conseils va vous aider \u00e0 rendre vos images plus esth\u00e9tiques, plus coh\u00e9rentes, plus rapides \u00e0 charger et va m\u00eame b\u00e9n\u00e9ficier \u00e0 votre r\u00e9f\u00e9rencement. Adoptez de bonnes habitudes d\u00e8s aujourd’hui, vous serez gagnant \u00e0 long terme.<\/p>\n\n\n\n1) Utilisez des images de haute qualit\u00e9 !<\/h2>\n\n\n\n
![\"Capture](\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D650x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/icb58d5dbb9fc67e3\/version\/1438702508\/capture-d-%C3%A9cran-de-la-page-d-accueil-de-unsplash-com.png?ssl=1\")
<\/a>Cr\u00e9ez un logo pour que votre entreprise se d\u00e9marque.<\/h3>\n<\/div>\n\n\n\n
2) Utilisez le bon type d’image : PNG ou JPEG ?<\/h2>\n\n\n\n
![\"Les](\"https:\/\/i0.wp.com\/www.jimdo.com/fr/blog\/wp-content\/uploads\/2020\/08\/les-photographies-doivent-%C3%AAtre-sauvegard%C3%A9es-en-format-jpg.jpg?resize=320%2C340&ssl=1\")
![\"Les](\"https:\/\/i0.wp.com\/www.jimdo.com/fr/blog\/wp-content\/uploads\/2020\/08\/les-visuels-et-logos-doivent-%C3%AAtre-sauvegard%C3%A9es-en-format-png.png?resize=320%2C340\")
Convertir une image de JPEG \u00e0 PNG n’am\u00e9liorera pas sa qualit\u00e9. Si votre logo est au format JPEG par exemple, demandez \u00e0 la personne qui l’a cr\u00e9\u00e9 de vous fournir une version PNG.<\/div>\n\n\n\n3) Ma\u00eetrisez la taille et la r\u00e9solution de vos images<\/h2>\n\n\n\n
Comment trouver la taille de fichier, la taille d’image et la r\u00e9solution de votre image ?<\/h3>\n\n\n\n
Donn\u00e9es cl\u00e9es : poids, taille et r\u00e9solution de vos images<\/h3>\n\n\n\n
Que faire si votre taille de fichier est trop importante ?<\/h3>\n\n\n\n
4) Utilisez des images de style et taille similaires<\/h2>\n\n\n\n
![\"Sur](\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D650x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/i0f800b5f62cb4b0a\/version\/1438702447\/sur-cette-page-d-accueil-les-images-ont-des-tailles-styles-et-formats-diff%C3%A9rents.png?ssl=1\")
<\/a>![\"Les](\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D650x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/i43e2e36f407b3565\/version\/1438702439\/les-images-ont-%C3%A9t%C3%A9-uniformis%C3%A9es-c-est-plus-coh%C3%A9rent-et-on-remarque-tout-de-suite-la-diff%C3%A9rence.png?ssl=1\")
<\/a>![\"Recadrer](\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D650x10000%3Aformat%3Djpg\/path\/sb5fa15dd7d19416c\/image\/ie971ab80b40e42ca\/version\/1438702442\/recadrer-une-image-dans-pixlr-est-tr%C3%A8s-simple-essayez-ce-logiciel-en-ligne-c-est-tr%C3%A8s-simple-et-gratuit.jpg?ssl=1\")
<\/a>5) Optimisez le nom de vos fichiers images<\/h2>\n\n\n\n
Sur un site Jimdo, le nom de votre fichier image sera automatiquement renomm\u00e9 par votre texte alternatif (explications plus bas). Cela signifie que vous n’avez pas besoin de renommer tous les fichiers sur votre site internet, il vous suffit de mettre \u00e0 jour votre texte alternatif.<\/div>\n\n\n\n6) Remplissez les descriptions et textes alternatifs<\/h2>\n\n\n\n
![\"Le](\"https:\/\/i0.wp.com\/image.jimcdn.com\/app\/cms\/image\/transf\/dimension%3D650x10000%3Aformat%3Dpng\/path\/sb5fa15dd7d19416c\/image\/ia7de1c1164d01088\/version\/1438702447\/le-menu-texte-alternatif-et-description-dans-un-%C3%A9l%C3%A9ment-image-jimdo.png?ssl=1\")
<\/a>7. Placez vos images \u00e0 c\u00f4t\u00e9 de textes pertinents<\/h2>\n\n\n\n
Pour conclure …<\/h2>\n\n\n\n
Cr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n