Comment s'attaquer aux séquelles de Mobilegeddon

Votre site a-t-il réussi à survivre au récent Mobilegeddon? Si vous n'en avez même pas entendu parler, ne vous affolez pas, vous êtes toujours en vie. Mobilegeddon a commencé le 21 avril 2015 lorsque Google a lancé une nouvelle mise à jour de son algorithme de recherche, qui a ajouté un nouveau signal de classement donnant la priorité aux sites Web adaptés aux mobiles..

Peu de temps après son annonce officielle, la mise à jour a reçu le surnom de Mobilegeddon, qui est un portemanteau de “mobile” et “Armageddon” comme le nouvel algorithme devait provoquer une grande agitation dans le paysage de classement des pages.

Un site peut être appelé mobile-friendly si son contenu s'affiche bien sur les appareils de poche. En le présentant comme une nouvelle priorité dans les classements des moteurs de recherche, Google s’adapte à la dernière tendance qui montre que de plus en plus de personnes utilisent le mobile comme principal appareil pour accéder à Internet. Google a récemment confirmé officiellement que plus de recherches sur Google sont effectuées sur des appareils mobiles que sur des ordinateurs dans 10 pays, dont les États-Unis et le Japon..

Les effets du nouvel algorithme

Quelques jours après le changement, des articles sur Internet sont apparus, affirmant que Mobilegeddon n'était pas si grave après tout. Cependant, un algorithme intelligent a besoin de temps pour prendre effet. C'est pourquoi, quatre mois plus tard, nous pouvons maintenant voir l'ampleur du marché de Mobilegeddon de Google..

Selon les recherches de l’agence de marketing numérique Stone Temple Consulting au cours du premier mois de publication du nouvel algorithme, près de la moitié des pages non compatibles avec les appareils mobiles sont classées dans les classements des moteurs de recherche. Vous trouverez ci-dessous les conclusions de l’étude qui mesurait l’impact du nouveau facteur de classement sur le référencement du site. Top 10 des résultats des requêtes de test.

D'autres sociétés ayant des intérêts commerciaux dans les domaines des moteurs de recherche tels que Adobe, Searchmetrics et s360 Consulting ont également mené des analyses qui ont donné des résultats assez similaires..

Les dirigeants de Google avaient déjà anticipé l’importance de la mise à jour bien avant son lancement en mars 2015 lorsqu’ils avaient affirmé lors du Conférence SMX Munich Search Marketing que le prochain algorithme compatible mobile serait impact plus de sites que leurs algorithmes Panda et Penguin ont fait. Bien qu'il y ait encore des débats pour savoir si le nouveau changement était aussi important que Panda ou Penguin, rétrospectivement, les anticipations de Google se sont avérées justes..

Le point de vue du designer intelligent

La convivialité mobile n'est pas seulement importante en raison du bon classement des moteurs de recherche. Une bonne position augmente le nombre de vos visiteurs, et par conséquent votre taux de conversion et vos revenus, mais y at-il autre chose qui puisse retenir l'intérêt d'un concepteur intelligent?

Derrière tous les avantages énumérés ci-dessus, la convivialité pour le mobile améliore l'expérience utilisateur aussi. Le concept d'une meilleure expérience utilisateur est également au cœur du principe de conception mobile first.

Lorsque les concepteurs conçoivent d’abord pour l’écran mobile et que le bureau n’apparaît qu’après, ils doivent donner la priorité au contenu, omettre les peluches superflues, et se concentrer sur la fonctionnalité de base. Cette approche donne une meilleure expérience utilisateur non seulement pour les utilisateurs mobiles, mais également la version de bureau qui sera mieux structurée et plus facile à utiliser..

Si les tableaux de classement des moteurs de recherche n'inspirent pas votre créativité, adoptez plutôt l'approche suivante. Derrière la nouvelle mise à jour adaptée aux appareils mobiles de Google, il y a un effort important pour améliorer l'expérience utilisateur du Web, donc en tant que concepteur vous ne devez pas vous concentrer sur autre chose que créer un incroyable.

Il existe une règle simple à suivre si, empêtré dans des rapports de référencement ennuyeux, vous perdez votre motivation, c’est que tout ce qui améliore UX améliore aussi le référencement. Si vous voulez être un concepteur basé sur le référencement, le mieux que vous puissiez faire est de devenir un concepteur qui crée des pages Web avec une UX.

Testez vos sites

