Accueil Le studio Portfolio Contact Blog

la.Crea Studio

• Accueil
• Contact

Le Blog

18MARS
2010

Urlrewrite et htaccess sur votre site web

Configurer votre site avec l'urlrewriting pour faciliter votre référencement et simplifier les liens de vos pages L'url rewrite ou réécriture peut être utile pour votre site en terme de référencement pour pouvoir placer des mots clés dans vos liens, on peut facilement croire que http://www.lacrea-studio.com/creation-site-internet est plus pertinent que http://www.lacrea-studio.com/creation.php

Sur votre serveur Apache, le MOD_Rewrite doit être activé, pour utiliser la possibilité de faire vos selections de page avec expressions régulières
Avant toute chose, vous pouvez vérifier que ce module est bien actif en créant une page ne contenant que
<?php
phpinfo();
?>
Dans la section Apache Loaded Modules vous devez trouver la mention mod_rewrite.
Si ce n'est pas le cas alors rendez vous dans votre httpd.conf et décommenter les 2 lignes
LoadModule rewrite_module modules/mod_rewrite.so
AddModule mod_rewrite.c

Pensez à bien redémarer Apache apres avoir fait cette manipulation.
Pour tester que le module fonctionne bien, rien de mieux qui essaie !
Créer une page test.php avec comme contenu ce que vous voulez, par exemple "test d'url rewrite ^^" et créez votre fichier .htaccess avec comme contenu
RewriteEngine on
RewriteRule ^test\.html$ /test.php [L]

Metez tout ça à la racine de votre hébergement et accédez à votre page avec http://www.votredomaine.tld/test.html.
Si vous voyez votre contenu de page c'est parfait ! Sinon vérifiez que vous avez bien tout d'activé.

Maintenant nous allons voir le plus intéressent, L'urlrewrite sur URL dynamiques
Pour que votre .htaccess soit bien complet, il vous ajouter quelques lignes pour pas mal de chose comme :
1. Le serveur doit suivre les liens symboliques
Options +FollowSymLinks
2. Activation du module de réécriture d'URL :
RewriteEngine On
RewriteBase /
3. Duplicate content , rediriger http://votredomaine.tld vers http://www.votredomaine.tld
RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]

4. Gestion des erreurs 404, 403 etc...
ErrorDocument 404 /erreur404.php
ErrorDocument 403 /erreur403.php
5. Vos règles de réécriture !
Vous pouvez utiliser les expressions régulières pour régler vos test et rediriger vers la bonne page !
prenons l'exemple d'un site où tous les liens sont du genre /index.php?page=12, /index.php?page=13 ... le site fait le traitement sur cet identifiant pour resortir le bon résultat, mais le moteur de recherche pour indexer votre lien, dans l'url ne voit qu'un nombre, et l'URL est vraiment important pour mieux vous positionner sur vos moteurs de recherche favoris
On voudrait que le lien devienne /titre-de-page/12. Avec cette manipulation, vous serez référencé aussi sur les mots clés passés dans le lien
Comment faire cette règle de réécriture ? Prenons les choses dans l'ordre
1. Le premier "/" c'est la racine... Rien à faire ^^
2. "titre-de-page" représente une chaine de caractère composée de lettre majuscules, minuscules, des tirets "-" ou encore des chiffres ! donc l'expression régulière ou le Regex peut être celui-ci [a-z,A-Z,0-9,-]*
3. Le deuxième "/" pour faire office de séparation
4. et enfin pour finir l'identifiant ça ne doit être qu'une série de chiffre, l'expression alors est [0-9]*

La suite de votre .htaccess devrait être donc RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]
le ^ pour annoncer le début de la chaine de caractères, et le $ pour annoncer la fin.
les parenthèses capturantes autour des expressions pour justement pouvoir ressortir un résultat
$0 correspond à la chaine entière, et $1, $2... est le numéro de notre résultat.
sur l'exemple précédent $1 vaut = titre-de-page et $2 = 12
[L] est un flag (drapeau) qui signifie que la règle est la dernière à être appliquée pour ce cas et que le module ne doit plus tenter de réécrire cette chaîne. En gros, on applique la règle une seule fois et basta.
le fichier .htaccess complet est donc # Le serveur doit suivre les liens symboliques :
Options +FollowSymLinks

# Activation du module de réécriture d'URL :
RewriteEngine On
RewriteBase /

#--------------------------------------------------
# Duplicate content :
#--------------------------------------------------
RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]

#--------------------------------------------------
# Gestion des erreurs :
#--------------------------------------------------
ErrorDocument 404 /erreur404.php

#--------------------------------------------------
# Règles de réécriture d'URL :
#--------------------------------------------------
RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]


18MARS
2010

Tableau de bord des réseaux sociaux et de leurs moyens

Tbleau de bords des réseaus sociaux et de leurs usages (Article a partir du blog ludovicpassamonti.com)

En lisant le blog de Ludovic Passamonti je suis tombé sur ce tableau très intéressant.

