Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis
-
Upload
erle-alberton -
Category
Data & Analytics
-
view
416 -
download
1
Transcript of Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis
![Page 1: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/1.jpg)
Focus
Schema.orgLa sémantique au secours des moteurs
![Page 2: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/2.jpg)
Erlé ALBERTON
#dev Orange Digital Factory
#seo Voila.fr
@cubilizer
Erlé Alberton
![Page 3: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/3.jpg)
Au programme
◎ Introduction
◎Les différents markups
◎Les avantages - Richsnipets
◎Outils et bonnes pratiques
◎Concrètement sur voila.fr, ça marche ?
◎Conclusion
![Page 4: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/4.jpg)
Pourquoi schema.org
Schema.org est une norme qui a
vu le jour en juin 2011 grâce à un
rapprochement entre Google, Bing
et Yahoo!
Il est aujourd'hui en train de devenir
un “must have” pour les sites et
applications.
La Sémantique
![Page 5: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/5.jpg)
Un effet Boum !
https://www.similartech.com/technologies/blog-schema-entity
![Page 6: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/6.jpg)
http://www.evolutionoftheweb.com/?hl=fr
1 read only 2 interact 3 semantic
![Page 7: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/7.jpg)
Les moteurs ont un point commun (au moins)
![Page 8: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/8.jpg)
“
Un seul input pour des millions
de requêtes !
![Page 9: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/9.jpg)
1.Introduction aux
concepts
Commençons par comprendre
les fondamentaux
![Page 10: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/10.jpg)
“Vos pages web ont une signification
sous-jacente comprise par les
internautes...
Mais les moteurs de recherche ont
une compréhension limitée de ce
qui est décrit sur ces pages...
![Page 11: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/11.jpg)
Le
lexiqueSchema.org ce n’est pas un language c’est une
collection de syntaxes et de vocabulaires hierarchisée
et structurée
![Page 12: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/12.jpg)
Principe de base
itemScope
Déclare le début
d’une nouvelle
Entité
itemType
Définit le type de
l’entité
itemProp
Liste les propriétés
de l’entité
![Page 13: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/13.jpg)
Trois choses importantes à noter :
l’itemProp peut être un itemScope / les urls absolues / la meta
http://example.com pour l’outil google
<div itemscope itemtype="http://schema.org/Event">
<a itemprop="url" href="http://www.example.com/seocamp-day-nice-sophia-antipolis....">
<span itemprop="name">SEOCamp Day Nice</span>
</a>
<div itemprop="location" itemscope itemtype="http://schema.org/Place">
<a itemprop="url" href="http://www.example.com/nice-sophia/orange-labs.html">
<span itemprop="name">Orange Labs Sophia-Antipolis</span>
</a>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">Valbonne</span>
</div>
<meta itemprop="startDate" content="2015-02-13T09:30">
</div>
</div>
Le code source est lisible
![Page 14: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/14.jpg)
Analysons la page http://schema.org/Event
Concrètement - Hiérarchie et structure
![Page 15: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/15.jpg)
Schema.org est structuré en deux hiérarchies :
DataType et Thing
Thing
pour les entités à
proprement ditaction, creativeWork, event,
intangible, medicalEntity,
organisation, person, place,
product
DataType
pour les valeurs des
propriétés textuellesboolean, date, number, text, url,
time
![Page 17: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/17.jpg)
95 531 285Sites utilisant le balisage schema.org
source https://www.similartech.com/categories/schema
![Page 18: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/18.jpg)
QUESTION
Quel est le nombre total de
sites web en activité ?
http://www.internetlivestats.com/total-number-of-websites/
![Page 19: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/19.jpg)
Répartition
des ThingsBlog 35%
BlogPost 32%Person 25%
Autres 18%
![Page 20: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/20.jpg)
2.Trois markups pour un
même résultat…
...Ou pas !
![Page 21: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/21.jpg)
JSON-LD
Les trois syntaxes sont reconnues
et peuvent être utilisées en même temps sur une page
RDFa
Microdata
![Page 22: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/22.jpg)
Chaque type de Thing est décrit dans les trois markups
https://developers.google.com/webmasters/business-location-pages/schema.org-examples
![Page 23: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/23.jpg)
3.Avantages
les rich snipets
La carotte pour nourrir les
moteurs
![Page 24: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/24.jpg)
![Page 25: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/25.jpg)
Mais on est
au #SEOCAMP #NICE06
on en veut plus !
![Page 26: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/26.jpg)
https://developers.google.com/schemas/gmail/action
s
Et si on ajoute des Thing/Action dans les mails ?
C’est de la conversion ?
![Page 27: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/27.jpg)
![Page 28: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/28.jpg)
https://developers.google.com/gmail/markup/highlights
![Page 29: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/29.jpg)
Gmail ActionsGmail utilise le “markup” schema.org pour accélérer les actions utilisateur et pour mettre en avant les informations les
plus importantes pour un email utilisateur.
4 types d’action et 1 “interactive card”:
◎ RSVP Action for events
◎ Review Action for restaurants, movies, products and services
◎ One-click Action for just about anything that can be performed with a single click
◎ Go-to Action for more complex interactions
◎ Flight interactive cards
Highlights in InboxInbox utilise le “markup” schema.org que Gmail pour mettre en avant les information les plus importantes et permettre
à l’utilisateur d’agir avec. Les actions RSVP, One-click et Go-to affichent également des mises en avant pour les types
de “markups” suivants:
◎ Flight Highlight
◎ Event Highlight for events with tickets
◎ Order and parcel delivery Highlights for shopping
◎ Hotel Highlight for hotel reservations
◎ Restaurant Highlight for restaurant reservations
![Page 30: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/30.jpg)
Ok Google… “NOW !”
![Page 31: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/31.jpg)
https://www.google.fr/search? q=translate+Qualité
https://www.google.fr/search?q=quel+est+l%27age+de+elon+musk
https://www.google.fr/maps/search/restaurant/@48.8710907,2.3498186,13z/data=!3m1!5s0x47e66e36d5b3a1a7:0x6e3ce34bd2995e0c
![Page 32: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/32.jpg)
https://www.google.fr/search?q=définition+intelligence+artificielle
Domaines de recherche
Langage naturel - sémantique
Reconnaissance vocale
Reconnaissance d’image
Recommendation - Contextualisation
Internet of Things
Open / Big / Huge Data
IA / Machine learning / Analyse Predictive
![Page 33: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/33.jpg)
Answer - Converse - Anticipate
![Page 34: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/34.jpg)
42
L’age de Obama
La formule de la dopamine
Le cours de l’action Tesla
une démo ?
![Page 35: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/35.jpg)
4.Outils et
bonnes pratiques
Vous n’êtes pas seuls
![Page 36: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/36.jpg)
Bonne pratique :
copier/coller du
code source
pendant le
développement
http://www.google.com/webmasters/tools/richsnippet
s
![Page 37: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/37.jpg)
https://www.bing.com/webmaster/diagnostics/markup/validat
or
Moins flatteur :
mais tout à fait
verbeux pour les urls
en prod.
![Page 38: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/38.jpg)
Le Knowledge Graphhttps://developers.google.com/webmasters/structured-data/events/?&hl=fr
![Page 39: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/39.jpg)
https://developers.google.com/webmasters/structured-data/testing-
tool/
![Page 40: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/40.jpg)
5.En pratique dans
un projet
L’exemple de voila.fr
![Page 41: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/41.jpg)
Place your screenshot here
Mes sorties avec Voila.fr
Sémantiquement très “rich”
![Page 42: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/42.jpg)
Schema.org sur voila.fr
https://www.google.com/webmasters/tools/structured-data?hl=fr
Qualifier les types necessaires
Tester, tester et re tester
Être patient
![Page 43: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/43.jpg)
5.En conclusion
Finalement le SEO dans tout ça
?
![Page 44: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/44.jpg)
Une pratique en avance sur son temps
Préparer l’avenirLe Knowledge Graph est plus
que jamais au coeur des
réflexions de google.
Faites de la veille !
Tests et maitriseLa mise en oeuvre peut devenir
coûteuse, la phase de test en
cours de dev. doit être continue.
Les applications doivent être
sémantiques
Signal fortS’il devait exister un signal de qualité
sémantique du code source.
Ce serait probablement celui la !
Things not stringOn parle d’actions au travers
d’objets définis par des
propriétés, dans un langage
universel HTML via des
protocoles incontournables
HTTP/HTTPS
Ca marche...Et on a maintenant toutes les
spécifications.
Les pages d’aide de Google sont
mise à jour constamment.
8% seulementDes sites sont passés aux
microdatas.
Qu’attendez-vous ?
![Page 46: Focus schema.org et sémantique SEOCamp Nice Sophia-Antipolis](https://reader034.fdocuments.fr/reader034/viewer/2022052304/55a7628f1a28ab24058b4586/html5/thumbnails/46.jpg)
Line Icons by Webalys, Virgil Pana and Mirko Monti are published under a Creative Commons Attribution license and Free for both personal and commercial use.
You can copy, adapt, remix, distribute or transmit them. If you use these sets on your presentation remember to keep the “Credits” slide or provide a mention
and link to these resources:
● Mirko Monti - Simple line icons
● Virgil Pana - E-commerce icons
● Webalys - Streamline iconset