Pour plus d'info, mon blogpost sur Mozalami http://www.mozalami.com/web-3-0-semantique-incidences-referencement/ Le web sémantique est une réalité depuis que Google annonçait en 2009 qu'il prenait en charge les RDFa même si avant lui en 2008 Search monkey de Yahoo! le faisait déjà. En Juin 2011 les trois moteurs ont approuvé le vocabulaire Schema.org basé sur la syntaxe des microdata du HTML5 : .quelles sont donc les incidences en référencement, 3.0 le marketing 3.0, et le e-commerce 3.0.
6. Profil Mohammed ALAMI Mohammed ALAMI - Confidentiel Janvier 2011 3 I. Profil Mohammed ALAMI SEO : SearchEngineOptimization, SEM : SearchEngineMarketing, SMO : Social Media Optimization
11. WEB 1.0 à 2.0 à 3.0 Présentation Mohammed ALAMI 5 II.1 Introduction WEB 3.0
12. Le Web sémantique désigne un ensemble de technologies visant à rendre le contenu des ressources du World Wide Web accessible et utilisable par les programmes et agents logiciels, grâce à un système de métadonnées formelles, utilisant notamment la famille de langages développés par le W3C. The Semantic Web is a web of data, in some ways like a global database.(Tim Berners-Lee - Septembre 1998). Web sémantique : def Présentation Mohammed ALAMI 6 II.1 Introduction WEB 3.0
13. Web sémantique : RDF Selon W3C, Il est basé sur le RDF (Resource Description Framework). Sur la base de RDF a été développé FOAF destiné à décrire les relations entre personnes. (identi.ca) RDFa est une syntaxe qui permet de décrire des données structurées dans une page web. 7 Présentation de Mohammed ALAMI - IFT6261 II.1 Introduction WEB 3.0 Mai 2009, Google annonçait qu'il utilisait les RDFa
14. Historique du WEB 3.0 2009 : Forester : Splinternet(plateformes propriétaires Iphone, Androide, SNS…) 2010 : Tim Berner Lee - Long LIIethe Web (Amazon, Facebook, Apple…) 2011 : Syntaxes RDFa + Microformats + Microdata Présentation Mohammed ALAMI 8 II.1 Introduction WEB 3.0
15. RDFa : exemple Person <dIIxmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Person"> Mynameis <spanproperty="v:name">Alami MEJJATI</span> HEC Master eCommerce, SEO Expert. Myblog Fr: <a href="http://www.marketing-internet-montreal.com" rel="v:url" title="blog de référencement et marketing">marketing-internet-montreal.com</a> I lIIein <spanrel="v:address"> <spantypeof="v:Address"> <spanproperty="v:locality">Montreal</span>, <spanproperty="v:region">Qc Canada</span> and workactually as <spanproperty="v:title">Consultant</span> at <spanproperty="v:affiliation">CGI</span>. </dII> Présentation Mohammed ALAMI 9 II.1 Introduction WEB 3.0 Source : Marketing Montréal – balisage RDFa Person Vs Review
16. Foaf : exemple Person <html xmlns:foaf="http://xmlns.com/foaf/0.1/"> <head> <title>Mark Birbeck's profile</title> <linkrel="foaf:primaryTopicfoaf:maker" href="#me"/></head> <body><dIIabout="#me" typeof="foaf:Person"> <spanproperty="foaf:name">Mark Birbeck</span> <a rel="foaf:weblog" href="http://internet-apps.blogspot.com/">XForms and Internet Applications</a> <a rel="foaf:knows" href="http://www.w3.org/People/IIan/#me">IIan Herman</a> <spanrel="foaf:img"> <imgsrc=http://www.formsplayer.com/files/pictures/picture-11.jpg alt="Picture of Mark Birbeck"/> </span> <spanrel="foaf:holdsAccount"> <spantypeof="foaf:OnlineAccount"> <a rel="foaf:accountServiceHomepage" ref="http://twitter.com/">Twitter</a> <spanproperty="foaf:accountName">markbirbeck</span> </span></span></dII></body></html> Présentation Mohammed ALAMI 10 Annexe I Source : Référencement Montréal – social optimization
17. <dIIclass="vcard"> My name is <span class="fn">Bob Smith</span>, but people call me <span class="nickname">Smithy</span>. Here is my home page: <a href="http://www.example.com" class="url">www.example.com</a>. I lIIein <span class="adr"> <span class="locality">Albuquerque</span>, <span class="region">NM</span> </span> and work as an <span class="title">engineer</span> at <span class="org">ACME Corp</span>. My friends: <a href="http://darryl-blog.example.com" rel="friend">Darryl</a>, <a href="http://edna-blog.example.com" rel="friend">Edna</a> </dII> MicroformathCard Person Présentation Mohammed ALAMI 11 II.1 Introduction WEB 3.0 Source : Google Tools -Marking up contact and social networking information
18. <dIIitemscopeitemtype="http://data-vocabulary.org/Person"> Mynameis <spanitemprop="name">Bob Smith</span>, but people call me <spanitemprop="nickname">Smithy</span>. Hereismyhomepage: <a href="http://www.example.com" itemprop="url">www.example.com</a>. I lIIein <spanitemprop="address" itemscopeitemtype="http://data-vocabulary.org/Address"> <spanitemprop="locality">Albuquerque</span>, <spanitemprop="region">NM</span> </span> and work as an <spanitemprop="title">engineer</span> at <spanitemprop="affiliation">ACME Corp</span>. Myfriends: <a href="http://darryl-blog.example.com" rel="friend">Darryl</a>, <a href="http://edna-blog.example.com" rel="friend">Edna</a> </dII> Microdata : exemple Person Présentation Mohammed ALAMI 12 II.1 Introduction WEB 3.0 Source : Google Tools -Marking up contact and social networking information
19. <dIIitemscopeitemtype="http://schema.org/Person"> <spanitemprop="name">Jane Doe</span> <imgsrc="janedoe.jpg" itemprop="image" /> <spanitemprop="jobTitle">Professor</span> <dIIitemprop="address" itemscopeitemtype="http://schema.org/PostalAddress"> <spanitemprop="streetAddress">20 Whitworth Institute, 405 N. Whitworth</span> <spanitemprop="addressLocality">Seattle</span> <spanitemprop="addressRegion">WA</span> <spanitemprop="postalCode">98052</span></dII> <spanitemprop="telephone"> (425) 123-4567 </span> <a href="mailto:jane-doe@xyz.edu" itemprop="email">jane-doe@xyz.edu</a> <a href="www.xyz.edu/students/bobsmith.html" itemprop="colleagues"> Bob Smith</a></dII> Schema : exemple Person Présentation Mohammed ALAMI 13 Annexe II Source : Schema.org (Syntaxe = Microdata, Vocabulaire = Schema)
26. Le volume de recherches dans le monde ne cesse de progresser.
27. Pratiques : référencer un site dans les moteurs de recherche en 15 étapes (guide). Présentation Mohammed ALAMI 15 II.2 Référencement 3.0
28. Le triangle d’or : les 3 premiers résultats = 60% des clics 2 premiers résultats organiques + regardés que le 1er lien sponsorisé. Importance du classement Présentation Mohammed ALAMI 16 II.2 Référencement 3.0
29. Présentation Mohammed ALAMI 17 II.2 Référencement 3.0 Sites (Août1995 – Septembre 2010) : Tous domaines : 485,173,671 Sites Sites actifs : 150,000,000 Actifs Source : Netcraft, 2011 Noms de domaine Sites actifs Pages indexées (Septembre 2011) Google : +50 milliards de pages indexées Yahoo + Bing : environ 10 milliards de pages Source : worldwidewebsize, 2011 Taille du World Wide Web
30. Historique référencement Présentation Mohammed ALAMI 18 II.2 Référencement 3.0 2011 : Google SEO PANDA, Fin GoogleBot-News, Bing Social links > Inbound links
31. Google maître absolu Présentation Mohammed ALAMI 19 II.2 Référencement 3.0 La recherche internet continue à croître à travers le monde. Source : comScore, 2010 Google maître absolu Source Compete, US Septembre 2011
33. Les moteurs sont en 3.0 La recherche web basée sur les fichiers index des moteurs semble dépassée (temps réel). Pour afficher les RichSnippets(résumés textuels), Google cherche des formats de balisage RDFa. Présentation Mohammed ALAMI 21 II.2 Référencement 3.0
34. Google extrait de l’info Présentation Mohammed ALAMI 22 II.2 Référencement 3.0 Google affiche certains résultats de manière enrichie : note moyenne, nombre d'avis, auteur d’un article, adresse d'une entreprise… etc. Les mots ne suffisent plus pour une recherche efficiente (reviews, author, place..)
35. Tags sémantiques HTML5 HTML4 : métadata et tags sémantiques pour texte HTML5 : tags sémantiques pour sections de page. Présentation Mohammed ALAMI 23 II.2 Référencement 3.0 HTML (HypertextMarkupLanguage) pas programmation mais Balisage & sémantique Typical page layout with semantic HTML5 sectioning tags (Codeproject) ..avec HTML5, les balises aussi sont devenues intelligentes (Philippe Le Mesle)
38. SEO 3.0 prIIilégiela dIIersitédu contenu.Référencement Multimedia Présentation Mohammed ALAMI 24 II.2 Référencement 3.0 Réf : Rolede multimédia en ecommerce : référencement et web analytiques
39. Sitemap Images et RDFa Présentation Mohammed ALAMI 25 II.2 Référencement 3.0 Depuis 1995, Google Sitemaps a pour but de faciliter l'indexation. Page termes utilisations RDFa: Exemple de Sitemapimages : <?xml version="1.0" encoding="UTF-8"?> <urlsetxmlns="http://www.sitemaps.org/schemas/sitemap/0.9"xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"><url><loc>http://example.com/sample.html </loc><image:image><image:loc>http://example.com/image.jpg</image:loc> </image:image> </url> </urlset> <dIIabout="image.jpg"> <imgsrc="image.jpg"> <a rel="license" href="http://exemple.org/licenses/by-sa/3.0/"> exemple license Termes d’utilisation 3.0</a> </dII> Les moteurs ne peuvent lire le contenu des images, Flash et vidéos
42. Open Graph Protocol <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> <head> <title>The Rock (1996)</title> <metaproperty="og:title" content="The Rock"/> <metaproperty="og:type" content="movie"/> <metaproperty="og:url" content="http://www.imdb.com/title/tt0117500/"/> <metaproperty="og:image" content="http://ia.media-imdb.com/rock.jpg"/> <metaproperty="og:site_name" content="IMDb"/> <metaproperty="fb:admins" content="USER_ID"/> <metaproperty="og:description" content="A group of U.S. Marines, under command of a renegadegeneral, take over Alcatraz and threaten San Francisco Baywithbiologicalweapons."/> ... </head> ... </html> Présentation Mohammed ALAMI 28 II.2 Référencement 3.0 Source : Facebook for Developers
47. L’évolution du Marketing Tendances : évolution de la pratique du marketing en fonction du 2.0. l’influence de l’écologie et des préoccupations environnementales. Christian Dussart et Jacques Nantel, HEC Montréal 2007. Présentation Mohammed ALAMI 30 II.3 Marketing 3.0 Marketing du futur : Stratégie de mise sur le marché qui permettra d’accroître les profits tout en assurant la satisfaction des clients et en contribuant au bien-être de la société.
48. Changement de paradigme Baisse coût internet/Ordi, Smartphones, Open sources -> Communication Participation (personnalisation) + Collaboration (Co-création) Présentation Mohammed ALAMI 31 II.3 Marketing 3.0
49. Passage au Marketing 3.0 Présentation Mohammed ALAMI 32 II.3 Marketing 3.0 Source : Fayon, 2006 Source : Samuel Mayol, Le marketing 3.0, 2011 Processus d’institutionnalisation du 2.0, nouvelles pratiques sociales associées.
50. Changement de valeurs annoncé dans la nouvelle définition de de l’AMA (American Marketing Association) de 2008 L'actIIité, processus de création, de communication, lIIraison, et échange d’offres qui ont de la valeur pour les consommateurs, clients, partenaires et la société au sens large. Philip Kotler, Marketing 3.0. 2010 Présentation Mohammed ALAMI 33 II.3 Marketing 3.0
52. 3 missions pour le M 3.0 Présentation Mohammed ALAMI 35 II.3 Marketing 3.0 (Philip Kotler, Marketing 3.0, 2010) Coller au consommateur, Améliorer la vie des pauvres, Soutenir la planète
53. Quelques exemples M3.0 Présentation Mohammed ALAMI 36 II.3 Marketing 3.0 Nokia connecte la répression Serveurs Google gros conso d'énergie
60. Trafic web : #1 Google places, #2 Google organique, #3 direct.Source : BrightLocalsurvey, Usa. 2011.
61. Préparation achats E+C Près de 9 internautes sur 10 préparent leurs achats sur internet (86%). 81% il y a un an. 6 sur 10 sur les sites marchands pour avis des internautes. 49% recherche info sur les comparateurs de prix. 1 internaute sur 10 consulte les bornes interactIIesdans enseignes « connectées » (1 sur 3 pour les mobinautes) 88% influencés par recommandations de leurs pairs Source : 7ème Baromètre FEVAD-Médiamétrie//NetRatings, FRA. Juin 2011 Présentation Mohammed ALAMI 39 II.4 E-commerce 3.0 Les consommateurs de plus en plus connectés via les réseaux sociaux et l’internet mobile
62. Transition Web based - «Ventes influencées par le Web» Les ventes dans les magasins locaux générées par marketing en ligne et celui de recherche. Recherche Web, Achat Mag Présentation Mohammed ALAMI 40 II.4 E-commerce 3.0 This phenomenon has drIIenthe explosion of commerce 3.0 -- the convergence of offline and online shopping. (Forester, 2011) Sector will generate ~ US$1.13 trillion dollars in U.S. sales during 2011 Ne veulent pas payer la lIIraison/ Ici et Maintenant !! Temps : ne veulent pas attendre l’arrIIéedu produit 51% Toucher : veulent avoir en main le produit au Mag42% Source : Étude Forester, Web-InfluencedSales. Janvier 2011
63. E-com 3.0 & Sémantique Présentation Mohammed ALAMI 41 II.4 E-commerce 3.0 SEO produits /moteurs Partage dynamique catalogue /écosystème (partenaires, revendeurs, comparateurs de prix…). SKOS Simple Knowledge Organization System (Rdf): formaliser catégorisations
64. E-com 3.0 & Sémantique Présentation Mohammed ALAMI 42 II.4 E-commerce 3.0 Tag HTML Tag RDFa (product)
65. GoodRelationsis a language that can be used to describe very precisely what your business is offering. Some people call GoodRelations a “data dictionary”, others prefer “schema” or “ontology”. Best buy a gagné 30% de trafic en plus grâce aux RDFa et GoodRelations. SEO RDFa pour E-commerce Présentation Mohammed ALAMI 43 II.4 E-commerce 3.0 Source : Readwritweb, 2010
66. EcommerceUX 3.0 Recherche interne sémantique 27%commencent visite par nom produit sur e-commerce. 16%commencent en saisissant le nom d’une catégorie de produit Source : Marketing Sherpa & Guidester 70%pour prendre décision Source : Google Commerce Search 3.0 Présentation Mohammed ALAMI 44 II.3 E-commerce 3.0 Révolution de l'expérience d'achat en ligne signée GUIDYU : www.corbeilelectro.com
71. Ressources Veille techno : http://techcrunch.com/ http://mashable.com/ Veille SEO http://searchengineland.com/ http://searchenginewatch.com/ Veille SEM http://www.webpronews.com/ http://searchmarketingnow.com Veille e-Commerce http://www.ecommercemag.fr http://www.journaldunet.com Présentation Mohammed ALAMI 46
72. Place aux questions Mohammed ALAMI Maitrise en commerce électronique About.me/mohammedalami Référencement internet www.referencement-site-montreal.com Marketing internet www.marketing-internet-montreal.com