Dreamweaver gratuit

Tutorial URL rewriting de A à Z avec Dreamweaver et PHP/MySQL

03 novembre 2008 | Posté par caroder à 08:34

La dernière étape de ce tutorial va consister à paramétrer votre fichier .htaccess afin que votre serveur prennent en charge effectivement la réécriture d'url.

Lancez Notepad qui va nous servir pour l'écriture de ce fichier.
Nota bene : dans ce fichier les lignes de commentaire commence par le signe "#".

Voici le code (épuré !) de mon .htaccess commenté :

# Active la réécriture  d'URL
RewriteEngine On
# La première partie de la règle de réécriture représente
# l'URL réécrite
# la deuxième l'URL réelle de la page
# entre crochets les options
RewriteRule ^article-([0-9]+)-([A-Za-z]+)\.htm$  /voir-article.php?id_article=$2 [L]

[L] indique au module de réécriture que s'il vient d'appliquer la règle à une URL, il ne doit pas appliquer les règles suivantes à l'URL (au cas où vous ayez différentes règles pour votre site comme moi).

Enregistrer ce fichier Notepad sous le nom .htaccess (et non pas htaccess.txt !). Vous devrez ensuite le transférer via FTP à la racine de votre site ou du répertoire contenant votre fichier voir-article.php.

Je vous conseille par ailleurs, pour parfaire votre travail, de mettre en place une fonction de redirection 301 au sein de votre page voir-article.php afin que les personnes qui appellent votre ancienne URL se voient servir l'URL réécrite (et surtout les moteurs de recherche qui risquerait de vous classer en duplicate content avec 2 URL valides pour une même page).

Si vous souhaitez en savoir plus sur l'URL rewriting, je vous conseille deux excellentes ressources :

• http://www.urlrewriting.fr/ : tutorials et articles sur l'URL rewriting en français
• http://www.webrankinfo.com/analyses/autres/mettre-en-place-url-rewriting.php : une explication très simple et claire de la syntaxe de la réécriture d'URL.

Tutorial URL rewriting de A à Z avec Dreamweaver et PHP/MySQL - Part 3

04 octobre 2008 | Posté par caroder à 10:01

Mille excuses auprès des lecteurs de ce sites et plus particulièrement aux personnes intéressées par ce Tutorial URL Rewriting de A à Z avec Dreamweaver et PHP/MySQL. J'ai en effet eu un long silence sur ce blog. Voilà une période qui prend fin aujourd'hui et j'espère que ceux qui m'ont écrit pour avoir la suite du tutorial trouveront aujourd'hui de quoi contenter leur curiosité.

