Optimiser les URL pour le référencement

Nous allons voir comment générer facilement des suffixes d’URL optimisés pour le référencement. Prenons l’exemple d’un catalogue de produits. Par défaut, une URL que CakePHP va produire pour une fiche produit va ressembler à ceci : /produits/view/12 (le nom du Contrôleur, le nom de l’action et l’id du produit à afficher). Nous aimerions qu’elle soit plutôt de la forme /article/12/Livre-de-recettes.

1. Génération du suffixe dans les Vues

Voyons d’abord comment définir les liens vers nos fiches produits, par exemple dans la liste des produits, soit l’action index du Contrôleur Produits.
Nous allons utiliser la méthode statique Inflector::slug() qui prend en paramètre :

• une chaîne de caractères et la retourne exempte de tout caractère “interdit” dans une URL (accents, espaces, ponctuation) ;
• éventuellement un caractère séparateur, l’underscore _ par défaut.

// {app}/views/produits/index.ctp
<ul>
<?php foreach($produits as $produit): ?>
	<li>
	<?php echo $html->link(
		$produit['Produit']['nom'],
		array(
			'controller' => 'produits',
			'action' => 'view',
			'id' => $produit['Produit']['id'],
			'suffixe' => Inflector::slug($produit['Produit']['nom'], '-')
		)
	); ?>
	</li>
<?php endforeach; ?>
</ul>

Nous obtenons une URL du style : /produits/view/12/suffixe:Livre-de-recettes. Nous progressons, mais nous voulons changer le mot “produits” en “article”, supprimer le nom de l’action, qui n’apporte rien, et le mot “suffixe:” qui n’est pas des plus esthétiques. Pour y parvenir, nous allons tirer parti de la puissance des Routes.

2. Une route personnalisée

Rendons-nous dans le Router :

// {app}/config/routes.php
Router::connect(
	'/article/:id/:suffixe',
	array('controller' => 'produits', 'action' => 'view'),
	array('id' => $ID, 'suffixe' => '[a-zA-Z0-9_-]+')
);

Voyons un peu les trois arguments que nous donnons à la méthode Router::connect() :

• '/article/:id/:suffixe' : c’est le format d’URL que nous attendons ;
• array('controller' => 'produits', 'action' => 'view') : lorsque le Router va reconnaître une URL ressemblant à notre premier argument, il devra renvoyer sur l’action view du Contrôleur Produits
• array('id' => $ID, 'suffixe' => '[a-zA-Z0-9_-]+') : nous définissons ce que nous entendions dans le premier argument par “:id” et “:suffixe” :
  • $ID contient une expression régulière prédéfinie dans le cœur de Cake, correspondant à un ou plusieurs chiffres ;
  • '[a-zA-Z0-9_-]+' est l’expression régulière que nous définissons pour que le Router reconnaissent nos suffixes d’URL : ce suffixe peut contenir des lettres minuscules ou majuscules, des chiffres, des underscores ou des tirets.

Rafraîchissons notre page /produits/index, et nous constatons que nos URL sont bien de la forme /article/12/Livre-de-recettes !

3. Contrôler la validité d’un suffixe d’URL

Mais que se passe-t-il si un visiteur poste un lien vers notre site dans un forum, et qu’il tronque le suffixe, ou le modifie ? Cela va pénaliser le référencement de la page ciblée, car les moteurs de recherche vont enregistrer plusieurs URL pointant vers la même page : la bonne (/article/12/Livre-de-recettes) et les éventuelles mauvaises (/article/12/Suffixe_incorrect, /article/12, etc.).
Pour pallier à cette éventualité, nous devons nous assurer que le suffixe de l’URL qui arrive est bien celui attendu. Nous allons effectuer un petit contrôle dans l’action view du Contrôleur Produits :

// {app}/controllers/produits_controller.php
function view($id = null, $suffixe = '')
{
	$produit = $this->Produit->read(null, $id);
 
	// Produit inexistant : erreur 404
	if(empty($produit))
	{
		$this->cakeError('error404', array(array('url' => $this->action)));
	}
 
	// Suffixe incorrect : redirection 301 vers la bonne URL
	$suffixe_attendu = Inflector::slug($produit['Produit']['nom'], '-');
 
	if($suffixe != $suffixe_attendu)
	{
		$this->redirect(array('id' => $id, 'suffixe' => $suffixe_attendu), 301);
	}
 
	$this->set(compact('produit'));
}

Ainsi nous nous assurons que toute URL mal formée sera redirigée vers la bonne URL avec un code HTTP 301 : ce code va forcer les moteurs de recherche qui suivront les liens, éventuellement mal formés, vers cette page, à ne prendre en considération que la bonne URL.

Pierre-Emmanuel Fringant