Initialement ce tableau a été fait par le site américain Cmo.com sur le blog de Grégory Pouy.

Je tiens d'ailleurs à remercier Ludovic pour sa traduction.

Ce tableau présente ce que permettent de manière plus ou moins efficace les différents réseaux sociaux en fonction de ce que une entreprise ou une marque souhaite :

• orienter sa communication vers ses clients,
• améliorer sa visibilité,
• créer du trafic vers son site
• ou améliorer son référencement naturel.

Agrandir l'image

18MARS
2010

WEBDESIGN : Le noir dépassé? Pas si sur :)

Exemple de 20 sites au webdesign noir, preuve que le noir n'est pas dépassé

Site Internet Design fotomaps

http://www.fotomaps.net/

Site Internet Design briterevolution

http://www.briterevolution.com/

Site Internet Design jonahl

http://www.jonahl.com/

Site Internet Design futureofwebdesign

http://futureofwebdesign.com/

Site Internet Design wedesignwise

http://wedesignwise.com/

Site Internet Design tj-todo

http://www.tj-todo.com/

Site Internet Design bootb

http://www.bootb.com/en/

Site Internet Design robocatapps

http://www.robocatapps.com/

Site Internet Design dyson

http://www.dyson.co.uk/

Site Internet Design zaum

http://www.zaum.co.uk/

Site Internet Design mutantlabs

http://mutantlabs.co.uk/

Site Internet Design visualboxsite

http://www.visualboxsite.com/

Site Internet Design edit-studios

http://www.edit-studios.com/

Site Internet Design wearecyan

http://wearecyan.com/

Site Internet Design nativetongue

http://www.nativetongue.com.au/catalogues.html

Site Internet Design m1k3

http://www.m1k3.net/

Site Internet Design davebarnes

http://www.davebarnes.com/

Site Internet Design Noir dgzoo

http://www.dgzoo.com/

Site Internet Design slovaczech

http://www.slovaczech.com/

16MARS
2010

Conférence web de Serge Soudoplatoff à l'ENS : les vraies ruptures d'Internet

Serge Soudoplatoff donne une conférence sur le web avec un approche sociologique et philosophique

Serge Soudoplatoff, passionné d'Internet depuis que celui ci existe nous offre une conférence de très très haut niveau sur les vraies ruptures du Web.

Son approche sociologique et philosophique nous permet de comprendre pourquoi le net est un moyen nouveau qui engendre des transformations à l'échelle mondiale.

Celui ci reviens également sur l'histoire de l'Internet en rappelant notamment le véritable succès de l’internet : 1.7 milliard de personnes interconnectées en 20 ans.

Son propos se concentre principalement autour du co-design, du crowdsourcing* et du déplacement de la valeur dans le réseau.

Vu sur Liberation.

Lire Serge Soudoplatoff :

• freebeer.org
• crowdspirit
• le blog de Serge Soudoplatoff

* Néologisme, littéralement l’approvisionnement par la foule. Le principe est ici de stimuler l’intelligence de la foule afin de pouvoir employer la créativité, le savoir faire d’un grand nombre d’individus, le plus souvent des internautes pour la commodité

la.Crea Blog

Nouvelles technologies, webmastering et Start-up

Blog l'agence web la.Crea Studio :

L'auteur

Nicolet Verdier est entrepreneur web 2.0 et directeur du studio la.Crea. Webmaster & Webdesigner indépendant il aime le web, le café et la créativité.
Son blog corporate est le reflet de sa vie numérique.

Catégories

• Tous les articles (93)
• Web news (24)
• La life du studio (58)
• En vrac (11)

Archives

• 2010 (10)
• 2009 (32)
• 2008 (22)
• 2007 (29)

Recherche

Amis la.Crea

Florian Thomasset
Illustrateur / Graphiste
flohock.c.la

Gauvain Pocentek
Projets Ulteo / Linutop
gauvain.pocentek.net

Nicolas Sorosac
Développeur fou
nicolas.sorosac.fr

Sebastien Salesses
Graphiste
www.madmonday.fr

Viadeo

Nous soutenons

Promouvoir et défendre le logiciel libre avec l'APRIL

UBUNTU : Une distribution linux qui a le vent en poupe

framasoft un site qui parle des logiciels libres

Un site évoquant la mode du design online : cssmania.com

Nuage de tags du Blog

w3c contribution firefox webmarketing creapomme
question site microsoft marketing windows flex pub agence article
intégration vidéo adobe pixys organiser console openoffice eurl
ntic bureau ie charte webdesign label copix la sambre loi réseaux sociaux personnel
application 1and1 couleurs calvito photoshop connexion prestataire interview animation
entreprise web logiciel libre la voix du nord professionnel reportage crm informatique
presse ajax débit partenaire sarl idée journal du net linux expérience mac ruche de maubeuge
hadopi interactif hardy heron canalfm clip framework domaine tarifs formation orange création
hébergement design déontologie flash conception solution mind mapping browser voeux internet
ubuntu édition html blackberry twitter bilan studio apple france telecom google développement
stage