TP n°1 Battle SEO.

Objectifs des TP 

• Manipuler un outil en ligne simple d'intégration HTML CSS JS (thimble) pour construire un site d'une ou plusieurs pages web
• Créer un design séducteur et professionnel 
• Optimiser le référencement naturel du site produit

Durée 

• De février à fin avril 2016 
• Au cours de ce semestre nous consacrerons au total 3 TP à ce projet (à priori 08/03 et 23/03)

Outils 

• Connexion Internet 
• 1 compte thimble par binome 
• les blogs, les outils SEO ou trouver des informations sur les bonnes pratiques

Contraintes 

• 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 
• 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 

Principes 

• 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 

• Ouvrez par binome un compte thimble : https://thimble.mozilla.org/
  • en utilisant comme username si possible les noms de famille des 2 binomes 
• Une fois le compte ouvert et activé vous accéderez à une page de confirmation d'inscription
• Cliquez (en haut à droite sur votre username) puis sur "new project"
• Vous accédez à une page muticolonne avec 
  • à gauche l'arborescence du site 
  • au milieu l'éditeur de code 
  • à droite le rendu de la zone éditée
• Donnez un titre à votre projet (en haut à gauche) 
• Publiez votre projet et récupérez l'url de chaque site 
• Testez l'outil pour nous assurer de votre autonomie 
  • créer une page, modifier une page,
  • créer un dossier,
  • importer des images, 
  • afficher des images dans une page, 
  • tester le rendu, 
  • relier les pages web à des fichiers CSS,
• Posez un maximum de questions sur l'outil utilisé et ce projet  
• Elaborez l'arborescence de votre futur site et définir les contenus et la stratégie SEO (plan de balisage,...)

Important 

• publier une première version de votre site web disposant d'un contenu pertinent 
• soumettre l'url de votre site à google cf https://www.google.com/webmasters/tools/submit-url?hl=fr
• me communiquer l'url de votre site par mail : 
  • contact@natural-net.fr
  • Objet du mail : "Prudwizzle -  NOM_binome_1 NOM_binome_2"
  • Dans le mail : lien vers votre site publié 

Notation 

• du classement de votre site sur Google pour les 4 mots clés testés 
• des qualités et soins sur le graphisme et le design 
• de le conformité du code HTML (validité) 
• de l'originalité du traitement du sujet proposé sur le site 
• de l'incitation à l'achat ou à la prise de contact (pour faciliter de potentielles conversions) 
• qualités globales du site produit