Accéder au contenu principal

[htaccess]Principe de base de la réécriture d'url

Quand on commence à s'intéresser au référencement et qu'on fait des sites dynamiques, on trouve vite des forums et des sites traitant du .htaccess et de la réécriture d'url. Souvent, le principe de base n'est pas très clairement expliqué et beaucoup se trompent de direction. Ce petit billet a pour but de décrire le processus de base du fonctionnement de la réécriture d'url grâce à ce petit fichier.

Que me faut-il pour commencer ?

  1. Il faut se demander si cela vaut le coup pour le site en question. Si vous avez décidé de faire un blog pour tenir vos amis et vos parents au courant de ce que vous faites, il y a peu de chance que cela intéresse quelqu'un d'autre et que vous soyez référencé dans les moteurs de recherche. Dans ce cas, il importe peu que vos url soient à rallonge.
  2. Il est important de savoir si votre hébergeur accepte l'url rewritting. La plupart des grands hébergeurs l'acceptent et un bon nombre des hébergeurs gratuits s'y mettent aussi. Cependant, si vous pensez vraiment avoir un produit qui mérite qu'on se penche sur la réécriture d'url et que vous êtes toujours hébergé chez free, je dirais qu'il y a comme un problème. La fiabilité des hébergeurs gratuits n'est pas toujours au rendez-vous.
  3. Il est également nécessaire d'avoir un peu de logique et pour le cas un serveur apache car je ne connais pas bien le fonctionnement d'IIS et je ne prendrais pas le risque de raconter n'importe quoi.

Comment ça fonctionne l'url revritin ?

La première erreur à ne pas faire est de considérer que ça va permettre de réécrire les url du côté client. Cela ne va pas changer un lien qui pointe vers test.html en test1.html dans le navigateur de l'internaute (cela est permis grâce au redirect). Cela permet de dire à votre serveur que test.html doit être considéré comme page.php?id=test (par exemple). Dans cet exemple, page.php peut gérer plusieurs pages du site mais ce que verra l'internaute dépendra de la page demandée. Dans la configuration actuelle des moteurs de recherche, cela a peu d'intérêt puisqu'ils sont capables de reconnaitre les variables qui sont passées par url et de les indexer.

Quand dois-je l'utiliser alors ?

Le cas le plus propice pour l'utilisation de l'url rewritting est dans un catalogues de produits ou dans un site d'information. Dans le premier cas, tous les produits auront le même gabarit de fiche et les informations différeront d'un produit à l'autre. De plus, cela permet de classifier les produits par type.
ex : http://www.exemple.com/produit.php?art=1&type=2 peut être écrit dans votre code html comme <a href="http://www.exemple.com/2-salle-de-bain/1-pommeau-de-douche">pommeau de douche</a>
Il faut formater les urls de telle manière qu'elles soient reconnaissables. Le contenu du fichier htaccess dans ce cas sera :
RewriteEngine On   
RewriteBase /
RewriteRule ^([0-9]+)-(.*)/([0-9]+)-(.*)$ produit.php?art=$3&type=$1 [L,QSA]
([0-9]+) représente un ou plusieurs chiffres
(.*) représente plusieurs caractères de n'importe quelle nature
Dans la seconde partie, on récupère les données capturées dans la première partie $3 correspond à la troisième parenthèse et $1 à la première. Une fois que vous avez compris ça, ce n'est pas les sources qui manquent.

Pour aller plus loin : vous pouvez regarder ce que sont les expressions régulières, les techniques avancées de la réécriture d'url, la partie consacrée à ce thème sur le forum de webrankinfo et de nombreuses autres ressources...

Commentaires

Posts les plus consultés de ce blog

[PHP] Faire un petit MVC avec des routes

Pour bon nombre de petits projets, il n'est pas nécessaire de taper dans les frameworks MVC comme Zend ou Symphony qui sont très lourds et un petit truc maison doit suffire. Je vais essayer de donner quelques tuyaux pour pouvoir faire son MVC maison avec des routes qui dirigent vers les contrôleurs et les actions. Tout d'abord, il faut créer un fichier index.php à la racine de votre site qui va contenir le lien vers tout ce dont vous avez besoin pour faire vos routes. Ensuite, vous devez créer un dossier controlleur (si vous voulez reproduire la faute de frappe de l'exemple) dans lequel vous aurez tous vos contrôleurs. Vous pouvez éventuellement diviser ce dossier en plusieurs dossiers distincts qui contiendront les différentes parties de votre site. Veillez à appeler vos classes en rapport avec vos règles de is_callable. Dans mon exemple, le chemin vers le dossier est en minuscule et la première lettre du fichier est en majuscule. Par exemple : la classe /controlleur/fron

[jQuery-ui] Mettre en place plusieurs boutons coulissants

Ce blog est crée à cause du mal que j'ai eu autant de mal en anglais qu'en français à trouver les ressources me permettant de mettre en place des boutons coulissants qui interagissent entre eux et qui soient un peu customisés. Comme un exemple vaut souvent mieux que de longs discours, je voulais faire le simulateur de crédit disponible sur http://www.meilleur-credit.org/ . Pour cela, il fallait que le changement de montant ou de durée puisse influer sur la mensualité. J'ai eu recours pour me simplifier la vie à jQuery-UI (comme User Interface) qui permet d'avoir des boutons coulissants (appelés Sliders dans la langue de Shakespeare ou Seek bars pour l'interface android). La mise en place graphique La mise en place est assez simple pour avoir une apparence standard mais elle se complique un peu si on veut une apparence plus personnalisée. J'ai essayé de dire à mon graphiste que je m'en foutais mais vous savez, vous développeurs, comment ils son

Injecter des icônes font-awesome via JavaScript

Les icônes de font-awesome sont traduites en SVG ( Scalable Vector Graphics) à la volée grâce à un script. Le problème quand on injecte du HTML dans le DOM est que le script ne s'exécute pas correctement et l'icône n’apparaît pas. Pour palier à cela, il est possible d'utiliser un générateur de ressources qui est embarqué dans la librairie font-awesome. Pour éviter au script de s'exécuter sur des icônes qui se répètent, la librairie comprend un script qui permet de traduire une seule fois l'image en SVG pour être réutiliser dans des listes. Comme disent les anglo-saxons, et voilà ! Il y a d'autres exemples d'utilisation :  https://fontawesome.com/how-to-use/on-the-web/advanced/svg-symbols