Accueil > Internet > Création web 2 > Test, conformité et validation
| More

Créer sa page web : Tests, conformité, validité

Page suivante : Vitesse de chargement

Page suivante : Méthode d'optimisation

 

 

Utilisation avancée :

Après avoir créé son site perso chez son FAI, on peut avoir envie de passer à la vitesse supérieure ;-)

D'abord au niveau de la conception du site :
- vérifier la conformité de ses pages
- vérifier la validité de ses liens hypertexte,
- incorporer une fonction de recherche,
- utiliser le php (déplacé)

Au niveau de la gestion du site :
- obtenir des statistiques sur la fréquentation de son site,
- référencer son site,
- faire de la publicité sur son site

Au niveau du développement du site :
- acheter un nom de domaine,
- faire héberger son site chez un hébergeur de site web,

 

Améliorer la conception du site :

Améliorer la conception du site :

D'abord, vérifier la conformité de ses pages, puis,
- utiliser le php, (ex : pour créer un forum),
- incorporer une fonction de recherche,
- vérifier la validité des liens sur le site.

 

 

Liens utiles :

 

WebRankInfo.com - 14 outils simples et rapides pour les web analytics

 

 

Surveillance de site : WoozWeb :

Surveiller le bon fonctionnement de son(ses) sites avec WoozWeb :
http://www.woozweb.com/

 

24/11/2010 : Aidewindows.net a été indisponible pendant 20 mn, à partir de 13h56.
C'est rare, mais cela peut arriver. Merci de votre patience :-)

Pour être averti d'un dysfonctionnement d'un site web, on peut utiliser WoozWeb :
http://www.woozweb.com
On peut inscrire dix sites différents à surveiller.

En cas de problème, on recevra un mail d'avertissement
On peut consulter son compte, sur le site WoozWeb, et afficher des graphiques :

Graphique WoozWeb

 

 

Voir aussi :

Webcron.org - Monitoring de serveurs - Web Cron tab en ligne
http://www.webcron.org/

Soyez notifié instantanément par sms/email
Rapports de disponibilité
Rapports de temps de réponse
API: Intégration dans votre environnement

 

Cron job sur un Pack perso confort 1&1 ?
http://www.developpez.net/forums/d416322/php/outils/cron-job-pack-perso-confort-11-a/

 

 

Tester l'affichage de son site :

Il est utile, voir indispensable, de savoir si son site s'affiche correctement sous d'autres navigateurs Internet que celui (ceux) que l'on utilise.
Si on en a la possibilité, il est même souhaitable de vérifier l'affichage sur Macintosh avec le navigateur Safari.

Sur Windows :

Il y a 5 navigateurs principaux :
- Internet Explorer 7, 8 et 9
- Firefox,
- Google Chrome,
- Opéra.
- Safari

 

Sur Macintosh OS X :

Il y a deux navigateurs principaux :
- Safari, le plus communément utilisé, très "pointilleux" quant au code CSS utilisé,
- Firefox, semblable à la version Windows.

 

Sur Windows 98, et Macintosh Classic :

Les deux navigateurs principaux sont :
- Internet Explorer 5 et Internet Explorer 6 version Windows,
- Internet Explorer 5.1.7 version Macintosh.
La compatibilité est plus difficile à obtenir avec ces deux "vieux" navigateurs.

Et je ne parle pas de Netscape dans ces anciennes versions, et autres...
Mais tout dépend de l'accessibilité que l'on souhaite donner à son site.
De toute façon, l'affichage ne posera pas de problème avec un site conçu avec des tableaux. Mais c'est l'utilisation des feuilles de style qui amènera des incompatibilités d'affichage.

 

Tester sur deux navigateurs :

On peut installer sur son ordinateur différents navigateurs (Firefox, Opéra), pour vérifier si les pages s'affichent correctement.
Ceci car les navigateurs n'interprêtent pas le contenu des pages de la même façon.

Vérifier particulièrement les différences d'affichage entre Internet Explorer et un autre navigateur.

 

Sites de test :

Avec Browsershots.org (gratuit) :
http://browsershots.org/
Avec Browsercam.com (payant) :
http://browsercam.com/