Ayant suivi à la lettre les parties 1 et 2 de ce tuto, vous avez maintenant une base de données qui contient pour chaque actualité une colonne comportant le titre rédigé URL friendly. Pour ceux qui ont une base de données contenant déjà des articles et qui ne sauraient pas comment faire pour peupler cette colonne, je peux, en faisant très rapide, conseiller d'utiliser les possibilités du logiciel Excel de Microsoft, combiné à l'import/export au format CSV de PhpMyAdmin. (Je ne connais malheureusement pas les fonctionnalités du tableur d'Open Office, qui est son équivalent gratuit).

Le principe même de la réécriture d'URL est d'afficher le contenu dans page réelle lors de l'appel d'une URL fictive. Il nous faut créer ces appels d'URL fictives et c'est là une grande part de l'intérêt de l'URL Rewriting : internautes et spiders de moteurs de recherche ne doivent voir que les URL "propres". Pour ce, il faut que tout vos liens vers ces pages soient réécrits. La modification des liens est donc la partie la plus fastidieuse du travail.

Repérez donc toutes les pages / templates / includes où se trouvent vos liens en région répétées vers vos pages de détail actualités (par exemple dans un blog, il s'agira de la page index, de la page archive et de la page catégorie). Dans ces pages, créez un jeu d'enregistrements de vos articles.

Dans mon cas, les articles sont présentés sur la page d'accueil sous la forme d'une liste à puce des 10 derniers articles publiés. C'est donc assez simple :).

Il ne vous reste qu'à remplacer les liens existant par ceux qui amèneront vers vos pages réécrites. Par exemple, dans mon cas, je substitue à l'ancienne URL :

<li><a href="voir-article.php?id_article=" <?php echo $row_Recordset1['id_article']; ?>">Titre de mon article</a></li>

l'URL rewritée :

<li><a href=" <?php echo "article-" . $row_Recordset1['id_article'] . "-" . $row_Recordset1['url-friendly'] . ".htm"; ?>">Titre de mon article</a></li>

Remarquez que j'utilise l'id de mes article dans l'URL rewritée afin d'éliminer tout risque de doublon d'URL. Vous pouvez aussi utiliser la date de votre article ou tout autre élément permettant de contrôler l'unicité de l'URL. N'oubliez pas que pour être vraiment efficace, vous devez impérativement réécrire tous vos liens.

Nous verrons dans la prochaine partie de ce tutorial comment paramétrer les fichier .htaccess et opérer des redirections 301 depuis vos anciennes URL vers les nouvelles (afin que les moteurs de recherche ne cataloguent pas vos nouvelles URL en duplicate content).

Tutorial URL rewriting de A à Z avec Dreamweaver et PHP/MySQL - Part 2

15 juin 2008 | Posté par caroder à 09:24

La première tâche à effectuer pour faire l'URL rewriting avec des mots-clés va consister à intégrer à votre base de données, pour la ou les tables qui vous intéressent, une nouvelle colonne qui contiendra les mots clés "url friendly" de votre URL.

Que signifie "url friendly" ? Pour être "acceptable", une URL ne doit pas contenir de caractères accentués, ni d'espace, ni de caractères spéciaux tels que les points d'interrogation, d'exclamation, etc. Si vous ne pouvez utiliser l'espace comme séparateur de mot, Olivier Duffez recommande le tiret "-" (et surtout pas le underscore "_" !), voire la virgule, la barre verticale ou le slash "/".

Pour créer ces URL friendly, vous avez deux possibilités :

• renseigner "à la main" la colonne dans votre base de données qui contiendra l'URL en ajoutant un champ à votre formulaire PHP
• créer automatique ces url en reprenant le titre de vos articles qui sont en principe susceptibles de contenir les mots clés les plus pertinents pour votre article

Nota : cette deuxième solution est disponible en standard pour Wordpress lorsqu'on active l'URL Rewriting et c'est celle qui est expliquée ici.

Ce qui suit vous explique comment insérer automatiquement un contenu à une colonne url_friendly lors de l'insertion de nouveaux articles dans une table "actualités" .Si votre base de données contient déjà des enregistrements, il vous faudra peupler cette colonne manuellement ou créer un script vous permettant de le faire.

Entrons maintenant dans le vif du sujet… Ouvrez PHPMyAdmin et ajouter à votre table une colonne que vous nommerez URL_FRIENDLY. Voici quant à moi, la requête SQL que j'ai utilisé pour cet exemple :

ALTER TABLE `actualite` ADD `url_friendly` VARCHAR( 255 ) AFTER `id_actu` ;

Ouvrez maintenant la page de votre site contenant le formulaire d'insertion d'articles dans votre table "actualite".  Placez votre curseur avant la ligne $insertSQL = […]. Nous allons d'abord créer une fonction pour substituer aux caractères accentués leur équivalent non accentués :

// URL Rewriting : ajout de l'URL dans URL_FRIENDLY
// ************************************************
// D'abord fonction pour ôter les accents
function suppAccents($url) {
return( strtr( $url,
"ÀÁÂÃÄÅàáâãäåÒÓÔÕÖØòóôõöøÈÉÊËèéêëÇçÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ",
"AAAAAAaaaaaaOOOOOOooooooEEEEeeeeCcIIIIiiiiUUUUuuuuyNn" ) );
}

Nous allons maintenant appliquer différent traitement à l'URL pour qu'elle soit conforme à notre attente :

// Puis on applique les traitements
$nomPage = $_POST['titre']; // ici on définit la variable $nomPage avec le contenu du champ titre de la page
$nomPage = suppAccents($nomPage); // suppression des accents par le truchement de la fonction citée plus haut
$nomPage = strip_tags($nomPage); // ce traitement permet de supprimer d'éventuelles insertions malveillantes de code HTML ou PHP dans le cas ou le formulaire est public.
$speciaux = array("?","!","@","%","&","*","(",")","=","+"," ",";",":","'","."); // Mettez ici les caractères spéciaux qui seraient susceptibles d'apparaître dans les titres. La liste ci-dessus est indicative
$nomPage = str_replace($speciaux, "-", $ nomPage); // les caractères spéciaux dont les espaces sont remplacés par un tiret
// Fin Url Rewriting

Allez maintenant dans la portion de code permettant l'insertion des données et modifiez comme suit :

$insertSQL = sprintf("INSERT INTO actualite (date_actu, titre, texte, image, auteur, url_friendly) VALUES (%s, %s, %s, %s, %s, %s)",
                       GetSQLValueString($_POST['date_actu'], "date"),
                       GetSQLValueString($_POST['titre'], "text"),
                       GetSQLValueString($_POST['texte'], "text"),
                       GetSQLValueString($_POST['image'], "text"),
                       GetSQLValueString($_POST['auteur'], "text"),
                       GetSQLValueString($nomPage, "text"));

C'est fini pour la partie création de l'URL. Faites un test d'insertion, ça devrait marcher  !

Tutorial URL rewriting de A à Z avec Dreamweaver et PHP/MySQL - Part 1

09 juin 2008 | Posté par caroder à 21:09

Je commence ici un tutorial qui vous permettra d'améliorer le référencement de votre site grâce à la réécriture d'URL. Voici quelques éléments nécessaires à votre réflexion avant de vous lancer dans ce travail.

1. L'URL rewriting, est-ce vraiment utile ?

L'URL rewriting, s'il n'est pas nécessaire au référencement d'un site, le facilite beaucoup s'il est judicieusement utilisé.

Il est certain que transformer une URL avec des paramètres du type www.monsite.com/article.php?id=7786 en URL de type www.monsite.com/article-7786.htm ne vous apportera pas grand chose du point de vue du référencement. Google et consorts référencent maintenant sans problème les URL qui ont un, voire deux paramètres. Inutile donc de vous lancer dans cette aventure pour si peu. En revanche si vos URL possède 3 paramètres ou plus, vous devriez sérieusement vous y mettre.

L'URL rewriting est surtout un grand atout lorsque vous pouvez intégrer à vos URL réécrites des mots clés. Google se sert en effet des mots-clés qui font liens vers une page pour déterminer sa pertinence pour ces mots clés. Or ce sont souvent les URL elles-mêmes qui servent de texte aux liens vers les pages : ainsi vous augmentez naturellement la pertinence de vos pages pour les mots-clés choisis pour l'URL.

2. Quels sont les préalables techniques à l'URL rewriting ?

Assurez-vous auprès de votre hébergeur que celui-ci accepte l'URL rewriting. Pour cela vous devez avoir la possibilité technique de transférer via FTP un fichier .htaccess. Si vous êtes chez un hébergeur gratuit, transférez via FTP une page PHP contenant l'instruction phpinfo(); et vérifiez dans le navigateur que la ligne mod_rewrite est bien à On. Olivier Duffez explique très simplement ici comment tester l'URL rewriting sur votre serveur avant de se lancer dans un travail de grande envergure.

3. Choses et autres à savoir avant de vous lancer...

- Il est plus facile de planifier l'URL rewriting à la conception d'un site qu'après plusieurs milliers de pages créées. D'autant que les sites qui font liens vers le vôtre auront vos anciennes URL en lien...
- Il va vous falloir retravailler les liens à l'intérieur même de votre site.
- Dans notre tutorial, nous allons modifier la table de la base de données contenant les articles pour y ajouter une colonne contenant le titre sous forme "URL friendly". Il faudra donc peupler cette colonne si votre base contient déjà des articles.

Vous êtes prêt à vous lancer malgrè tout ? Rendez-vous donc pour la 2e partie de ce tutorial URL rewriting de A à Z.