vendredi 24 juillet 2015

Stage référencement - Semaine 6 & 7 - Augmentation Productivité


1. Compétences acquises/Créations


Exemple de widget Amazon
Lors de ces deux semaines, la fin du stage se rapproche et les compétences ne cessent de croître.
J'ai eu un projet un peu plus important en money site avec affiliation Amazone et donc moins de petits sites à côté.
C'était un site sur les babycook (robot permettant de faire des repas pour les bébés).
Le but de ce projet était de rajouter un onglet "La boutique" à la navigation ainsi que de revoir le design du site ( comment transformer la position du menu avec le reste du texte etc..). De plus il fallait rajouter de l'affiliation Amazon sur les autres pages (environ 3 articles pour les pages d'informations et 6 articles pour les pages de présentations produits. Pour ce qui est de la page "La boutique" il y a une liste de 16 articles. Pour chaque pages il y a la possibilité de voir plus de modèles (redirection vers une page de recherche de produit sur Amazon).

J'ai eu deux tâches de netlinking (pour le référencement du site y-nov). Un lien intégré par commentaire de blog ainsi qu'un lien posté dans un commentaire de forum.

Plug in chrome "Nofollow"
J'ai installé un plug in / extension chrome qui permet de voir si les liens de la pages sont en "Nofollow" ou en "Dofollow". Cela est très pratique par exemple lorsque l'on veut faire "ranker" notre site, lorsque l'on doit publier un commentaire de blog ou un message sur un forum, ce plug-in nous permet de voir si notre lien sera bénéfique pour notre page web niveau référencement ou non.





2. Difficultés rencontrés / Expériences


Durant ces deux semaines, une nouvelle difficulté voit le jour, celle de trouver un thème qui n'est pas déjà utilisé par les anciens sites déjà créés. Il y en a de moins en moins et surtout de moins en moins bien adapté au thème du site. Ainsi les recherche de thème peuvent prendre plusieurs longues minutes voir plus d'une heure et ce temps perdu est non négligeable.

A part ce problème demandant de sérieuses recherches, aucune autre difficulté se fait sentir, ainsi le temps qu'il me faut pour faire un site à conséquemment baissé. C'est une sorte de mécanisme qui  s'installe et donc je n'oublis plus les petits détails qui rendent les sites imparfaits. Je vais donc de plus en plus vite et la productivité est largement meilleure.

Pour la semaine prochaine qui est aussi la dernière, j'aurais sans doute une autre affiliation amazon à gérer ainsi que un ou deux sites à créer

Grâce à ce stage et notamment ces deux semaines 6 et 7, je pense pouvoir me mettre à faire moi même mes propres sites dans un but lucratif mais évidement en travaillant moins car je n'aurais pas autant de temps à y consacrer.


3. Réalisations


- 5 CP du 13 juillet au 24 juillet
- 1 MS affiliation Amazon
- 2 Tâches de Netlinking pour le référencement

Exemple de site fait durant ces deux semaines :









jeudi 9 juillet 2015

Stage référencement - Semaine 4 et Semaine 5 - Découverte affiliation


1.Compétences acquises/Créations


Lors de ces deux nouvelles semaines de stage, j'ai appris tout premièrement ce qu'était l'affiliation avec certains organismes (notamment des boutiques en ligne). Par exemple, j'ai appris comment faire une affiliation (c'est à dire devenir en quelques sortes partenaires) avec Amazone. Il faut en fait, à l'aide de moyen d'intégration web, afficher une publicité sur notre site, (ou un simple lien) cliquable et envoyant l’internaute sur la page en question.
La page peut être :
  • La page d'accueil d'amazone (ou de l'organisme plus généralement)
  • Une page de recherche (exemple de recherche : rocking chair)
  • Une page description d'un objet avec référence exacte (exemple de recherche avec nom du modèle ou identifiant de l'article)




 Ainsi il y a plusieurs moyens de faire de l'affiliation amazone :
  • Intégration d'une balise <iframe></iframe> avec dimensions et publicité amazone pouvant contenir images,textes, ou les deux sur le produit en question (ainsi que son prix). Permet l'affichage d'un widget.
  • Intégration d'un lien avec un href pointant vers la page amazone en question. Ce lien peut donc être positionné sur un bout de texte, mot ou encore image (bonne façon d'éviter adblock, car cette extension bloque les publicités et notamment les affiliations amazone).
