Notre magasin

Rue Albert 1er, 7

6810 Pin - Chiny

(/fax: 061/32.00.15

Magasin informatique, formations YBET

Tutorial / Formation FrontPage

FORMATIONS

Le MAGASIN YBET

PRODUITS et SERVICES

Formation Internet à Chiny

Activités et présentation

Logiciel de gestion

COURS HARDWARE

Rayon d'action  

Caisses enregistreuses TEC
Tutorial access   Plan d'accès MATERIEL INFORMATIQUE
ACCUEIL Forum création - référencement Vente informatique en ligne
Formation
Une formation webmaster? YBET informatique en 60 heures dans nos locaux ou par groupes.
Le cours HTML
13.1. FrontPage

13.2. Les tableaux

13.3. Insertion d'images

13.4. Les paragraphes

13.5 Bases HTML

13.6. Liens hypertextes et signets

13.7. Structure du site, taille des pages

13.8. Extensions FrontPage

13.9. Introduction aux feuilles de styles

13.10. Feuilles de styles, les tableaux

13.11. Positionnement de zone en CSS

13.12 Formulaires

Divers
La Province de Luxembourg
Découvrez une région unique, ... Tourisme et hébergement, entreprises et commerces, agenda des activités, ...

Référencement
Votre site est invisible, nous avons peut-être la solution.

Gestion de stock, facturation
Gérer vos factures, stocks, clients et fournisseurs en 1 tour de main avec CIEL

Excel
Le cours Excel en ligne d'Ybet informatique

Sur le sujet
Créer son site Internet, avant de débuter, petites explications
Le fonctionnement des moteurs de recherche, comment sont positionnées les page dans les requêtes.
Référencement Internet, un beau site, c'est bien, visité c'est encore mieux. Quelques explications sur le positionnement dans les recherches de Google.
La mise en ligne d'un site, explications complémentaires
Le PHP, la base de donnée MySQL: Dans la même série de formation en ligne, introduction au PHP, gestion de base de donnée MySQL.

 

7. Structure du site, pages Internet

7.1. Introduction - 7.2. Structure d'un site - 7.3. Taille des pages

A ce niveau de la formation, nous maîtrisons déjà les bases de création d'une page WEB. Cette partie va servir de base à la création du site.

Un site Internet est composé de pages avec une page principale, la page d'index. C'est la page d'entrée du site. Cette page va servir de table de matière. La manière dont les pages suivantes vont être ordonnées dépend du nombre de page que votre site va contenir. Ceci est lié d'une part au référencement, d'autre part à la facilité de navigation.

Pour une page, nous avons déjà réduit la taille des photos pour augmenter la navigation. Plus la page est réduite, plus la vitesse de chargement est réduite. Par contre, une page sans beaucoup de contenu ne sera pas intéressante pour un visiteur qui risque de quitter le site immédiatement.

2. Structure du site

Trois structures de sites sont utilisées:

  • en ligne. Dans ce mode de construction, chaque page est reliée par un lien à toutes les autres.
  • en arbre. Cette méthode est similaire aux dossiers de Windows. La page d'entrée pointe (met un lien) vers plusieurs pages (les principales) qui eux-même pointent vers des pages inférieures. Chaque page reprend généralement en lien la page d'entrée (obligatoire), la page supérieure et généralement toutes les pages du niveau 1 (sous la page d'entrée). C'est la structure la plus courante.
  • maillée. Dans cette méthode, chaque page pointe vers la page d'entrée, les pages de niveau 1 et la page supérieure mais également vers d'autres pages internes. C'est la méthode utilisée par ce site.

Le choix va conditionner la facilité de navigation, mais également le référencement. Choisir une ou l'autre va finalement dépendre du nombre de page de votre site et des différents contenus. Le nombre de liens partant d'une page doit être de 100 maximum (conseillé par Google notament). Ceci est lié aux moteurs de recherche mais pour une navigation aisée avec un tel nombre de liens sur une page, le visiteur va être complètement noyé au milieu de liens. Pour un menu d'en-tête, une dizaine est un grand minimum. Au-dessus, le menu va s'alourdir, la taille des textes (ou images) va diminuer rendant difficile la distinction des différents liens. Analysons un petit site d'entreprise ou d'association. Les pages à insérer au minimum sont:

  • Page d'entrée qui sert de présentation.

  • Page contact, comment vous contacter (mail, téléphone, ...)

  • page produits, manifestations.

Ceci nous fait 3 pages, un peu juste pour créer un gros site. La structure utilisée va être en ligne. Le menu de chaque page va pointer vers les 2 autres pages.

Commençons à insérer notre page "produits". Si l'entreprise ne vend que 5 produits, ceci nous fait à peine 8 pages. La structure peut rester "en ligne". Par contre, si votre entreprise reprend 5 familles de produits avec chaque fois une dizaine de produits par familles, on arrive déjà à plus de 50 pages. Dans ce cas, nous allons utiliser une "structure en arbre"

  1. La page d'entrée va pointer sur la page contact et vers la page de chaque famille de produit.

  2. Les pages de familles de produits vont être liées vers les autres pages de famille, la page d'entrée et la page de contact.

  3. Les pages de produits vont pointer vers l'index, contact, famille supérieure et autres familles.

Si nous utilisons des sous-familles de produits, les pages de produits ne pointeront plus que vers les pages de sous-famille supérieures, éventuellement les pages de familles. Ceci pour diminuer le nombre de liens sortants. Cette méthode s'adapte pas mal à de nombreux sites.

La troisième méthode ne fonctionne effectivement qu'avec des sites spécifiques. YBET est construit de cette manière. Les familles sont les différents cours (Excel, Access, Internet, operating system, PowerPoint, ...). Chaque cours reprend plusieurs pages selon une structure en arbre. Par contre, différentes pages internes du cours hardware pointent vers des pages d'autres cours, comme le partage de connexion Internet, inclus dans la formation INTERNET. Cette méthode n'est envisageable quand les différentes familles ont des points communs, donc pas dans le cas de présentations de produits. Cette structure maillée permet d'utiliser plusieurs routes différentes entre 2 pages. Elle permet un meilleur référencement mais a le défaut d'augmenter le nombre de liens sur chaque page. De plus, elle est difficilement applicable pour les sites en PHP ou ASP où les différentes parties (groupes de liens) sont insérés en automatique.

3. Tailles des pages.

Pour faciliter le chargement des pages, mieux vaut limiter la taille. Le temps de chargement d'une page est affichée en bas à droite de la fenêtre FrontPage. Il reprend le texte et les photos. Pour paramétrer la vitesse du modem (ici en 28,8 Kb), vous pouvez utiliser la commande Option du menu Outils.

60 secondes en 28,8 est déjà un maximum. Un visiteur en modem 56.5K mettra 30 secondes minimum pour charger votre page.

Google limitait l'indexation des pages à 100 KB de textes (il ne tient pas compte des images). Ce n'est plus le cas. En plus, les META permettent un meilleur référencement. Plus le nombre de pages est important, plus le nombre de META est important, et donc meilleur est le référencement (en plus de pouvoir concentrer un maximum de mots clés différents par page). Cette observation a conduit de nombreux sites à découper leurs articles en petits morceaux en reprenant un lien en-dessous pour passer à la page suivante.

La taille d'une page doit rester un compromis entre la navigation la plus facile, un temps de chargement pas trop long et des fonctionnalités de référencement. Partez du principe que le visiteur Internet a toujours la possibilité de revenir en arrière rapidement avec le navigateur Internet ou même de fermer la page directement. Si le contenu semble de premier abord trop faible (manque de texte), il quitte immédiatement la page. En plus le visiteur est généralement "fainéant". Les liens en forme de flèche sont difficilement perçus comme suite de l'article, surtout avec de petites pages.  Par contre, s'il doit attendre 10 secondes pour télécharger chaque page, il a également de fortes chances de quitter également.

La taille des pages doit être faite pour le visiteur. Une page doit reprendre un seul sujet et permettre de naviguer sur des sujets adjacents. La page doit être coupée uniquement si elle devient trop longue à télécharger. Les pages avec juste quelques mots que l'on retrouve généralement sur des sites de définitions sont effectivement généralement bien placées dans les moteurs de recherche sur les mots clés de la page, mais rarement sur des requêtes plus complexes. Par contre, la vitesse de navigation (temps passé sur la page) est très faible. Cette méthode ne permet de passer que sur quelques mots, pas sur des pages de contenu.

<13.6. Liens et signets

La suite du tutorial FrontPage > 13.8. Extensions FrontPage

La formation / tutorial FrontPage

13.1. FrontPage - 13.2. Les tableaux - 13.3. Insertion d'images - 13.4. Les paragraphes - 13.5 Bases HTML - 13.6. Liens et signets  - 13.7. Structure - 13.8. Extensions FrontPage - 13.9. Les feuilles de styles - 13.10. Feuilles de styles, les tableaux  - 13.11. Positionnement de zone en CSS - 13.12 Formulaires

YBET Informatique: formation débutant ou avancé

dans notre salle de formation à Chiny ou en entreprise

Renseignements, tarifs et inscriptions sur notre page formations informatiques

Mise en ligne: 18/09/2006

Magasin informatique YBET à Chiny, formations

Autre formations en ligne:

Access - PowerPoint - Word - Operating Systems