15 points essentiels à vérifier avant de lancer votre site Web

La recette de votre site est achevée ? Vous êtes prêts à ouvrir les vannes du site de production ? Pour être certain(e) de ne rien avoir oublié, voici une ultime série de 15 questions à vous poser avant la mise en production.

1. Favicon

Le favicon est l’icône qui est affichée dans l’onglet ou la fenêtre du navigateur à côté de l’adresse du site. L’icône est aussi affichée quand le site est mis en favoris. Pour indiquer aux navigateurs qu’un fichier favicon.ico existe pour votre site, il suffit de rajouter la ligne suivante dans le “head” de votre page :

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

Voici la ligne pour indiquer un favicon pour iPhone :

<link rel="apple-touch-icon" href="/favicon.png" />

2. Balises Title et Meta

Le titre de la page est l’élément le plus important pour le référencement de votre site. Assurez-vous qu’il soit bien différent sur chacune de vos pages et qu’il résume bien le contenu de celle ci.
Exemple de titre :

<title>10 conseils pour rédiger un bon article web</title>

Au contraire, les balises Meta Description et Meta Keywords ne sont pas très importantes pour le référencement de votre site ; il est cependant important de les remplir car elles sont affichées dans les pages de résultat de Google. Essayez de faire une description par page en rapport avec le contenu de celle-ci.

<meta name="description" content="By Paul Boag Choosing a content management system can be tricky. Without a clearly defined set of requirements, you will be seduced by fancy functionality that you will never use. What then should you look" />

3. Vérification de la compatibilité multi-navigateur

Vous pensez avoir fini le design de votre site (au pixel près), vous lancez votre site dans Internet Explorer et vous vous rendez compte que rien ne marche. Votre site doit fonctionner sur les principaux navigateurs du marché, pas forcement au pixel près, mais toutes les fonctionnalités doivent être accessible. Testez donc votre site sur IE6, IE7, IE8, Firefox 3, Safari 3, Opera, Chrome et sur iPhone.

4. Relire

Relisez votre texte. Même si vous l’avez fait plusieurs fois, faites-le encore. Demandez à quelqu’un d’autre de relire votre texte. Essayez de faire des phrases simples, avec une idée par paragraphe et d’utiliser les listes pour favoriser le scan des pages.

5. Liens

Vérifiez que les liens de votre site fonctionnent. N’oubliez pas le “http://” devant les liens externes. Assurez vous qu’un lien menant vers la page d’accueil existe sur le logo de votre site. De plus, assurez vous que les liens sont bien mis en évidence dans votre texte (couleur différente, effet au survol, utilisation du souligné) et utilisez le style souligné uniquement pour les liens.

6. Vérification des fonctionnalités

Vérifiez l’ensemble des fonctionnalités de votre site. Remplissez le formulaire de contact pour vérifier si tout se passe bien. Demandez à des personnes extérieures à votre entourage de tester votre site et restez derrière elles pour comprendre comment elles l’utilisent.

7. Dégradation élégante

Votre site doit fonctionner même si le Javascript est désactivé. Vous pouvez facilement désactiver le Javascript dans Firefox pour tester votre site.

8. Validation

Vous devez viser le 100% pour la validation de votre site. Ce n’est pas la fin du monde si votre site n’est pas valide mais vous devez connaitre les raisons des erreurs xhtml/css. Evitez les erreurs courantes comme l’oubli de l’attribut alt sur les images ou oublier de fermer les balises.

9. Lien RSS

Si votre site est un blog ou affiche des news, vous devriez avoir un flux de syndication (flux RSS) pour permettre à vos visiteurs de s’abonner à vos publications. Pour permettre à vos visiteurs de découvrir l’url de votre flux, il suffit de rajouter ce code dans le “head” de votre site :

<link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" />

10. Analytics

Il est important d’installer un outil pour analyser les visiteurs qui viennent sur votre site. Un des meilleurs outils gratuit en ligne qui soit est Google Analytics. Vous pouvez regarder aussi les solutions Clicky, Kissmetrics (beta), Mint et StatCounter.

11. Sitemap

Dans sa plus simple expression, un Sitemap est une liste des pages de votre site web. Générer et placer un Sitemap vous aide à vous assurer que les moteurs de recherche connaissent toutes les pages de votre site, y compris les URL qui n’auraient pas été découvertes par le processus de navigation normal des robots.

Si vous utilisez WordPress, vous pouvez installer le plug-in Google XML Sitemaps qui modifie votre fichier Sitemap automatiquement à chaque publication d’article.

12. Design des pages techniques

N’oubliez pas de designer vos pages d’erreurs. Si un utilisateur demande une page qui n’existe pas, une page d’erreur 404 est affichée.

13. Optimisation

Essayez d’améliorer les performances de votre site. Regardez le nombre de requêtes HTTP qui sont faites, si les fichiers sont bien compressés, essayez d’utiliser les CSS sprites, optimisez les images de votre site…
Téléchargez la barre d’outil YSlow et essayez d’atteindre 80 points.

14. Sauvegarde

N’oubliez pas de mettre en place une sauvegarde automatique de vos données. Si vous utilisez WordPress, vous pouvez utiliser le plug-in WordPress Database Backup.

15. Feuille de style d’impression

Si votre visiteur souhaite imprimer une page de votre site, il y a de fortes chances qu’il ne souhaite pas imprimer certains éléments comme les éléments de navigation. Vous pouvez facilement créer une feuille de style spécifique pour le média imprimante en utilisant l’attribut media dans les liens de vos CSS.
Exemple :

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Pour la version intégrale de cet article, rendez-vous ici : 15 Essential Checks Before Launching Your Website disponible sur le site Smashing Magazine.