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

Utilisation avancée Conception du site Liens utiles Surveillance de site : Woozweb Tester l'affichage de son site Vérifier la conformité de ses pages Firefox : Web Developer et Firebug Vérifier la validité des liens hypertexte LinkAlarm LinkChecker 6.5 for Windows LinkChecker Vérifier l'orthographe : fautes de frappe Page suivante : Vitesse de chargement Améliorer le temps de chargement des pages Lien : WebPagetest : Tester la vitesse d'afffichage de ses pages Outils Google pour les webmasters Page Speed Page Speed et Google Chrome Page Speed et Firefox (avec Firebug) Attention aux conseils de Page Speed Documentation YSlow

Page suivante : Méthode d'optimisation Les Méthodes d'optimisation L'optimisation des images Choix du format Logiciels d'optimisation La mise en cache ExpiresActive on : dans le fichier .htaccess Pages intégrant des vidéos YouTube La compression HTTP avec gzip Dans un fichier PHP module mod_deflate : dans le fichier .htaccess Liens : Tester la compression de ses pages La compression avec gzip chez 1and1 Les Sprites CSS L'utilisation d'un CDN

 

 

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 :

 

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 :

 

 

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

 

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.

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

 

 

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

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/

- 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.

 

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 :

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, 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 :

 

 

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.