Atelier WP SEO - Nathalie Couture

L’actualité du SEO, les évolutions
Google, retour sur le Seocampus 2015
Atelier WordPress : le référencement
Mercredi 25 mars au Node

About me
• Nathalie Couture
– @nat33_
– nathalie@alternat.net
– 06 62 01 76 93
Atelier WP SEO - 25 mars 2015

Il n’y a pas que WordPress dans la vie
;)
<troll>
</troll>

SEO camp
• Le seocamp Day à Bordeaux
– Présentation
http://www.seo-camp.org/seo-
camp-day-bordeaux-25-octobre-
2014-5343
– Les videos de l’événement
https://www.youtube.com/watch?v
=k83otVC7Az0&list=PLGNJH-
1Ho2tLHW13OaGiQS4B_HxMN2
ANC
• Web
seo-camp.org
• Twitter
@seocamp
• facebook
https://www.facebook.com/seo.c
amp

Le SEO campus
• @seocamp
• www.seo-campus.org
• Photos :
https://www.facebook.com/media/
set/?set=a.10153056186916928.1
073741835.108567151927
• Une résumé video via
@yakamama
www.yakamama.com/flash-
referencement-31-resume-video-
du-seocampus-2015

Plan
• Les points que je vais évoquer
– Le 21 avril ,
– Rendre son site mobile friendly

21 avril

Outrageusement copié sur http://fr.slideshare.net/olivierandrieu1/2015-seocampusmobile1

Rendre à César…
• Table ronde « 21 avril, big bang ou annonce
qui va faire pschitt » au seo campus 2015
– http://fr.slideshare.net/gwaradenn/21-avril-2015-la-
compatibilit-mobile-critre-seo-officiel-chez-google

Quelques chiffres
– Les ventes via les mobiles sont en hausse de 60 %
en 2014 et représentent 4% du CA du e-commerce.
(Source: Fevad)
– +68% en moyenne pour le trafic des sites mobiles
vs +45% pour les applis contre
-6,8% pour les sites web en juin 2014. (Source: AT
Internet)
– En France,
76,38% des visiteurs proviennent d'un ordinateur,
16,02% d'un mobile,
7,39% d'une tablette et 0,21% d'une console
en février 2015. (Source: StatCounter)

Quelques chiffres
• Attention :
– Les recherches sur mobile représentent 50% des
recherches Google

21 avril, l’annonce officielle
• Le texte officiel de l’annonce de google
– http://googlewebmastercentral-fr.blogspot.fr/2015/02/criteres-
mobiles-positionnement.html
– Lorsqu'ils effectuent des recherches sur un appareil mobile, nos utilisateurs
devraient obtenir les résultats les plus pertinents, le plus rapidement possible,
et cela que l'information se trouve sur une page Web mobile-friendly (adaptée
aux mobiles) ou dans une application. Nous voulons que nos algorithmes
s'adaptent constamment aux tendances observées chez nos utilisateurs.
– Dans le passé, nous avons communiqué sur les erreurs de configuration les
plus communes sur mobile (article en anglais), et avons mis en place des
badges dans les pages de résultats pour indiquer les sites utilisant des
technologies non-compatibles (article en anglais). Nous avons rendu les sites
mobile-friendly plus visibles pour les utilisateurs, et nous avons mis en place
l'App Indexing. Aujourd'hui, nous allons plus loin dans cette direction, et
annonçons deux changements importants qui aideront nos utilisateurs à
découvrir du contenu mobile-friendly.

21 avril, l’annonce officielle
« 1. Plus de sites mobile-friendly dans les résultats de
recherche.
A compter du 21 avril 2015, nous allons étendre notre utilisation
du critère de compatibilité mobile pour en faire l'un des critères
de positionnement du moteur.
Ce changement affectera les résultats de recherche mobiles
partout dans le monde et dans toutes les langues,
et son impact sera significatif.
Notre objectif est de fournir à nos utilisateurs des résultats
pertinents, de qualité, et qui soient compatibles avec leur
appareil mobile. »

21 avril l’annonce officielle
« Pour vous assurer que votre site est mobile-friendly, vous
pouvez consulter notre guide pour les sites mobiles.
Vous pouvez utiliser les outils suivants pour voir comment
Googlebot comprend vos pages :
Pour tester page par page, vous pouvez utiliser le test de
compatibilité mobile.
Pour obtenir une liste complète de problèmes éventuels de
compatibilité mobile, vous pouvez utiliser les Outils Google
pour les Webmasters, et plus particulièrement le rapport de
compatibilité mobile. «

Comment ça va ce passer?
• Communication en amont
– Annonce
– Mails
– outils
• Déploiement
– world wide
– À une même date, le 21 avril
– Uniquement sur les résultats de recherche mobile
• Appréciation
– Page par page
– En temps réel

Que faut il faire?
• Ca dépend…
– Du niveau de compatibilité de votre site
– De vos moyens
– De votre stratégie

