Posséder un site Internet vous fait envie, mais vous n’avez pas les moyens de vous le faire réaliser par des professionnels? Pourquoi pas le créer vous même! Cet article – certes un peu long – a pour objet de traiter, dans les grandes lignes, les différentes étapes à suivre dans le cadre de la création de votre propre site Internet. Pour plus d’informations sur les termes cités dans cet article, vous pouvez consulter le glossaire.

Qu’est ce qu’un site Internet ?

Un site Internet représente un ensemble de pages web interconnectées, stockées sur des serveurs, et disponibles 24h/24, toute l’année, à condition d’avoir une connexion Internet. Les sites Internet sont visionnés via des navigateurs web.

Concrètement, ces pages sont réalisées sur un ordinateur via des logiciels d’éditions spécialisés (que nous verrons plus en détail plus tard) ou via un traitement de texte sans formatage comme le bloc notes où les lignes de codes sont tapées manuellement (pour les plus courageux).

Chaque page web possède un code source, le plus souvent en HTML.

La solution la plus simple et la plus utilisée consiste à se servir d’un logiciel spécialisé – appelé WYSIWYG (What You See Is What You Get) – qui fonctionne comme un traitement de texte. Vous n’avez presque pas de contact avec le HTML. Par exemple, quand vous sélectionnez un mot et cliquez sur le bouton « gras », votre mot se met en gras et le logiciel se charge d’ajouter les balises HTML correspondantes, sans que vous ayez à intervenir.

Chaque page est réalisée séparément (généralement, on garde une trame identique pour chaque page afin de faciliter la navigation et la rendre plus agréable. Ce point sera plus détaillé lorsque nous aborderons le design des sites Internet).

Ces pages peuvent contenir du texte, des images, des animations, des vidéos, émettre des sons, des applications java ou flash, …

Les pages sont connectées entre elles par des hyperliens, ou liens hypertexte. Ces liens peuvent se présenter sous forme de texte ou bien d’images. En cliquant sur un lien, le navigateur web affiche la page liée par ce lien.

Navigateur web ? Oui, ce que vous utilisez en ce moment pour lire ces lignes s’appelle un navigateur. C’est un logiciel qui permet de visualiser les contenus mis en ligne sur Internet. Il en existe différents navigateurs : Internet Explorer, Mozilla Firefox, Opéra, Safari, Google Chrome…

Petite remarque : lorsque vous serez en train de réaliser votre site, veillez à tester vos pages dans tous les navigateurs pour être sur qu’elles s’affichent bien. Ces navigateurs peuvent être téléchargés gratuitement (et légalement) sur Internet.

L’ensemble de ces pages reliées entre elles par les hyperliens forme ce que l’on appelle un site Internet.

Comment construire son site Internet?

Pour construire un site Internet, vous avez besoin d’une connexion à Internet. Même si c’est possible de le faire hors ligne, c’est bien d’avoir une connexion pour tester le résultat en ligne.

Vous avez besoin également d’un logiciel spécialisé pour construire les sites. Ces logiciels sont payants, comme Dreamweaver, Visual web-developer… Ces logiciels fonctionnent comme un traitement de texte et sont faciles à utiliser.

Pour les utilisateurs avancés qui maîtrisent le HTML ou d’autres langages, le bloc note de windows fait l’affaire.  Mais je vous recommande tout de même Notepad++ (et BlueFish pour les utilisateurs de Linux).

Les pages web peuvent posséder différentes extensions, qui correspondent à leur contenu : .htm / .html pour les pages en HTML, .php pour vos pages en php, .asp pour les pages en ASP, etc.

La page d’accueil, ou homepage, est celle qui sera lancée par le navigateur à l’ouverture du site. Elle doit se situer à la racine du nom de domaine et s’appeler « index.htm » ou « index.php ».

Vous pouvez ensuite classer toutes vos autres pages dans des dossiers comme bon vous semble.

