This page has been robot translated, sorry for typos if any. Original content here.

Analyse des pages du site

Après la conception d'une page unifiée, une analyse minutieuse est effectuée. Le fait est que lorsqu'un développeur trouve une inexactitude ou prévoit d'apporter des améliorations à un stade ultérieur de la création d'un site, le processus revient au tout début.

Pour parfaire la perfection de ce stade de développement, il faut encore beaucoup de pratique, mais vous aurez besoin de ces méthodes d' analyse très basiques:

  • Vérifiez la page sur différents navigateurs . Bien que les statistiques de nombreux sites de recherche indiquent qu'environ 90% des visiteurs préfèrent le navigateur MSIE, ils ne déduisent toujours pas les 10% restants - c'est un très large public.
  • Vérification des différents modes d'expansion de l'écran.
  • Analyse de code source.
  • Analyse des références

Passons maintenant à chacun d'eux plus en détail.

Les navigateurs et les standards HTML proposés par le consortium W3C sont pertinents aujourd'hui. Le fait est que les développeurs de navigateurs qui tentent de contribuer au développement du langage HTML créent souvent leurs propres éléments (tags, attributs) incompatibles avec d'autres navigateurs. Cela fait souvent référence au langage DHTML . Par conséquent, si vous développez un menu de navigation basé sur cette langue, alors prenez-le très au sérieux, sinon votre site dans un autre navigateur sera paralysé.

Dans d'autres cas, les pertes semblent moins tangibles. Dans les navigateurs populaires MSIE 6 , Opera 7.x / 8.x, Mozilla 1.7 et Netscape 7.1 (que l'on vous demande de tester ), l'attitude envers le langage HTML n'est pas si fondamentale. Les éditeurs HTML courants, par exemple, Macromedia Dreamweaver MX ou Microsoft Front Page ont des outils intégrés pour résoudre ces problèmes (toutes les erreurs seront mises en évidence) même au stade de la compilation de la première page.

En ce qui concerne les feuilles de style en cascade , les développeurs de navigateurs Netscape ont proposé de nombreux nouveaux éléments CSS qui ne sont pas supportés par d' autres navigateurs.

La vérification des pages dans différents modes de résolution d'écran est faite afin d'établir des erreurs dans la compilation des tableaux (en indiquant la largeur et la hauteur). Si la méthode de positionnement a été appliquée, le résultat sera vu de différentes manières . Ne négligez pas un tel test. Bien que la plupart utilisent l'extension 800x600, mais avec la croissance des équipements modernes , le nombre d'utilisateurs avec une résolution plus élevée est en constante augmentation .

Analyse de code source

Le code source HTML fait référence à tout ce qui se trouve dans le conteneur <HEAD> . C'est une partie essentielle du site. Ce sont ses moteurs de recherche, ignorant les beaux dessins, une barre de navigation excellente et tous les éléments élaborés de la page Web elle-même. Étudions sérieusement le code source .

Au tout début du document, son type est indiqué. Exemple:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 type_de_table // EN"

Ils sont du type:

  • strict (exact) - ne contient pas de balises et d'attributs considérés comme indésirables par le consortium W3C.
  • transitionnel - peut contenir des balises et des attributs indésirables.
  • frameset (frame) - peut contenir à la fois des éléments indésirables et des cadres.

Cette information sera fournie par n'importe quel éditeur HTML . Vous avez seulement besoin de faire un ajustement si nécessaire.

Il est souhaitable d'exclure la balise <TITLE> du modèle. Il porte le nom de la page, qui est le plus souvent unique pour chacun d'entre eux. D'un autre côté, ça ne va pas interférer . Seulement après l'achèvement de la révision, il devrait inclure le titre de la page, qui semblera simple , attrayant et en même temps compréhensible pour lire des phrases ou des mots.

La balise <META> a une utilisation universelle. Il sert à fournir aux moteurs de recherche des mots - clés ou des phrases, l' encodage des pages, les informations sur les droits d'auteur, le rechargement et la redirection des pages. Toujours dans la spécification HTML 4.01 , vous pouvez spécifier la date à laquelle le document a été créé.

Dans le cas où vous devez faire quelques dizaines ou centaines de pages, il est évidemment préférable d' unifier tout dans le code source, sauf de rediriger les pages. Ce dernier est utilisé à volonté .

L'attribut NAME dans la balise <META> indique la réduction du caractère d'information pour les moteurs de recherche. La valeur "keywords" indique que les mots - clés seront appliqués, et l'attribut CONTENT liste les derniers. C'est pour ces mots que les visiteurs vont utiliser vos "moteurs de recherche" pour trouver votre site. Vous devez faire les mots-clés séparés par des virgules et ils doivent correspondre à l' objet du site. Ce faisant, vous devrez apprendre à mettre les mots-clés sélectionnés dans vos pages Web. Il peut être nécessaire d'ajuster les mots dans différentes pages, en fonction de leur contenu.

Par le même principe, un code est compilé avec les valeurs:

  • Description - un résumé du site. Il sera indiqué dans la fenêtre des résultats de recherche des "moteurs de recherche"
  • Auteur - nom de l'auteur.
  • Générateur - un pointeur vers le nom de l'éditeur HTML utilisé pour créer la page.
  • Copyright - informations sur le copyright.

Exemple de code source:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // FR"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META NAME = "Générateur" CONTENT = "Ace HTML 6 Pro">
<TITLE> Vidéos </ TITLE>
<META http-equiv = "Content-Type" content = "texte / html; jeu de caractères = windows-1251">
<META NAME = "Auteur" CONTENT = "VideoService LLC">
<META NAME = "Mots-clés" CONTENT = "CD, DVD, cassettes vidéo, courrier, films d'action, comédies, mysticisme>
<META NAME = "Description" CONTENT = "Le plus grand choix de films., Les prix les plus bas.>

Analyse de lien

Vérifiez à nouveau comment vous avez posté les liens . Ils devraient en quelque sorte se démarquer du contenu principal et être à votre contrôle tout le temps . Lorsque vous créez des pages, évitez les liens "morts" . Liens rompus créer une impression sur vos visiteurs que le site est servi avec désinvolture et rarement.

Utilisez les liens plus souvent car ils servent de base à la navigation sur Internet. Mais ils devraient être en quantité raisonnable .

Lorsque vous implémentez des liens dans le texte, ils doivent être inextricablement liés au sens du texte lui-même. Différents appels "Et regardez ici" ou "Cliquez ici!" distraire de lire toute information.

Eh bien, le plus important est que le lien soit transparent , c'est-à-dire que le visiteur du site comprenne où il irait.