Chez Gap Champs-Elysées et Gap rue de Rennes, le travail en équipe était permanent. De plus, pendant les soldes, le rythme était très soutenu, les contacts avec les clients nombreux et régulièrement en anglais.

La référencement naturel est directement lié à la gestion de projet : en effet, il est bien plus efficace d’intégrer tout au long de la conception, la notion de référencement naturel, aussi bien d’un point de vue stratégique que technique.

Voici quelques exemples de ce que je pourrais accomplir pour vous en tant que chef de projet web, spécialisé référencement naturel : analyse de marchés, stratégie, recommandations techniques, suivi statistiques et évolutions, veille permanente, maîtrise de Advanced Web Ranking (suivi positionnement), maîtrise des outils Google Analytics-Docs-Agenda, …

Tester votre site avec Microsoft Internet Explorer 6, 7 et 8 n’est pas forcément facile mais reste indispensable. Notons cependant que IE6 tend à disparaître, plusieurs développeurs et agences affichant fièrement leur choix de ne plus tester leurs sites sous ce vieux navigateur. Il est en effet de moins en moins utilisé mais surtout coûteux en temps à « débugger ».

Je vais vous présenter 3 manières de tester la compatibilité de vos sites, le moyen le plus sûr restant de combiner les 3 !

Tester simplement et rapidement votre site en ligne sur Internet Explorer 5.5, IE6, IE7 et IE8 : NetRenderer

NetRenderer est très simple et rapide à utiliser. Tout se passe en ligne et est donc possible via n’importe quel navigateur ou système d’exploitation. Vous pouvez donc y accéder depuis un Mac ou un Pc sans problème. Vous choisissez dans la liste déroulante le navigateur Microsoft Internet explorer pour lequel vous désirez un aperçu puis vous saisissez tout bêtement l’adresse de la page que vous souhaitez tester dans le champ de texte.

Validez, la copie d’écran apparaît instantanément !

Points positifs

Les points positifs vous l’aurez compris sont la rapidité et la compatibilité. En quelques secondes vous pouvez vérifier votre intégration et ainsi continuer sereinement. Les légers problèmes seront ainsi réglés rapidement.

Points Négatifs

Le mauvais côté est que ce n’est qu’un « aperçu » qui peut donc vous rassurer rapidement ou bien vous montrer que vous allez passer du temps à débugger ! Aucune navigation n’est donc possible entre les pages de votre site. Vous devez à chaque fois saisir l’adresse exacte de la page que vous voulez tester sous IE6, IE7 ou encore IE8. Si vous possédez beaucoup de modèle de pages différents, de templates, cela peut être long et pénible. Mais bon, ce n’est pas l’intérêt de cet outils !

Tester votre site et naviguer sous IE5.5 IE6, IE7, IE8 et naviguer dans celui-ci (uniquement sous Windows) : IEtester

IEtester vous permet donc de tester votre site avec Internet Explorer, comme son nom l’indique… Vous pouvez ouvrir un onglet pour chaque version : IE5.5, IE6, IE7 et IE8. Le débuggage est donc plus simple car vous pouvez simplement actualiser la page sous l’onglet voulu pour voir le rendu. Vous pouvez également naviguer dans les pages ce qui est plus efficace pour les « gros » site ou encore pour tester roll over sur des images ou des liens par exemple.

Points positifs

Une application, une fenêtre mais possibilité d’ouvrir un onglet par version d’Internet Explorer. La navigation se fait simplement

Points négatifs

Il n’est possible d’installer IEtester que sur Windows. De plus, même sous un PC avec windows, IEtester est parfois instable. Des onglets se ferment inopinément mais bon, il est vraiment très pratique et les rendus sont généralement très fidèles !

Vous vous demandez pour certains « oui mais si je suis sous MAC OS X, comment profiter de cet outils ?? ». La réponse à cette question dans la dernière partie de cet article !

Télécharger IEtester

Tester votre site sous TOUS les navigateurs et toutes les versions, sans installation (uniquement sous Windows) : Browser SandBox

Sur le site Spoon.net, vous pouvez lancer depuis votre navigateur, n’importe quel navigateur !

Ce site ne fonctionne que si vous le consultez depuis un poste sous Microsoft Windows, encore et toujours… Il suffit de cliquer sur la vignette du navigateur que vous souhaitez lancer. La liste est plutôt complète :

