mobile-ready
Blogging, Wordpress

Comment rendre son blog mobile friendly

Partager cet article

Rendre son blog mobile friendly est un enjeu majeur en 2019. Depuis quelques années, on a constaté plusieurs changements au niveau des habitudes des internautes. Ils utilisent de plus en plus leurs appareils mobiles que ce soit le smartphone ou la tablette pour naviguer sur internet.

Utilisation du smartphone sur internet

L’utilisation du smartphone pour naviguer à exploser ces dernières années.

statistic

D’ici la fin de 2020, le mobile devrait représenter plus de 79% du traffic web. D’où l’importance que votre site soit facile d’accès pour les gens les consultant depuis leur smartphone.

Si votre blog n’apparait pas bien ou est difficile d’accès sur les mobiles, les visiteurs vont simplement arrêter de visiter votre site ou trouver un blog offrant une meilleure expérience mobile.

Selon Google, 61% des utilisateurs ont peu de chance de revenir sur un site mobile auquel ils ont du mal à accéder et 40% visitent le site d'un concurent.
McKinsey & company

Blog mobile friendly

Rendre son blog mobile friendly signifie principalement que vos pages, votre contenu et votre menu seront optimisés pour les écrans plus petit et tactile en rendant la navigation sur votre blog aussi facile que possible et rendre le temps de chargement de vote site beaucoup plus rapide tout en gardant votre contenu lisible et accessible.

L’importance d’un blog réactif

Avoir un blog réactif signifie que votre site s’adapte à l’écran utilisé pour le consulter, ce qui est important car la taille des écrans varie d’un appareil à l’autre.

Et le référencement dans tout ça ?

Le 21 avril 2015, Google changea sont algorithme de façon importante. Le changement se résume à un critère très important: que votre site Web, vos pages de destination et votre blog soient entièrement optimisés pour les mobiles. Il est donc important que votre blog soit accessible aux mobiles sous peine d’être relayé au tréfonds de l’internet.

Qu’est-ce que l’algorithme de Google considère compatible avec les appareils mobiles ?

Afin de rentrer dans les bonne grâce de Google, il faut éviter :

  • Le contenu illisible: assurez-vous que votre contenu soit lisible autant sur ordinateur que sur smartphone
  • Police trop petite : Google recommande une police d’écriture de 16 pixels minimum
  • Élément tactile trop proche (bouton, menu): vous devez laisser un certain espace pour toucher le bon élément.
  • Éviter les pop up : Google pénalise les site contenant des pop up intrusive (voir ce qu’il faut faire et ne pas faire ici)

Comment savoir si son site est mobile friendly ?

Heureusement, il existe plusieurs façons de vérifier si son site est mobile friendly gratuitement.

En utilisant un un testeur mobile friendly en ligne

test

Cet outil vous indique si Google considère votre page mobile friendly ou non. Comme vous pouvez le voir, mon blog passe le test. Dans le cas où il n’aurait pas passé, mon blog aurait été poussé plus loin dans les résultats de recherche sur Google.

Cet outil vous permet de tester les performances de votre site sur différant appareil. MobiReady donne également des recommandations très spécifiques pour que vous puissiez voir ce qui doit être amélioré.

Comme vous pouvez le voir, j’ai quelques améliorations à apporter à mon blog afin qu’il soit plus réactif sous mobile.

Comment rendre son blog mobile friendly ?

Thème responsive

Un bon moyen de rendre son blog plus accessible au mobile est d’utiliser un thème responsive. Selon la plateforme de blogging que vous utilisez, vous aurez accès à une multitude de thème responsive du gratuit au premium.

C’est de loin la façon la plus facile pour rendre son blog mobile friendly.

Plugin

Il existe plusieurs plugins qui peuvent rendre votre site plus accessible aux mobiles mais il faut faire attention car certain plugin change complètement l’aspect de votre blog à commencer par votre identité visuelle et la façon dont est présenter votre contenu. Il est donc impératif de bien choisir le plugin à utiliser.

Je vous suggère donc de tester ces plugins en local ou de faire une sauvegarde de votre site avant de les installer.

Jetpack

Pour les utilisateurs du plugin JetPack, il leur suffit d’activer l’option suivante :

Wptouch

wptouch
wptouch2
wptouch3
wptouch4

Ce plugin est gratuit mais aussi entièrement paramétrable, vous pouvez personnalisé les couleurs de votre site.

Cet article vous a plu ? Notez le !

Comment rendre son blog mobile friendly
5 (100%) 2 vote[s]

Comment rendre son blog mobile friendly

 cet article t’a plu, partage-le sur Pinterest !

 

 

vous aimerez peut être aussi

20 Comments

  1. Coucou !
    Ton article est très intéressant, j’ai testé mon blog du coup et il est adapté pour les mobiles!
    Bisous

    1. je suis contente que l’article tes plus ! merci de ton commentaire

  2. C’est un très bon article, personnellement j’ai la chance qu’il soit compris dans le thème que me propose ma plateforme. Des bisous 🙂

    1. c’est le bon coté de certaine plateforme. merci de ton commentaire

  3. luniversdemel37 says:

    Coucou !
    Merci pour cet article très intéressant, j’avoue ne pas m’y être trop penchée mais avec blogger je trouve la version mobile pas trop mal…
    Bisous

    1. contente que tu l’ai aimer ! merci de ton commentaire

  4. Coucou 🙂 Jusqu’à il y a un an, j’avais un thème (fait par moi) mais qui n’était pas mobile friendly et j’utilisais des plugins mais ça ne me convenait pas. Du coup, j’ai retroussé mes manches et j’ai créé mon propre thème en partant de zéro. J’ai énormément appris. Après, j’ai encore du peaufinage à faire ^^

    1. wow ! je t’envie. qu’a tu suivi comme formation pour créer ton thème.. c’est dans mes projets futurs.

  5. Hello ! C’est vrai que je n’ai jamais fait attention à ce genre de choses, je sais juste que mon thème est responsive, faudrait que j’aille voir ça de plus près ^^ Mais c’est rare que je lise un article sur téléphone ou tablette, du coup je ne fais pas vraiment attention. Bisous

    1. il est vrai que lorsque l’on utilise pas une tablette ou un téléphone, on est peut porter a vérifier si notre blog est accessible aux mobiles… merci de ton commentaire

  6. Coucou ! Merci pour cet article très intéressant. Je comptais justement me pencher là dessus rapidement. Bises !

    1. contente que cela te sois utile ! merci de ton commentaire

  7. Je suis sous blogger donc c’est assez easy mais c’est un super article 😀
    Merci pour ces explications claires et indispensables.
    Bises

    1. je ne connais pas trop blogger malheureusement..je suis dans la team WordPress. faudrait bien que je regarde blogger un de ces jours. merci de ton commentaire !

  8. hellodarliing says:

    Coucou 🙂
    Merci pour ton article, plein d’information !
    Bisous

    1. je suis contente que tu l’ai aimé ! merci de ton commentaire

  9. Coucou !
    Je suis sur blogger du coup c’est assez simple je trouve pour rendre le blog facilement lisible sur les mobiles 🙂
    Bises

    1. en effet sur blogger, c’est relativement facile car blogger s’occupe de tout pour que votre blog soit compatible avec les mobiles.

  10. Article très intéressant, je vais tester Mobiready 😉

    1. je suis contente que l’article t’es plus !

Laisser un commentaire

Ce site utilise Akismet pour réduire le pourriel. En savoir plus sur comment les données de vos commentaires sont utilisées.