04/03/2015

Ranker sur mobile à partir du 21 avril en rendant son site mobile friendly

Ranker sur mobile le 21 avril

Modifiez votre site internet en 2 minutes pour rendre votre site mobile friendly seo 🏇 pour google

L'échéance arrive à grand pas, tous les sites de la terre devront être mobile friendly parcque google va le prendre comme un critère de ranking, plus fort qu'un 🐼 et un 🐧 réunis selon google.


La bible des fondamentaux du web - les meilleurs pratiques pour ranker sur mobile

Ok, je sais vous êtes des pingres sans le sous, et vous vous dite, je vais pas me taper une refonte juste parcque l'autre taré d'algorithme a décidé que mon site devait absolument être bien vu sur mobile.

Sauf que vous avez pas les sous pour redévelopper un site qui à mis 1 an à être mis en ligne avec pleins de blocs partout, que le bootstrap n'existait pas, que le web starter kit de google n'existait pas (je veux bien savoir qui l'utilise vraiement).

Bref, c'est une calamité qui va s'abattre sur votre référencement le 21 avril. Ca aurait pu être le 1er avril on aurait pu prendre ça comme une blague.





On va réfléchir 2 secondes. Ce que veut google, c'est que le texte soit lisible sur un mobile. Non, je vous assure qu'il s'en fout que votre image où vous avez mis des textes qui sont déja en petit sur votre site en affichage desktop le soit lorsque vous affichez votre site sur mobile, on ne vous l'a peut être jamais dit, mais google ne sais pas lire dans les images.

En fait oui mais il va pas brûler une forêt amazonienne pour faire les traitement pour savoir ce qu'il y a dans votre image, il a déjà commencé par dire y'a du flash, on met plus de lien dans nos résultats parcque ça nous gonfle.

Comment tester si votre site peut ranker sur mobile

Google a mis en place un outil pour tester votre site.

Test de compatibilité mobile

 

Votre site est-il mobile friendly ?

Donc si votre site n'est pas mobile friendly vous aurez ça :

Ok j'ai flouté l'image - site non mobile-friendly qui rankera pas

Mais comme je suis très gentil, je vais vous donner la solution temporaire


Ajouter 2 lignes de codes pour ranker sur mobile google seo

< meta name="viewport" content="width=device-width, initial-scale=1.0" > < meta name="HandheldFriendly" content="true" / >
Ces 2 lignes sont à copier dans l'entête de votre page entre les balises < head>< /head> souvent dans votre fichier index.php dans votre thème
Quoi c'est tout ? Mais lorsque je regarde mon site sur mobile c'est toujours tout moche !

Bé ouais mais t'as pas sorti de sous pour la refonte.

Vérifions que notre site est mobile friendly :

Site Mobile friendly qui rank en seo
Voila donc google il voit mieux mais ça doit toujours être le flou pour lui.


Oh mais si mon site est parfait, pourquoi j'aurais besoin d'en savoir plus sur les pages adaptées au mobiles ?

Dois-je faire un site adapté au mobile en responsive design ?

Soyons clair, le site ne sera toujours pas adapté mobile mais si pénalité il doit y avoir ou bonus, vous devriez en bénéficier, c'est comme utiliser mod_pagespeed, ceux qui l'utilisent doivent avoir une meilleure notation que ceux qui ne l'utilisent pas. (comment veux tu être partial ? tu utilise l'outil qu'ils ont optimisé pour)

Quels seront les critéres qui feront que j'ai un bonus ou pas ?


Je peux dire qu'on en sais rien, mais est-ce que google veut qu'on utilise son propre framework google web kit qu'il pousse via son site

Principes de la conception de site

Google montre comment mettre son thème aux normes mobile-friendly

exemple avec wordpress
 https://developers.google.com/webmasters/mobile-sites/website-software/wordpress?hl=fr
Je vous fais une capture de l'image
ouais ça a l'air d'être un thème wordpress ça
Quelque soit le CMS utilisé, je vais vous donner la réponse que google conseille Si votre thème actuel n'est pas mobile-friendly, cherchez-en un autre.

 Ouais super !

Les plugin wordpress pour rendre votre site mobile friendly et ranker sur wordpress seo mobile friendly


Sinon vous pouvez installer un plugin wp-touch (la dernière fois que je l'ai utilisé pour un client leur site à été hacké et ils auraient pu vendre des nike et des sacs luis vuitton à la place parcqu'ils étaient dans les premières positions)

L'autre plugin conseillé est WP Mobile Detector, quoi ça veut dire qu'on peut faire du cloaking sur mobile ?


Ranker sur mobile avec prestashop

Si vous utilisez prestashop et pareil vous n'avez pas le temps de vous pencher sur la refonte pour le 21 avril, vous pouvez installer le module gratuit prestashop pour mobile

http://addons.prestashop.com/fr/mobile/6165-prestashop-theme-mobile-14.html

Cela vous permettra d'avoir une version mobile (peut-être au détriment de certaines fonctionnalités, pour lesquel il faudra aussi vérifier que les modules sont mobile friendly).

Au passage merci à @ledzep_56

Ranker sur mobile avec magento

Magento même dans sa version commmunity possède un thème mobile de base qui s'appelle iphone, pour l'activer il faut aller sur système > configuration > design

Dans l'onglet "thème" au niveau de l'intitulé "défaut", mettez la valeur iphone et ensuite cliquez sur le bouton pour ajouter une exception.

Copiez ça dedans

iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini

Pour ceux qui se posent la question, oui c'est basé sur le user-agent et c'est dans les guidelines parcqu'on affiche la même version mobile à l'utilisateur et à google.


Voila donc au pire vous avez une rustine pour que vous ne soyez pas pénalisé parcque votre site n'est pas mobile, au mieux vous allez partir sur une refonte et ce qui suit devrait vous intéresser aussi.

Pourquoi vos résultats seo mobiles pourraient être différents ?

En utilisant ces techniques par rapport a un site responsive ou le patch proposé ci-dessus, c'est que votre architecture est complétement différente en terme de code.

En effet peut être que des titres que vous avez mis en H3 se retrouveront en H1 ou l'inverse, faites un check et modifiez le thème mobile en conséquence.

Au passage optimisez vos images pour le référencement j'avais un script à cet effet :
http://www.love-moi.fr/2013/05/optimiser-les-images-jpg-et-png-pour-le.html

Un autre retour sur l'opti en masse http://www.didcode.com/tuto/optimiser-images-bulk.html chez +Didier Sampaolo

@beunwa lors de sa conf a aussi parlé d'autres optimisation pour servir différement des ressources spécifiques au mobile côté serveur. Il vous en reparlera plus en détail au http://teknseo.com/ 

Voilà sa prez du seocamp




Edit : Merci à Olivier Andrieux d'abondance de m'avoir cité dans sa conf au SEOCAMP ;-)



Maintenant il ne vous reste plus qu'à surveiller vos positions de mots-clés avec l'outil de Yooda, faites vous plaisir, ça me fera plaisir, c'est un lien sponsorisé mais c'est du bon

Logiciels d'analyse du référencement



Et trouvez des mots clés avec SeCockpit parcque comme vous avez une version mobile différente, vous pouvez aussi optimiser votre thème différement sur d'autres mots-clés.

J'en avait parlé dans mon article "trouver les mots clés notprovided" et "trouver des mots-clés de niche pour votre SEO"


SECockpit - le générateur de mots-clés nouvelle génération






 Le mobile et le SEO chez les autres

Quelques articles intéressants :

http://blog.axe-net.fr/vendeurs-site-responsive-mobile/

La prez du seocamp par @gwaraden

http://www.partouzedeliens.info/21-avril-2015-compatibilite-mobile-critere-seo-google-778/

http://www.abondance.com/actualites/20141119-14430-compatibilite-mobile-nouveau-critere-pertinence-google.html