Referencement et performance pour sites E-commerce

Mohammed ALAMI MEJJATIUDEM - MSCE - IFT 6261

1

Présentation de Mohammed ALAMI - IFT6261

Introduction État de l’art :

référencement naturel analyse statistique

Web 3.0, web sémantique Évolution des moteurs de recherche Attributs RDFa Réseaux sociaux et sémantique Outils sémantiques d’analyse web Conclusion

Référencement naturel : optimiser le site pour apparaître sur les résultats naturel.

Outils d’analyse : connaître l’efficacité des différentes actions d’optimisation du site.

Les web analytiques renseignent sur les flux drainés via les sources de trafic.

3


-Être premier dans les premières pages des moteurs de recherche lorsque la requête porte sur son univers métier.

-Le référencement naturel est apparu avec internet. Profondes mutations.

-Pratiques : référencer un site dans les moteurs de recherche en 15 étapes.

4


On parle de cycle de référencement

5


Les 2 premiers résultats organiques sont plus regardés que le 1er lien sponsorisé.

Presque 80 % des internautes ne vont pas au delà de la première page.

6


•Début des années1990 : méthode de mesure par analyse des logs.

•L’an 2000 a vu la standardisation des solutions avec le choix du marquage par tags comme méthode privilégiée

•Début 2007, nouveaux indicateurs. La notion « d’engagement » est née.

7


8


Le buzz monitoring est né. La mesure de l’engagement et l’analyse de l’e-réputation donnent naissance à une panoplie de nouveaux outils.

Au top, le regroupement des éditeurs précurseurs et spécialisés du secteur traduit une homogénéité de leurs outils.

Google Analytics et Yahoo Index Tools ne sont pas des indicateurs neutres.

9


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

10


L’idée est d’utiliser des données structurées pour améliorer l’affichage des résultats de recherche.

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.

RDFa est une syntaxe qui permet de décrire des données structurées dans une page web.

11


•La recherche web basée sur les fichiers index des moteurs semble dépassée (temps réel).

•Pour afficher les Rich Snippets (résumés textuels), Google cherche des formats de balisage RDFa dans les pages Web

12


Google affiche certains résultats de manière enrichie : note moyenne, nombre d'avis par les consommateurs, adresse d'une entreprise, etc.

13


Créer la carte visite de l’entreprise hCard au format RDFa

14


<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Organization"> <span property="v:name">L'Amourita Pizza</span> Located at <div rel="v:address« > <div typeof="v:Address"> <span property="v:street-address">123 Main St</span>, <span property="v:locality">Albuquerque</span>, <span property="v:region">NM</span>. </div> </div> <div rel="v:geo"> <span typeof="v:Geo"> <span property="v:latitude" content="37.4149" /> <span property="v:longitude" content="-122.078" /> </span> </div> Phone: <span property="v:tel">206-555-1234</span> <a href="http://pizza.example.com/" rel="v:url">http://pizza.example.com</a> </div>

Taguer les données relatives à tous les produits et les avis des consommateurs les concernant, ainsi que les événements prévus (soldes..)


15

Le référencement naturel des images et vidéos s’est enrichi du RDFa.

Taguer les images avec la technologie RDFa :

<div about="image.jpg">

<img src="image.jpg">

<a rel="license" href="http://exemple.org/licenses/by-sa/3.0/"> exemple license Termes d’utilisation 3.0</a>

</div>


16

Taguer les vidéos avec la technologie RDFa :

<object width="512" height="296" rel="media:video" resource="http://example.com/video_object.swf?id=12345xmlns:media=http://search.yahoo.com/searchmonkey/media/xmlns:dc="http://purl.org/dc/terms/"> <param name="movie" value="http://example.com/video_object.swf?id=12345" /> <embed src="http://example.com/video_object.swf?id=12345"

type="application/x-shockwave-flash" width="512" height="296"><a rel="media:thumbnail" href="http://example.com/thumbnail_preview.jpg" /><a rel="dc:license" href="http://example.com/terms_of_service.html" /><span property="dc:description" content="Cute Overload defines Baroo? as: Dogspeak for 'Whut the...?'Frequently accompanied by the Canine Tilt and/or wrinkled brow for enhanced effect." />

<span property="media:title" content="Baroo? - cute puppies" /> <span property="media:width" content="512" /> <span property="media:height" content="296" /> <span property="media:type" content="application/x-shockwave-flash" /> <span property="media:region" content="us" /> <span property="media:region" content="uk" /> <span property="media:duration" content="63" /> </object>


17

FOAF est utilisé dans la conception du site de réseautage social canadien identiti.ca

Il devient intéressant de créer un profil FOAF en utilisant RDFa, de l’intégrer dans le site ou le blog, et de faire un lien vers son compte Twitter.

18


<html xmlns:foaf="http://xmlns.com/foaf/0.1/"> <head> <title>Mark Birbeck's profile</title> <link rel="foaf:primaryTopic foaf:maker" href="#me"/> </head> <body> <div about="#me" typeof="foaf:Person"> <span property="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/Ivan/#me">Ivan

Herman</a> <span rel="foaf:img"> <img src=http://www.formsplayer.com/files/pictures/picture-11.jpg alt="Picture

of Mark Birbeck"/> </span> <span rel="foaf:holdsAccount"> <span typeof="foaf:OnlineAccount"> <a rel="foaf:accountServiceHomepage" ref="http://twitter.com/">Twitter</a> <span property="foaf:accountName">markbirbeck</span> </span></span></div></body></html>


19

Les produits phares de Sysomos sont puissants, mais coûteux, pour analyser et surveiller les média sociaux.

20


Backtype est un outil qui permet de chercher et de surveiller des mots clés à travers le web.


21

Tout comme Filtrbox ou encore Steprep, il permet d’obtenir une vue d’ensemble des

opinions sur un sujet ou une marque précise


22

Des outils simples d'analyse de sentiment se multiplient sous la forme d'outils légers

comme Twendz et Twitrratr.


23

Tout référenceur devra maîtriser les syntaxes Xml/Rdfa et les ontolgies Foaf /Sioc qui sont à l’origine du taggage communautaire.

Il faut suivre les évolutions des initiatives du W3C pour l’adoption du HTML5 qui devrait reprendre en grande partie le balisage sémantique RDFa

Il faur utiliser RDFa pour le référencement. Best buy a gagné 30% de trafic en plus grâce aux RDFa et GoodRelations.

GoodRelations is 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”. But the name of the thing is not important. Important is that you can use GoodRelations to create a small data package that describes your products and their features and prices, your stores and opening hours, payment options and the like.

Technology

Referencement et performance pour sites E-commerce