• Support de formation 2018-2019

Séance 5

Avancement par équipe 

Site Identifiant principal Mot de passe Groupe
http://equipec.kiubi-admin.com
  • http://equipec.kiubi-web.com
  • l'ensemble des pages fonctionnent correctement
  • l'arborescence correspond assez bien au périmètre projet et besoin des cibles
  • bon avancement global vous pouvez sans doute améliorer certains aspects d'ici l'évaluation de votre travail 
ecv2@ecv.fr ecv2@ecv.fr C
http://groupe-j.kiubi-admin.com
  • http://groupe-j.kiubi-web.com
  • Bon travail de personnalisation de l'accueil (graphisme et contenu)
  • problème de maitrise de la mise en page dans les pages profondes 
    • j'ai corrigé rapidement certaines grosses anomalies d'affichage
  • vous pouvez sans doute améliorer certains aspects d'ici l'évaluation de votre travail 
ecv3@ecv.fr ecv3@ecv.fr J
http://groupee.kiubi-admin.com
  • http://groupee.kiubi-web.com
  • bon travail de personnalisation et de graphisme qui a déclenché quelques anomalies d'affichage 
    • j'ai corrigé quelques mises en page (en intervenant essentiellement sur les modèles de mise en page affectées à chaque page)
  • en regardant les modifications réalisées vous devez pouvoir mettre au propre et afiner votre site 
ecv4@ecv.fr ecv4@ecv.fr E
http://groupef.kiubi-admin.com
  • http://groupef.kiubi-web.com/
  • bon travail de personnalisation et de graphisme sur l'ensemble des pages 
  • vous devez pouvoir améliorer la présentation de quelques pages 
ecv5@ecv.fr ecv5@ecv.fr F
http://groupeh.kiubi-admin.com
  • http://groupeh.kiubi-web.com/
  • bon travail de personnalisation et de graphisme qui a déclenché quelques anomalies d'affichage 
    • j'ai corrigé quelques mises en page (en intervenant essentiellement sur les modèles de mise en page affectées à chaque page)
  • en regardant les modifications réalisées vous devez pouvoir mettre au propre et afiner votre site 
ecv6@ecv.fr ecv6@ecv.fr H
http://groupi.kiubi-admin.com
  • http://groupi.kiubi-web.com/
  • bon travail de personnalisation et de graphisme qui a déclenché quelques anomalies d'affichage 
    • j'ai corrigé 1 mise en page
  • vous pouvez perfectionner un peu le site en utilisant les fonctions blog pour présenter vos actualités et améliorer certains autres points 
ecv7@ecv.fr ecv7@ecv.fr I
http://lauregeorgedanse.kiubi-admin.com/
  • http://lauregeorgedanse.kiubi-web.com
  • bon travail de personnalisation et de graphisme 
  • vous pouvez perfectionner un peu le site en utilisant des surcharges CSS pour modifier/cacher certains éléments (prix sur le hover des enseignants,...)
ecv8@ecv.fr ecv8@ecv.fr B
http://point-g.kiubi-admin.com
  • le graphisme est très soigné en page d'accueil par contre il reste dans le site des pages de l'ancien template (carte,...) > il faudrait mettre à jour l'arborescence pour qu'elle corresponde bien à une école de danse 
  • de même il traine des modules et contenus dans certaines pages qui n'ont rien à voir avec une école de danse 
ecv9@ecv.fr ecv9@ecv.fr G
http://rglc-sitedanse.kiubi-admin.com
  • ok pour la personnalisation globale du template mais elle déclenché quelques anomalies d'affichage 
    • j'ai corrigé quelques éléments 
  • vous devez pouvoir améliorer la présentation de quelques pages 
ecv10@ecv.fr ecv10@ecv.fr A
 

Travaux à effectuer avant le 12/04/2017
> Ce travail est évalué 

  1. Vous devez continuer à mettre à jour et améliorer votre site sur les aspects : arborescence, contenus, mise en page, graphisme,...
  2. Vous devez m'adresser avant le 12/04/2017 un mail à l'adresse contact@natural-net.fr contenant 
    • le lien vers votre site
    • les noms et prénoms de l'ensemble des étudiants de votre groupe 
    • un texte de 10 à 20 lignes expliquant : 
      • votre état d'avancement à cette date 
      • ce que vous n'êtes pas arrivés à réaliser, les difficultés que vous avez rencontré 
      • toutes autres informations permettant de mieux comprendre votre projet et votre avancement 
L'ensemble des équipes seront notées à partir du 13/04/2017

Préparation à la mise en ligne / ouverture commerciale du site

