• Support de formation 2018-2019
Web & webmarketing
burger menu

TP n°2 Battle SEO.

  1. Support de cours PUB/MMI/ECV
  2. Intégration web M1205 2015 2016
  3. Cours & TP du semestre 2
  4. TP n°2 Battle SEO

TP n°2 Battle SEO

Objectifs du TP 

  • Finaliser votre intégration HTML CSS et la mise en place des contenus
  • Vérifier que je détiens bien les URL des sites de chaque binome
  • Réaliser les vérifications nécessaires pour l'optimisation de votre site
  • Nous poser vos questions pour finaliser votre projet
Nous n'aurons plus de séances de TP sur ce sujet avant le 30 avril date de fin et de notation de la battle.

Rappels 

  • Site de 5 pages maximum 
  • Vous pouvez utiliser/mettre en place codes HTML, CSS, JS, et images dans votre site, utiliser des polices non systèmes, mettre en place des animations,... 
  • Les templates prêts à l'emploi sont interdits, par contre vous pouvez utiliser des framekork HTML/CSS/JS (bootstrap, knacss.com,...)
  • Utilisation d'images et de documents libres de droits
  • Les actions SEO que vous menez peuvent avoir lieu sur votre site et en dehors de celui ci (backlink)
  • La battle s'achèvera le 30 avril et aboutira à une notation comptant dans le module 
  • A partir du 30 avril : interdiction de toucher à son site et interdiction de mener des actions à l'extérieur du site 
  • Positionner au plus haut niveau des résultats de recherche de Google.fr votre site web sur les termes : 
    • "Prudwizzle"
    • "Jouet Prudwizzle"
    • "Jouet enfant Prudwizzle"
    • "Jouet bois Prudwizzle"
  • En réalité, comme vous vous en doutez le "Prudwizzle" n'existe pas, il a la propriété rare de ne fournir aucun résultat lors d'une recherche sur Google.fr : cf https://www.google.fr/?gws_rd=ssl#q=Prudwizzle (vous n'avez donc (pour l'instant) aucun concurrent).
    • Pour faciliter la rédaction du contenu voici quelques infos sur le "Prudwizzle"
      • Le Prudwizzle est un jouet en bois français créé en 2014 par un inventeur jurassien 
      • Le Prudwizzle est un petit jouet en bois original. C'est surtout un mystère de la science...En le frottant avec la petite baguette, l'hélice située à l'extrémité se met à tourner. Dès que l'on prononce la formule magique "Prudwizzle ", l'hélice se met à tourner dans l'autre sens.
      • Dimensions : 28 cm - A partir de 5 ans
      • Le prix de vente public est de 10€ TTC
      • Cet article est vendu à l'unité. Les couleurs peuvent varier en fonction des arrivages.
      • Nous vous fournissons quelques images de ce produit (vous pouvez en utiliser d'autres) : Télécharger le fichier (images.zip 507,17 Ko 2016-02-04 22:41:11) 
  • Le site Internet que vous produisez doit permettre la promotion du "Prudwizzle" grâce au référencement naturel de votre site. 
  • Le site Internet ne disposera pas de fonctionnalités dynamiques (pas d'achat et paiement en ligne, pas de formulaires,..) 
  • Vous pouvez consulter l'aide sur l'outil thimble https://support.mozilla.org/en-US/products/webmaker/thimble

Déroulement du TP 

Réaliser les vérifications nécessaires pour l'optimisation SEO de votre site

1. SEO : contenu et code 

Idéalement il faut envisager une arborescence de site web permettant d'avoir une page associée à chaque expression clé stratégique.
Au niveau purement rédactionnel, lors de la production du contenu des pages il faut : 
  • Travailler si possible sur une expression clé unique par page, 
  • Viser une densité de 2% à 5% de mots clés (pourcentage de mots clés pour 100 caractères) dans le contenu textuel de la page, ces mots clés étant plutôt placés au début du contenu et mis en valeur en gras et pointant sur des liens.
  • Utiliser titres et sous titres pour structurer le texte en réutilisant dans ces titres et sous titres l'expression clé de la page,
  • Mettre en emphase (<strong>, <em>) l'expression clé de la page dans les zones de contenu 
  • Utiliser des éléments tels les listes ordonnées ou non ordonnées, les paragraphes pour apporter une structure fine au contenu 
  • Vérifier les intitulés des liens 
  • Le standard HTML5 est à privilégier 
  • Le code HTML doit être valide W3C
  • Le contenu doit être accessible et ne doit pas être délivré via du javacript ou du CSS 
  • Chaque page dispose d'une balise META title unique (n'existant pas sur d'autres pages) et contenant l'expression clé principale de la page 
    • De 55 à 65 caractères conseillés. Le titre de la page doit contenir les principaux mots-clés de la page, ainsi que le nom de votre organisation. Cela ne doit pas être une simple liste de mots-clés, il doit refléter le contenu de la page. Chaque page doit avoir un titre unique.
  • Chaque page dispose d'une balise META description unique (n'existant pas sur d'autres pages) et contenant l'expression clé principale de la page 
    • Entre 140 et 170 caractères conseillés. Cette balise doit décrire succinctement le contenu de la page et ne doit pas être une liste de mots-clés. En revanche, elle doit contenir les expressions clés les plus importantes de la page. Assurez-vous que chaque page de votre site ait une meta description différente.
  • Chaque page dispose d'une balise <h1> unique (n'existant pas sur d'autres pages) et contenant l'expression clé principale de la page
  • La page possède plusieurs balises de headings de type h2, h3,... contenant l'expression clé principale de la page
  • L'expression clé principale de la page est également reprise dans le contenu texte de la page et mise en exergue en emphase (<em> <strong>)
  • Les balises ayant du sens (headings, paragraphe, listes,...) sont à privilégier à par rapport aux balises n'ayant pas de sens (div,...)
  • Le squelette principal de la page doit intégrer les balises structurantes de type : 
    • <header> <footer> <section> <article> <aside> <nav> <main> 
  • La quantité de balise HTML utilisée pour construire la page doit être minalisée de manière à ce que l'essentiel du code global soit du contenu et non du balisage html. Il faut que le ratio entre code/contenu soit au maximum en faveur du contenu 
  • les attributs alt peuvent être l'occasion de répéter l'expression clé stratégique propre à chaque page 
L'ensemble de ces optimisations doivent être vérifiées sur différentes pages type du site : 

2. Autres  éléments SEO à optimiser 

Recours aux micriformats

3. SEO : popularité 

Dans le contexte du référencement naturel (SEO), la popularité d’un site Internet désigne le nombre et la qualité des liens hypertextes externes pointant vers ce site ou liens entrants.

La popularité est influencée par : 
  • notoriété et qualité des sites Internet portant les liens 
    • plus les liens sont positionnés sur des sites web majeurs en termes d'audience plus chaque lien sera favorable 
  • le nombre de nom de domaine différent portant au moins un lien portant vers le site cible.
  • position du lien sur les sites Internet portant les liens 
    • si le lien peut figurer depuis la page d'accueil du site en amont c'est plus efficace que si le lien provient d'une page profonde 
  • l'intitulé du lien en lui même : texte présent au sein de la balise <a href="">Ici le texte du lien</a>
  • pages cibles du lien : page d'accueil ou page profonde ? 
De manière général les liens entrants doivent : 
  • être positionnés sur des sites de qualité disposant d'une forte popularité et en phase avec les contenus du site web final 
  • figurer sur une des pages principales des sites en amont
  • avoir un intiulé de lien pertinent et contenant des mots clés en rapport avec le contenu de la page cible du lien 
Différents outils permettent de connaitre le nombre de backlink d'un site Internet : 

Autres optimisations du site 

Qualité d'accueil et compatibilité 

  • Vérification compatibilité anciens navigateurs
  • Vérifications compatibilité mobiles et tablettes 
  • Vérifications optimisations d'impression 
  • Capacités de séduction 
  • Clarté et compréhension du sujet du site 
  • Bonnes pratiques d'ergonomie (optimisation des conversions de type vente, prise de contact,...) 

Accessibilité du site 

  • javascript non obstructif
  • possibilité de naviguer au clavier (tabulation)
  • niveaux de contraste corrects