Webschool Tours

Optimisez le référencement de votre site web
(jusqu’aux micro-balises)

bit.ly/wst2seo

@NicolasBrondin

Nicolas Brondin

Développeur Web Freelance / Entrepreneur

22 ans

Co-fondateur de Peetch.co

Passionné de capybara et d'automatisation

Plan

  1. Définitions et référencement classique
  2. Micro-balises
  3. Atelier pratique
  4. Pour aller plus loin

SEO

(Search Engine Optimization)

Actions et techniques visant à améliorer la visibilité d'un site sur les moteurs de recherche

Moteur de recherche

(Google, mais pas que)

Site sur lequel, en entrant des mots clés, on obtient une liste de sites trié par ordre de pertinence

Référencement naturel

Faire en sorte que le site soit pertinent par rapport aux requêtes des internautes et qu’il soit populaire.

Référencement payant

Achat de services spécifiques à un moteur de recherche pour augmenter la visibilité sur celui-ci

Adwords

Service "d'achat" de mot-clés chez Google pour afficher le lien de votre site comme site web

PageRank

Algorithme utilisé pour trier les sites selon leur popularité

Backlink

Lien présent sur autre site et qui pointe sur le votre

Métadonnées

Une métadonnée est une donnée servant à définir ou décrire une autre donnée

Tags

< meta name="keywords" content="seo, référencement" >

< meta name="description" content="Slide sur le référencement" >

< link rel="canonical" href="http://example.com/url" >

< title > Titre de la page < /title >

Crawler

Robot qui parcourt les pages de votre site pour les indexer

ROBOTS

<meta name="robots" content="noindex, nofollow">

Permet d'indiquer au robot de ne pas indexer la page, ni les liens présents

Usage similaire au robots.txt

PageTrust

Algorithme utilisé pour trier les sites selon leur qualité

Exemples:

- Flash?

- Temps de chargement

- Nombre de pages

- Plagiat

Micro-data
(aussi web sémantique)

Méta-données à l'intérieur du contenu d'une page web

Schema.org

Bibliothèque de vocabulaire

sponsorisé by Google, Microsoft, Yahoo and Yandex

Types

  • Businesses and Organizations
  • Events
  • Product Information
  • People
  • Recipes
  • Reviews and ratings
  • ...

http://schema.org/docs/full.html

Exemple (avant)


<body>
    

Google Nexus 7

229.95

$

New

Available online

</body>

Exemple (après)


<body itemscope itemtype="http://schema.org/Product">
    

Google Nexus 7

$

229.95

New

Available online

</body>

Atelier pratique

  • Créer une page html avec des balises meta et des micro-data
  • L'uploader ( host: files.000webhost.com login: wst2seo pass: wst2seo; )
  • Créer un dossier avec votre nom et mettre la page dedans

Les résultats

Test SEO: bit.ly/wst2seo-analyzer

Test Micro-data: bit.ly/wst2seo-micro

Test Page speed: bit.ly/wst2seo-speed

Pour aller plus loin:

Google sur le référencement:
http://bit.ly/wst2seo-plus-google

200 facteurs de référencement:
http://bit.ly/wst2seo-plus-ranking

Les métadonnées des réseaux sociaux:
http://bit.ly/wst2seo-plus-social