Cette étape doit être traitée avec soins, elle correspond à une phase de vérifications (suivie d'optimisations) et une phase de préparation à l'ouverture commerciale.

"Recette" du site 

Cette phase consiste à tester l'ensemble du site, les liens, les formulaires,... Un document de suivi de recette et de corrections peut être mis en place pour faciliter cette étape. Il est souhaitable d'impliquer le client final dans cette étape. 

Vérifications et optimisations plateformes et navigateurs 

  • vérification de la compatibilité navigateurs et plateformes par tests du site 
    • pouvant déclencher des optimisations HTML CSS JS
  • vérification de la qualité d'accueil en smart phone et tablettes 
    • pouvant déclencher des optimisations HTML CSS JS

Qualité d'accueil des internautes

  • vériication du bon fonctionnement de la page d'erreur et de la clarté des éventuels message d'erreur
  • vérification de la bonne accessibilité du site web 
  • vérification des optimisations de l'impression 
  • vérification de la facilité de prise de contact par différents moyens 
  • vérification des favicons (plusieurs versions) 

Vérifications et optimisation du référencement naturel

Optimisation SEO du contenu rédactionnel 

Le contenu rédactionnel est un facteur important de la visibilité d'un site sur les moteurs de recherche, il est nécessaire : 
  • De prendre en compte l'ensemble des expressions clés de la longue traine
long tail by chris anderson
  • de proposer un contenu qui répond aux "questions" des internautes prospects
  • Disposer d'une arborescence (d'un nombre de pages) développée ou chaque page permet de travailler sur une expression clé donnée
  • de proposer un contenu unique et de proscrire toute reprise de contenu existant (c'est toujours le premier contenu qui est privilégier par les moteurs de recherche)
  • de proposer un contenu riche (vidéo, image, fichiers,...)
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 
Outils à utiliser pour la phase de production de contenu 

Facteurs SEO liés au site 

Facteurs SEO liées aux pages du site

Le travail SEO nécessite d'optimiser chaque page du site web 
Sémantique HTML 
La sémantique de la page web est fondamentale : 
  • 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 :  A lire : http://yellowdolphins.com/publications/articles/optimiser-ses-pages-pour-le-seo/​
URL de la page 
  • L'URL de la page 
    • contient l'expression clé principale de la page 
    • contient un minimum de "répertoires" et s'il y en a ces répertoires doivent avoir du "sens"
Performances 
Les temps de chargement et performances des pages web deviennent essentielles pour un travail affiné du référencement d'un site. Plusieurs facteurs agissent sur cette performance : 
  • l'hébergement et les performances du serveur
  • les propriétés de performance liées au CMS et à son instalation sur un serveur donné 
  • la compression des fichiers téléchargés 
    • il est possible de configurer le serveur pour que l'ensemble des fichiers soient délivrées en .gzip
  • le poids total global de la page web (html + css + images + js + autres) 
  • la minification des fichiers CSS et JS 
  • un appel à un nombre limité de fichiers externes par la page web (un appel css, un appel js)
  • des appels javascripts non obstructifs 
    • placé tout en bas du code HTML pour se charger en dernier 
    • permettant malgré cet appel en dernier un affichage correct et non bloqué de la page web avant le téléchargement du fichier javascript 
  • le recours à des CDN pour la délivrance de fichiers 
Pour analyser ces aspects performance vous pouvez utiliser de nombreux outils : 

Mise en place d'outils

  • La mise en place d'un outil d'analyse d'audience (Google Analytics, Xiti,...) est nécessaire pour disposer de métriques sur le site permettant de mesurer son efficacité et de travailler à son amélioration sur les moyens et longs termes.
  • La mise en place de l'outil Google Webmaster Tools est indispensable pour travailler plus finement les optimisations SEO du site web 

Mise en place d'autres éléments de communication 

  • L'ouverture commerciale du site peut/doit correspondre également à la mise en place d'une visibilité accrue par : 
    • une présence sur les réseaux sociaux grands publics et/ou professionnels 
    • une présence sur des outils / annuaires tels que Google My Business ou Yelp par exemple 

Ouverture commerciale du site

Pour réaliser cet ouverture commerciale il faut à minima :  Cette ouverture technique peut/doit être accompagnée d'actions de communication, relations de presse,...

Formation de l'annonceur 

L'annonceur doit être formé à l'outil de gestion du site, une documentation peut/doit lui être remise pour qu'il puisse intervenir en totale autonomie.

Suivi post mise en ligne et exploitation du site 

  • Une fois l'ouverture commerciale effectuée le site est mis sous surveillance quelques jours pour vérifier sa bonne indexation par les moteurs de recherche.
  • Dès lors que le site fonctionne et que vous disposez d'assez d'indicateurs sur l'audience du site de nouvelles amélioration et enrichissements peuvent / doivent être envisagés.

Optimisation de la 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é d’un site est un élément très important de la qualité du référencement naturel et donc du positionnement sur les résultats des moteurs de recherche. La popularité peut s’obtenir de manière naturelle par la qualité et l’intérêt des contenus d’un site ou être favorisée à l’aide d’une politique active de netlinking.

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 :