Pour ce festival Google Developer de cette année, j'ai présenté les optimisations techniques pour une page web. Tu peux retrouver tout le détail dans mon article de blog : https://digit-propulse.com/seo/techniques-inpage-sites-internet/

1. SEO :Critéres
Techniques “In
page”

2. Optimisation SEO :
Critéres Techniques
“In page”.
Gaëlle BOZ - Formatrice et Consultante
Digitale, Digit Propulse/ Université
Française de Guinée

3. Chiffres clés du
Web en Guinée

6. SEO : SEARCH ENGINE
OPTIMIZATION ou
référencement
naturel

7. Google Bot
OOGLE
INDEXATION
DATA CENTER

8. https://digit-propulse.com/seo/8-points-cles-seo/

9. Rappel htlm

10. HTLM : Hyper Text Markup Langage - langage de description de
contenu basé sur des balises.
Head : entête, infos au sujet de la page, ne s’ affichent pas dans navigateur
Body : corps, textes et images qui s’ affichent dans le navigateur

11. HTLM : Hyper Text Markup Langage - langage de description de
contenu basé sur des balises.
Head :
 Title = titre de la page et s’affiche dans l’onglet du
navigateur.
 Meta description = description de la page et s’affiche
dans le snippet.

12. HTLM : Hyper Text Markup Langage - langage de description de
contenu basé sur des balises.
Body:
 H1 = titre principal de la page
 Strong = mot en gras
 A HREF : ancre de lien

13. Un outil : Web
Developer

14. Web Developer : une extension sur chrome et mozilla
https://chrome.google.com/webstore/detail/web-
developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
https://addons.mozilla.org/fr/firefox/addon/web-developer/

15. Balise <title>

16. Balise Title
La balise Title est l'un des critères SEO les plus importants pour Google (et tous les moteurs
de recherche). Elle est capitale depuis que les moteurs existent. Elle doit être présente, bien
sûr, mais également avoir une structure donnée, homogène sur tout le site. Et contenir les
mots clés importants, cela va sans dire.../
Balise unique : un title par page et un title dans chacun des pages du site.

17. Extension Wordpress Yoast SEO
Titre = balise title POUR LA PAGE

18. La structuration
du texte en
balises <hn>

19. Les balises Hn servent à structurer un contenu éditorial, tout comme les styles
"Titre n" de Word. Ce sont également des champs importants en SEO et ils doivent
être particulièrement soignés pour fournir un sens sémantique à vos contenus.
La structuration du texte en balises <hn>

20. La structuration du texte en balises <hn>

21. Outil web developer : Information - view document outline
Ce que voit Google bot, si en lisant ces balises hn, je comprends de quoi parle la
page alors google va comprendre. :

22. La balise meta
"description"

23. La balise meta "description" n'est pas un critère de pertinence c’est-à-dire ne joue pas sur le
positionnement dans les SERP.
Mais elle sert à Google pour afficher le résumé textuel décrivant votre page dans ses
résultats.
Une bonne balise meta "description" servira donc à obtenir un meilleur taux de clic dans les
SERP. Autant dire que ce champ est plus qu'important...
Balise affichée dans les snippets.
 Taille : 160 signes par défaut (caractères et espace) - ne pas hésiter à faire plus long.
 Taille peut aller jusqu’à 300 signes.
La balise meta description

24. Balises Schema.org
et les Rich
Snippets

25. Les balises Schema.org en général et celles dédiées aux "rich snippets" en particulier,
servent d'une part à enrichir les résultats de recherche du moteur et d'autre part à affiner
la compréhension sémantique de vos contenus.
Exemple : recettes marmitton - Avis avec les étoiles, note, temps de préparation.
événements – date, titre.
Les balises Schema.org et rich snippets
 Schema.org : https://schema.org/
 Outil google test balises structurées : https://search.google.com/structured-data/testing-
tool/u/0/?hl=fr

26. La balise strong

27. Les mots en gras (balise Strong) permettent de mettre en avant pour le moteur, comme
pour l'internaute, certains termes importants. Il est donc nécessaire de les utiliser, mais
avec parcimonie, pour éviter d'"exploser les yeux" de l'internaute qui viendra lire vos
contenus.
La balise strong

28. Les attributs alt
et title (liens,
images)

29. A chaque image ayant du sens doit être alloué un attribut ALT qui la caractérise et la
décrit. En revanche, les attributs Title ne sont pas lus par les moteurs de recherche. Mais
cela ne signifie pas qu'ils sont inutiles par ailleurs...
Attribut Alt et Title
Texte alternatif =
attribut ALT
Attribut alt est composé de mots clés qui
décrivent l’image, le contenu de la page.
=> Outil web developer :

30. Compatibilité
mobile

31. Comment peut-on imaginer avoir aujourd'hui une visibilité sur le Web sans proposer un
site web compatible mobile et donc, puisque ce format semble avoir gagné la partie,
disponible en responsive design. Les motivations sont nombreuses mais avant tout, c'est
l'internaute qu'on va ainsi satisfaire.
https://search.google.com/test/mobile-friendly?hl=fr
Responsive Design

32. Temps de
chargement des
pages

33. Tout comme pour la compatibilité mobile, le temps de chargement des pages est un critère
nécessaire et obligatoire avant tout pour l'internaute, bien avant d'être un critère SEO. A
l'ère de l'avènement du mobile, cette notion prend encore plus de sens. Proposez un site
rapide si vous ne voulez pas que vos visiteurs aillent voir ailleurs !
https://developers.google.com/speed/pagespeed/insights/?hl=fr
Temps de chargement des pages

34. Gaëlle BOZ
Formatrice et Consultante Digitale,
Digit Propulse / Université Française en Guinée
Un blog Digit Propulse :
https://digit-propulse.com/blog/