Stage - Formation au référencement: juin 2015

1. Les compétences acquises / Créations

Lors de ces deux semaines j'ai continué à pratiquer énormément le codage html et css dans le but de gagner en rapidité et en connaissance. J'ai par la suite eu l'occasion de faire d'autres sites grâce à Wordpress. J'ai fait quelques web profils (avec ajouts de liens) ainsi que des dépôts de sites web sur des annuaires (tout ceci est du netlinking).

J'ai téléchargé ScreamingFrog qui est un logiciel gratuit permettant de scanner les pages web que nous créons.

Il scan :

- Les titres de pages et sous-titres (h1 , h2 etc) (scan les occurrences, tailles/longueurs etc..)

- Les méta (descriptions, keywords etc..)

- Les attributs "alt" des images

- Si toutes les URL des pages fonctionnent et ne redirigent pas vers une erreur 404

- Encore bien d'autres

J'ai appris à utiliser le site gtmetrix qui permet de scanner une page web et de nous donner le temps de chargement de cette même page ainsi que tous les critères pouvant y être apporté :

Par exemple gtmetrix nous donne :

- Les images non servies à la bonne dimensions (et conseille sur la bonne dimension à utiliser)

- Les images où les dimensions ne sont pas données du tout

- Les fichiers .html ou .css ou encore .js non optimisés (et propose une version optimisé)

- Les insertions mal mentionnées de certains fichiers (notamment les scripts)

Et encore bien d'autres (et même côté serveur).

J'ai aussi appris à optimiser un MS quelques mois après la publication du site (par exemple faire un titre optimisé devant être publié 3 mois après).

J'ai appris ce qu'était une redirection 301 et 302

La redirection 301 ou redirection permanente indique au navigateur web et aux robots des moteurs de recherche que la page visitée a définitivement changée d’adresse. Le caractère définitif de cette redirection indique aux moteurs de recherche qu’ils doivent mettre à jour leur index. De plus la redirection 301 permet au nouveau site B de "conserver le jus de lien" de l'ancien site A contrairement a la redirection 302 qui laisse derrière le jus de lien (qui est donc perdu) - Cf image ci-dessus.

2. Difficultés / Expériences

Pour ce qui est des sites web créés lors de ces deux semaines, l'expérience acquise est énorme et le temps nécessaire à une création simple de site est de un jour et quelques heures (pour un CP) à deux/trois jours (pour un MS). Ainsi les difficultés disparaissent peu à peu même si certains points restent long et fastidieux.

