Conseils pour rendre votre blog plus mobile
Google a récemment annoncé qu’il utilisera la mise à jour de l’algorithme adapté aux mobiles pour vérifier si tous les blogs sont adaptés aux mobiles et pénalisera ceux qui ne le sont pas. Ce qui a amené de nombreux blogueurs à se demander comment rendre leurs sites Web plus conviviaux pour les mobiles et même comment savoir si votre blog est adapté aux mobiles ou non. C’est pourquoi nous avons rassemblé les informations les plus vitales sur l’importance de rendre votre blog plus adapté aux mobiles et sur la manière de le faire.
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é à améliorer le classement des sites adaptés à 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.
Bien sûr, il ne s’agit pas seulement de ce que Google veut. Rendre votre blog convivial pour les mobiles est également dans votre intérêt 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étaires de téléphones portables utilisent leur téléphone plus que leur ordinateur de bureau ou leur ordinateur portable pour accéder à Internet. Donc, si vous voulez que votre blog soit facilement visualisé sur n’importe quel smartphone et augmenter le lectorat de votre blog, la convivialité mobile est une chose à laquelle vous devez penser. Et c’est en fait plus facile à réaliser qu’on ne le pense.
Test de convivialité mobile
Lorsque Google a proposé cet algorithme adapté aux mobiles, il a également permis à chacun de tester ses blogs et sites Web pour cette métrique à l’aide de son outil de test adapté aux mobiles. Entrez simplement l’URL de votre blog dans la case « Entrez l’URL à tester », cliquez sur « Exécuter le test » et l’outil vous dira si votre blog est adapté aux mobiles ou non.
Si votre site Web est adapté aux mobiles, vous pouvez vous détendre un peu, car vous n’avez rien à faire. Cependant, si cet outil Google détermine que votre blog n’est pas le plus facile à lire sur un appareil mobile, vous devez apporter quelques améliorations dans ce département dès que possible.
Pour ceux qui utilisent un logiciel de gestion de contenu (CMS) pour gérer leur blog, comme WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix etc., la personnalisation ne devrait pas être un problème, car la plupart de ces systèmes logiciels proposer des outils qui rendront automatiquement votre site Web adapté aux mobiles. Mais, si vous êtes allé à la racine la plus ancienne de ne pas utiliser de logiciel CMS pour créer votre site Web, ou si vous avez utilisé CMS, mais que votre site Web n’est toujours pas conforme aux normes mobiles, voici quelques conseils pour améliorer la convivialité mobile de votre site.
1 Mettez à jour le CMS vers la dernière version et utilisez des thèmes mobiles
Si vous utilisez un CMS, il vous suffira peut-être de mettre à jour votre logiciel ou de modifier le thème que vous utilisez pour votre blog. La plupart des CMS fournissent déjà tous les outils pour rendre votre site adapté aux mobiles, mais vous devez vous assurer que votre CMS est mis à jour avec la dernière version. Par exemple, Joomla est livré avec un support mobile, uniquement lorsqu’il est mis à jour vers la dernière version du logiciel. Cependant, d’autres logiciels peuvent vous obliger à modifier le thème de votre site Web pour le rendre compatible avec les appareils mobiles, car certains thèmes plus anciens ne sont tout simplement pas beaux sur les appareils mobiles et ne leur conviennent donc pas non plus. Pour ce faire, accédez au panneau d’administration de votre CMS, recherchez l’onglet des thèmes sur votre tableau de bord et modifiez le thème de votre blog en un thème réactif et adapté aux mobiles. Par exemple, WordPress propose des centaines de thèmes différents, et une grande partie d’entre eux sont gratuits et réactifs. Malheureusement, si vous utilisez un CMS, qui n’offre pas de support mobile, d’autres améliorations seront nécessaires et il pourrait être plus judicieux de simplement changer de logiciel de gestion de contenu.
2 Utilisez des sous-titres
Une règle d’or en matière de contenu de blog qui convient aux utilisateurs mobiles est de les laisser absorber le texte dans des paragraphes plus petits plutôt que d’avoir votre article dans un long texte. Ainsi, le texte de votre article de blog doit être bien structuré, afin que le lecteur puisse s’orienter facilement dans le texte. Cela peut être facilement fait en utilisant des sous-titres. Lorsque vous utilisez des sous-titres, le texte est automatiquement divisé 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ème assez courant pour de nombreux utilisateurs d’appareils mobiles, parce que le défilement mobile rend difficile la lecture de textes longs et monotones, résolvez-le en utilisant des en-têtes.
Les en-têtes peuvent être facilement insérés à l’aide de balises d’en-tête. La balise pour le titre le plus grand et le plus important est
, qui est un titre à peine perceptible, mais qui vous aidera quand même à diviser votre contenu et à le rendre plus facile à lire.
3 Choisissez la taille appropriée pour les images
Les blogueurs choisissent généralement la taille des images qu’ils vont utiliser dans leurs articles de blog en fonction de la taille normale de l’écran de l’ordinateur, mais lorsque les articles de blog sont affichés sur des écrans plus petits, comme celui d’un téléphone portable, les images se terminent généralement toutes. jusqu’à être de la même taille. Cela signifie que les utilisateurs d’appareils mobiles ne voient pas les images dans les proportions appropriées. Faites donc en sorte que vos images soient non seulement plus petites en dimensions, généralement les images inférieures à 1500 par 2500 pixels sont les meilleures, mais aussi plus petites en taille – en dessous de 500 Ko est recommandé. En plus d’avoir des photos adaptées aux appareils mobiles, la réduction de la taille des fichiers de vos images permettra également aux utilisateurs de charger les pages plus rapidement, car les images plus petites utilisent moins de données à charger.
Pour réduire la taille et les dimensions de vos images, utilisez n’importe quel éditeur 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 éditeurs de photos, vous pouvez réduire la taille de vos images sans compromettre leur qualité.
4 Utilisez un design réactif
La conception réactive d’un blog ou d’un site Web offre la possibilité de le visualiser à partir de nombreuses plates-formes et appareils différents avec différentes tailles d’écran plus pratiques, car il adapte automatiquement votre site Web à la largeur de la fenêtre du navigateur. Et, pour assurer une lecture pratique aux visiteurs du blog, lors de cette adaptation, la conception du blog change généralement, par exemple, les images rétrécissent, les colonnes s’alignent verticalement et le menu change également. Mais si ces changements ne se produisent pas d’eux-mêmes, il existe des outils que vous pouvez utiliser pour le faire vous-même.
Par exemple, Foundation 3, Skeleton et Bootstrap. Ces cadres ajusteront automatiquement votre blog, afin qu’il soit facile à lire sur n’importe quel appareil. Les utiliser est beaucoup plus facile que de coder toutes les combinaisons possibles par vous-même. Bien sûr, vous pouvez également le faire en utilisant les nouvelles unités de longueur relative de CSS3 comme la largeur de la fenêtre (vw), la hauteur de la fenêtre (vh), le minimum de la hauteur et de la largeur de la fenêtre (vmin) et le maximum de la hauteur et de la largeur de la fenêtre (vmax). Cependant, le codage nécessite des compétences ainsi que du temps, et si vous n’êtes pas un programmeur expérimenté, je vous suggère d’opter pour la première option.
5 Utilisez des conceptions simples
Les utilisateurs mobiles préfèrent les conceptions de sites simples, car les sites Web de conception volumineux et compliqués deviennent lents sur un appareil mobile. Des conceptions simples permettent également de garder facilement l’attention du lecteur sur le contenu plutôt que de le distraire avec un design sophistiqué, car statistiquement, la plupart des utilisateurs mobiles ont une durée d’attention assez courte.
Cela signifie rendre la mise en page de votre site simple et facile à comprendre. Si vous utilisez un thème proposé par votre fournisseur de services, vous pouvez simplement le remplacer par un thème plus simple. Par exemple, WordPress propose de nombreuses conceptions élégantes et simples qui ne submergeront pas les appareils mobiles, mais qui auront également fière allure sur un ordinateur de bureau. Mais si vous avez créé votre site Web en utilisant HTML, vous pouvez télécharger un modèle simple, qui rendra votre site superbe et sera également adapté aux mobiles. Par exemple, Envato Market propose de nombreuses conceptions simples différentes que vous pouvez choisir et utiliser sur votre site.
6 Utilisez des polices standard
Des polices intéressantes peuvent rendre un blog plus créatif, mais ces polices peuvent également être une gêne pour les lecteurs mobiles du blog, car tous les appareils mobiles ne prennent pas en charge les polices de bureau sophistiquées. Ainsi, pour voir le contenu, les utilisateurs d’appareils mobiles devront télécharger de nouvelles polices sur leurs téléphones, ce qui est un problème qui n’en vaut pas la peine pour beaucoup. De plus, même si toutes les polices sont préinstallées, certaines polices plus créatives peuvent être difficiles à lire sur un smartphone, en raison de leur taille plus petite.
Choisissez donc des polices traditionnelles comme Times New Roman, Verdana, Comic Sans MS, WildWest ou Bedrock. Et vérifiez également la lisibilité de la police que vous décidez d’utiliser, pour vous assurer que le texte ne devienne pas illisible une fois qu’il est visualisé sur un écran plus petit d’un smartphone. Une règle générale est que tout texte sur un site Web doit être d’au moins 14 px, car de cette façon, le texte sera suffisamment grand pour être facilement lisible même si vous utilisez un appareil mobile avec un très petit écran.
7 Minimiser le contenu par page
Lorsqu’une page est chargée sur n’importe quel appareil, que ce soit un ordinateur, une tablette ou un smartphone, l’appareil télécharge tout le contenu de la page. Cela ne pose généralement aucun problème si vous utilisez un ordinateur, mais de grandes quantités de données peuvent submerger les appareils mobiles. Pour éviter cela, vous devez minimiser la quantité de contenu sur chaque page, car cela garantira que votre blog fonctionne sur tous les appareils mobiles.
Il est recommandé de réduire le contenu de votre page en dessous de 5 Mo par page. Vous pouvez facilement vérifier la taille du contenu de votre page sur n’importe quel navigateur. Utilisez simplement l’un des nombreux outils de vérification de la taille des pages Web, disponibles en ligne. S’il est supérieur à 5 Mo, réduisez manuellement la taille et la quantité 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.
8 Utiliser des vidéos YouTube
Si vous avez tendance à publier de nombreuses vidéos dans les articles de votre blog, vous devez vous rappeler qu’elles seront très différentes sur un appareil mobile que sur un ordinateur. De plus, certains appareils mobiles ne prennent même pas en charge certains formats vidéo, donc pour éviter que l’utilisateur ne puisse pas lire la vidéo sur votre site, utilisez YouTube intégré. Le code d’intégration fourni par YouTube pour chacune de leurs vidéos est déjà réactif, ce qui signifie que vous pourrez visionner la vidéo sur presque tous les appareils et que vous n’aurez plus à vous soucier de la taille et du format des vidéos.
Vous pouvez obtenir le code d’intégration d’une vidéo YouTube en cliquant sur le bouton « Partager », qui se trouve sous le bouton « S’abonner », puis cliquez sur l’onglet « Intégrer » et copiez le code fourni sur votre site. Et vous avez vous-même une vidéo parfaitement dimensionnée dans votre message sans même avoir à la convertir ou à l’ajuster autrement.
Souvent, les liens sur un site Web sont bien trop petits pour qu’un utilisateur mobile puisse appuyer facilement et avec précision avec son doigt. Et cela peut être vraiment ennuyeux pour un lecteur de blog, lorsqu’il ne peut pas appuyer avec précision 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.
Si vous utilisez un CMS tel que WordPress, vous pouvez simplement utiliser des plugins pour créer ces boutons. Accédez au panneau de configuration de votre CMS, trouvez un plugin approprié, installez-le et suivez les instructions pour l’utiliser correctement. Mais si vous avez codé le site Web vous-même, vous pouvez utiliser l’un de ces générateurs de boutons de lien gratuits, ce qui vous fera gagner du temps lors du codage des boutons vous-même.
10 Continuez à tester
Enfin, lorsque vous avez effectué toutes les améliorations et que vous pensez que votre blog est aussi mobile que possible, testez à nouveau votre blog avec l’outil de test Google ou un autre outil de test de compatibilité 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énalisé, car il n’est pas adapté aux mobiles, vous pouvez vous détendre et continuer à développer votre site Web en créant un contenu de qualité. Mais juste pour être sûr, je vous suggère de tester votre site Web à partir de plusieurs appareils différents.
Demandez à des amis ou à des membres de votre famille de consulter votre blog à partir de leurs téléphones et tablettes. Testez votre site à partir d’un appareil Android et IOS, ainsi que d’appareils pouvant avoir un système d’exploitation complètement différent. Et parcourez toutes vos pages principales sur votre blog sur ces appareils. Ce n’est qu’en testant la compatibilité mobile de votre blog dans la vie réelle que vous pouvez être sûr que votre site est réellement facile à consulter et à lire à partir de tous les gadgets.
La convivialité mobile ne consiste pas seulement à avoir une belle conception de site, il s’agit également d’améliorer l’expérience 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ées à revenir sur votre site Web, car il sera facile à consulter et à comprendre. Et puisque le nombre de personnes qui utilisent leur téléphone mobile comme appareil principal pour surfer sur le Web ne fait qu’augmenter chaque année, il est dans votre intérêt de vous assurer que votre site Web est convivial pour ces utilisateurs de smartphones et affiche le contenu pour de manière pratique et facile à lire.