{"id":579,"date":"2022-10-27T10:29:01","date_gmt":"2022-10-27T10:29:01","guid":{"rendered":"https:\/\/robertopena.ch\/?p=579"},"modified":"2022-10-27T10:29:09","modified_gmt":"2022-10-27T10:29:09","slug":"mobiles","status":"publish","type":"post","link":"https:\/\/robertopena.ch\/de\/2022\/10\/27\/mobiles\/","title":{"rendered":"Comment rendre un site Web adapt\u00e9 aux mobiles : 4 conseils \u00e9prouv\u00e9s"},"content":{"rendered":"
Avoir un site web adapt\u00e9 aux mobiles est une n\u00e9cessit\u00e9 pour tous les propri\u00e9taires de sites web. En effet, 56 % du trafic sur les sites Web provient de l’utilisation de mobiles, ce qui indique que davantage de personnes pr\u00e9f\u00e8rent acc\u00e9der \u00e0 l’internet via des appareils mobiles.<\/p>\n\n\n\n
Cela a conduit Google \u00e0 passer \u00e0 l’indexation mobile-first, en donnant la priorit\u00e9 aux sites Web optimis\u00e9s pour les mobiles lors du classement des pages. Cela signifie que si vous voulez rester en t\u00eate de la concurrence et augmenter le trafic, vous devez rendre votre site Web adapt\u00e9 aux mobiles.<\/p>\n\n\n\n
Cet article pr\u00e9sente quelques conseils utiles sur la fa\u00e7on de rendre un site Web adapt\u00e9 aux mobiles et explique en outre pourquoi il est essentiel d’en avoir un.<\/strong><\/h2>\n\n\n\n
Commencez par une approche \u00ab\u00a0mobile-first <\/strong>L’approche \u00ab\u00a0mobile-first\u00a0\u00bb consiste \u00e0 d\u00e9velopper et \u00e0 concevoir des sites pour les mobiles, puis \u00e0 passer aux ordinateurs de bureau.<\/li><\/ol>\n\n\n\n
Certains d\u00e9veloppeurs et concepteurs travaillent d’abord pour le bureau, puis r\u00e9duisent la conception pour le mobile. Cependant, maintenant que l’indexation mobile-first existe, inverser ce flux de travail vous aidera \u00e0 optimiser la conception d\u00e8s le d\u00e9part.<\/p>\n\n\n\n
Convertissez ou recr\u00e9ez un site de bureau pour le mobile <\/strong>Si vous disposez d\u00e9j\u00e0 d’un site Web enti\u00e8rement fonctionnel mais qu’il n’est pas encore optimis\u00e9 pour l’usage mobile, convertissez-le ou recr\u00e9ez-en une version mobile.<\/li><\/ol>\n\n\n\n
Il existe deux m\u00e9thodes pour y parvenir : l’utilisation de constructeurs de sites Web ou de plugins CMS.<\/p>\n\n\n\n
Recr\u00e9er un site de bureau avec un constructeur de sites Web<\/p>\n\n\n\n
Si vous optez pour la cr\u00e9ation d’un nouveau site pour les utilisateurs mobiles, utilisez un cr\u00e9ateur de site Web pour recr\u00e9er le design de bureau facilement et sans codage. Gardez \u00e0 l’esprit qu’il n’est pas possible d’importer les fichiers de votre site Web \u00e0 partir d’une autre plateforme, mais vous pouvez vous rapprocher de son design original.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Les cr\u00e9ateurs de sites Web offrent une interface intuitive de type \u00ab\u00a0glisser-d\u00e9poser\u00a0\u00bb qui vous permet d’\u00e9conomiser du temps et des ressources lors du d\u00e9veloppement d’un site Web adapt\u00e9 aux mobiles.<\/p>\n\n\n\n
Ils proposent \u00e9galement des mod\u00e8les r\u00e9actifs qui s’adaptent automatiquement \u00e0 tous les appareils utilis\u00e9s par les visiteurs, de sorte que vous n’avez pas besoin de recommencer la conception depuis le d\u00e9but.<\/p>\n\n\n\n
Les abonnements de Zyro vont de 2,90 \u00e0 14,90 dollars par mois. Ses fonctionnalit\u00e9s avanc\u00e9es incluent des fonctions de commerce \u00e9lectronique, comme la gestion des commandes et des stocks, et des outils d’intelligence artificielle, comme un r\u00e9dacteur d’intelligence artificielle qui g\u00e9n\u00e8re du contenu pour votre site Web.<\/p>\n\n\n\n
En outre, il offre une optimisation mobile et une vitesse de chargement rapide.<\/p>\n\n\n\n
Convertir un site Web \u00e0 l’aide d’un plugin CMS<\/p>\n\n\n\n
De nos jours, les th\u00e8mes des CMS sont d\u00e9j\u00e0 con\u00e7us pour \u00eatre r\u00e9actifs. Toutefois, si votre th\u00e8me n’est pas encore pr\u00eat pour le mobile, un plugin est la solution.<\/p>\n\n\n\n
Pour les utilisateurs de WordPress, WPtouch Pro aide \u00e0 transformer l’apparence et le fonctionnement de votre site WordPress sur les appareils mobiles. Incluez ou excluez des pages sp\u00e9cifiques pour votre site mobile, et sp\u00e9cifiez m\u00eame une page d’accueil diff\u00e9rente pour celui-ci.<\/p>\n\n\n\n
Plugin WPtouch Pro pour WordPress Installez le plugin et activez-le, et vous serez en mesure de convertir ou de configurer votre site de bureau en un site adapt\u00e9 aux mobiles en seulement quelques \u00e9tapes.<\/p>\n\n\n\n
Si vous utilisez Joomla, convertissez votre site \u00e0 l’aide de Responsivizer. Ses fonctionnalit\u00e9s comprennent le redimensionnement et l’optimisation adaptatifs des images, ce qui est id\u00e9al pour acc\u00e9l\u00e9rer votre site.<\/p>\n\n\n\n
Utilisez un th\u00e8me r\u00e9actif <\/strong>L’utilisation d’un th\u00e8me r\u00e9actif est une option simple et pratique pour les d\u00e9butants ou les utilisateurs non techniques qui souhaitent cr\u00e9er un site Web adapt\u00e9 aux mobiles. En installant ce type de th\u00e8me, votre site Web s’adaptera automatiquement \u00e0 tout appareil.<\/li><\/ol>\n\n\n\n
Si vous venez de commencer \u00e0 cr\u00e9er un site Web, l’utilisation d’un th\u00e8me r\u00e9actif le rendra adapt\u00e9 aux mobiles d\u00e8s le d\u00e9part. Toutefois, si vous disposez d\u00e9j\u00e0 d’un site Web de bureau \u00e9tabli, veillez \u00e0 sauvegarder le site Web avant de changer de th\u00e8me.<\/p>\n\n\n\n
Assurez-vous qu’il est possible de restaurer la version pr\u00e9c\u00e9dente du site si des modifications provoquent un crash.<\/p>\n\n\n\n
Presque tous les th\u00e8mes de CMS et les mod\u00e8les de cr\u00e9ateurs de sites Web sont dot\u00e9s d’un design r\u00e9actif, vous aurez donc l’embarras du choix.<\/p>\n\n\n\n
Si vous n’arrivez toujours pas \u00e0 en trouver un qui r\u00e9ponde \u00e0 vos besoins et \u00e0 vos pr\u00e9f\u00e9rences, les march\u00e9s de th\u00e8mes tiers comme Theme Forest offrent \u00e9galement de nombreuses options.<\/p>\n\n\n\n
Page d’accueil de Theme Forest Lisez les avis sur les th\u00e8mes et consultez les sites qui utilisent le th\u00e8me de votre choix sur un appareil mobile. Cela vous permet de tester les performances du th\u00e8me en termes d’exp\u00e9rience utilisateur et de choisir le th\u00e8me le plus rapide.<\/p>\n\n\n\n
La vitesse \u00e9tant l’un des facteurs les plus critiques en mati\u00e8re de r\u00e9activit\u00e9, utilisez Pingdom pour tester si le th\u00e8me se charge rapidement.<\/p>\n\n\n\n
Outil de test de vitesse de site Pingdom Par exemple, utilisons l’un des th\u00e8mes r\u00e9actifs les plus populaires de WordPress sur le march\u00e9, Avada. Nous utilisons la d\u00e9mo live d’Avada Festival pour ce test.<\/p>\n\n\n\n
Entrez l’URL de la d\u00e9mo sur le site de Pingdom et choisissez l’emplacement du test – il est possible de tester les performances de votre site dans n’importe quelle r\u00e9gion du monde. Cliquez sur le bouton \u00ab\u00a0Start Test\u00a0\u00bb.<\/p>\n\n\n\n
R\u00e9sultats du test de vitesse Pingdom Le test indique le niveau de performance de votre site, la taille de la page, le temps de chargement et le nombre de requ\u00eates. Il vous donnera \u00e9galement quelques suggestions sur la fa\u00e7on d’am\u00e9liorer la vitesse.<\/p>\n\n\n\n
Il vous aide \u00e0 \u00e9valuer la vitesse du th\u00e8me, s’il est l\u00e9ger et ce que vous pouvez faire pour am\u00e9liorer sa vitesse, en le rendant plus adapt\u00e9 aux mobiles.<\/p>\n\n\n\n
N’utilisez pas Flash <\/strong>Adobe a arr\u00eat\u00e9 le d\u00e9veloppement de Flash le 30 d\u00e9cembre 2020, ce qui signifie qu’aucun des principaux navigateurs – tels que Google Chrome, Safari, Mozilla Firefox – ne le prend en charge.<\/li><\/ol>","protected":false},"excerpt":{"rendered":"
Avoir un site web adapt\u00e9 aux mobiles est une n\u00e9cessit\u00e9 pour tous les propri\u00e9taires de sites web. En effet, 56 % du trafic sur les sites Web provient de l’utilisation de mobiles, ce qui indique que davantage de personnes pr\u00e9f\u00e8rent acc\u00e9der \u00e0 l’internet via des appareils mobiles. Cela a conduit Google \u00e0 passer \u00e0 l’indexation … <\/p>\n
![\"mobiles\"](\"https:\/\/robertopena.ch\/wp-content\/uploads\/2022\/10\/adapter-un-site-web-848x350-1.jpg\")
<\/figure>\n\n\n\n