Les étapes de la création d'un site Web

La création d'un site se fait en quelques étapes. Planifiée, partant sur de bonnes bases, elle aura alors de bonnes chances de connaître le succès et de rencontrer les Internautes.

1) Définir le type de site

Les principaux genres de site Web:

• Vitrine d'un produit ou d'une entreprise.
• Site basé sur un thème (une technologie, un secteur d'activité...)
• Site éducatif, contenant des tutoriels.
• Logiciel.
• E-commerce.
• Forum.
• Blog.

Le type de site déterminera les outils à employer, notamment si vous comptez utiliser un gestionnaire de contenu pour faciliter la création. Noter qu'un forum, un blog ou un annuaire peuvent accompagner un site portail, et cela accroit le nombre de visiteurs.

2) Choisir le thème du site et son public

Pour une indexation optimale par les moteurs de recherche et un meilleur positionnement dans les résultat, un site devrait être consacré à un thème unique, bien délimité. La première étape est donc la définition exacte de ce à quoi sera consacré le site.
Le public auquel sera destiné le site doit également être bien défini, dès le départ.

Dans un même site, des thèmes multiples n'est pas souhaitable tout au moins au début. A l'inverse il n'est pas souhaitable de créer plusieurs sites sur le même thème, un site unique plus complet est préférable.

3) Choisir un nom de domaine

Le nom du site peut être attribué à un sous-domaine, qui est un répertoire chez un hébergeur, ou un nom de domaine. Comme www.scriptol.fr par exemple. Choisissez un nom en sachant que les noms de domaine ont une valeur.
Même si vous disposez d'un hébergement gratuit avec un sous-domaine, il est préférable de déposer un nom de domaine et le faire pointer sur votre sous-domaine (par exemple, http://www.scriptol.fr serait redirigé sur http://scriptol.sourceforge.net). Cependant le bénéfice reste limité comme le précise la FAQ sur la gestion de site.

Un nom trop long, avec plus de trois mots significatifs. "La-boulangerie-patisserie" est bon, mais "La-patisserie-en-pate-feuilletée-au-beurre" serait un handicap.
Les mots sans accents ne sont pas un problème, mais dans le futur les accents seront admis et courants, il y aura risque de concurrence, il faut y songer.

4) Choisir un hébergement

Si vous ne disposez par d'un hébergement offert avec votre accès Internet ou si vous préférez un hébergement avec gestion des DNS (ce que ne proposent pas les fournisseurs d'accès), le comparatif des hébergements de sites vous aidera à choisir celui qui convient le mieux pour votre site et l'importance des visites prévues.

Soyez attentif aux signes avant-coureurs qui annoncent la faillite de l'hébergeur. Comme par exemple une rupture de service répétée de plusieurs heures. Consulter la liste des hébergeurs Web, une sélection qui vous mettra à l'abri d'une mésaventure.

5) Créer un contenu et le mettre en ligne

Pour faire un site, il suffit au minimum, de télécharger une page dans l'espace fourni par l'hébergeur, cette page étant nommée index.html.
Connaître la syntaxe HTML n'est pas indispensable, vous pouvez éditer la page sur un traitement de texte comme Word ou Start Office et la sauvegarder au format HTML.
Si vous prévoyez un volume de pages important ou voulez évitez de définir la mise en page, vous pouvez utiliser un gestionnaire de contenu de site qui proposera une mise en page prédéfinie et prendra en charge l'organisation du site.

• Voir les logiciels de création de page Web.

Faire un blog

Il peut être hébergé par un site spécialisé qui fourni le logiciel en ligne, il ne vous suffit plus que de taper votre texte.
On peut aussi avoir son propre hébergement et son outil de création de pages. Dans ce cas on utilisera un gestionnaire de contenu, les plus utilisés étant DotClear et Wordpress, voir la liste des CMS.

Questionnez vous sur la qualité

Posez-vous une série de question pour éviter que le site ne soit jugé de pauvre qualité par les moteurs de recherche comme par les lecteurs.

• Le contenu est-il original? (Une recherche sur le titre et les sous-titres peut s'avérer utile).
  Votre site doit être différent, ajouter quelque chose de plus à ce que l'on trouve déjà sur le Web.
• Est-ce qu'on vous fera confiance en lisant vos page?
  Cela dépend de vos références, mais aussi des précisions que vous saurez apporter.
• Donnez vous aux visiteurs ce qu'ils demandent?
  Il pourrait être utile de soumettre le site à des tiers pour avoir leur avis.
• Les visiteurs auront-ils envie de lire plusieurs page, de les mettre en bookmark, de cliquer sur le bouton J'aime ou +1.
  Cela dépend autant de l'intérêt du contenu que de la présentation, ce qui est justifie la section suivante.

6) Créer un site plus attrayant

Pour aller au-delà du site textuel, et offrir aux visiteurs une mise en page élaborée, un éditeur HTML spécialisé devient indispensable, accompagné d'outils de dessin ou de générateurs d'images.
L'emploi des feuilles de style sera aussi nécessaire pour un site vraiment sérieux. Un modèle complet est proposé sur ce site.

7) Le référencement auprès des moteurs de recherche et la promotion

