> Accueil > Annuaire > Internet > Webmasters

JPierre, créateur du site ultradream et rédacteur d'ASP-PHP.net, a procédé à son propre test de la version Beta de Dreamweaver CS4. Des captures écrans et des infos inédites : à découvrir absolument. Pour lire les résultats, c'est par ici !

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  !

La version beta de Dreamweaver CS4 est à disposition dans le Lab d'Adobe et c'est ici :
http://labs.adobe.com/technologies/dreamweavercs4/

Attention : c'est une version d'évaluation et seulement une version d'évaluation disponible pour Windows XP SP 2, Vista et Mac OS 10.4.11 et sup. Vous ne vous sentez pas assez casse-cou pour installer cette version beta, visionnez les vidéos d'Adobe disponibles plus bas.

Voici un aperçu des nouvelles fonctionnalités du logiciel pensées pour gagner en productivité :

• Vue Live : elle permet de tester ses pages dans différents environnements dans l'interface Dreamweaver sans ouvrir les navigateurs correspondants. A noter : par sécurité Live View est "read only" : aucun risque donc de générer du code par erreur de manipulation.
• Code navigator : sélectionnez n'importe quel élément ou ensemble d'éléments de votre page et visualisez le code associé dans une pop-up
• Fichiers associés : affichage de tous les fichiers associés à la page en cours (css, javascript, includes, etc...) accessibles automatiquement par onglet afin de pouvoir modifier la page "mère" aisément.
• Bonnes pratiques CSS : panneau permettant de connaitre TOUTES les propriétés CSS d'un élément de la page ainsi qu'explication de ces propriétés au survol de la souris.
• Amélioration de Spry : afin de rendre plus accessible au commun des développeurs les fonctionnels Spry, Adobe s'est attaché à simplifier l'intégration Spry notamment via les sources de données qui sont maintenant définies dans un wizard. Il n'y a plus qu'à se laisser guider ! La source de données peut-être une simple page HTML statique de données tabulaires, sous forme de liste voire même de calques !
• Support javascript : outil de suggestion de codage javascript.

Tout cela semble, ma foi, fort prometteur. Reste à savoir si les extensions que nous utilisons avec CS3 restent compatibles avec cette nouvelle version...

Vous pouvez voir la vidéo Adobe sur la nouvelle vue Live ci-dessous (en anglais mais très accessible !) et le reste des vidéos ici. A noter, en bonus, la vidéo 4 sur les Widgets Spry permet d'avoir un aperçu sur le nouvel Extension Manager !!

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ès tout ? Rendez-vous donc pour la 2e partie de ce tutorial URL rewriting de A à Z.