Conseils de base pour faire un site web

Les considérations qui suivent s'attardent à quelques éléments spécifiques à envisager dans le processus de création d'un site web et ne prétendent pas couvrir l'ensemble de la question. Des ajustements peuvent évidemment être faits en fonction du contexte, du type de site, du public cible, de l'objectif visé, des moyens disponibles, etc.

Projet

Définir un sujet susceptible d'intéresser un certain nombre de personnes, développer un thème capable d'attirer un public auquel sera proposé un contenu pertinent en regard de l'objectif visé. Parce que concevoir un site web, c'est bien, mais qu'avoir quelque chose d'intéressant à partager, c'est mieux, éviter de faire un site pour faire un site.

Design

Décider, selon la structure du site, entre un design fluide, extensible, qui s'adaptera à la largeur de la fenêtre du navigateur, et un site à largeur fixe, chacun ayant ses contraintes propres. Certaines présentations se prêtent bien à un design fluide, d'autres moins. Dans le cas d'un site qui comporte beaucoup d'éléments devant être précisément positionnés, un design fixe peut s'avérer préférable car un design fluide, par définition, se déforme selon la résolution.

Adaptabilité

Considérer les différents terminaux sur lesquels le site devra s'afficher (moniteurs de tailles et de formats divers, ordinateurs portables, tablettes, liseuses, téléphones intelligents, téléviseurs, etc.) et déterminer le moyen à privilégier pour obtenir une accessibilité optimale : un site web adaptatif (responsive web design), c'est-à-dire une version unique dont l'interface et le fonctionnement s'adaptent automatiquement à tous les supports de manière transparente pour la personne utilisatrice; un site dédié, c'est-à-dire une version distincte du même site selon le dispositif visé (un site principal pour écrans d'ordinateur, un site pour tablettes, un site pour téléphones intelligents, par exemple); une application native, c'est-à-dire une version logicielle développée spécifiquement pour chacun des différents systèmes d'exploitation mobiles (Android, iOS, Windows Phone, etc.), rendue disponible et téléchargeable via la boutique de l'appareil mobile concerné (Google Play, App Store, Windows Store, etc.), le site étant ainsi consultable dans l'application plutôt que dans un navigateur web (l'un n'empêchant pas nécessairement l'autre, cependant).

Contenant

Choisir soigneusement le contenant, l'enveloppe du site. Ainsi, un blogue devrait être avant tout une publication de billets ou d'articles sous forme de journal de bord et ne devrait pas, par exemple, servir à monter un site de recettes ou d'astuces informatiques; un forum est un espace virtuel qui permet à un groupe de personnes de discuter, d'échanger des opinions et des idées sur un thème donné, chacune pouvant voir les interventions des autres et intervenir à tout moment; un annuaire est un site web, généraliste ou spécialisé, où sont recensés et répertoriés manuellement d'autres sites classés par catégories ou rubriques. S'assurer, donc, de choisir le contenant le plus approprié au contenu.

Contenu

Réunir les informations en relation avec le sujet traité (textes optimisés pour certains mots-clés, images présentant une certaine unité de style, diaporamas au défilement fluide, vidéos de bonne qualité, etc.), les sélectionner puis les regrouper selon la structure définie. Favoriser un contenu pertinent, clair et concis, adapté pour le web.

Textes

Rédiger des textes courts, bien mis en valeur, exempts de fautes d'orthographe et de grammaire, qui vont droit au but. Adopter un style rédactionnel adapté au web.

Images

Intégrer quelques images pertinentes en veillant à ce que leur poids ne ralentisse pas trop le chargement de la page et en limitant le bruit visuel. Si elles font partie du contenu, leur associer un attribut « alt » pertinent et descriptif; si elles ont une fonction strictement décorative, un attribut « alt » vide est suffisant.

Hotlinking

Éviter d'établir, sans permission, un lien direct vers des documents (images, vidéos, musiques, logiciels) publiés sur un autre site pour les afficher ou les proposer en téléchargement sur son propre site, blogue ou forum : cette pratique, appelée hotlinking, entraîne l'utilisation du serveur d'autrui et constitue ainsi un vol de bande passante.

Pour mettre sur un site une image ou toute ressource provenant d'un autre site (en respectant les droits d'auteur et les conditions d'utilisation, il va sans dire), l'enregistrer et la placer sur son propre serveur, et indiquer correctement la source, s'il y a lieu. Si, pour une raison ou pour une autre, les images ne peuvent être hébergées localement, une solution consiste à avoir recours aux services d'un hébergeur d'images et de photos comme Imgur, Zupimages ou ImagiLIVE, par exemple.

Musique

Une musique qui démarre automatiquement à l'ouverture d'un site peut être ressentie comme une agression et une nuisance, et pas uniquement par les personnes qui naviguent en écoutant leur propre musique ou qui utilisent leur ordinateur tard la nuit ou dans des endroits où le bruit peut déranger. Si on y tient absolument, proposer plutôt qu'imposer, en donnant le choix à l'internaute de démarrer ou non la pièce musicale. Toujours respecter les droits d'auteur.

Droits d'auteur et plagiat

Respecter les droits d'auteur, de publication, d'utilisation et de distribution, explicites et implicites.

À noter que le plagiat ne concerne pas que les éléments originaux d'une page ou d'un site web (images, photos, textes, musique, etc.); il s'applique aussi au concept même de ladite page ou du site.

En effet, si la richesse d'un site web tient beaucoup à son originalité, tant dans son contenant que dans son contenu, rares sont les webmestres qui peuvent se targuer d'avoir tout créé sans aucun emprunt à d'autres sites ou à d'autres sources : il y a cependant moyen de présenter l'information de façon très personnelle, à l'intérieur d'un cadre graphique distinctif.

Ainsi, une procédure concernant un paramétrage Windows ne peut être réinventée; par contre, le texte décrivant cette procédure ou la démonstration graphique qui l'accompagne peuvent être une création originale et appartiennent dès lors à leur auteur. Dans le même ordre d'idée, copier intégralement le code source d'un site ou une partie de celui-ci sans autorisation est inadmissible dans l'univers de la webmestrie. Tout comme s'approprier un modèle graphique sans permission ou en supprimer les mentions de copyright.

La rumeur circule rapidement sur le web : pourquoi risquer de perdre sa réputation? Ne serait-ce que par considération envers le travail d'autrui, citer la source de l'information reproduite ou mettre un lien direct vers la page qui contient l'information en question.

Navigation

Réaliser un système de navigation accessible et discret. Vérifier les liens internes (et externes) avant la publication. Un principe simple, à respecter en tout temps : le moins de clics possible pour accéder à l'information désirée. Dans cet esprit, éviter la page d'entrée ou page tunnel — page qui possède peu de contenu, qui sert souvent à souhaiter la bienvenue, à choisir une version du site ou à sélectionner une langue particulière, et qu'il faut passer avant d'arriver à la véritable page d'accueil et au contenu principal : non seulement la page d'entrée retarde-t-elle l'accès à l'information, elle impose une étape de plus pour accéder au contenu.

Logo

Par convention, un clic sur le logo du site, habituellement placé, s'il y a lieu, dans le coin supérieur gauche de toutes les pages — ou parfois au centre, notamment sur les supports mobiles — devrait permettre de revenir sur la page d'accueil. Logiquement, on veillera à désactiver le lien du logo qui se trouve sur la page d'accueil elle-même.

Page d'accueil

La page d'accueil est la plus délicate, sinon la plus difficile à réaliser : même si rien ne garantit que les internautes l'utiliseront pour entrer sur le site — toutes les pages d'un site étant des points d'entrée potentiels — et même si ce n'est pas la plus importante à inscrire dans les moteurs de recherche, la page d'accueil est la vitrine, la page référence du site, celle vers laquelle on se dirige quand on ne sait plus où aller. Appelée à remplir à la fois une fonction d'information et une fonction de navigation, la page d'accueil doit donner le goût d'aller plus loin, elle doit inciter l'internaute à se diriger vers les contenus internes du site, en procurant un moyen simple et efficace de le faire.

Longueur des pages

Éviter de faire des pages d'un kilomètre de long, comme on en voit trop souvent sur les blogues, notamment. Si ce n'est pas possible, insérer des repères qui faciliteront la navigation sans qu'il soit nécessaire de toujours utiliser la barre de défilement verticale, parfois très réduite. (Dans les archives du site, par exemple, des ancres séparent les petits mots par année de publication, ce qui permet de descendre ou de remonter rapidement et facilement dans la page.)

Interactivité/interaction

Créer des liens avec les internautes en leur permettant de faire part de leurs réactions et en les invitant à agir sur et à propos du contenu du site : un formulaire de contact évident et facile à utiliser, un formulaire de recommandation, un système de commentaires sur les articles, un clavardage ou un forum (correctement animé et modéré), des sondages, des boutons (non encombrants) de partage sur les réseaux sociaux (Facebook, Twitter, Google+, Pinterest, etc.) sont autant de moyens qui aideront à les fidéliser et à maintenir leur intérêt envers le site.

S'il y a lieu, répondre aux messages et régler les problèmes dans un délai raisonnable.

Publication

Réserver un nom de domaine reflétant le contenu ou le propos du site et choisir un hébergeur offrant un plan d'hébergement qui répond aux exigences techniques du site à des conditions raisonnables. À l'aide d'un client FTP (logiciel de transfert de fichiers) comme FileZilla, par exemple, transférer (copier) les fichiers de l'ordinateur sur le serveur. Prendre soin de conserver une copie du site sur l'ordinateur et, pour une plus grande tranquillité d'esprit, sur au moins un support externe placé en lieu sûr (penser par la suite à y inclure les mises à jour et les modifications apportées au site, le cas échéant).

Vérification

Tester et retester. Pendant la conception, contrôler les pages sur différents navigateurs (Firefox, Opera, Safari, Chrome, les différentes versions d'Internet Explorer, par exemple), sur plusieurs plateformes de diffusion (ordinateurs de bureau et portables, appareils mobiles tels que tablettes et téléphones intelligents) et, si possible, sur différents systèmes d'exploitation (Microsoft Windows, Mac OS X, GNU/Linux, iOS, Android, etc.) afin de s'assurer d'un comportement adéquat et d'un rendu convenable. Vérifier l'affichage sous différentes résolutions d'écran (800 x 600 pixels, 1024 x 768 pixels, 1280 x 960 pixels, etc.); un petit logiciel comme MultiRes pourra faciliter cette tâche, et un site comme Screen Sizes permettra de trouver rapidement les spécifications d'écran des appareils et moniteurs les plus populaires actuellement sur le marché.

Une fois le site transféré sur le serveur, tester à nouveau toutes les pages. Contrôler aussi tous les liens, internes et externes.

Mise à jour

Un site web n'est jamais terminé : pour survivre, il doit évoluer, s'enrichir progressivement et répondre, dans la mesure du possible, aux attentes des internautes qui le consultent et le comparent. Il nécessite, entre autres interventions, des mises à jour régulières de son contenu, un bon suivi technique ainsi qu'une vérification périodique de la validité des liens : liens externes (liens qui dirigent vers d'autres sites) et, s'il y a eu modification du contenu, liens internes (ceux des menus de navigation, par exemple), sans oublier les liens ancrés, c'est-à-dire les liens qui pointent vers un endroit précis d'une page, qui ne fonctionneront plus si la partie du contenu visée par le lien a été déplacée vers une autre page du site ou a simplement été supprimée.