Par exemple, les codes à fournir (notamment les scripts ou feuilles de styles) sont fait bien plus rapidement et certains points reviennent souvent (j'utilise maintenant une "check liste" pour vérifier tous les points de chaque site et pour éviter les oublis.

Cette "check liste" est tout simplement un listing de chaque point oublié auparavant dans les anciens projets et cela permet de fournir des sites de plus en plus peaufinés et sans erreurs. Il faut donc passer point par point en revue et plusieurs fois pour ne rien oublier (il faudrait en idéal, passer 10% du temps de réalisation total à vérifier et corriger le site web en question).
J'ai dû corriger de nombreux sites que j'avais mal fini ou qui présentaient des erreurs notamment le site sur cristiano ronaldo par exemple qui n'était pas assez responsive pour être consultable depuis un téléphone. Malgré le fait que la template était responsive, il n'était pas coder pour les longueurs inférieurs à 600 pixels. C'est typiquement le genre de "tâche" à vérifier et qui rentre très bien dans la checkliste.

Les plus grosses difficultés (ce qui me fait perdre énormément de temps) sont toujours à l'ordre du jour mais disparaissent peu à peu. En effet, les plus grosses pertes de temps sont dues à la recherche de thème (thème pour wordpress ou template responsive html5 css3) qui doit être parfait et adéquate a la thématique visée au début du projet. Puis vient le temps de la recherche d'images adéquates , cette
fois-ci, pour chaque article ou chaque bout de texte intéressant pour les MS.

Par exemple, j'ai réalisé un Money Site sur la maladie de crohn, j'ai ajouté environ une trentaine d'images. Trouver ces 30 images sur le thème "Crohn" est juste impensable , il n'y a jamais l'image adéquate (soit de mauvaise taille, mauvaise qualité, ou juste sujet introuvable sur le net etc..). Cette multitude de soucis dû aux images (qu'il faut ensuite bien ajouter au code avec les bonnes dimensions + faire en sorte qu'elles soient responsive etc..) constituent de longues heures de recherche et de "perte de temps".

3. Réalisation

Pour finir, au niveau des réalisations de ces deux semaines j'ai donc réalisé :

7 Netlinkings

3 WebProfils (7 au 12 Juin)
4 Annuaires (15 au 20 Juin)

9 Sites Web

4 CP - (2 CP pour la semaine 2 (7 au 12 Juin) / 2 pour la semaine 3 (15 au 20 Juin)
4 MS - ( 2 MS du 7 au 12 Juin / 2 MS du 15 au 20 Juin)

Voici deux de ces sites :

1. Le choix

Pour les vacances d'été 2015 , dans le but de valider la première année en école d'ingénieur à Ingésup, ainsi que pour valider les crédits à obtenir après une certaine expérience professionnelle acquise, j'ai décidé de rechercher un stage dans le domaine du développement web.
Durant le mois de Mars, avec l'aide d'un étudiant de deuxième année, j'ai réussi à prendre contact avec Sylvain Le François, ancien étudiant d'Ingésup diplômé à sa sortie il y a deux ans de cela.
Après un entretien vidéo par le biais de Skype (Sylvain se trouvant à Madagascar ce mois-ci) et après lui avoir exposé mon enthousiasme et ma motivation pour obtenir un stage dans ce domaine, il a donc décidé de me prendre en stage pour une période de deux mois, du 1er Juin au 31 Juillet.

Qu'est ce que la SEO ?

2. Les objectifs

Le stage dirigé par Sylvain Le François consiste à effectuer plusieurs choses bien distinctes et donc d'obtenir un maximum de compétences, et d'expériences dans le domaine du développement web.
Ainsi durant ces deux mois, nous aurons comme choses à faire/découvrir :

Créer un site "à la main" (HTML/CSS/PHP)
Créer des money sites (MS) (à but lucratif)
Créer des sites CP (Communiqué de presse) à l'aide d'un CMS (gestionnaire de contenu , exemple : Wordpress (celui que nous utiliserons).
Améliorer ou mettre à jour des sites déjà développer et mis en ligne pour les actualiser
Faire du netlinking (créer des liens vers les sites créés durant le stage ,ou déjà existant , créés par sylvain
Apprendre ce qu'est le référencement et les différentes méthodes à utiliser
Apprendre comment gérer un parc de site web
Apprendre à mieux comprendre la gestion de site web dans le temps ainsi qu'a éviter les sanctions de google vis à vis du netlinking
Apprendre à s'adapter aux tendances/modes/envies du moment pour savoir sur quelles idées se baseront nos futur sites web
Apprendre ce qu'est la "popularité" et le classement/rang d'un site web

3. Les premiers jours de stage, la découverte

Pour le premier jour de stage, j'ai donc premièrement rencontré le maître de stage, Sylvain Le François qui est vraiment génial, gentil,amusant, à l'écoute, toujours présent en cas de problèmes et même si nous ne posons pas de questions, il est toujours là pour nous épauler, nous conseiller ou même nous transmettre sa connaissance et son vécu. C'est vraiment un point très positif, qui est d'ailleurs de mon point de vue le point essentiel au bon ressenti du stagiaire durant la totalité du stage.

Pour ma part, cela me donne énormément envie d'aller travailler avec lui chaque jour et confirme mon envie de travailler dans ce domaine peut être par la suite.

Jusqu'à présent, avant d'être entré à l'école d'Ingésup et même durant cette première année d'apprentissage, chaque site créé, que ce soit en cours ou personnellement chez moi, était en local, c'est à dire sur mon ordinateur, dans mes dossiers et donc non accessible depuis le web.

La première grande découverte était ceci car maintenant, on travaille sur des vrai sites, des sites publiés,mis en ligne sur le domaine de Sylvain, ainsi cela nous donne envie de réussir et nous procure l'envie de rendre un travail parfait. Cela met mon sens du perfectionnisme à l'épreuve car nous n'avons pas réellement le temps de rendre un travail parfait vu le nombre de choses que nous pouvons apprendre.

La seconde découverte était l'utilisation de CMS (gestionnaire de contenu) pour la création de site "Blog". Ce système permet d'obtenir directement des thèmes via le web et une fois installé sur notre ordinateur, des mises en pages sont prédéfinies ainsi que les arrières plans, photos/images, logos et même couleurs et polices de texte. Tout est customisable.

Ceci change complètement la façon de voir le développement web car pour créer un site via cette méthode il n'y a quasiment pas de code à prévoir, juste un sens de l'organisation, du temps et du design (chercher les photos, quel design à apporter et quelle mise en page). Cela à donc été une réelle motivation d'apprendre à me servir de ce gestionnaire de contenu (même si nous l'avions abordé quelque peut pendant les projets transversaux durant l'année, c'était resté un peu flou pour moi).

Ainsi pour cette première semaine, j'ai effectué plusieurs travaux et ai appris beaucoup de choses grâce au partage de Sylvain.

Coté apprentissage (théorique), j'ai donc :

Appris ce qu'était le classement/rang d'un site (cela constitue en quelque sorte le niveau de popularité d'un site). Ce rang est toujours entre 0 et 10 et peut être obtenu à l'aide d'un PR (Page Rank). Pour voir le page rank d'un site web, vous pouvez avoir l'extension chrome prévu à cet effet ici : --> https://chrome.google.com/webstore/detail/open-seo-statsformerly-pa/hbdkkfheckcdppiaiabobmennhijkknn?hl=fr

Appris les bases du netlinking ainsi que les différentes méthodes associées :

Annuaire
Commentaire blog
Forum
Echange de lien
Achat de lien
CP
Web Profil (profil 2.0)
Création de blog

Netlinking : Augmentation du nombre de liens hypertextes menant vers un site web, à partir de sites dont le public correspond à celui visé. L'objectif est d'améliorer le référencement dans les moteurs de recherche de ce site.

Appris la différence entre un CP (Communiqué de presse ) et un MS (money site)

CP : « Communiqué de presse » est détourné de son sens initial qui est : la transmission d'informations à la presse. Pour le domaine du web, une expression plus judicieuse serait : « publication d'article en ligne ». Ces articles en ligne ont surtout une vocation d'acquisition de visibilité sur internet pour un site, notamment en permettant la mise en place de liens retours (backlinks) favorisant le référencement Internet de ces sites. L'augmentation des backlinks permet aux sites d'accroître leur notoriété et d'influencer leurs positions sur les moteurs de recherche.

Il est conseillé de rédiger le communiqué sous forme d'une unique page web pour plus de clarté vis-à-vis des destinataires/visiteurs.

MS : Il s'agit du site privilégié par une technique Black Hat de backlinks qui vise à artificiellement favoriser son positionnement dans le référencement naturel des moteurs de recherche.

Le Money site, situé au centre d'un réseau d'autres sites souvent conçus pour l'occasion, voit converger vers lui de nombreux liens de pages web externes, dans le but d'en favoriser sa visibilité auprès des robots indexeurs des moteurs de recherche.

Le Money site bénéficie d'un afflux de trafic, qu'il monétise la plupart du temps grâce à la mise en place de bannières publicitaires ou la participation à une plateforme d'affiliation.

Les Money sites sont souvent considérés comme Made for Adsense, dans le sens où le but initial de ces sites n'est pas de proposer un contenu unique mais bien de générer des revenus publicitaires.

Technique désignée comme frauduleuse par les moteurs de recherche, elle vise à "artificiellement" améliorer les résultats de référencement naturel. Cette technique classique de "black hat" a été pénalisée dans les mises à jour successives des moteurs de recherche.

Appris comment utiliser le CMS Wordpress pour faire des CP

Appris comment le moteur de recherche Google fonctionnait vraiment avec les sites web créés en permanence

Appris les zones de chaleurs des sites web ainsi que les zones de chaleur d'internet

Qu'est ce qu'une zone de chaleur sur internet, cela est facilement compréhensible grâce à l'image suivante :

Sur cette image , plus la couleur est chaude (rouge) plus la zone en question est regardée et cliquée, et au contraire, plus elle est froide(bleu) moins elle l'est.

Sur la partie de gauche de l'image on voit très bien que c'est la partie haute du site web (celle qui s'affiche sur l'écran en premier lors de l'ouverture du site) qui est la zone la plus regardée et la plus cliquée par les visiteurs et que plus on scroll vers le bas de la page, moins ça ne l'est.

Au centre de l'image , on voit que ce sont surtout les titres (en général surtout les gros titres) et les images qui intéressent le plus les visiteurs.

Et enfin à droite on voit que lors d'une recherche sur google par exemple (mais ceci est valable pour tout moteur de recherche), ce sont les titres des sites (produit par surement la plus importante balise du site : <title></title>) qui sont intéressant pour les visiteurs et surtout les premiers. Bien évidement quand on fait une recherche sur internet, on ne va généralement que jusqu'à la fin de la deuxième page grand maximum. Ainsi, c'est pour cela qu'il est important de bien référencer son site web pour qu'il apparaisse dans les premiers résultats.

Pour la partie théorique du stage de cette première semaine j'ai donc :