Le référencement consiste à faire connaitre votre site qui serait totalement ignoré du public sans cela.
La première étape est l'inscription sur le répertoire Dmoz.org. Mais cela peut prendre du temps. Entretemps vous pouvez inscrire le site sur quelques annuaires.

Pour plus de précisions sur le référencement, consultez le manuel du référencement et la bible SEO pour l'optimisation des pages. Avant tout les pages doivent être préparées pour les moteurs.

Les méta-tags

Ce sont des balises dont le contenu n'est pas affiché mais qui sont prises en compte par les moteurs de recherche. Il en existe une quantité. Seules deux d'entre elles sont vraiment importantes.

La balise <title>

Elle contient le titre de la page. Elle est recommandée par la spécification HTML. Ce titre doit absolument être différent pour chaque page. Ce ne doit pas être une liste de mot-clés mais une phrase descriptive. Le titre doit être attrayant, il apparait dans les résultats des moteurs de recherche et on doit avoir envie de cliquer sur le lien.
Noter que si la balise est omise, Google utilisera le premier titre balisé par <h1> </h1> ou sinon, h2, h3, etc.

La balise robot

Son format est le suivant: <meta name="robots" content=""> et elle se place dans la section <head> aussi. Elle est destinée aux robots des moteurs de recherche.
Le contenu est de un à trois mots séparés par des virgules:

• Index, noindex: indexer ou non la page.
• follow, nofollow: prendre en compte les liens dans la page, ou non.
• archive, noarchive: mettre en cache ou non.
• all= index, follow, archive.
• none= noindex, nofollow, noarchive.
  

Si la balise est omise, c'est équivalent à <meta name="robots" content="all">

La description

Elle est surtout utile quand la page à peu de contenu textuel, et contient notamment des images. Elle peut être reprise dans les résultats des recherches, et doit donc être attrayante.

On peut y substituer un résumé en début de page.

Génération automatique des métas

Le logiciel SpiderSEO est un outil d'aide au webmaster qui prépare le référencement en créant automatiquement les meta tags. Il s'agit essentiellement des balises <title> et <description> qui sont seules utiles aux moteurs de recherche actuels.

La carte de site

La "sitemap" est recommandée par Google pour aider ses robots d'indexation. Cependant, le plus souvent les effets sont nuls, la création et l'enregistrement d'une carte de site, même au format XML standard de sitemaps.org, ne permet aucun progrès dans les résultats des moteurs de recherche et le trafic. Malgré tout, certains sites n'ont pas toutes leurs pages indexées et dans ce cas la sitemap est indispensable.
Si vous désirez créer une sitemap, utilisez plutôt un logiciel gratuit comme Simple Map.

Le flux RSS

Construire un flux RSS de votre site pour faire connaître les derniers articles ou les pages choisies n'est pas difficile si vous installez l'éditeur RSS en ligne gratuit ARA. C'est un instrument de promotion efficace comme l'explique un article sur le même site.

8) Entrez dans le Web 2.0 avec JavaScript, PHP, ASP, Ajax

Créer un site Web 2.0, c'est maintenant possible et cela fait l'objet d'un article sur ce site.
Cela consiste en l'emploi des techniques de site dynamique décrites ci-dessus, mais aussi de l'utilisation de bibliothèques spécialisées, que l'on combine pour créer des services nouveaux.
Des sites modernes sont basés entièrement sur l'offre d'un service Web utilisant les nouvelles technologies du Web 2.0 et font l'objet de transactions en millions ou milliards de dollars.

JavaScript

Langage de script qui s'imbrique dans la code HTML de la page web. Il permet de modifier son contenu, de traiter par exemple des formulaires.
Le Tutoriel JavaScript offre des démonstrations interactives pour apprende plus facilement à utiliser le langage.

PHP ou ASP

Les scripts PHP se placent dans une page HTML, mais sont exécutés par le serveur. Celui-ci génère une nouvelle page selon les instructions du script.
ASP est une alternative à PHP. Elle ne fonctionne que sur un serveur Windows.
Avec Wamp Server, on peut faire fonctionner PHP, Apache et MySQL localement avant mise en ligne sur un site Web, sous Windows.

Ajax

C'est l'utilisation conjointe de JavaScript et éventuellement d'un langage coté serveur comme PHP ou ASP. Des cadres d'applications (frameworks) préféfinis facilitent la tâche en fournissant les fonctions d'usage courant.
Voir le tutoriel Ajax complet avec exemples réutilisables.

9) La maintenance de votre site

Combien de liens vers votre site sur les moteurs de recherche? Une fois le référencement accompli, après un délai d'un mois, vous voudrez connaître le résultat. Une estimation des backlinks peut être obtenue avec les Google Webmaster Tools et Bing Webmaster Tools.

De temps en temps, une fois par mois de préférence, on doit vérifier si les liens sur des sites externes sont toujours valides. Cela peut être fait automatiquement avec un service du W3C, check links.

Si le site est créé sous Windows, utiliser un Live CD de Linux permet de voir à quoi il ressemble sous un autre système. Le Live CD de Mandriva se montre le plus rapide et le efficace pour reconnaître le matériel.

Ressources et références