\n Google a r\u00e9cemment annonc\u00e9 qu’il utilisera la mise \u00e0 jour de l’algorithme adapt\u00e9 aux mobiles pour v\u00e9rifier si tous les blogs sont adapt\u00e9s aux mobiles et p\u00e9nalisera ceux qui ne le sont pas. Ce qui a amen\u00e9 de nombreux blogueurs \u00e0 se demander comment rendre leurs sites Web plus conviviaux pour les mobiles et m\u00eame comment savoir si votre blog est adapt\u00e9 aux mobiles ou non. C’est pourquoi nous avons rassembl\u00e9 les informations les plus vitales sur l’importance de rendre votre blog plus adapt\u00e9 aux mobiles et sur la mani\u00e8re de le faire.\n<\/p>\n
\n De nos jours, une grande partie des visiteurs de blogs utilisent leurs appareils mobiles au lieu d’ordinateurs pour le faire. Et puisque Google s’est engag\u00e9 \u00e0 am\u00e9liorer le classement des sites adapt\u00e9s \u00e0 la visualisation sur les appareils mobiles, il est plus important que jamais de s’assurer que votre blog ou votre site Web est convivial pour les appareils mobiles.\n<\/p>\n
\n Bien s\u00fbr, il ne s’agit pas seulement de ce que Google veut. Rendre votre blog convivial pour les mobiles est \u00e9galement dans votre int\u00e9r\u00eat et celui de vos lecteurs, car, puisque tant de personnes utilisent leurs appareils mobiles pour surfer sur Internet, cela rendra la lecture de votre blog plus pratique pour eux. Selon les recherches du Pew Internet Project, plus d’un tiers de tous les propri\u00e9taires de t\u00e9l\u00e9phones portables utilisent leur t\u00e9l\u00e9phone plus que leur ordinateur de bureau ou leur ordinateur portable pour acc\u00e9der \u00e0 Internet. Donc, si vous voulez que votre blog soit facilement visualis\u00e9 sur n’importe quel smartphone et augmenter le lectorat de votre blog, la convivialit\u00e9 mobile est une chose \u00e0 laquelle vous devez penser. Et c’est en fait plus facile \u00e0 r\u00e9aliser qu’on ne le pense.\n<\/p>\n
\n Test de convivialit\u00e9 mobile\n<\/p>\n
\n Lorsque Google a propos\u00e9 cet algorithme adapt\u00e9 aux mobiles, il a \u00e9galement permis \u00e0 chacun de tester ses blogs et sites Web pour cette m\u00e9trique \u00e0 l’aide de son outil de test adapt\u00e9 aux mobiles. Entrez simplement l’URL de votre blog dans la case \u00ab\u00a0Entrez l’URL \u00e0 tester\u00a0\u00bb, cliquez sur \u00ab\u00a0Ex\u00e9cuter le test\u00a0\u00bb et l’outil vous dira si votre blog est adapt\u00e9 aux mobiles ou non.\n<\/p>\n
\n Si votre site Web est adapt\u00e9 aux mobiles, vous pouvez vous d\u00e9tendre un peu, car vous n’avez rien \u00e0 faire. Cependant, si cet outil Google d\u00e9termine que votre blog n’est pas le plus facile \u00e0 lire sur un appareil mobile, vous devez apporter quelques am\u00e9liorations dans ce d\u00e9partement d\u00e8s que possible.\n<\/p>\n
\n Pour ceux qui utilisent un logiciel de gestion de contenu (CMS) pour g\u00e9rer leur blog, comme WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix etc., la personnalisation ne devrait pas \u00eatre un probl\u00e8me, car la plupart de ces syst\u00e8mes logiciels proposer des outils qui rendront automatiquement votre site Web adapt\u00e9 aux mobiles. Mais, si vous \u00eates all\u00e9 \u00e0 la racine la plus ancienne de ne pas utiliser de logiciel CMS pour cr\u00e9er votre site Web, ou si vous avez utilis\u00e9 CMS, mais que votre site Web n’est toujours pas conforme aux normes mobiles, voici quelques conseils pour am\u00e9liorer la convivialit\u00e9 mobile de votre site.\n<\/p>\n
\n Si vous utilisez un CMS, il vous suffira peut-\u00eatre de mettre \u00e0 jour votre logiciel ou de modifier le th\u00e8me que vous utilisez pour votre blog. La plupart des CMS fournissent d\u00e9j\u00e0 tous les outils pour rendre votre site adapt\u00e9 aux mobiles, mais vous devez vous assurer que votre CMS est mis \u00e0 jour avec la derni\u00e8re version. Par exemple, Joomla est livr\u00e9 avec un support mobile, uniquement lorsqu’il est mis \u00e0 jour vers la derni\u00e8re version du logiciel. Cependant, d’autres logiciels peuvent vous obliger \u00e0 modifier le th\u00e8me de votre site Web pour le rendre compatible avec les appareils mobiles, car certains th\u00e8mes plus anciens ne sont tout simplement pas beaux sur les appareils mobiles et ne leur conviennent donc pas non plus. Pour ce faire, acc\u00e9dez au panneau d’administration de votre CMS, recherchez l’onglet des th\u00e8mes sur votre tableau de bord et modifiez le th\u00e8me de votre blog en un th\u00e8me r\u00e9actif et adapt\u00e9 aux mobiles. Par exemple, WordPress propose des centaines de th\u00e8mes diff\u00e9rents, et une grande partie d’entre eux sont gratuits et r\u00e9actifs. Malheureusement, si vous utilisez un CMS, qui n’offre pas de support mobile, d’autres am\u00e9liorations seront n\u00e9cessaires et il pourrait \u00eatre plus judicieux de simplement changer de logiciel de gestion de contenu.\n<\/p>\n
\n Une r\u00e8gle d’or en mati\u00e8re de contenu de blog qui convient aux utilisateurs mobiles est de les laisser absorber le texte dans des paragraphes plus petits plut\u00f4t que d’avoir votre article dans un long texte. Ainsi, le texte de votre article de blog doit \u00eatre bien structur\u00e9, afin que le lecteur puisse s’orienter facilement dans le texte. Cela peut \u00eatre facilement fait en utilisant des sous-titres. Lorsque vous utilisez des sous-titres, le texte est automatiquement divis\u00e9 en plusieurs sous-chapitres et le lecteur a moins de chance de perdre sa place lors de la lecture de l’article. Et puisque perdre votre place en lisant quelque chose sur votre smartphone est un probl\u00e8me assez courant pour de nombreux utilisateurs d’appareils mobiles, parce que le d\u00e9filement mobile rend difficile la lecture de textes longs et monotones, r\u00e9solvez-le en utilisant des en-t\u00eates.\n<\/p>\n
\n Les en-t\u00eates peuvent \u00eatre facilement ins\u00e9r\u00e9s \u00e0 l’aide de balises d’en-t\u00eate. La balise pour le titre le plus grand et le plus important est\n<\/p>\n
\n Les blogueurs choisissent g\u00e9n\u00e9ralement la taille des images qu’ils vont utiliser dans leurs articles de blog en fonction de la taille normale de l’\u00e9cran de l’ordinateur, mais lorsque les articles de blog sont affich\u00e9s sur des \u00e9crans plus petits, comme celui d’un t\u00e9l\u00e9phone portable, les images se terminent g\u00e9n\u00e9ralement toutes. jusqu’\u00e0 \u00eatre de la m\u00eame taille. Cela signifie que les utilisateurs d’appareils mobiles ne voient pas les images dans les proportions appropri\u00e9es. Faites donc en sorte que vos images soient non seulement plus petites en dimensions, g\u00e9n\u00e9ralement les images inf\u00e9rieures \u00e0 1500 par 2500 pixels sont les meilleures, mais aussi plus petites en taille – en dessous de 500 Ko est recommand\u00e9. En plus d’avoir des photos adapt\u00e9es aux appareils mobiles, la r\u00e9duction de la taille des fichiers de vos images permettra \u00e9galement aux utilisateurs de charger les pages plus rapidement, car les images plus petites utilisent moins de donn\u00e9es \u00e0 charger.\n<\/p>\n
\n Pour r\u00e9duire la taille et les dimensions de vos images, utilisez n’importe quel \u00e9diteur de photos que vous avez sous la main, car vous n’avez pas besoin de Photoshop pour pouvoir le faire. Nous vous recommandons d’utiliser JPEGmini ou Pixlr, car avec ces \u00e9diteurs de photos, vous pouvez r\u00e9duire la taille de vos images sans compromettre leur qualit\u00e9.\n<\/p>\n
\n La conception r\u00e9active d’un blog ou d’un site Web offre la possibilit\u00e9 de le visualiser \u00e0 partir de nombreuses plates-formes et appareils diff\u00e9rents avec diff\u00e9rentes tailles d’\u00e9cran plus pratiques, car il adapte automatiquement votre site Web \u00e0 la largeur de la fen\u00eatre du navigateur. Et, pour assurer une lecture pratique aux visiteurs du blog, lors de cette adaptation, la conception du blog change g\u00e9n\u00e9ralement, par exemple, les images r\u00e9tr\u00e9cissent, les colonnes s’alignent verticalement et le menu change \u00e9galement. Mais si ces changements ne se produisent pas d’eux-m\u00eames, il existe des outils que vous pouvez utiliser pour le faire vous-m\u00eame.\n<\/p>\n
\n Par exemple, Foundation 3, Skeleton et Bootstrap. Ces cadres ajusteront automatiquement votre blog, afin qu’il soit facile \u00e0 lire sur n’importe quel appareil. Les utiliser est beaucoup plus facile que de coder toutes les combinaisons possibles par vous-m\u00eame. Bien s\u00fbr, vous pouvez \u00e9galement le faire en utilisant les nouvelles unit\u00e9s de longueur relative de CSS3 comme la largeur de la fen\u00eatre (vw), la hauteur de la fen\u00eatre (vh), le minimum de la hauteur et de la largeur de la fen\u00eatre (vmin) et le maximum de la hauteur et de la largeur de la fen\u00eatre (vmax). Cependant, le codage n\u00e9cessite des comp\u00e9tences ainsi que du temps, et si vous n’\u00eates pas un programmeur exp\u00e9riment\u00e9, je vous sugg\u00e8re d’opter pour la premi\u00e8re option.\n<\/p>\n
\n Les utilisateurs mobiles pr\u00e9f\u00e8rent les conceptions de sites simples, car les sites Web de conception volumineux et compliqu\u00e9s deviennent lents sur un appareil mobile. Des conceptions simples permettent \u00e9galement de garder facilement l’attention du lecteur sur le contenu plut\u00f4t que de le distraire avec un design sophistiqu\u00e9, car statistiquement, la plupart des utilisateurs mobiles ont une dur\u00e9e d’attention assez courte.\n<\/p>\n
\n Cela signifie rendre la mise en page de votre site simple et facile \u00e0 comprendre. Si vous utilisez un th\u00e8me propos\u00e9 par votre fournisseur de services, vous pouvez simplement le remplacer par un th\u00e8me plus simple. Par exemple, WordPress propose de nombreuses conceptions \u00e9l\u00e9gantes et simples qui ne submergeront pas les appareils mobiles, mais qui auront \u00e9galement fi\u00e8re allure sur un ordinateur de bureau. Mais si vous avez cr\u00e9\u00e9 votre site Web en utilisant HTML, vous pouvez t\u00e9l\u00e9charger un mod\u00e8le simple, qui rendra votre site superbe et sera \u00e9galement adapt\u00e9 aux mobiles. Par exemple, Envato Market propose de nombreuses conceptions simples diff\u00e9rentes que vous pouvez choisir et utiliser sur votre site.\n<\/p>\n
\n Des polices int\u00e9ressantes peuvent rendre un blog plus cr\u00e9atif, mais ces polices peuvent \u00e9galement \u00eatre une g\u00eane pour les lecteurs mobiles du blog, car tous les appareils mobiles ne prennent pas en charge les polices de bureau sophistiqu\u00e9es. Ainsi, pour voir le contenu, les utilisateurs d’appareils mobiles devront t\u00e9l\u00e9charger de nouvelles polices sur leurs t\u00e9l\u00e9phones, ce qui est un probl\u00e8me qui n’en vaut pas la peine pour beaucoup. De plus, m\u00eame si toutes les polices sont pr\u00e9install\u00e9es, certaines polices plus cr\u00e9atives peuvent \u00eatre difficiles \u00e0 lire sur un smartphone, en raison de leur taille plus petite.\n<\/p>\n
\n Choisissez donc des polices traditionnelles comme Times New Roman, Verdana, Comic Sans MS, WildWest ou Bedrock. Et v\u00e9rifiez \u00e9galement la lisibilit\u00e9 de la police que vous d\u00e9cidez d’utiliser, pour vous assurer que le texte ne devienne pas illisible une fois qu’il est visualis\u00e9 sur un \u00e9cran plus petit d’un smartphone. Une r\u00e8gle g\u00e9n\u00e9rale est que tout texte sur un site Web doit \u00eatre d’au moins 14 px, car de cette fa\u00e7on, le texte sera suffisamment grand pour \u00eatre facilement lisible m\u00eame si vous utilisez un appareil mobile avec un tr\u00e8s petit \u00e9cran.\n<\/p>\n
\n Lorsqu’une page est charg\u00e9e sur n’importe quel appareil, que ce soit un ordinateur, une tablette ou un smartphone, l’appareil t\u00e9l\u00e9charge tout le contenu de la page. Cela ne pose g\u00e9n\u00e9ralement aucun probl\u00e8me si vous utilisez un ordinateur, mais de grandes quantit\u00e9s de donn\u00e9es peuvent submerger les appareils mobiles. Pour \u00e9viter cela, vous devez minimiser la quantit\u00e9 de contenu sur chaque page, car cela garantira que votre blog fonctionne sur tous les appareils mobiles.\n<\/p>\n
\n Il est recommand\u00e9 de r\u00e9duire le contenu de votre page en dessous de 5 Mo par page. Vous pouvez facilement v\u00e9rifier la taille du contenu de votre page sur n’importe quel navigateur. Utilisez simplement l’un des nombreux outils de v\u00e9rification de la taille des pages Web, disponibles en ligne. S’il est sup\u00e9rieur \u00e0 5 Mo, r\u00e9duisez manuellement la taille et la quantit\u00e9 de texte, d’images et d’autres composants de la page ou utilisez des extraits de blog pour faciliter la visualisation de votre blog par les visiteurs.\n<\/p>\n
\n Si vous avez tendance \u00e0 publier de nombreuses vid\u00e9os dans les articles de votre blog, vous devez vous rappeler qu’elles seront tr\u00e8s diff\u00e9rentes sur un appareil mobile que sur un ordinateur. De plus, certains appareils mobiles ne prennent m\u00eame pas en charge certains formats vid\u00e9o, donc pour \u00e9viter que l’utilisateur ne puisse pas lire la vid\u00e9o sur votre site, utilisez YouTube int\u00e9gr\u00e9. Le code d’int\u00e9gration fourni par YouTube pour chacune de leurs vid\u00e9os est d\u00e9j\u00e0 r\u00e9actif, ce qui signifie que vous pourrez visionner la vid\u00e9o sur presque tous les appareils et que vous n’aurez plus \u00e0 vous soucier de la taille et du format des vid\u00e9os.\n<\/p>\n
\n Vous pouvez obtenir le code d’int\u00e9gration d’une vid\u00e9o YouTube en cliquant sur le bouton \u00ab\u00a0Partager\u00a0\u00bb, qui se trouve sous le bouton \u00ab\u00a0S’abonner\u00a0\u00bb, puis cliquez sur l’onglet \u00ab\u00a0Int\u00e9grer\u00a0\u00bb et copiez le code fourni sur votre site. Et vous avez vous-m\u00eame une vid\u00e9o parfaitement dimensionn\u00e9e dans votre message sans m\u00eame avoir \u00e0 la convertir ou \u00e0 l’ajuster autrement.\n<\/p>\n
\n Souvent, les liens sur un site Web sont bien trop petits pour qu’un utilisateur mobile puisse appuyer facilement et avec pr\u00e9cision avec son doigt. Et cela peut \u00eatre vraiment ennuyeux pour un lecteur de blog, lorsqu’il ne peut pas appuyer avec pr\u00e9cision sur le contenu qu’il souhaite afficher. C’est pourquoi vous devez remplacer tous les liens de votre site Web par des boutons d’au moins 44 pixels sur 44 pixels.\n<\/p>\n
\n Si vous utilisez un CMS tel que WordPress, vous pouvez simplement utiliser des plugins pour cr\u00e9er ces boutons. Acc\u00e9dez au panneau de configuration de votre CMS, trouvez un plugin appropri\u00e9, installez-le et suivez les instructions pour l’utiliser correctement. Mais si vous avez cod\u00e9 le site Web vous-m\u00eame, vous pouvez utiliser l’un de ces g\u00e9n\u00e9rateurs de boutons de lien gratuits, ce qui vous fera gagner du temps lors du codage des boutons vous-m\u00eame.\n<\/p>\n
\n Enfin, lorsque vous avez effectu\u00e9 toutes les am\u00e9liorations et que vous pensez que votre blog est aussi mobile que possible, testez \u00e0 nouveau votre blog avec l’outil de test Google ou un autre outil de test de compatibilit\u00e9 mobile, que vous pouvez trouver sur Internet. Si maintenant tout va bien et que l’outil vous assure que votre blog ne sera pas p\u00e9nalis\u00e9, car il n’est pas adapt\u00e9 aux mobiles, vous pouvez vous d\u00e9tendre et continuer \u00e0 d\u00e9velopper votre site Web en cr\u00e9ant un contenu de qualit\u00e9. Mais juste pour \u00eatre s\u00fbr, je vous sugg\u00e8re de tester votre site Web \u00e0 partir de plusieurs appareils diff\u00e9rents.\n<\/p>\n
\n Demandez \u00e0 des amis ou \u00e0 des membres de votre famille de consulter votre blog \u00e0 partir de leurs t\u00e9l\u00e9phones et tablettes. Testez votre site \u00e0 partir d’un appareil Android et IOS, ainsi que d’appareils pouvant avoir un syst\u00e8me d’exploitation compl\u00e8tement diff\u00e9rent. Et parcourez toutes vos pages principales sur votre blog sur ces appareils. Ce n’est qu’en testant la compatibilit\u00e9 mobile de votre blog dans la vie r\u00e9elle que vous pouvez \u00eatre s\u00fbr que votre site est r\u00e9ellement facile \u00e0 consulter et \u00e0 lire \u00e0 partir de tous les gadgets.\n<\/p>\n
\n La convivialit\u00e9 mobile ne consiste pas seulement \u00e0 avoir une belle conception de site, il s’agit \u00e9galement d’am\u00e9liorer l’exp\u00e9rience de l’utilisateur sur votre site Web. C’est pourquoi, lorsque vous rendez votre blog plus convivial pour les mobiles, davantage de personnes seront dispos\u00e9es \u00e0 revenir sur votre site Web, car il sera facile \u00e0 consulter et \u00e0 comprendre. Et puisque le nombre de personnes qui utilisent leur t\u00e9l\u00e9phone mobile comme appareil principal pour surfer sur le Web ne fait qu’augmenter chaque ann\u00e9e, il est dans votre int\u00e9r\u00eat de vous assurer que votre site Web est convivial pour ces utilisateurs de smartphones et affiche le contenu pour de mani\u00e8re pratique et facile \u00e0 lire.\n<\/p>\n<\/p>\n