Un webdesign mobile-friendly am\u00e9liore votre classement dans Google : L\u2019optimisation de votre site pour mobiles pr\u00e9sente un avantage ind\u00e9niable en mati\u00e8re de r\u00e9f\u00e9rencement naturel<\/a>. La raison est simple : Google montre en priorit\u00e9 les sites optimis\u00e9s pour mobiles lors de recherches effectu\u00e9es depuis des smartphones. Autrement dit, si un utilisateur recherche le terme \u00ab pizza \u00bb sur son t\u00e9l\u00e9phone, Google aura tendance \u00e0 lui proposer d\u2019abord des sites responsives correspondant \u00e0 des entreprises bas\u00e9es \u00e0 proximit\u00e9.<\/p>\n\n\n\n
![\"Aper\u00e7u](\"https:\/\/i0.wp.com\/www.jimdo.com/fr/blog\/wp-content\/uploads\/2020\/11\/optimisation-mobile.png?resize=638%2C426&ssl=1\")
<\/figure>\n\n\n\nLes visiteurs mobiles sont plus susceptibles d\u2019\u00eatre dans votre r\u00e9gion et d\u2019acheter : Les internautes visitant votre site depuis un appareil mobile seront souvent plus pr\u00e8s de vous et plus susceptibles d\u2019effectuer un achat, car ils ont un besoin ou une envie et sont d\u00e9j\u00e0 sur la route. Vous l\u2019avez s\u00fbrement fait vous-m\u00eame : si vous cherchez le mot \u00ab pizza \u00bb sur votre t\u00e9l\u00e9phone, c\u2019est s\u00fbrement parce que vous avez envie de manger une pizza tout de suite et dans les environs. Certes, les consommateurs font encore des recherches et lisent les avis utilisateurs depuis des ordinateurs, notamment avant des achats importants, mais les visiteurs mobiles cherchent avant tout \u00e0 prendre contact pour passer \u00e0 l\u2019action imm\u00e9diatement, d\u2019o\u00f9 l\u2019importance de l\u2019optimisation pour les recherches locales. Avec un site mobile-friendly, vos visiteurs pourront vous trouver facilement et consommer chez vous.<\/p>\n\n\n\n
Cr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n\n\nLancez-vous<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nUn site responsive, c\u2019est quoi ?<\/h2>\n\n\n\n
Si vous avez d\u00e9j\u00e0 consult\u00e9 un site mobile peu lisible, pour lequel vous avez d\u00fb ajuster r\u00e9guli\u00e8rement le zoom afin d\u2019en d\u00e9chiffrer le contenu, alors vous savez \u00e0 quel point un site non adapt\u00e9 aux mobiles peut \u00eatre frustrant.<\/p>\n\n\n\n
C\u2019est l\u00e0 que le principe de design responsive intervient. Un site dit \u00ab responsive \u00bb s\u2019adapte automatiquement \u00e0 l\u2019appareil utilis\u00e9 par le visiteur, en ajustant la r\u00e9solution, les dimensions des images, le comportement des menus, etc. pour \u00eatre parfaitement lisible, quelle que soit la taille de l\u2019\u00e9cran.<\/p>\n\n\n\n![\"Aper\u00e7u](\"https:\/\/i0.wp.com\/www.jimdo.com/fr/blog\/wp-content\/uploads\/2020\/11\/site-responsive.png?resize=728%2C352&ssl=1\")
<\/figure>\n\n\n\nAvec un site responsive, vous n\u2019avez pas besoin de cr\u00e9er un site distinct ou une page de renvoi sp\u00e9cialement pour les appareils mobiles. Tous les utilisateurs, sur appareil mobile ou sur ordinateur, consultent le m\u00eame site, sans le moindre probl\u00e8me.<\/p>\n\n\n\n
Comment rendre votre site mobile-friendly<\/h2>\n\n\n\n
En plus d\u2019utiliser un design responsive, il existe quelques mesures simples et rapides que vous pouvez prendre pour un site encore plus optimis\u00e9 pour les appareils mobiles.
Effectuez le test d\u2019optimisation mobile Google : Google propose un outil simple et gratuit pour rep\u00e9rer les \u00e9ventuels probl\u00e8mes que rencontrerait un visiteur mobile sur votre site. Pour cela, rendez-vous simplement sur le portail du test d’optimisation mobile Google<\/a> et entrez l\u2019adresse de votre site web. \u00c0 l\u2019issue de ce test, vous apprendrez peut-\u00eatre que la police de caract\u00e8res sur votre site est trop petite ou que des \u00e9l\u00e9ments interactifs comme les boutons et les liens sont trop pr\u00e8s les uns des autres (un doigt est quand m\u00eame plus large que le pointeur de votre souris). D\u2019une fa\u00e7on g\u00e9n\u00e9rale, c\u2019est aussi un tr\u00e8s bon moyen d\u2019\u00e9valuer l\u2019accessibilit\u00e9 de votre site<\/a>.
<\/p>\n\n\n\nPistes pour un site encore plus mobile<\/h2>\n\n\n\n
Assurez-vous que vos pages se chargent rapidement :<\/strong> Les visiteurs mobiles sont souvent restreints par des connexions assez lentes, il est donc important que votre site se charge rapidement et ne consomme pas trop de donn\u00e9es. Certains outils gratuits vous permettront de mesurer le temps de chargement de vos pages et vous indiqueront les points \u00e0 am\u00e9liorer pour gagner en rapidit\u00e9. Par exemple, vous pourriez r\u00e9duire la taille des images trop volumineuses (voir ci-dessous), supprimer les \u00e9l\u00e9ments et fen\u00eatres pop-ups qui ralentissent votre site et diminuer le nombre d\u2019URL de redirection que vous utilisez. <\/p>\n\n\n\nRedimensionnez et optimisez vos images :<\/strong> Les images sur votre site sont-elles bien plus volumineuses que n\u00e9cessaire ? Les photos r\u00e9cup\u00e9r\u00e9es dans des biblioth\u00e8ques d\u2019images libres de droit ou m\u00eame prises avec un tr\u00e8s bon appareil num\u00e9rique constituent souvent des fichiers lourds (plus d\u20191 Mo), ce qui peut ralentir votre site. Heureusement, il est possible de les \u00ab compresser \u00bb sans perdre en qualit\u00e9, notamment gr\u00e2ce \u00e0 des outils gratuits comme TinyPNG<\/a> ou TinyJPG<\/a>. Une autre solution consiste \u00e0 les redimensionner pour qu\u2019elles soient plus petites (par exemple, 800 pixels de large au lieu de 2 000). Consultez notre article de blog pour plus d\u2019astuces sur l\u2019optimisation de vos images<\/a>. <\/p>\n\n\n\nCr\u00e9ez un menu simple et concis :<\/strong> Si le menu de navigation de votre site comporte de nombreuses pages et sous-pages, les visiteurs mobiles auront du mal \u00e0 trouver rapidement ce qu\u2019il leur faut. En outre, il leur sera difficile d\u2019appuyer avec leur doigt sur le lien d\u00e9sir\u00e9 dans un menu surcharg\u00e9. En somme, optez pour un menu simple, clair et concis<\/a> (les visiteurs sur ordinateur s\u2019y retrouveront mieux aussi !). <\/p>\n\n\n\nPr\u00e9sentez clairement vos coordonn\u00e9es : <\/strong>Les visiteurs mobiles veulent sans doute vous contacter, donc faites en sorte que votre page d\u2019accueil ne soit pas trop longue et ne cachez pas vos coordonn\u00e9es tout en bas de votre page. N\u2019oubliez pas non plus d\u2019inclure un num\u00e9ro de t\u00e9l\u00e9phone et une adresse e-mail sur lesquels les utilisateurs peuvent cliquer pour vous contacter directement. Remplir un formulaire de contact sur un appareil mobile est non seulement chronophage, mais aussi aga\u00e7ant.<\/p>\n\n\n\nMontrez en priorit\u00e9 les informations importantes :<\/strong> Vos visiteurs souhaiteront acc\u00e9der aussi rapidement que possible \u00e0 l\u2019information souhait\u00e9e, d\u2019autant plus s\u2019ils sont en plein d\u00e9placement. <\/p>\n\n\n\nUtilisez des boutons et des caract\u00e8res assez larges :<\/strong> Pour naviguer confortablement sur un site, les visiteurs mobiles ont besoin de textes et de boutons d\u2019appel \u00e0 l\u2019action<\/a> relativement larges. Les diff\u00e9rents modes de pr\u00e9visualisation sont la meilleure fa\u00e7on de v\u00e9rifier si votre site peut \u00eatre ais\u00e9ment consult\u00e9 depuis un appareil mobile. Vous verrez ainsi comment votre site s\u2019affiche en fonction de la taille de l\u2019\u00e9cran et comment se passe alors la navigation. Mais le meilleur contr\u00f4le reste la pratique : demandez \u00e0 un ami ou un membre de votre famille (bonus s\u2019il\/si elle porte des lunettes) de tester l\u2019ergonomie de votre site<\/a> et de vous faire part de son ressenti.<\/p>\n\n\n\nOubliez les animations Flash : <\/strong>Les animations ou effets Flash ne s\u2019affichent pas sur iPhone ou iPad, le contenu de votre site sera donc inaccessible pour un grand nombre de visiteurs. Bonne nouvelle pour les utilisateurs Jimdo : tous nos sites utilisent le HTML5, la derni\u00e8re r\u00e9vision du langage HTML, qui est compatible avec tous les types de smartphones et tablettes.<\/p>\n\n\n\n\n\nCr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n\n\n
Un site responsive, c\u2019est quoi ?<\/h2>\n\n\n\n
Si vous avez d\u00e9j\u00e0 consult\u00e9 un site mobile peu lisible, pour lequel vous avez d\u00fb ajuster r\u00e9guli\u00e8rement le zoom afin d\u2019en d\u00e9chiffrer le contenu, alors vous savez \u00e0 quel point un site non adapt\u00e9 aux mobiles peut \u00eatre frustrant.<\/p>\n\n\n\n
C\u2019est l\u00e0 que le principe de design responsive intervient. Un site dit \u00ab responsive \u00bb s\u2019adapte automatiquement \u00e0 l\u2019appareil utilis\u00e9 par le visiteur, en ajustant la r\u00e9solution, les dimensions des images, le comportement des menus, etc. pour \u00eatre parfaitement lisible, quelle que soit la taille de l\u2019\u00e9cran.<\/p>\n\n\n\n Avec un site responsive, vous n\u2019avez pas besoin de cr\u00e9er un site distinct ou une page de renvoi sp\u00e9cialement pour les appareils mobiles. Tous les utilisateurs, sur appareil mobile ou sur ordinateur, consultent le m\u00eame site, sans le moindre probl\u00e8me.<\/p>\n\n\n\n En plus d\u2019utiliser un design responsive, il existe quelques mesures simples et rapides que vous pouvez prendre pour un site encore plus optimis\u00e9 pour les appareils mobiles. Assurez-vous que vos pages se chargent rapidement :<\/strong> Les visiteurs mobiles sont souvent restreints par des connexions assez lentes, il est donc important que votre site se charge rapidement et ne consomme pas trop de donn\u00e9es. Certains outils gratuits vous permettront de mesurer le temps de chargement de vos pages et vous indiqueront les points \u00e0 am\u00e9liorer pour gagner en rapidit\u00e9. Par exemple, vous pourriez r\u00e9duire la taille des images trop volumineuses (voir ci-dessous), supprimer les \u00e9l\u00e9ments et fen\u00eatres pop-ups qui ralentissent votre site et diminuer le nombre d\u2019URL de redirection que vous utilisez. <\/p>\n\n\n\n Redimensionnez et optimisez vos images :<\/strong> Les images sur votre site sont-elles bien plus volumineuses que n\u00e9cessaire ? Les photos r\u00e9cup\u00e9r\u00e9es dans des biblioth\u00e8ques d\u2019images libres de droit ou m\u00eame prises avec un tr\u00e8s bon appareil num\u00e9rique constituent souvent des fichiers lourds (plus d\u20191 Mo), ce qui peut ralentir votre site. Heureusement, il est possible de les \u00ab compresser \u00bb sans perdre en qualit\u00e9, notamment gr\u00e2ce \u00e0 des outils gratuits comme TinyPNG<\/a> ou TinyJPG<\/a>. Une autre solution consiste \u00e0 les redimensionner pour qu\u2019elles soient plus petites (par exemple, 800 pixels de large au lieu de 2 000). Consultez notre article de blog pour plus d\u2019astuces sur l\u2019optimisation de vos images<\/a>. <\/p>\n\n\n\n Cr\u00e9ez un menu simple et concis :<\/strong> Si le menu de navigation de votre site comporte de nombreuses pages et sous-pages, les visiteurs mobiles auront du mal \u00e0 trouver rapidement ce qu\u2019il leur faut. En outre, il leur sera difficile d\u2019appuyer avec leur doigt sur le lien d\u00e9sir\u00e9 dans un menu surcharg\u00e9. En somme, optez pour un menu simple, clair et concis<\/a> (les visiteurs sur ordinateur s\u2019y retrouveront mieux aussi !). <\/p>\n\n\n\n Pr\u00e9sentez clairement vos coordonn\u00e9es : <\/strong>Les visiteurs mobiles veulent sans doute vous contacter, donc faites en sorte que votre page d\u2019accueil ne soit pas trop longue et ne cachez pas vos coordonn\u00e9es tout en bas de votre page. N\u2019oubliez pas non plus d\u2019inclure un num\u00e9ro de t\u00e9l\u00e9phone et une adresse e-mail sur lesquels les utilisateurs peuvent cliquer pour vous contacter directement. Remplir un formulaire de contact sur un appareil mobile est non seulement chronophage, mais aussi aga\u00e7ant.<\/p>\n\n\n\n Montrez en priorit\u00e9 les informations importantes :<\/strong> Vos visiteurs souhaiteront acc\u00e9der aussi rapidement que possible \u00e0 l\u2019information souhait\u00e9e, d\u2019autant plus s\u2019ils sont en plein d\u00e9placement. <\/p>\n\n\n\n Utilisez des boutons et des caract\u00e8res assez larges :<\/strong> Pour naviguer confortablement sur un site, les visiteurs mobiles ont besoin de textes et de boutons d\u2019appel \u00e0 l\u2019action<\/a> relativement larges. Les diff\u00e9rents modes de pr\u00e9visualisation sont la meilleure fa\u00e7on de v\u00e9rifier si votre site peut \u00eatre ais\u00e9ment consult\u00e9 depuis un appareil mobile. Vous verrez ainsi comment votre site s\u2019affiche en fonction de la taille de l\u2019\u00e9cran et comment se passe alors la navigation. Mais le meilleur contr\u00f4le reste la pratique : demandez \u00e0 un ami ou un membre de votre famille (bonus s\u2019il\/si elle porte des lunettes) de tester l\u2019ergonomie de votre site<\/a> et de vous faire part de son ressenti.<\/p>\n\n\n\n Oubliez les animations Flash : <\/strong>Les animations ou effets Flash ne s\u2019affichent pas sur iPhone ou iPad, le contenu de votre site sera donc inaccessible pour un grand nombre de visiteurs. Bonne nouvelle pour les utilisateurs Jimdo : tous nos sites utilisent le HTML5, la derni\u00e8re r\u00e9vision du langage HTML, qui est compatible avec tous les types de smartphones et tablettes.<\/p>\n\n\n\n<\/figure>\n\n\n\nComment rendre votre site mobile-friendly<\/h2>\n\n\n\n
Effectuez le test d\u2019optimisation mobile Google : Google propose un outil simple et gratuit pour rep\u00e9rer les \u00e9ventuels probl\u00e8mes que rencontrerait un visiteur mobile sur votre site. Pour cela, rendez-vous simplement sur le portail du test d’optimisation mobile Google<\/a> et entrez l\u2019adresse de votre site web. \u00c0 l\u2019issue de ce test, vous apprendrez peut-\u00eatre que la police de caract\u00e8res sur votre site est trop petite ou que des \u00e9l\u00e9ments interactifs comme les boutons et les liens sont trop pr\u00e8s les uns des autres (un doigt est quand m\u00eame plus large que le pointeur de votre souris). D\u2019une fa\u00e7on g\u00e9n\u00e9rale, c\u2019est aussi un tr\u00e8s bon moyen d\u2019\u00e9valuer l\u2019accessibilit\u00e9 de votre site<\/a>.
<\/p>\n\n\n\nPistes pour un site encore plus mobile<\/h2>\n\n\n\n
Cr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n