Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Nouvelles architectures de sites web et SEO

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

  • Be the first to comment

  • Be the first to like this

Nouvelles architectures de sites web et SEO

  1. 1. Nouvelles architectures de sites WEB et SEO Philippe YONNET Ceo Groupe Neper Where Search Marketing meets Science WEBINAR 3 juin 2021 11h00
  2. 2. Where Digital Marketing meets Science
  3. 3. 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.
  4. 4. 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
  5. 5. 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
  6. 6. 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)
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. Nous Contacter contact@neper.fr Neper_Group +33 1 80 88 56 00 Neper_Group
  11. 11. Les Nouvelles Architectures de sites web
  12. 12. 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 ?
  13. 13. 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 !
  14. 14. 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
  15. 15. Bâtir son site web à partir d’un service SaaS Une architecture de plus en plus fréquente
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. Monolitique, couplé, découplé, headless ? C’est quoi la différence ?
  20. 20. 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
  21. 21. 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.
  22. 22. 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
  23. 23. 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
  24. 24. 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)
  25. 25. 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
  26. 26. 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
  27. 27. Les frameworks JS et le contenu généré en JS VueJS, ReactJS, AngularJS et les autres…
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. Merci

    Be the first to comment

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

Views

Total views

220

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

0

Shares

0

Comments

0

Likes

0

×