Place des réseaux avecBouygues TelecomVerisign
 
 
Bouygues Telecom partenaire

Comment référencer le site de votre réseau ?

2. Comment coder votre site pour le rendre naturellement "référençable" ?

Le positionnement naturel dans un moteur de recherche résulte de la façon dont vous allez coder vos pages et c'est le premier point à respecter pour obtenir un référencement efficace.

Si vous utilisez un logiciel tel que Dreamweaver ou FrontPage, il va vous falloir passer en mode "code" pour modifier quelques balises. Généralement cette option se trouve dans la partie "Affichage".

Rappel sur le code d'une page HTML

Si vous êtes novice, et que vous n'avez jamais vu du code HTML, voici le squelette d'une page avec ses différentes parties : tout au long de cette fiche, nous vous indiquerons où se situent les éléments à modifier.

<html>
<head>

Cette partie regroupe les informations sur la page tels que son titre, sa description, ses mots clés, son auteur, sa date de création…

<title> Ceci est le titre de la page web </title>
<head>
<body>
Ceci est le corps de la page et encadre les éléments tels que le texte, les images, les formulaires…</body>
</html>

Codez efficacement vos pages

Utilisez des balises efficaces pour structurer vos textes et les mettre en valeur. Ainsi, un titre sera balisé par H1, les sous-titres par H2, votre menu par une liste UL, LI, un paragraphe par P et ainsi de suite. Trop de sites ne donnent pas de poids à leurs textes en regroupant tous les textes sous la balise FONT et cela les pénalise. En structurant votre code ainsi, vous indiquez au moteur de recherche que le titre H1 est plus important que le H2, et de même pour le mot en gras par exemple avec la balise STRONG. En codant ainsi, vous mettez en avant les éléments les plus importants de votre page et optimisez ainsi vos textes pour le référencement en leur donnant du poids.

Liste des balises textes situées entre les balises <BODY> et </BODY> :

La balise titre :
<h1>Titre de votre page</h1>

La balise sous-titre :
<h2>Sous-titre</h2>

Les balises des titres inférieures :
<h3 à h6> titres de niveaux inférieurs</h3 à h6>

La balise paragraphe :
<p>Paragraphe avec vos textes </p>

Liste à puces :
<ul>
<li>
Liste à puce 1 </li>
<li>
Liste à puce 2 </li>
<li>
Liste à puce 3 </li>
</ul>


Liste à numéros :
<ol>
<li>
Liste à numéros 1 </li>
<li>
Liste à numéros 2 </li>
<li>
Liste à numéros 3 </li>
</ol>

Balises de modification d'un style pour les textes

<strong>Mot en gras</strong>
<em>Mot en italique</em>
<u>Mot souligné</u>

Exemple :
  • Avant : tous les textes sont balisés par FONT et la taille du texte est donnés par l'attribut SIZE
<font size="+4">Titre de ma page</font>
<font size="+2">Sous titre 1</font>
<font size="+1">Ceci est un <strong>premier paragraphe</strong> en rapport avec le sous-titre 1</font>
<font size="+1">Ceci est un second paragraphe qui en rapport avec le sous-titre 1</font>
  • Après : chaque texte est balisé en fonction de ce qu'il représente et la taille du texte est automatiquement différenciée de par votre navigateur.
<h1>Titre de ma page</h1>
<h2>Titre de ma page</h2>
<p> Ceci est un <strong>premier paragraphe</strong> paragraphe qui en rapport avec le sous-titre 1</p>
<p> Ceci est un second paragraphe en rapport avec le sous-titre 1</p>

Par cette méthode plus rigoureuse, vous pouvez constater que le code est allégé et qu'il est facile de distinguer les différents éléments grâce à l'utilisation des balises adéquates. Même le code est lisible et indique bien la nature des éléments.
Attention : pour définir la taille, couleur, police de vos textes vous devrez compléter votre feuille de style.

Indiquez des titres de page en rapport avec le sujet

