Embed Size (px)
Citation preview
Les possibilités méconnues de
schema.org
@cubilizer Erlé Alberton
Bonjour,je suis
Erlé ALBERTON
Développeur Digital Factory | SEO
“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
InterviewPour bien comprendre les enjeux
-1
Levez la main si vous….
❏ vendez des billets d’avion❏ recevez des mails de confirmation de vol❏ vendez des billets de concert❏ gérez des réservations en ligne hôtels/restaurants❏ envoyez des emails a vos clients❏ avez un compte Gmail❏ êtes passé à Google Inbox❏ gérez votre planning sous Google calendar
Normalement 100% de la salle a la main en l’airAnnexe❏ utilisez Google Now❏ avez une montre sous Android wear❏ parlez à votre téléphone / laptop / montre
Oui ?! Ce lien va vous faire un peu peur : https://history.google.com/history/audio
Si vous avezrépondu oui
à l’une des questions précédentesInstallez-vous
confortablement
“Où sont les Googlers ?
Ce que l’on saitpetits rappels
0
Schema.org c’est :
Un format lancé par en Juin 2011
Pour créer une norme d’enrichissement des pages web au travers d’un lexique commun
Permettant de mieux comprendre les entités et leurs relations au sein des pages/sites web
Le site http://schema.org regroupe toutes les définitions de ce format
Les vocabulaires les plus utilisés sont RDFa et microdata….
Things Not Strings
Le WEB 3.0
“Ca c’est fait !
+5Xp
Répartition des Things
Blog 35%BlogPost 32%
Person 25%Autres 18%
source https://www.similartech.com/categories/schema
Les Rich Snippets sont présents sur moins de 10% des sites (monde)% à consolider ! mais il reste très faible
Merci HTML5
La réalité aujourd’huiexplosion des microdonnées
1
https://developers.google.com/structured-data/testing-tool/?url=http://whatis.techtarget.com/definition/Internet-of-Things
Vérifions tout de suite l’url
Microdata
itemscope itemtype itemprop
https://developers.google.com/structured-data/testing-tool/?url=http://whatis.techtarget.com/definition/Internet-of-Things
item
sco
pe itemtype
itemprop
itemprop
itemprop
https://developers.google.com/structured-data/testing-tool/?url=http://whatis.techtarget.com/definition/Internet-of-Things
<html [...] itemscope itemtype="http://schema.org/Article"><head><meta itemprop="image"
content="http://[...]/logos/TTlogo-379x201.png" /><meta itemprop="name"
content="What is Internet of Things (IoT)? - Definition from WhatIs.com" /><meta itemprop="description"
content="The Internet of Things (IoT) is a scenario in which objects, animals or people are assigned unique identifiers and given the ability to automatically transfer data over a network without requiring human-to-human or human-to-computer interaction." />
“Bon ok ça on connait, passons à la vitesse
supérieure….
Où est le Knowledge Graph ?
Microdata, RDFa, quel est le 3° format défini par schema.org ?
Question Mug !
le Json-LD
Qu’est-ce que le Json-LD
JavaScript Object Notation for Linked Data
◎ Il peut être présent n’importe où dans votre code◎ Il peut être appelé en AJAX◎ Un fichier Json-LD peut être appelé comme toute autre
ressource externe (css/Js) dans le HEAD◎ Toutes les données d’une page peuvent/doivent être
décrites dans un format valide
Oui mais ca bouge beaucoup en ce momentEt BABA ?! je crois qu’il y a un bug !
RTFMla “nouvelle transparence” de Google
2
oui, les guillemets sont importants ;)
https://developers.google.com/structured-data/
Quick Winsfacilement applicables
3
Enrichir sa Home Page
Enrichir sa Home Page
https://developers.google.com/structured-data/customize/contact-points
Enrichir sa Home Page
https://developers.google.com/structured-data/customize/social-profiles
Rien de nouveaupour vous ?
Allons plus loin !
Ca ne sera pas long...
Knowledge Fusion
Comment faire pour fusionner les données des Graph ?
http://davidamerland.com/seo-tips/986-five-steps-to-a-fully-semantic-web.html
http://research.google.com/pubs/KevinMurphy.html
Le Knowledge Vault…
Intelligence Artificielle et Machine Learning
http://www.newscientist.com/article/mg22329832.700-googles-factchecking-bots-build-vast-knowledge-bank.html#.VQiKoo6G9SG
On peut revenir aux avantages de la sémantique pour mon site ?
euh !
Non, parce que moi je suis pas dans le même monde,
je suis [remplacez par votre métier] et je préfère quand on parle backlinks,
perfs, Wordpress, GWT, Title/H1 ou Content Marketing
OK, Google….. je t’exploite Now !
https://www.google.com/landing/now/#cards
+88 440 000 000emails envoyés par jour (hors spam)
https://www.google.fr/search?q=how%20many%20emails%20sent%20by%20years%20%3F
Question : a quoi correspondra ce chiffre fin
2017 ?
mails enrichiset si on mettait des entités
dans vos mails…..
4
“Un robot Google lis déjà tous vos mails !
“
Des actions en 1 click dans Gmail ?
Google NowC’est déjà assez impressionnant
Place your screenshot here
Cross-Google experience ah ouais quand même
5
C’est plus joli, mais…. ca ressemble au nouveau Gmail sur
mobile
Des mails que l’on
remarque
Inbox sous AndroidUn reminder créé par la voix, un événement avec Gmap…
… et un mail de Guillaume Eouzan un conférencier qui déchire !http://mindfruits.biz
Place your screenshot here
Inbox sous Androidune fois le mail ouvert il y a des features sympas
Place your screenshot here
Inbox sous AndroidUne commande en cours d’expédition
Place your screenshot here
Inbox sous AndroidRéservation d’un hotel, d’un restaurant et un billet d’
avion
Place your screenshot here
La réponse à tout
pourquoi Google fait tout ça ?
42
Le Code Source
Testez ils vous ont créé des tutos !!!
https://developers.google.com/schemas/tutorials/apps-script-tutorial
“My” Search
Une démo ?!
Place your screenshot here
Mes infos dans la SERP de GoogleHa ok… donc faut que je formate mes emails !
Place your screenshot here
Mes infos dans la SERP de GoogleLes achats, avec icone pour le statut de la commande
Confirmée, Envoyée, Reçue
Conclusionset anticipations
6
Les avantages
◎ SearchMetrics a constaté une amélioration du ranking pour les sites avec l’intégration de schema.org ( +4 )
◎ Un futur facteur de qualité du code ?
il faut demander aux Googlers……..et attendre….attendre …attendre …. la non réponse
◎ Surfer sur la vague/être en avance sur la concurrence
◎ Repenser la structure de vos pages/sites
◎ Exploiter des données non affichées mais valorisantes
L’essentiel c’est de s’intégrer dans le Knowledge Graph/Vault et s’inscrire comme BON fournisseur de DATA valides
sources http://www.searchmetrics.com/knowledge-base/schema/
Semantic Web is Rich of singular Concepts that the Internet Of Things will use for its Growth
http://en.wikipedia.org/wiki/Knowledge_Vault
http://www.newscientist.com/article/mg22329832.700-googles-factchecking-bots-build-vast-knowledge-bank.html#.VQiKoo6G9SG
http://static.googleusercontent.com/media/research.google.com/fr//pubs/archive/42024.pdf
http://googleblog.blogspot.gr/2012/05/introducing-knowledge-graph-things-not.html
http://davidamerland.com/seo-tips/984-google-knowledge-vault-is-semantic-search-on-steroids.html
http://davidamerland.com/seo-tips/986-five-steps-to-a-fully-semantic-web.html
“Il est différent !”“Ah tu as remarqué toi aussi !?”
Presentation design
This presentation uses the following typographies and colors:◎ Titles: Nixie One◎ Body copy: Varela Round
You can download the fonts on this page:http://www.google.com/fonts/#UsePlace:use/Collection:Nixie+One|Varela+Round
Click on the “arrow button” that appears on the top right
Yellow #f8bb00 Orange #ed4a00 Fucsia #e8004cBlue #00acc3 Aqua #00d1c6 Lime #bbcd00Green #65bb48 Gray #617a86 Light Gray #a1becc
You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you need to create new slides or download the fonts to edit the presentation in PowerPoint®
What’s this?
This is a free presentation template for Google Slides designed by SlidesCarnival.
We believe that good design serves to better communicate ideas, so we create free quality presentation templates for you to focus on the content.
Enjoy them at will and share with us your results at:
twitter.com/SlidesCarnival
facebook.com/slidescarnival
About this template
How can I use it?
Open this document in Google Slides (if you are at slidescarnival.com use the button below this presentation)
You have to be signed in to your Google account
◎ Edit in Google SlidesGo to the File menu and select Make a copy. You will get a copy of this document on your Google Drive and will be able to edit, add or delete slides.
◎ Edit in Microsoft PowerPoint®Go to the File menu and select Download as Microsoft PowerPoint. You will get a .pptx file that you can edit in PowerPoint. Remember to download and install the fonts used in this presentation (you’ll find the links to the font files needed in the Presentation design slide)
This template is free to use under Creative Commons Attribution license. If you use the graphic assets (photos, icons and typographies) provided with this presentation you must keep the Credits slide.
Minicons Free Vector Icons Pack by Webalys is published under a Creative Commons Attribution license and Free for both personal and commercial use. You can copy, adapt, remix, distribute or transmit it. If you use this set on your presentation remember to keep the “Credits” slide or provide a mention of this "Minicons Free Vector Icons Pack" and a link back to this page: http://www.webalys.com/minicons