Certains éditeurs de site Internet ne requièrent pas de connaissance du HTML. Cependant, il est important de connaître quelques rudiments qui vous seront très utiles pour que votre site soit visible sur Internet.

Comment bien agencer les éléments de son site?

Votre site doit être clair, à la fois dans son code source et dans son aspect graphique. Il doit pouvoir être visionné par différents ordinateurs avec des résolutions d’écran différentes. En effet, réaliser un site avec un écran en 1024 x 768 sans prendre en compte l’aspect que ce dernier pourrait avoir sur un écran en 800 x 600 serait gênant pour les utilisateurs concernés qui seraient obligés d’utiliser la barre de défilement, ce qui est particulièrement inconfortable.

Pour que votre page soit adaptée à toutes les résolutions, ne définissez pas la largeur de vos éléments en pixels mais en pourcentage. De cette manière, quel que soit la taille de l’écran, les éléments présents sur votre page auront toujours la même proportion, ce qui est plus agréable.

Veillez à ce que chaque page possède des liens de navigation, comme un menu sur un côté, afin que le visiteur sache à tout moment où il se trouve et puisse trouver ce qu’il cherche rapidement.

Enfin, si vous disposez d’un moteur de recherche interne à votre site, disposez le dans la partie supérieure de manière à ce qu’il soit visible.

Optimisez votre site Internet pour le confort de navigation

Il est important de soigner le design de son site. Donc, évitez des pages surchargées, avec des couleurs qui ne vont pas ensemble, des fenêtres pop up qui se déclenchent tout le temps…

Préférez une mise en page claire, avec un choix de couleurs cohérent et agréable. Veillez à intégrer au mieux possible les annonces publicitaires que vous diffusez (je pense notamment au programme AdSense). Faîtes en sorte que la navigation soit aisée, qu’il y ait une unité dans la structure de votre site (pensez à mettre en place une barre de navigation en haut, un menu sur un côté et ce, sur toutes vos pages, …). Faites en sorte que votre site puisse être consulté correctement quelque soit la résolution d’écran de l’internaute et son navigateur.

Lancez vous! Mettez votre site en ligne!

Une fois que vous avez créé votre site, vous devez le mettre sur Internet pour qu’il puisse être visité par les internautes. Pour ce faire, vous devez faire héberger votre site par un hébergeur qui vous allouera un espace sur ses serveurs. Une fois hébergé, votre site sera disponible à une adresse de la forme :

• http://www.nomdemonsite.fr (.com/.net./…)

Certains hébergeurs incluent dans le processus d’hébergement la réservation de votre nom de domaine, ce qui vous donne moins de choses à faire… Pour ce qui est des hébergeurs gratuits, les adresses de vos sites intègreront généralement le nom de l’hébergeur.

Bien entendu, ces hébergeurs vous donnent la possibilité de posséder votre propre nom de domaine. Il vous suffit d’en acheter un et de le faire rediriger sur cette adresse. Mais ces procédures dépendent des méthodes employées par votre hébergeur.

A partir de là, votre site Internet est en ligne et peut être visité par des internautes, n’importe quand et n’importe où (du moment qu’il y a une connexion Internet).

Trouver un hébergeur de site Internet

Une fois que vous avez créé votre site Internet, vous devez trouver un hébergeur web qui se chargera de stocker votre site sur ses serveurs. Il existe de nombreux hébergeurs web, gratuits ou payants. Je vous recommande le site http://www.hebergementweb.org/ qui répertorie de nombreux hébergeurs, avec les détails des offres et surtout les commentaires des utilisateurs. Lisez bien les avis sur les hébergeurs que vous convoitez, cela vous permettra d’éviter de mauvaises expériences.

Hébergement gratuit ou payant?

C’est une question très importante et qui ne doit pas être prise à la légère. Je vous renvoie sur cet article qui aborde les différents points à prendre en compte dans le choix entre un hébergeur gratuit et payant.

Réserver un nom de domaine – les régistrars