• Internet Explorer 8, 7 et IE6
• Firefox 3.5, 3 et 2
• Safari 4 et 3
• Google Chrome
• Opera 10 et 9

Une nouvelle fenêtre s’ouvre avec la version désirée et vous n’avez plus qu’à naviguer !

Points positifs

Liste très complète et utilisation facile. Sans installation.

Point négatif

Compatible uniquement avec Windows.

Comment tester un site sur Internet Explorer avec Mac OS X ?

Lorsque l’on développe des sites sur Mac (ce qui est mon cas depuis peu, suite à la mort de mon pc portable), il est indispensable de tester son site avec les navigateurs les plus utilisés, qui restent Internet Explorer. Or depuis plusieurs années, Microsoft a stoppé le développement de son navigateur pour les autres plateformes (tant mieux vu les problèmes de sécurité actuels liés à Internet Explorer et les recommandations de plusieurs états et organismes d’utiliser des navigateurs « alternatifs », pensez à Mozilla Firefox, Apple Safari ou encore Google Chrome… Voir la note officielle de l’état français).

Il existe donc une solution simple et efficace pour installer Windows sur votre Mac OS X : VMware Fusion (voir le site officiel de VMware). Le but de cet article n’est pas d’en expliquer son fonctionnement, vous pouvez voir tout cela sur leur site officiel. Je vous présente simplement cet outils qui permet de lancer simultanément plusieurs bureaux sur une même machine sous Mac OS X. Le logiciel est très évolué et permet par exemple d’ouvrir une fenêtre venant de ce bureau virtuel dans Mac OS X et de la réduire dans le Dock.

Bref, grâce à cette application VMware Fusion et l’installation d’une version de Windows, vous pourrez utiliser IEtester et Browser SandBox sans soucis sur votre Mac !

Conclusion

Tester votre site sous tous les navigateurs est souvent long mais reste indispensable. Internet Explorer garde en effet une part de marché importante, de l’ordre de 62% fin 2009 en Europe, selon At Internet Institute. Cette part de marché ne cesse de décroître, les navigateurs tels que Mozilla Firefox progressant régulièrement depuis plusieurs années ou encore Google Chrome.

Pour obtenir un bon positionnement et ainsi être visible sur le web, je vais donc énoncer quelques principes à appliquer sur la structure de votre site internet.

Les moteurs de recherche

Commençons par comprendre la démarche des moteurs de recherche. Leur but est d’offrir des résultats triés par pertinence selon la combinaison de mots clés de recherches saisie. Pour cela, le robots essaient au maximum de se comporter tel un utilisateur lambda. Pour obtenir une vision compréhensible par les algorithmes des moteurs, le robot parcourt le code source du site. Il est important de préciser que le robot Google ne tient pas compte du Javascript. Il est donc indispensable d’avoir un site accessible pour les internautes ne disposant pas du Javascript ou l’ayant désactivé. Dans le cas contraire, le robot n’accède pas au contenu concerné ; une partie du site peut même échapper au robot si celle-ci est par exemple accessible uniquement par des liens générés par du Javascript (le phénomène est identique pour le Flash et les fichiers Swf, non interprétés également). Il est toutefois possible d’utiliser ces techniques du web, qui peuvent apporter un meilleur design ou encore améliorer la navigation, mais il faut prévoir une solution alternative qui ne nuira pas au référencement de votre site.

Procédons maintenant par ordre et regardons ce que voit en premier le robots qui arrive sur votre site : son adresse, ou Url. Choisir un bon nom de domaine est déjà un bonne avancée, la longévité l’est également, si vous possédez un nom de domaine depuis 10 ans et que vous l’avez réservé pour les 10 prochaines années, Google vous offrira une plus grande crédibilité. Mais cela n’est en rien suffisant.

L’en-tête d’un page web

Une fois l’adresse du site lue, le robot Google arrive sur votre site. Il trouve alors le head, ou l’en-tête.

Cette partie est encadrée par les balises <head></head>. Elle contient les informations d’identification de la page, principalement destinées aux moteurs de recherche. On y trouve le type d’encodage de la page, sa langue, son auteur  mais aussi son titre <title> ; très important pour le référencement, il est recommandé de choisir un titre unique pour chaque page. Les balises « méta » sont également situées dans ce head. Très utilisées auparavant, elles présentent généralement les mots-clés  et la description relatifs à la page. Les mots-clés (ou keywords) ne sont désormais plus utilisés par Google suite à trop d’abus (des personnes peu scrupuleuses inséraient des mots-clés sans rapport avec la page uniquement pour se positionner sur des recherches populaires). La description n’influe pas sur le postionnement Google mais est affichée dans la liste de résultats Google ; son rôle est  donc différent mais tout de même important : inciter l’internaute à venir sur votre site.

