Accueil du site > WEBMASTERING > CREER UN SITE WEB

Les règles de base à respecter

Le poids d’une page ne doit pas être trop important (de préférence < 100ko)
Les images ne doivent pas être trop lourdes (de préférence < 50ko)
Redimensionnez vos images à l’aide d’un logiciel comme Photoshop plutôt que de réduire leur taille dans le code HTML
Une mise en page claire et lisible
Utilisez les balises <h1> <h2> <h3> […] pour structurer les contenus de vos documents en fonction de leur importance (h1 pour le titre, h2 pour le chapeau, etc.)
Attention aux fautes d’orthographe et aux fautes de frappe
Les liens hypertextes permettent de naviguer de façon intuitive
Soulignez les liens hypertextes dans un texte
Appliquez un style « gras » sur du texte indique une mise en exergue plus forte
Préférez les arrière-plans répétables (via les styles CSS) plutôt qu’une grande image
Préférez les couleurs Web. » Retrouvez toutes les couleurs du web à travers ces différentes palettes
Le nom de vos fichiers ne doit être trop long ni comporter d’espaces, d’accents et évitez tant que possible les majuscules
Si vous utilisez la technologie Flash dans vos pages, proposez une alternative en HTML
N’intégrez pas de fonds sonores dans vos pages dès leur chargement.

Quelques explications supplémentaires :

Des visuels trop lourds ou trop d’images
Evitez tant que possible d’alourdir vos pages HTML avec une multitude d’images. Vos documents seront plus légers et donc plus rapides à s’afficher (Sachez qu’en moyenne, un internaute quitte une page Web si son temps de chargement dépasse 8 secondes). L’optimisation de vos fichiers - notamment gif (animés), jpg, png – est une étape à ne surtout pas négliger. » Consultez cette page pour optimiser vos fichiers

Les polices de caractères
Choisissez la police de caractère que vous voulez pour votre site mais sachez que si l’internaute ne possède pas cette police sur son ordinateur, les textes de votre document seront illisibles ou remplacés par une autre police dites « standard ». Pour éviter cela, utilisez l’une des polices suivantes :

Arial
Verdana
Times
Georgia
Helvetica
Courier

Les Frames (Cadres)
Evitez l’utilisation de cadres (cf rubrique html) dans vos pages car ils posent un certain nombre de problèmes :

L’impression d’une page est contraignante
La navigation peut être fastidieuse
L’ajout dans les favoris de l’URL de la page consultée est impossible
Vos pages seront moins bien référencées par les moteurs de recherche
Certains navigateurs ne les supportent pas

Les liens brisés
Un document HTML est composé de divers éléments dont les liens hypertextes qui permettent de naviguer de pages en pages. Veillez à mettre des liens dans vos pages afin que la navigation soit plus fluide pour l’utilisateur. Vérifiez toujours qu’il n’y a pas de liens dits "brisés" dans vos pages car il est assez désagréable de cliquer et d’obtenir une erreur 404.

Compatibilité entre les navigateurs
Essayez tant que possible de vérifier la compatibilité de vos pages HTML sur les différentes plateformes existantes. En effet, il existe des incohérences d’affichages par rapport à l’interprétation du code HTML et/ou des styles CSS entre les navigateurs (Internet Explorer, Firefox, Opera, Safari, Netscape). Qui plus est, ils ne fonctionnent pas de la même manière sur Windows, MacOs ou Linux. Vous aurez de bien belles surprises si vous ne faîtes pas attention lors de l’intégration de vos pages HTML !

Les Meta Tags et les titres de pages
N’oubliez pas d’insérer des descriptions, des mots-clés ainsi qu’un titre à votre page Web, votre référencement n’en sera que meilleur. Les balises « Meta » s’insèrent dans l’entête de votre document et se présentent de la façon suivante :

<Title>Le titre de votre page</Title>

<meta name="description" content="Insérez ici la description de votre site">



ou



<meta name="keywords" content="Insérez ici une liste de mots-clés séparés par une virgule">

Ces informations permettent aux robots d’indexer votre page, de fournir un résumé du contenu de la page.

» Générez vos Meta-tags en ligne

La navigation interne
Il est fondamentale de pouvoir naviguer facilement sur vos pages. La navigation doit être présentée clairement et surtout bien organisée. Voici quelques exemples de liens que l’on trouve sur les sites bien structurés et fonctionnels :

vers la page d’accueil
vers les rubriques ou articles
vers un espace de contact
vers un plan du site
vers une page de recherche

La taille de vos pages HTML
Etant donné que la résolution d’écran des internautes est généralement égale ou supérieure à 1024 x 768 (en 2008), vous pouvez concevoir des pages ayant une largeur inférieure ou égale à 1000 pixels. Concernant la hauteur, ne créez pas de pages à rallonges mais aucune norme n’est réellement définie en la matière.

Format PDF l l afficher une version imprimable de cet article Imprimer cet article