Un nom de domaine correspond à l’adresse de votre site. Les hébergeurs gratuits fournissent généralement les domaines avec leur nom dedans : http://www.nomdevotresite.nomhebergeur.com ou .org ou .fr …

Vous pouvez cependant réserver votre propre nom de domaine auprès d’un régistrar, ce qui donnera http://www.nomdevotresite.com ou .fr ou .net ou .org ….

De nombreuses extensions sont disponibles. Il est recommandé de réserver plusieurs extensions. En effet, si vous réservez nomdevotresite.com, n’oubliez pas de réserver dans la foulée nomdevotresite.fr, nomdevotresite.net, nomdevotresite.org, et les autres variantes dans le nom du site.
Les réservations durent généralement entre 1 et 10 ans, et les tarifs sont très variables : de 99 centimes à 30 euros par an en fonction des régistars. Faites attention lors de la réservation et vérifiez que votre régistar soit accrédité par les organismes officiels compétents. Le nom de domaine doit entièrement vous appartenir.

Certains hébergeurs fournissent vos noms de domaine gratuitement lors de votre inscription à un hébergement, alors commencez par voir si votre hébergeur le fait avant d’acheter un nom de domaine chez un autre régistar. C’est notamment le cas de OVH qui fournit des domaines gratuits lors de la souscription à une formule d’hébergement payante.

Enfin, certains régistrars vous demandent les adresses IP des serveurs de votre hébergeur pour rediriger le nom de domaine que vous venez d’acquérir. Pour connaître ces adresses IP, effectuez un ping sur leurs serveurs à partir de l’invite de commande. Cependant, ces adresses IP sont susceptibles de changer donc vérifiez régulièrement.

Comment transférer son site sur Internet

Pour transférer votre site sur Internet, vous devez être équipé d’une connexion Internet, d’un hébergement en état de marche et d’un logiciel FTP.

Le logiciel FileZilla est très pratique et gratuit.  Vous devrez ajouter votre site au logiciel en inscrivant les renseignements suivants : hôte (ftp), utilisateur, mot de passe. Ces renseignements sont communiqués par votre hébergeur.

Faites la traque aux liens morts !

Une fois que votre site est sur Internet, commencez la traque aux liens morts. Ces liens sont ceux qui vous renvoient vers une erreur 404, l’erreur qui survient lorsque la page souhaitée est introuvable. Vous pouvez vérifier la présence de liens morts à l’aide du logiciel Xenu ou de l’application mise en place par le W3C.

Vérifiez donc la validité de vos liens. De plus, vous pouvez personnaliser vos pages d’erreurs, alors profitez en !

Souscrire à un service d’analyse de trafic

Ce n’est pas une obligation, mais souscrire à un service d’analyse de trafic est une bonne chose pour connaître le comportement des internautes sur son site. Ces services sont payants chez Xiti, mais gratuits chez Google Analytics. Vous devez insérer un code de suivi sur vos pages, qui permettront à ces logiciels de les analyser.

Concrètement, ces services vous renseigneront sur :

• Le nombre de visites
• La provenance de vos visiteurs (sites référents, moteurs de recherche, accès direct)
• Leur origine géographique
• Les langues des visiteurs
• La part des nouveaux visiteurs et celle des visiteurs connus
• Les navigateurs qu’ils utilisent
• La résolution de leur écran
• Les mots clés tapés dans les outils de recherche qui ont conduit à votre site
• Les pages les plus visitées
• Le nombre de pages vues
• Le temps moyen passé sur chaque page, sur le site
• Le taux de rebond (pourcentage des personnes qui repartent directement après être arrivé sur votre site)
• … Et bien d’autres statistiques encore.

Vous pouvez aussi effectuer des comparaisons entre les différentes statistiques, les représenter sous différentes formes (histogrammes, …) Ces services sont à votre disposition, que vous ayez un site ou un blog.