Scapture.com :
http://www.scapture.com

 

Voir également :
Forum.alsacreations.com - Tester son site sous lynx avec windows XP
(il s'agit d'installer Linx (simple) pour tester l'accessibilité de son site en mode texte)

Versions standalone d'Internet Explorer :
http://browsers.evolt.org/?ie/32bit/standalone

 

Navigateurs :

Entre janvier et octobre 2011, sur aidewindows.net :
- 23% des visiteurs utilisent Internet Explorer 8
- 16% des visiteurs utilisent Firefox 3.6
- 7 % des visiteurs utilisent Interet Explorer 7
- 7% des visiteurs utilisent Firefox 4
- 6 % des visiteurs utilisent Internet Explorer 9

Différents navigateurs sur aidewindows.net d'après Xiti

 

Entre janvier et mai 2008, sur aidewindows.net :
- 40% des visiteurs utilisent Internet Explorer 7
- 30% des visiteurs utilisent Firefox
- 20% des visiteurs utilisent Internet Explorer 6 SP2 (Windows XP) - 6% utilisent Internet Explorer 6 autre version.

Différents navigateurs sur aidewindows.net d'après Xiti
Analyses effectuées par Xiti

 

Résolution de l'écran :

On considérera également la largeur des pages :

Entre janvier et octobre 2011, sur aidewindows.net :
- 26% en 1280 x 800 et moins (16/10)
- 18% en 1680 x 1060 et plus (16/10)
- 18% en 1024 x 768 (4/3)
- 16% en 1280 x 1024 (4/3)
- 15% en 1440 x 900 (16/10)

En gros :
- 28% de portables 15 pouces (1280 x 800)
- 35% d'écrans 4/3 (dont 18% en 15 pouces)
- 18% de grands écrans ( 22 pouces et plus)
- 15% de petits 16/10 (19 pouces de bureau)

Voir aussi ma page : Ecran : taille de l'écran et résolution

Différentes résolutions sur aidewindows.net d'après Xiti

 

 

Entre janvier et mai 2008, sur aidewindows.net :
- 6% des visiteurs utilisent une résolution d'écran de 800 x 600 pixels.
- 40% des visiteurs utilisent une résolution d'écran de 1024 x 768 pixels

Différentes résolutions sur aidewindows.net d'après Xiti
Analyses effectuées par Xiti

 

Il est donc souhaitable de s'assurer que la consultation sera possible avec cette configuration.

 

 

Vérifier la conformité de ses pages :

Pour être sûr que les pages web répondent aux normes internationales définies par l'organisme gérant l'Internet, et donc, qu'elles pourront être lues par n'importe quel navigateur, on peut vérifier leur conformité sur le site officiel :
http://validator.w3.org
On peut également aller sur ce site :
http://www.abondance.com

Deux grandes "normes" sont utilisables :

La spécification HTML 4.01 :
http://www.la-grange.net/w3c/html4.01/

Le XHTML :
http://openweb.eu.org/xhtml/

 

 

Vérifier la validité des pages avec Web Developer Extension dans Firefox :

Avec le navigateur Firefox, on peut utiliser Web Developer Extension :
http://chrispederick.com/work/webdeveloper/

W3C

- l'onglet Tool permet de vérifier directement la validité de la page !

 

Programme semblable Microsoft pour Internet Explorer :
Internet Explorer Developer Toolbar

Voir sur Clubic.com :
http://www.clubic.com/telecharger-fiche57996-internet-explorer-developer-toolbar.html

 

 

Web Developer en français
http://joliclic.free.fr/mozilla/webdeveloper/

 

Google : Centre pour les webmasters :

Un ensemble d'outils qui aident à la gestion de son site et à la visibilité de ses pages sur le moteur Google.

Google : Centre pour les webmasters :
http://www.google.fr/webmasters/
Outils pour les webmasters (notamment Google Sitemaps) :
http://www.google.com/webmasters/sitemaps/?hl=fr

 

Création d'un fichier sitemap.xml :

Ce ficher énumèrent toutes les pages du site pour faciliter leur indexation.
On peut y ajouter des indications sur la fréquence de modification.

Voir ma page :
- Créer sa page web : sitemaps.xml

 

 

Extensions de Firefox : Web Developer et FireBug :

Si on utilise Firefox comme navigateur, on la possibilité d'ajouter deux extensions : Web Developer et FireBug

 

 

Web Developer :

Site officiel :
http://chrispederick.com/work/web-developer/

Téléchargement pour Firefox :
https://addons.mozilla.org/en-US/firefox/addon/60

Cette extension ajoute une barre d'outils dans Firefox, spécialement conçue pour les développeurs de site web :

Web developer toolbar 1.0

L'onglet "Tools" permet notamment de vérifier la conformité de ses pages, directement, sur Internet.

 

 

FireBug :

Site officiel :
http://getfirebug.com/

Téléchargement pour Firefox :
https://addons.mozilla.org/fr/firefox/addon/1843

 

Voir aussi :
05/12/2006 : FireBug 1.0 Beta : plus qu'une extension, un prodige !
http://www.aozeo.com/blog/55-firebug-1-beta-plus-qu-une-extension-un-prodige

 

 

Vérifier la validité des liens hypertexte :

Ce site, qui contient de nombreux liens, en est la preuve : il n'y a pas de liens éternels !
Au lieu de vérifier manuellement la validité des liens, on peut utiliser :
- LinkAlarm, nécessite inscription, simple, mais limité à 100 pages pour la version gratuite
- LinkChecker for Windows
- LinkChecker, extension pour Firefox.

 

Remarque :
Un lien peut être signalé non valide si la page tarde à s'afficher.
Avec LinkChecker, un lien douteux est un lien non vérifiable : exemple : lien pointant vers une partie d'un forum nécessitant une inscription / connexion.

 

LinkAlarm :

Vérification automatique.

Link Alarm vérifie la validité des liens présents sur toutes les pages d'un site (liens internes et liens externes).

Un essai gratuit est offert (pour 100 pages).
Il suffit de donner l'adresse du site et son email. On consultera ensuite le rapport sur le site.

Pour analyser plus de pages, il faut payer $0.01 par page.

Site officiel :
http://www.linkalarm.com/

 

 

LinkChecker 6.5 for Windows :

Vérification automatique du site en entier. Complet et efficace.

Site officiel :
http://linkchecker.sourceforge.net/

 

LinkChecker 6.5 for Windows

 

 

LinkChecker, extension pour Firefox :

Vérification page par page.

LinkChecker est une extension Firefox qui vérifie la validité des liens hypertexte.
Ne pas confondre avec Link Checker (en deux mots)

 

Pour Firefox : Télécharger / Installer LinkChecker 0.6.7 - par Kevin Freitas
https://addons.mozilla.org/fr/firefox/addon/linkchecker/

 

ya-graphic.com - LinkChecker 0.6.3 : une extension Firefox pour vérifier la validité des liens d’une page Web
Attention : Ne pas télécharger à partir de cette page : version ancienne.

 

Link Checker 1.0.3 :

Télécharger / Installer Link Checker 1.0.3 - par immortalxxLC
https://addons.mozilla.org/fr/firefox/addon/link-checker/
Essayé sur Firefox sur Mac OS X : ne fonctionne pas.

 

 

Utilisation de LinkChecker 0.6.7 :

Après installation :

- menu Outils, Vérifier les liens de la page.

Au fur et à mesure de la vérification, les liens de la page s'affichent :
- en vert = lien valide
- en rouge = lien invalide (ou serveur trop lent à répondre)
- en jaune = lien douteux (exemple : page nécessitant une identification)

LinkChecker

 

 

Vérifier l'orthographe - fautes de frappe - fautes HTML :

On a beau être attentif, des fautes de frappes arrivent à se glisser dans les pages...

Voici quelques fautes (classiques pour moi) que j'identifie en faisant une recherche sur le code :

utli
iil
ioin
Sorite
lii
ilsa
tilsa
clilquer
aion
sss
lisier

Fautes HTML :

.php"></a>

La liste est loin d'être exhaustive.

 

Haut de page

| Copyright | Histoire d'Aidewindows | Assistance à domicile | Concarneau | Aide Informatique et Internet : www.ai2.fr

Hit-Parade des sites francophones