Le contenu du site

Après avoir parcouru l’en-tête d’un site, repéré quelques informations (titre, auteur, encodage, …), le robot entre dans le contenu du site. Il va alors suivre tous les liens qui lui sont offerts. Il est donc important de placer le menu parmi les premiers éléments de la page pour que le robot identifie dès son arrivée l’arborescence principale, et donc les informations principales, du site.

Les balises de titre ont elles aussi un rôle essentiel. Elles permettent en effet de hiérarchiser le contenu. La balise <h1> représente les titres de premiers niveaux. Les mots de ces titres doivent être choisis après une réflexion sur la stratégie de positionnement du site. On place souvent le nom de la marque ou dans l’entreprise dans ce <h1>. Viennent ensuite les balises <h2>, <h3>, …, <h6>. Grâce à elles, on peut précisément hiérarchiser le contenu, même si celui-ci est important.
La structure du site et son organisation sont donc très importants pour être bien interprété par les robots. Il est désormais recommandé d’utiliser des blocs, <div></div>, pour distinguer les parties du site. Les deux éléments cités précédemment, le menu et le <h1>, sont souvent situés dans le header du site, encadré dans un bloc. Le contenu ainsi que les titres sont quant à eux dans un un bloc de contenu.

Recommandations techniques

Voici maintenant quelques conseils plus techniques pour obtenir un parfaite indexation. Petite précision, à chaque fois que nous parlerons de mots-clés dans cette partie, nous considèrerons qu’ils proviennent de la stratégie de positionnement décidée en amont.
Tout d’abord, il est important d’utiliser des Urls contenant des mots-clés. Ainsi, avant même d’afficher la page, le robot connaitra déjà quelques informations sur le contenu qui va suivre. Il est donc fortement déconseiller d’utiliser des Urls du type : www.monsite.fr/page3.htm. De plus, il est possible de donner des informations supplémentaires au robot lorsqu’il va lire le lien de la page, avant de s’y rendre. En effet, il faut ajouter l’attribut title à la balise de lien : <a href= »www.monsite.fr/url-avec-mots-cles.html » title= »texte de présentation de la page »>.
Les robots n’interprètent pas non plus les images. Il faut insérer l’attribut alt à une image pour indiquer ce qu’elle représente : <img src= »mon-image.jpg » alt= »description de mon image »>.
Dans l’organisation du contenu, nous n’avons pour l’instant abordé que sa hiérarchisation grâce aux balises de titre. Une fois les titres en place, il faut encadrer le texte dans des balises de paragraphe <p> afin de séparer visuellement et sémantiquement les différentes sections de texte. Lors d’une énumération, l’emploi des listes <ul> (simple liste) ou <ol> (liste numérotée) est fortement conseillé. Les termes importants peuvent être mis en gras <strong>. Tout cela a pour but une interprétation parfaite du contenu par un robot qui suit un algorithme bien précis.

Voici à quoi doit ressembler le code de votre contenu :

<p>Constituendi <strong>autem sunt</strong> qui sint in amicitia fines et quasi termini diligendi</p>
<ul>
<li>élément 1</li>
<li>élément 2</li>
<li>élément 3</li>
</ul>

Conclusion

Même en respectant toutes ces recommandations associées à un travail de réflexion sur la stratégie, l’analyse de l’existant, du marché, de la concurrence, une chose reste indissociable du référencement naturel : le contenu. En effet, ces techniques ont pour but de l’organiser et il faut que celui-ci soit conséquent. Plus il sera important, varié mais toujours en rapport avec le thème du site et plus les moteurs de recherche le recommanderont. Un autre élément important est le PageRank. Chaque page dispose de son propre PageRank (allant de 0 à 10). Il résulte de l’analyse du maillage du web ; il dépend du nombre de liens et de la qualité de ceux-ci qui  pointent vers un site. Le nombre car plus le robot Google revient sur un même site A en parcourant la toile, plus le PageRank de ce site A augmente. La qualité car plus le PageRank du site B pointant vers A est élevé, plus le PageRank de A augmente.