Google Analytics demande cependant de mettre une mention sur le site afin de prévenir les internautes que vous utilisez ce service.
A partir de ces statistiques, vous pouvez savoir quelles sont vos pages qui plaisent le plus, celles qui conduisent le visiteur à quitter votre site à tous les coups, etc…

Augmenter son trafic et sa visibilité sur Internet : le SEM - SEO

Votre site terminé et présent sur les serveurs de votre hébergeur, il est temps de passer à l’étape supérieure qui consiste à faire venir des visiteurs sur votre site. La majorité du trafic d’un site Internet est celui généré par les moteurs de recherche.

Pour donner de la visibilité à un site, il doit donc être référencé, c’est-à-dire qu’il doit être présent dans les index des moteurs de recherche. Si votre site n’est pas indexé dans les moteurs de recherche, c’est-à-dire non présent dans leurs bases de données car étant non référencé, les internautes ne risquent pas de trouver votre site…

Le référencement est donc une étape capitale à ne négliger sous aucun prétexte, sous peine d’être totalement invisible. Certaines entreprises en ont même fait leur métier, et proposent des solutions de référencement.

Ce qu’il faut faire et ne pas faire pour votre référencement

Il ne faut pas :

• Se concentrer uniquement sur l’aspect esthétique, et ne pas prendre en compte la manière dont les robots d’indexation voient votre site
• Négliger les balises essentielles pour un bon référencement (META, TITLE, ALT)
• Insérer des balises non recommandées par le W3C (FRAMESET, …) et qui peuvent pénaliser votre référencement
• Participer à des échanges de liens / bannières avec des sites douteux, ce qui aurait pour conséquence de saper tous vos efforts
• Faire du duplicate content (copier/coller), car les moteurs de recherche n’aprécient pas d’indexer deux fois le même contenu…
• Faire du spamdexing
• Soumettre une URL d’un site en construction ou avec quasiment aucun contenu

Il faut :

• Mettre les scripts JavaScript et feuilles de styles dans un fichier à part
• Bien agencer les éléments de ses pages et avoir un code source clair
• Bien renseigner les balises HTML importantes
• Soumettre un sitemap aux moteurs de recherche
• S’inscrire sur des annuaires de qualité, comme Dmoz.
• Mettre régulièrement son site à jour
• Insérer des mots clés dans les titres de vos pages
• Posséder un nom de domaine en rapport avec votre activité
• Rédiger correctement le fichier robots.txt
• Tisser des liens avec des sites de qualité qui possèdent une activité similaire à la votre, établir des partenariats
• Posséder un contenu de qualité

Monétisez votre trafic

Vous avez la possibilité, en passant un contrat avec une régie publicitaire sur Internet, de diffuser des annonces publicitaires sur votre site Internet ou votre blog.

Il est déconseillé d’utiliser des fenêtres pop-up, car cela est très désagréable pour l’internaute. Certains annuaires ou hébergeurs gratuits refusent les sites possédant trop de pop-ups.

Passez plutôt par Google Adsense. Avec ce service, vous pouvez afficher jusqu’à trois ensembles de publicités par page. De nombreuses tailles sont disponibles, il ne vous reste plus qu’à insérer le code sur votre page.

Le fonctionnement est le suivant : Les annonces diffusées seront en fonction du contenu de la page.

Exemple : si vous parlez d’hébergement web, les annonces diffusées seront des publicités d’hébergeurs. Chaque fois qu’un internaute clique sur l’annonce, vous gagnez de l’argent (entre 2 centimes et 30 centimes le clic avec Google Adsense).

Avec Google Adsense, vous êtes payés par chèque ou par virement dès que vous atteignez 100 dollars.

Attention : ne cliquez pas vous-mêmes sur les publicités, car en comparant les adresses IP vous risquez de vous faire taper sur les doigts… Faites bien attention, le contrat par lequel vous vous engagez avec Google stipule bien qu’il est également interdit d’inciter les visiteurs à cliquez sur les annonces.