Cobférence présentée lors de Search Y Technical SEO par Philippe Yonnet - Président du groupe Neper

1. Nouvelles architectures de sites
WEB et SEO
Philippe YONNET
Ceo Groupe Neper
Where Search Marketing meets Science
WEBINAR
3 juin 2021
11h00

3. Where Digital Marketing meets Science

5. Le groupe Neper
Search Y Paris
Search Y
Genève
Les rendez-vous
incontournables du
Search Marketing en
Agence conseil
SEO
Formations
en marketing
digital.

6. Notre
offre
SEO
Une expertise reconnue sur le
marché
Digital Strategy
Spécialiste de l’accompagnement vers la
Transformation digitale
ur le Digital Marketing
Outils innovants, issus des recherches des Neperian Labs
Performance Marketi
PPC, Display, Social Campaigns, VOL, Affiliation…
AMOA - AMOE
Choix de solutions techniques, lead technique, gestion de projets,
Content Marketing
Création, Production de contenus
Big Data
DataMarts, DMP, CDP, Data Mining, REN, Machine Learning
Analytics
Tracking, Dashboards, Scoreboards, A/B testing, CRO, SXO

7. Pour quelles missions faire
appel à nous ?
Développer votre
Trafic Search
Auditer votre site
Accompagner vos
équipes lors d’une migration
ou un lancement de site
Former vos équipes
Au Marketing Digital
Construire
vos scorecards,
dashboards
Elaborer votre
Stratégie Digitale

8. Ex. de Méthodologies
nouvelles
A/B Testing SEO : une approche efficace
par construction pour identifier les
optimisations qui fonctionnent dans un
contexte donné. L’arme imparable face à
un algorithme de plus en plus opaque.
Les optimisations CLOUD : Exploiter les
technologies Cloud et/ou Serverless pour
contourner les blocages technologiques
de vos sites web (amélioration du SEO,
des performances)

9. Neper s’est dotée dès son lancement d’un
programme de recherche sur les
applications de l’IA et du NLP au digital
marketing piloté par le Dr Halaleh Kamari
Neper a le statut de Jeune
Entreprise Innovante
Les Neperian Labs

10. SEARCH Y PARIS et SEARCH Y GENEVA
L’événement majeur du search marketing
+600 visiteurs,
Créé en 2018
avec la participation des représentants des moteurs Google,
Bing, Baidu, Yandex

11. Neper
University
Créé en 2018,
Le centre de
formations
Know Y est
spécialisé
dans les
formations sur
le marketing
digital
Diffuseur de savoirs
Formations
Know Y dispense
des formations :
-Interentreprises
(catalogue :
https://www.know-
y.fr)
-Intra entreprises
(sur mesure)
En présentiel, en
e-learning ou
blended learning
Participants
Les modules
sont
personnalisés
en fonction du
profil des
participants
aux sessions,
en tenant
compte de leur
niveau actuel
Datadock
Les formations
sont
référencées
Datadock.
Elles sont
donc éligibles
à un
financement
par votre OPCO

12. Nous Contacter
contact@neper.fr
Neper_Group
+33 1 80 88
56 00
Neper_Group

13. Les Nouvelles Architectures de sites
web

15. Architectures logicielles pour faire un site web ?
Concrètement, une architecture logicielle décrit comment un service est découpé en
composants, et comment ces composants interagissent entre eux.
Depuis l’invention du World Wide Web au début des années 90, une architecture était
dominante
C’est quoi une architecture logicielle ?

16. Mais depuis quelques années…
Et les développeurs ont pu
déployer une plus grande
créativité
Pour le pire et le meilleur
Côté SEO : souvent pour le
pire
… la technique a fait quelques progrès !

18. Euh… un site web c’est un site web non ?
Une petite sélection :
Utiliser un service SaaS
Les CMS headless
Les SPA
Les PWA
Les frameworks JS
Web Assembly
Les sites serverless
Et pour chaque techno, on va dire si c’est ok pour le SEO ou non
Il y’a maintenant des tas de façons de faire un site web

19. Bâtir son site web à partir d’un service SaaS
Une architecture de plus en plus fréquente

20. Et côté SEO cela donne quoi
Aucune solution n’est nativement 100%
compatible
Sauf si vous basculez en mode headless
Il y’a toujours un peu de travail
d’optimisation à faire
Parfois beaucoup
Cela empire si vous cherchez à obtenir de
ces outils des choses pour lesquelles ils
n’ont pas été conçus
Attention à l’impact des « développements
spécifiques »
A déconseiller si le SEO est stratégique
pour vous
On progresse, mais c’est pas top…
75% à
95%
Compatibilité SEO

21. Pourquoi ces solutions sont populaires
Solutions presque « clés en main »
On peut (presque) se passer d’équipes
techniques pour fabriquer un site web avec
ces outils
Pas de maintenance
Scalabilité maximum
Coût (apparent) faible
Des coûts cachés à prendre en compte

22. Les CMS headless
Si on veut faciliter la génération
de code pour différents usages
(mobile, IOT, apps…)
Si on veut « assembler » des
données venant de différentes
API pour générer ses pages
Les CMS habituels sont lourds et
inadaptés
Les CMS headless fournissent une
solution radicale

23. Monolitique, couplé, découplé, headless ?
C’est quoi la différence ?

