Composition d'une page web

Il convient pour réaliser une page bien conçue de placer les éléments là ou les visiteurs ont l'habitude de les trouver, lorsqu'il s'agit d'informations pratiques mais on peut faire preuve d'imagination quand au contenu.

Selon une étude de Jacob Nielsen, les dix premières secondes sont critiques pour la décision de rester sur une page ou non. Il faut donc que le lecteur soit retenu par l'apparence de la page, son introduction: communiquez la valeur de ce que vous offrez en 10 secondes.

Quand à l'aspect optimisation pour les moteurs, on doit se concentrer sur le contenu, donc sur le corps du texte tandis que les autres éléments: en-tête, barres latérales, footer devraient être faits spécifiquement pour les visiteurs.

L'en-tête

Il contient usuellement le logo et des éléments de navigation. On peut se poser des questions cependant sur le contenu de l'en-tête:

Vaut-il mieux placer le lien sur l'accueil dans un texte ou le logo?
Utiliser un logo textuel ou une image?
Mettre les liens internes en nofollow pour éviter la suroptimisation?

A défaut de réponse précise de la part des moteurs, on s'en tiendra à ce qui est fait le plus couramment: on peut mettre le lien dans un image ou un texte, on peut mettre des liens internes sur les catégories de documents sur le site.

Il est souvent utilisé pour afficher des publicités ce qui n'est pas forcément le meilleur emplacement. D'autres éléments peuvent y être placés également: une barre de recherche comme ici.

Eviter d'utiliser le nofollow sur des pages que l'on veut voir indexer même si on a des liens internes fréquents sur ces pages.

Eviter de placer de façon ostensible des mots-clés sur toutes les pages sauf dans les ancres des liens s'ils correspondent au contenu de la page liée. Ne pas placer les mêmes mot-clés dans toutes les ancres mais les personnaliser plutôt selon le contenu de la page.

Le footer

Dans le pied de page, on peut placer les éléments suivants.

Notice de copyright.
Des éléments de navigation comme Accueil ou un nuage de tags.
Références au designer ou autre.
Contact.

Le footer doit toutefois rester épuré.

Il est courant de placer des liens sur des sites partenaires en footer. Cependant ces liens sont ignorés par les moteurs ou même ils sont explicitement décommandés s'ils sont en grand nombre. Voir à ce sujet les réponses de google aux webmasters.

La barre latérale

Elle peut être placée sur la droite ou la gauche, avoir la même largeur que le corps du texte ou ne pas exister du tout si les éléments de contenu sont placés ailleurs dans la page. C'est un choix de design qui est indifférent dès lors qu'il ne réduit pas les possibilités de navigation.

Exemples d'éléments à placer dans une barre latérale:

Un nuage de tag.
La liste des articles les plus récents.
Une liste d'articles en rapport avec celui-ci (liens que l'on peut aussi placer sous l'article).
Un champ de recherche.
La liste des catégories si elle n'est pas en en-tête.
Le flux RSS.
Des gadgets divers. Par exemple un bouton de traduction automatique.
Un calendrier pour accéder aux archives.

Un lecteur RSS PHP permet d'insérer dynamiquement la liste des articles récents à partir du flux RSS si l'on n'utilise pas de CMS.

Le corps de texte

Son contenu dépend bien sûr de l'article que l'on veut rédiger.

Il peut être complété avec des services web, comme par exemple une carte Google Maps.

Un site moderne s'agrémente d'images et de vidéos. Voir comment créer une galerie d'images, ou utiliser une lightbox pour afficher une image, un texte ou un formulaire.

Utilisation du nofollow

L'attribut rel="nofollow" interdit aux moteurs de prendre en compte un lien, interne ou externe. L'utiliser pour influer sur le positionnement n'est pas une bonne idée, car on ne sait pas trop s'il y a avantage ou non à avoir un lien en dur externe.

La directive doit surtout être utilisée quand aux liens externes, pour contrer le spam dans les commentaires par exemple, quand aux liens internes sur des pages qu'il est inutile de faire indexer par les moteurs.

Cependant si on doit absolument placer des liens externes en footer, il conviendrait alors de les mettre en nofollow.