Quelle stratégie?
Souvent par manque de temps ou par priorité assumée.
STRATÉGIE
NE RIEN
FAIRE
FAIRE
SIMPLE
(si je peux)
FAIRE VITE
SUIVRE SA
ROADMAP
Cout / Complexité
technique / Faible Forte Anticipé
Risque SEO Fort Moyen Moyen Fort
Dégradation utilisateur / Non Fort Non
Problématique SEO
réglée Non Oui Pas sur A terme

Rendre son site « mobile
friendly »

Rendre à César…
La présentation sur slideshare :
: http://fr.slideshare.net/beunwa/comment-crer-
un-site-mobile-compatible-seo-seocampus
Conférence de benoit Chevillot au SEO campus 2015 :
« comment créer un site mobile compatible SEO

Choisir la configuration de votre site sur mobile
Configuration
Est-ce que mon URL
reste la même ?
Est-ce que mon code
HTML reste le même ?
Responsive Web Desig
n
Dynamic serving
Site mobile séparé
Responsive Web Design : le même code HTML est affiché sur la même URL quel que soit l'appareil utilisé :
ordinateur, tablette, téléphone mobile ou navigateur non visuel. Toutefois, l'affichage peut "répondre" différemment
selon la taille de l'écran. Le responsive design est le modèle que nous recommandons.
Dynamic serving : utilise la même URL quel que soit l'appareil utilisé, mais génère une version distincte du code
HTML pour les différents types d'appareil selon les informations dont dispose le serveur au sujet du navigateur.
Site mobile séparé : un code distinct est affiché sur chaque appareil et sur des URLs distinctes. Cette configuration
essaie de détecter l'appareil de l'internaute, puis le redirige vers la page appropriée à l'aide de redirections HTTP et
de l'en-tête HTTP "Vary".
Source : https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/select-config?hl=fr

Comment faire
• Si votre site est déjà adapté au mobile
– Ouvrir un compte gwt si vous ne l’avez pas déjà
– Vérifier que vos pages passent les critères de
compatibilité -> faire tests
– Corriger les anomalies signalées par google
– Surveiller les statistiques
– Surveiller ses performances (temps de
chargement)
– Optimiser ses images
– Réduire le nombre d’appel http (scripts css)

Comment faire
• Si votre site n’est pas encore adapté mobile :
au choix
– Coder
– Faire appel à un développeur
– Chercher un thème WP responsive (et prier ;p )
en fait et contrôler, tester, corriger…
– Les consignes google pour WP :
https://developers.google.com/webmasters/mobile-
sites/website-software/wordpress?hl=fr

guidelines
Les points à vérifier sur votre site:
• Page speed : TTFB
Les mobiles sont encore plus sensibles aux problématiques de performance et de temps de chargement à
cause de leur hardware et leur connectivité limitée (de moins en moins vrais) : limitez les appels réseaux et
optimisez vos contenus pour les alléger
– Utilisez des typos d’icones :
fontawesome, flaticon, icomoon, …
– Transformez vos images en sprites quand cela est possible :
css.spritegen.com, spritepad, spritizer, …
– Concatenez vos script javascript et vos feuilles de style
– Compressez au maximum vos images sans perdre en qualité
visuelle, en utilisant les outils adaptés vous pourrez gagner en
moyenne 25% sur le poids de vos images :
smush.it (devenu imgopt.com), gtmetrix report, riot (logiciel desktop),
kraken.io (payant)
Outrageusement copié sur : http://fr.slideshare.net/beunwa/comment-crer-un-site-mobile-compatible-seo-seocampus

Guidelines
Les points à vérifier sur votre site:
• Design mobile
– N’utilisez pas FLASH (bien que certain navigateurs mobiles le supporte : firefox
par exemple)
Attention aux lecteurs videos utilisant flash
Préférer les lecteurs html5 des plateformes qui s’adaptent au device et navigateur
utilisé
– N’utilisez pas les popups (utilisez les popins responsive au besoin)
– Pensez que les utilisateurs ont des gros doigts (mettez de l’air autour de vos
zones chaudes) -> espace suffisant entre les liens
– Attention à la taille des images (poids)
– Keep it stupid simple
Outrageusement copié sur : http://fr.slideshare.net/beunwa/comment-crer-un-site-mobile-compatible-seo-seocampus

Les 7 erreurs les plus fréquentes
selon Google
– Fichiers JavaScript, CSS et image bloqués
attention au robots.txt
– Contenu ne pouvant être lu
(flash, vidéos…)
– Redirections incorrectes
Surtout pour site mobile
– Erreurs 404 uniquement sur mobiles
– Interstitiels de téléchargement d'applications
aussi pénible pour l’utilisateur
– Liaisons transverses non pertinentes
Surtout pour site mobile
– Chargement lent des pages mobiles
Aussi pénible pour l’utilisateur
Source : https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/

Atelier WP SEO - Nathalie Couture

Contenu connexe

Tendances (20)

En vedette (20)

Similaire à Atelier WP SEO - Nathalie Couture (20)

Atelier WP SEO - Nathalie Couture