La balise TITLE (qui s'affiche en haut de la fenêtre de navigation et qui se situe entre les balises <HEAD> et </HEAD>) est une des plus importantes : c'est le titre de votre page. L'information qu'elle contient doit être concise et pertinente avec vos mots clés les plus importants. Limitez vous à 100 caractères et ne mettez pas simplement une liste de mots clés, faite plutôt une phrase.

Exemple pour votre page d'accueil :
  • Avant :
<head>
<title> Réseau ABC : Accueil </title>
</head>
  • Après :
<head>
<title>Accueil du Réseau ABC pour les consultants de la région Nord Picardie</title>
</head>

Vous gagnez en clarté avec une phrase et en pertinence avec un nombre plus important de mots clés.

Renseignez les attributs ALT de vos images : attribut situé dans la balise <IMG ….> entre les balises <BODY> et </BODY>

Vous avez mis une photo du président de votre réseau sur votre site, et bien pensez à mettre dans le ALT (pour Alternative) un bon descriptif de cette photo afin de permettre à tous de "lire" ce qu'il y a sur cette image.

Exemple :

  • Avant :
<img src="president.jpg" >
  • Après :
<img src="president.jpg" alt="Photo du Président du réseau ABC">

Ce descriptif explique bien ce qu'on visualise sur la photo et ajoute des mots clés à votre page.

Limitez le poids des pages

C'est beau une page avec beaucoup d'images mais pour quelqu'un qui se connecte en bas débit, c'est décourageant. Le poids d'une page est également un facteur pris en compte par les moteurs de recherche et ceci en terme de densité alors pensez-y en vous limitant à l'essentiel. Une page moins dense, sans images par exemple, est une page mieux référencée.

Faite des mises à jour

Une page mise à jour est une page qui vit. Alors annoncez vos évènements, réunions, nouveaux membres de façon à donner aux moteurs de recherches un flux continu d'informations sur votre réseau.

Réalisez un plan de votre site

En plus de guider vos visiteurs, la page "plan du site" présente l'avantage de permettre à un moteur de recherche de trouver toutes les pages qu'il doit indexer. En une opération il peut suivre tous les liens et visiter toutes vos pages.

Renseignez vos balises META

Les balises META, situées entre les balises <HEAD> et </HEAD>, invisibles pour un internaute se trouvent dans l'en-tête d'une page HTML. Elles permettent de donner des informations sur la page : description, auteur, date de publication, de mise à jour, mots clés de la page… Même si à cause de trop d'abus les balises META description et mots clés ne sont quasiment plus considérées, il est quand même bon d'y renseigner vos mots clés et un descriptif de votre site Internet. Cela permettra à certains moteurs d'en extraire les informations si besoin est.

Exemple d'utilisation des balises META : A mettre entre <HEAD> et </HEAD> dans votre page

Description du site :
<meta name="description" content="Le réseau ABC regroupe les consultants de la région Nord Picardie. Nos domaines de compétences sont l'ingénierie, la finance, la communication et le marketing ">

Mots clés :
<meta name="keywords" content="réseaux, abc, consultants, nord, picardie, ingénierie, finance, communication, marketing, projets, missions… ">

Langue utilisée :
<meta name="language" content="Fr">

Type d'alphabet utilisé : Occidental dans l'exemple
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">

Pages à référencer :
<meta name="robots" content="ALL">

Type de contenu du site :
<meta name="rating" content="General">

Propriétaire des copyrights :
<meta name="copyright" content="Monsieur Dupont">

Fréquence des mises à jour du site :
<meta name="revisit-after" content="30 days">

Auteur de la page ou de l'article :
<meta name="author" content="Monsieur Jacques">

Email pour écrire au gestionnaire du site :
<meta http-equiv="reply-to" content="contact@site.com">

Nommez correctement vos pages

Une page qui s'appelle mission-consultant.htm est plus facile à identifier et plus efficace pour le référencement des mots "mission " et "consultant" qu'une page qui s'appelle page1.htm ou missconsul.htm

Astuces :
Utilisez le tiret ( - ) pour nommer vos pages au lieu de l'espace ou de l'underscore ( _ ). Nommez toujours vos pages en minuscule.
Page précédente   Page suivante
Les nouveaux forfaits pros 4G et 4G+ intègrent Microsoft Office 365. En mobilité, vous profitez de toutes vos applications bureautiques, des performances proches de la fibre optique pour télécharger des fichiers lourds en quelques secondes, organiser des vidéo-conférences très fluides, travailler en équipe en réseau avec votre propre hotspot, sauvegarder et synchroniser tous vos dossiers sur un serveur ultra-sécurisé.
Pour en savoir plus sur les offres pros Bouygues Telecom.


Technologie Haut de page
 




Bons plans

Annuaire des réseaux