La production de votre site

Vous avez évalué vos besoins et vos objectifs, défini une stratégie web, choisi le type de site Internet le mieux adapté à votre projet et évalué l’implication nécessaire dans ce dernier.

Mieux, vous avez même déjà rédigé un cahier des charges et choisi un prestataire. Vous êtes alors prêt pour la phase suivante : la production de votre site web.

Mise en place d’une équipe projet par l’agence

Une fois le devis et le contrat validé, le prestataire va alors dédier une équipe à votre projet. En effet, pour réaliser un site web dans sa totalité il faut de multiples compétences :

• Le chef de projet est l’interface entre tous les acteurs du projet, à la fois interne à l’agence mais aussi chez le donneur d’ordre. Il gère le planning, les éventuelles réunions, l’équipe projet pour que chacun puisse mener à bien sa mission.
• Le rédacteur web a l’expérience et connaît les « ficelles » pour adapter et rédiger un contenu pour le web. En effet, on n’écrit pas de la même façon un texte pour une page web que pour un journal papier classique.
• Le SEO (Search Engine Optimizer), ou référenceur, a pour rôle d’optimiser la structure du site et son contenu pour obtenir un positionnement efficace du site sur les moteurs de recherche. Il intervient en amont du projet (référencement « on site ») mais également une fois le site mis en ligne (off site).
• Le webdesigner est la personne qui va réaliser l’interface graphique du site web en tenant compte de la cible choisie, des objectifs définis, de la structure du site, de son contenu et des contraintes liées au support web.
• L’intégrateur ou développeur front-end a pour rôle de transformer la maquette graphique en page web lisible par un navigateur web (Internet Explorer par exemple). Il a également en charge de rendre le site plus fluide, rapide et agréable via l’utilisation de techniques spécifiques comme JavaScript par exemple.
• Le développeur web ou développeur back-end va, lui, connecter l’ensemble des pages à un système de scripting serveur et de gestion de base de données afin de rendre le site dynamique, c’est-à-dire pouvant fournir du contenu adapté à chaque visiteur et automatiser certaines tâches ou fonctions. On pourrait comparer ce rôle à un motoriste. Le développeur web motorise les pages web statiques pour les rendre vivantes.
• Le Flasheur réalise les animations Flash. Il peut être utile pour ajouter des éléments animés à un site ou créer des bannières publicitaires attractives. Son rôle peut être prépondérant dans le cas de la réalisation d’un site événementiel nécessitant un fort degré d’interactivité et d’animation. Il existe également des développeurs Flash qui sont spécialisés dans la programmation spécifique en Flash. De tels profils sont importants dans la réalisation de jeux ou interfaces graphiques très pointues.
• Le webmaster a en charge la gestion au quotidien du site Internet. Il veille à ce que tout fonctionne, surveille l’apparition d’éventuels bugs, s’occupe des mises à jours techniques et éditoriales du site web.
• Le community manager gère la communication de l’entreprise sur Internet via les différents canaux disponibles : email, forums, blogs, réseaux sociaux, etc. Il est à la fois le porte-parole de la communauté qui se forme autour du projet et la voix officielle de l’entreprise. À l’heure du web 2.0 le community manager occupe un rôle de plus en plus important.
• L’administrateur système ou serveur veille à ce que l’hébergement du site soit bien calibré et qu’il puisse accepter le trafic de ce dernier. Il configure et surveille le bon fonctionnement des machines ainsi que des logiciels installés sur ces dernières.

Chaque projet ne nécessite pas forcément de déployer l’ensemble de ces profils. Il faut toutefois compter à minima un chef de projet, un webdesigner ainsi qu’un développeur. Certains profils peuvent porter plusieurs casquettes dans le cas de projets ne nécessitant pas de compétences très pointues, comme par exemple lors de la réalisation d’un site vitrine.

Rédaction des contenus et optimisation pour le référencement

La première étape consiste à rédiger ou faire rédiger le contenu de votre site web tout en optimisant dès le début l’ensemble pour le référencement.

Définition et choix des expressions-clés stratégiques

Il faut étudier les meilleurs mots clés qui correspondent à votre activité et qui sont également tapés dans les moteurs de recherche par les internautes. En effet, il est important de choisir des mots clés représentatifs mais surtout populaires. Il est inutile de se positionner sur des mots clés que personne ne tape.

Définition de la structure du site à des fins de SEO (Search Engine Optimization)

Après avoir sélectionné une série d’expressions-clés, il convient de structurer le site pour les intégrer de façon naturelle et optimisée :

• Plan du site et nommage des différentes URL
• Définition des éléments importants pour le référencement (titres, structure sémantique, etc.)

Relecture de votre contenu, analyse et optimisation pour le référencement

Après avoir défini la structure et le plan du site, vous rédigez son contenu. En général le prestataire l’analyse ensuite et le modifie si nécessaire afin d’insérer les expressions-clés définies au préalable pour l’optimiser pour le référencement naturel.

Premières ébauches du site (Wireframes)

Le Wireframe (ou maquette fil de fer) consiste à réaliser un schéma définissant les zones du site Web d’après le contenu et la structure retenus. Il correspond à du prototypage horizontal, c’est-à-dire au développement de la partie graphique de l’interface homme-machine. Il permet :

• La confirmation de la satisfaction des exigences de l’interface utilisateur et des possibilités du site web
• La simulation du fonctionnement a priori du site web selon les objectifs de départ

Pour un site web, une première forme de maquette statique consiste à définir le « zoning » des écrans, c’est-à-dire le découpage des pages du site. Pour chaque type de page (ex: page d’accueil, page intérieure, chapeau de rubrique, etc.) le prestataire identifie les différentes zones de la page qui sont schématiser à l’aide de blocs afin de déterminer les grandes fonctionnalités et les zones principales du contenu.

Maquette graphique du site

Un fois le wireframe validé, le webdesigner passe au maquettage, c’est-à-dire qu’il ajoute une couche graphique à la structure retenue pour lui donner un ton en accord avec la cible du projet, le type de site défini et correspondre à la charte graphique de votre entreprise.

Découpe technique du site et développement web

C’est là qu’intervient l’intégrateur. Il récupère la maquette graphique et la transforme en code compréhensible pour un navigateur web. Il doit découper la maquette en multiples images, coder en HTML la structure et le contenu de la page et utiliser les feuilles de styles (CSS) pour l’aspect graphique (couleurs, positionnements, images, icônes, etc.)

Le développeur web prend ensuite le relai pour gérer le « moteur du site », c’est-à-dire la programmation de fonctions spécifiques et la connexion avec une base de données.

Mise en ligne du site

Toutes les pages sont réalisées et connectées entre elles. La programmation spécifique est réalisé et la base de données opérationnelle. Après avoir effectué tous les tests nécessaires, le site est mis en ligne. Il devient accessible à l’ensemble des internautes. Il est alors en production.

La prochaine étape, et non des moindres, et la promotion et le référencement de votre nouveau site Internet. C’est l’objet de la prochaine partie de ce site.

Suite : Le référencement et la promotion de votre site (À venir)