Checklist pour
créer un site web de qualité

En début de projet

En fin de projet

Proposer un point à vérifier pour créer un site de qualité

Un petit tweet, et j'intègrerais cela (si je trouve cela pertinent bien sûr ^^)



N'hésitez pas également à tweeter cette page :

HTML/CSS/JS Starter

Il existe des fichiers HTML de base avec lesquels on peut commencer son site. BoilerPlate de Paul Irish & Bootstrap de Twitter sont 2 des plus connus et des plus appréciés de la communauté de webdesigners. TwentyEleven, le thème par défaut de Wordpress est également un modèle de site avec de très bonnes pratiques. Partir de telles bases permet d'assimiler les bonnes pratiques.

Je trouve Boilerplate plus adapté pour un site vitrine, alors que Bootstrap est plutôt pratique pour concevoir des applications web. Je te laisse le soin de les découvrir et surtout de les tester :)

Référencement

S'il faut positionner un site sur certains mots-clés, on est souvent amené à créer un design avec un titre et du contenu en haut de page. On peut imaginer plusieurs astuces pour ne pas avoir à se limiter au niveau de la créativité, mais c'est essentiel de penser à la disposition des mots-clés pendant la création du design.

Petite astuce si on a pas de titre et de contenu en haut de page : Créer un bouton 'A propos' en haut de page, et associer un bloc de texte avec un <h1> et du texte contenant des mots clés que l'on cache. Au clic sur le bouton, déplier ce bloc. Google ne peut pas pénaliser cette pratique, étant donné que le bloc peut potentiellement être visible.

Redirection site.com vers www.site.com

Google considère que www.site.com est le sous domaine de site.com. Ce qui fait qu'il va référencer les 2 sites qui sont bien sûr identiques. Il va falloir choisir l'un des 2 et faire une redirection. Voici le petit morceau de code à mettre dans le fichier .htaccess qui se trouve à la racine du projet pour faire la redirection site.com vers www.site.com :

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www\.site\.com [NC]
RewriteRule ^(.*)$ http://site.com/ [L,R=301]


Plus de détails