Pour atteindre cet UX, vous devez d'abord tester la convivialité mobile de vos sites. Vous pouvez facilement évaluer dans quelle mesure vos sites répondent aux nouvelles exigences en exécutant le test de compatibilité mobile de Google..

Si vous voulez une analyse plus détaillée, vous pouvez vérifier s'il y en a erreurs d'utilisation mobile sur votre site à l'aide du rapport de convivialité mobile de Google. Pour utiliser cet outil pratique, vous devez vous connecter à votre compte Google Webmasters (vous pouvez facilement en créer un ici si vous n'en avez pas encore)..

C'est important de vérifier toutes les variantes de site que vous avez ajoutées Si vous avez ajouté votre site avec et sans le sous-domaine www, ou avec et sans le protocole HTTPS, vous devez vérifier les deux..

Conseils de conception pour un site compatible avec les appareils mobiles

Vous pouvez faire plusieurs choses pour créer un site compatible avec les appareils mobiles:

1. Rendez votre site réactif

Le design réactif est la solution la plus pratique si vous voulez des résultats rapides. Il est particulièrement pratique pour ceux qui utilisent des systèmes de gestion de contenu tels que WordPress, Drupal, Joomla, etc. Tout ce que vous avez à faire est de: rechercher et installer un modèle de site responsive.

Les sites réactifs s'adaptent (répondent) dynamiquement aux fenêtres de visualisation de différents périphériques tels que les téléphones mobiles, les tablettes, les ordinateurs portables, les moniteurs de bureau, etc. sert le même HTML à tous les appareils, et ajoute différentes règles de style au CSS fichier (s) pour déterminer la disposition appropriée qui change en fonction de la taille de l'écran et de l'orientation du périphérique.

2. Utiliser un thème mobile secondaire

Il existe de nombreux cas où vous ne pouvez pas vous permettre une conception de site complètement nouvelle, ce qui peut également arriver lorsque vous travaillez pour un client obstiné. Quand tu te retrouves dans une situation pareille, un la conception mobile secondaire peut être une bonne solution.

Les thèmes mobiles secondaires sont l’alternative du design réactif. Dans ce cas, votre site Web aura deux versions: une pour le bureau, une pour les utilisateurs mobiles. Cette solution signifie aussi avoir des URL séparées pour les versions desktop et mobile tel que www.anything.com et m.anything.com.

Si vous avez un site WordPress, il y a quelques plugins sympas là-bas qui détecter si l'utilisateur vient d'un navigateur mobile et si oui ils chargent un thème mobile secondaire. Si cette solution vous intéresse, n'hésitez pas à consulter et à essayer les plugins Any Mobile Theme Switcher, WP Mobile Edition ou WPtouch Mobile..

3. Rendre votre application Android indexable

Savez-vous que si vos visiteurs mobiles ont votre application Android installée sur leurs téléphones et qu'ils entrent une requête de recherche dans la barre de recherche Google, le moteur de recherche leur donne également des résultats à partir du contenu de votre application?

Pour activer cette fonctionnalité, vous devez rendre votre application indexable par ajout du support pour l'indexation des applications. En faisant cela, vous pouvez augmenter le classement du moteur de recherche mobile de votre site. Lisez le guide de Google sur la configuration de l'indexation des applications. Si vous n'avez pas encore d'application Android, c'est peut-être le bon moment pour en créer une.

4. Savoir concevoir pour mobile

Sur mobile, les gens consomment le contenu différemment. Ils ont généralement moins de temps, et sur les petits écrans, il est plus difficile de parcourir le contenu. De ce fait, la typographie et l’espacement sont encore plus importants qu’ailleurs.

Si vous souhaitez que vos visiteurs restent sur votre écran mobile avec un contenu attrayant, vous devez réfléchir écrire des titres et des paragraphes plus courts et utiliser plus de sous-titres. C’est aussi une bonne idée de laisser plus d’espace entre les liens pour que les utilisateurs puissent tapez-les facilement.

Enfin, n'oubliez pas la chose la plus importante: choisissez des polices lisibles. Si vous gardez les polices simples, vous pouvez difficilement vous tromper. Choisir la bonne taille de police nécessite également une réflexion sérieuse: la règle générale est d’utiliser 30-40 caractères par ligne pour mobile.

Si vous voulez voir un bon exemple à cet égard, jetez un œil à la conception des applications et du site Web pour mobile de The Washington Post..