24. Quelques exemples de CMS headless
Les CMS purement « headless »
Strapi https://strapi.io/
Cockpit https://getcockpit.com/
Directus https://directus.io/
Les CMS découplés et semi découplés
Drupal (si si) :
https://www.drupal.org/about/9
Sitefinity :
https://www.progress.com/sitefinity-cms
Plateformes SaaS headless
Core DNA https://www.coredna.com/
Contentful https://www.contentful.com/
Kontent (ex Kentico) https://kontent.ai/
Et leur impact sur le SEO

25. Ok, mais les CMS headless, cela vaut quoi pour le SEO ?
En théorie, tout le code « front », celui vu par les bots
des moteurs de recherche et interprété par les
navigateurs, peut-être écrit librement
Rien n’empêche d’avoir du code 100% SEO compliant
Mais le risque d’avoir un site mal fichu d’un point de vue SEO
est très important
C’est atténué si on utilise un CMS découplé car au moins toutes
les fonctionnalités SEO sont déjà codées
Gestion des balises title, meta robots, canonical…
Gestion des urls, des redirections…
Etc.

27. Les sites « serverless »
Plus de serveurs
En réalité, il y’a toujours des serveurs derrière,
mais ce n’est plus votre problème
des services SaaS, généralement fournis par des
des outils Cloud, comme AWS
Si votre site est composé :
de pages statiques : c’est idéal, performant, et
simple à déployer
de pages avec du contenu dynamique : c’est
intéressant, mais très différent

28. Serverless : quel impact pour le SEO ?
En principe le site peut-être 100% compliant
En pratique… si le contenu est dynamique, c’est rarement parfait
Utilisation excessive du javascript dans le navigateur
Balises SEO mal gérées (duplicates) ou absentes
Si le contenu est statique, c’est bon

29. Les « Single Page Applications »
Le principe : on développe un site web
comme une application.
On utilise des technos web (javascript, html,
serveurs web, https…) pour fabriquer une
application
Un seul code génère tout le contenu, pas de
notion de page web
Pour le SEO c’est une hérésie
Notion d’app : les développeurs sont tentés de
faire générer le contenu dans le navigateur de
l’internaute (mauvaise idée)
Une seule page au lieu de plusieurs :
absolument pas compatible SEO
On peut rendre ce type de code compatible, mais dans ce cas,
on ne peut plus appeler cela une SPA (ce n’est plus une app, et il
y’a plusieurs pages)

30. Les SPA, côté SEO, qu’est-ce que ça donne ?
Là on cumule plein de défauts gênants
pour le SEO
Risque d’impact négatif maximum !
Formellement déconseillé si le SEO est
stratégique pour vous
Important : reprenez vos développeurs
quand ils appellent votre site web fait
avec (au hasard) AngularJS une SPA
Si ce n’est pas une app
S’il y’a plusieurs pages

31. CSR, SSR, Hybrid
SSR : façon traditionnelle de faire un site
web
CSR : l’essentiel du contenu est généré
dans le navigateur de l’internaute
Danger potentiel pour le SEO
SPA
Hybride : une partie du contenu HTML est
généré côté serveur, une partie côté client
Variante : SSR avec hydration
Potentiellement 100% compatible SEO

33. Les frameworks JS et le contenu généré en JS
VueJS, ReactJS, AngularJS et les autres…

34. La recommandation a changé
Google et Bing exécutent (plutôt bien) le code javascript côté client
Mais ils sont encore bien seuls
Les frameworks sont devenus « universels » : ils sont utilisables en SSR, en CSR,
et en hybride
Si utilisé en CSR : mauvais pour le SEO
Si utilisé en SSR : ok pour le SEO, c’est un site web normal
Si utilisé en Hybride : dépend de la bonne implémentation, mais c’est potentiellement plutôt
plutôt OK
Même chose pour l’hydration
On peut obtenir dorénavant des bons résultats avec ces technologies

35. Les « Progressive Web Apps »
Les sites « PWA » sont des pages web en
HTML5 (des pages web « normales ») dont
le code tire parti des fonctionnalités
avancées des navigateurs modernes pour
se comporter comme des apps
Sauvegarde locale de données / paramètres
Consultation hors ligne
Déclenchement d’alertes
Accès aux capteurs : GPS, APN…
Enregistrement d’un raccourci vers l’app
…
Cela évite de télécharger une app à part

36. Les PWA et le SEO
En théorie, un site PWA peut-être 100% compatible SEO
C’est même beaucoup mieux qu’une app.
Si on a besoin de faire indexer le contenu d’une app, il faut passer par l’app
indexing, obsolète et compliqué
Avec une PWA : cela s’indexe comme des pages normales
En pratique, tout dépend qui développe les PWA :
Si les devs sont habitués à faire des sites web : OK
Si les devs sont habitués à faire des apps : possible de récupérer un code
non compatible (site conçu comme une SPA et non comme un site web
« normal »)
VIGILANCE DE RIGUEUR

37. Conclusion
On vit une époque où les innovations foisonnent autour de la façon de construire des sites
web
Toutes ces nouvelles méthodes ne sont pas toujours parfaitement maîtrisées par les équipes techniques,
techniques, ce qui engendre un risque élevé pour le SEO
C’est néanmoins un handicap qui disparaîtra avec le temps
La plupart de ces méthodes sont néanmoins 100% compatible SEO sur le papier
Il est donc possible d’avoir un bon référencement en les utilisant, à condition de veiller à ce que
l’implémentation soit parfaite
Ne jouez pas avec le feu : faites vous accompagner par des spécialistes qui connaissent ET
le seo ET ces nouvelles technologies

38. Merci