Cette affiliation consiste donc à afficher des produits sur une page web et donc inciter l'internaute à cliquer dessus. Une fois que celui-ci aura cliquer sur un lien, il sera redirigé vers une des pages d'amazone tout en lui donnant un "cookie" qui est en fait une sorte de marque qu'il va garder environ 24h. Durant ces 24h (à l'aide du cookie) tout achat réalisé par cette personne nous ferons gagner une petite partie de la vente.

J'ai installé et utilisé "Majestic backlink analyser" une extension de google chrome permettant de voir le nombre de backlinks ainsi que le nombre de domaine pointant vers n'importe quel site web. Cela permet de voir si le site est fiable, si il est bien référencé mais aussi par qui. On peut donc avoir accès au Citation flow (popularité de la page) ainsi qu'au Trust flow (niveau de confiance de celle-ci).
Cette extension est réellement pratique par exemple lors de rachat de domaine expiré, on peut donc savoir ou en était le site au niveau du référencement.


J'ai commencé par ailleurs (ceci est en quelque sorte hors stage mais reste dans la même thématique) avec un ami faisant le même stage que moi, a acheté un nom de domaine et a faire moi-même ma propre création de site. Ainsi sylvain notre maître de stage a pu nous expliquer comment fonctionne le rachat de domaine expiré, l'achat de nouveau domaine, comment gérer l’hébergeur OVH etc..
Cela nous a permis de débuter dans le domaine du web et du référencement.


2. Difficultés rencontrés / Expériences


Lors de ces deux nouvelles semaines de stage, les difficultés s'amenuisent et sont quasiment inexistantes. Il reste toujours le fait de devoir rechercher les images adéquates qui sont souvent absentes pour certains sujet comme par exemple pour un site sur la maladie. Un site sur la maladie est donc extrêmement compliqué à rendre esthétique car il n'y a pas d'images (ou alors elles sont moches ou trop petites et donc pas assez pixelisées).
L'affiliation avec les organismes tels que Cdiscount ou Amazone sont relativement aisées (code en php pour l’insertion) ou du moins plus aisées que je ne le pensais.
J'ai aussi quelques difficultés à rendre un site parfait (c'est à dire sans problème lors d’exécution des scripts en java ou autre, ou encore pour les dimensions d'images, l'insertion des dimensions dans le code, l'optimisation de celles-ci ainsi qu'a les renommer pour que leur nom aille avec le sujet etc...


Pour la première fois lors de ce stage, j'ai réalisé un money site mais comme si c'était un communiqué de presse (c'est à dire à l'aide de Wordpress). C'est quasiment la même réalisation qu'un CP sauf qu'au lieu d'avoir une seule page (accueil) avec tous les articles comme un blog, c'est plusieurs pages avec chacun un contenu avec textes et images. Il faut en plus télécharger et installer certains plug-in :
  • Contact form 7 (comme un CP) pour les formulaires de contact
  • All in One SEO pack (pour gérer les meta descriptions et les titles
  • Share social icons (pour apporter à notre money site les boutons likes & shares de facebook ou encore google + ).



3. Réalisations


Ainsi lors de ces deux dernières semaine, j'ai eu l'occasion de faire 
  • 1 site avec affilition amazone
  • 1 Money site mais réalisé avec Wordpress (comme un CP)
  • 4 Money sites
  • 6 Communiqués de presses à l'aide de Wordpress









jeudi 25 juin 2015

Stage référencement - Semaine 2 et Semaine 3 - Expériences en abondance


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 :















samedi 6 juin 2015

Stage référencement - Semaine 1 - Début et découverte du stage

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 :
  • Fait 2 sites à l'aide du CMS Wordpress :
    •  (Thème The7.2 pour Wordpress)
    •  (Thème Gameplan pour Wordpress)
  • Fait 1 money site (MS) 
    • Site sur cristiano ronaldo  réalisé à l'aide d'une template HTML5 CSS3 et responsive

  • Fait deux pages Facebook pour référencer un petit peu les deux CP sur le web (en ajoutant Sylvain en administrateur).



4. Logiciels/Extensions/.. utilisés

 
Open SEO Stats 
Photshop
Google Drive
CMS Wordpress