Suite à la lecture d’un billet de Philippe, j’ai fait l’exercice suivant: j’ai pris le top 3 des mots clès qui m’apporte le plus de visite en provenance de Google et j’ai calculé le « page rank » grâce au site MyWebRanking.
Le résultat est le suivant:
Comme quoi, une bonne indexation (dans les deux premières pages) dans les SEO apporte pas mal de visite 😉
Nous allons dans cet article voir comment changer les adresses (URL) des liens permanents de WordPress (c’est à dire les adresses des pages de vos articles).
WordPress génére des sites Web dynamiques. C’est à dire que les pages sont générées dynamiquement par les scripts PHP. Par défaut, ces adresses sont du type: http://blog.nicolargo.com/?p=102 qui demande simplement à WordPress d’afficher l’article numéro 102. Comme le souligne Phillip dans son Blog Tutorials, le format de ces adresses posent trois problèmes:
Voici donc la procédure à suivre pour changer le format de l’adresse de vos articles comme bon vous semble.
1) Il faut d’abord changer la permission de votre fichier .htaccess qui doit se trouver à la racine de votre blog (si il n’existe pas, il faut le créer) et changer les droits d’accès en 660 (votre client FTP doit faire cela très bien pour vous).
2) Dans votre interface d’administration, il faut se rendre dans Options/Permaliens (ou Permalinks en Anglais) puis sélectionner le nouveau format:
3) Puis cliquez sur le bouton de « Mise à jour de la structure des permaliens >> »
4) On peut ensuite remettre un niveau de sécurité plus important sur le fichier .htacces, par exemple 644.
Et voila, vous devez maintenant avoir de belles adresses pour vos articles adorés.
Lors de la conception du thème WordPress Largo, j’ai eu forte à faire avec la compatibilité du thème (notamment des feuilles de styles) et les navigateurs de Microsoft (IE 6 pour ne pas le citer). J’ai donc cherché un moyen simple et efficace pour tester un site/blog sur un large pannel de navigateurs Web.
Développent sous Mac OS X, il m’est déjà possible de faire le test localement sur les navigateurs Firefox, Opera et Safari. Malheureusement (enfin si on veut…), le navigateur IE n’est pas disponible sous Mac. Ne disposant pas de PC sous Windows à portée de mai, je me suis retourné sur une solution en ligne.
Le site « Browser Shots » permet simplement de soumettre l’URL de votre site et à des PC (via une technologie de type calcul distribué). Ces derniers retournent une copie d’écran de de votre site. L’avantage est de pouvoir tester un panel non négligeable de navigateur en une seule étape. En contrepartie, le temps de réaction est un peu long (de quelques minutes à plusieurs heures).
Liste des OSs/Navigateurs disponibles:
Windows
Mac
Linux
Qui ne connait pas l’excellent, l’unique, l’indispensable Blogothéque ? LE site pour s’élargir les oreilles et ce qu’il y a entre. Un des derniers bastion qui nous permet de découvrir gratuitement des artistes connus et moins connus. Les joyeux drilles qui se cachent derrière, ont pris la bonne habitude de filmer des clips dans des environnements pour le moins atypiques… ils appellent cela les concerts à emporter…
Même si vous n’y connaissez rien de rien (non, rien de rien…), allez jetez un coups d’oeil sur les quelques 53 perles qui composent cette vidéothéque, si vous ne trouvez pas votre bonheur je ne peux plus rien faire pour vos oreilles, sinon j’attend vos commentaires 😉
Bonnes écoutes…
… de vos sites, blogs, logiciels, documents… Si comme moi vous aviez toujours en dessous de la moyenne en dessin au collège (tient cela existe encore ou pas cette matière ?), que vous ne comprenez pas que « le beige et le bleu ne vont pas bien » ensemble, enfin si vous n’êtes pas un Monnet ou un Picasso en puissance, il exite heureusement des sites pour vous aidez à choisir vos palettes de couleurs. J’en ai retenu 3 (cliquez sur les images pour aller visiter les sites).
Steel dolphin creative
C’est le moins complet des 3, il ne propose pas de palettes enregistrées par d’autres utilsateurs. Il permet par contre simplement, à partir d’une couleur que vous lui fournissez, de connaître les couleurs complémentaires.
Kuler
Proposé par Adobe, c’est un outil qui se veut complémentaire à Photoshop&Co. Il propose de visionner des palettes concues par d’autres Internautes (pour les fans on peut même s’abonner aux flux RSS…). On peut également faire une palette étape par étape. Très pratique et bien fait.
Colourlovers
Peut être le plus complet des 3. Il permet comme Kuler de visionner des palettes d’autres utilisateurs et également de concevoir la sienne.
Bon moi je retourne au design de mon blog… (je comprend pas pour le beige et le bleu).
Depuis peu il n’est plus nécessaire d’envoyer son fichier sitemap à Google pour que celui si soit pris en compte par le moteur de recherche. Pour rappel, sitemap est un fichier XML qui décrit la cartographie de votre site Web (plus d’information sur cette page).
Maintenant, c’est le robot de google (la petite bête qui regarde régulièrement votre blog) qui va s’occuper de télécharger le fichier sitemap.xml pour vous. Pour cela, il faut suivre la procédure suivante:
Il faut éditer le fichier robots.txt qui doit se trouver à la racine de votre site.
Ajouter la ligne suivante:
Sitemap: http://exemple.com/sitemap.xml
PS: il faut remplacer l’URL précedente par le chemin vers votre page sitemap.xml
Sauvegarder le fichier
En bonus, cette méthode marche aussi avec les autres moteurs de recherche: Yahoo, MSN, Ask…
Je souhaite faire évoluer mon blog, notamment au niveau du thème. Pour cela, j’hésite encore entre créer mon propre thème (en suivant par exemple le très bon tutorial de Fran6) ou bien en modifiant un thème existant à mes besoins.
Dans les deux cas, j’ai besoin d’un serveur de développement pour installer WordPress avec le nouveau thème. Plusieurs solutions s’offrait à moi:
J’ai donc choisi ce dernier choix pour des raisons de performances et aussi pour me laisser la possibilité de travailler sur ce projet même sans connection internet (si si ca existe encore des zones blanches).
Voici donc un petit tutorial pour installer un serveur de developpement WordPress sous un Mac OS X.
Pour cela, j’ai installé MAMP sur mon Macbook. En deux cliques de souris on installe Apache (avec support PHP 4 ou 5) et MySQL (avec phpMyAdmin).
Lors de l’installation, il faut choisir la version standard et pas la pro:
En allant dans le répertoire d’installation, on a même droit (en cadeau bonux) à un petit Widget pour controler le status des services.
Par la suite, il reste à installer WordPress dans le sous répertoire htdocs (/Applications/MAMP/htdocs) et à configurer le fichier wp-config.php:
...
define('DB_NAME', 'wordpress'); // Le nom de la base de donnees
define('DB_USER', 'root'); // Votre identifiant MySQL
define('DB_PASSWORD', 'root'); // ...et votre mot de passe
define('DB_HOST', 'localhost:8889'); // Dans la plupart des cas, vous n'aurez pas a modifier cette ligne
...
On accéde au serveur par l’adresse: http://localhost:8888/wordpress/
L’administration se fait par l’adresse: http://localhost:8888/wordpress/wp-admin/
Nous voila donc avec un beau serveur de développement pour tester les nouveaux thèmes et plugins.
A bientôt pour la suite des aventures de Nicolargo à la découverte du thème parfait.
Le « web deux point zéro » est partout, on en mange à toutes les sauces. Nous allons dans ce post nous focaliser sur les aspects techniques avec la mise en place d’une plate-forme Web 2.0 « open-source » hébergée directement chez vous.
Avant d’entrée dans le vif du sujet, voici la liste des services Web 2.0 que nous allons installer:
– Serveur LDAP pour la gestion des comptes utilsateurs.
– Serveur de messagerie (avec Webmail).
– Serveur Web (avec blog et forum).
– Serveur de fichiers.
Cette liste est bien entendu non exhaustive, à vous d’installer les services qui répondent à vos besoins…
Pour cela nous loons utiliser:
– un accès Internet haut débit.
– un routeur d’accès sécurisé si possible avec une DMZ.
– une machine (serveur) de type Linux ou BSD.
Architecture du réseau
Il est important de noter que la bande passante de votre accès doit être la plus symétrique possible. En technologie ADSL le « A » veut dire asymétrique, ce qui implique que la bande passante entre Internet et vous et beaucoup plus important que celle entre vous et Internet. Hors quand l’on souhaite héberger des services, il faut que la bande passante entre vous et Internet soit également importante.
Au niveau du serveur qui va héberger les services « 2.0 », il est préférable de dédier une machine (pas besoin d’un bête de course, un simple PC avec un peu de RAM et de HD suffit largement). Cette machine pourra être hébergé sur une DMZ, c’est à dire un réseau isolé du réseau ou se trouve vos autres machines (ce n’est pas obligatoire mais conseillé pour des raisons de sécurité).
Installation du système sur le serveur
La première étape consiste donc à installer le système sur la machine serveur. Pour cela vous pouvez vous référer aux deux posts suivants selon votre choix:
– Installation de FreeBSD
– Installation de Fedora
Il n’est pas nécessaire d’installer une interface graphique de type Gnome ou KDE, en effet tout peut être fait en ligne de commande.
Le serveur doit être mis à jour régulièrement au niveau des patchs de sécurité. En effet comme il sera accéssible depuis Internet, il risque de subir des attaques sur les ports réseaux qui seront ouverts.
Installation du serveur LDAP
Le serveur LDAP stockera l’ensembles des informations sur les utilisateurs que vous allez déclarer. Nous utilisons OpenLDAP (suivre la procédure ici).
Installation du serveur de messagerie
Nous allons nous baser sur Postfix qui a le mérite d’être beaucoup plus facile à configurer que Sendmail. Le site suivant est une bonne base en Francais pour la configuraton de se serveur de mail. Pour que le serveur de messagerie utilise les comptes utilisteurs LDAP, on utilisera la documentation suivante.
Si vous avez un nom de domaine, il faudra configurer votre MX pour qu’il pointe vers l’adresse IP publique de votre serveur. Ainsi un mail envoyé à vous@votredomaine.com sera relayé automatiquement vers votre serveur.
Au niveau de votre routeur d’accès, les ports réseaux à ouvrir au niveau du Firewall sont les suivants: POP, SMTP
Pour l’accès via le Web, on peut installer RoundCube, un Webmail très bien fait. Ce dernier nécessite l’installation préalable d’un serveur Web.
Installation du serveur Web
Le serveur Web est le coeur de votre serveur 2.0, on utilisera Apache qui est incontournable… Le post suivant vous aidera à installer le service.
Il faut ensuite installer le moteur de Blog WordPress. Pour cela, il faut d’abord installer un serveur de base de données MySQL puis installer la dernière version de WordPress.
Enfin on installe le serveur de forum PhpBB.
Au niveau de votre routeur d’accès, les ports réseaux à ouvrir au niveau du Firewall sont les suivants: HTTP et HTTPs
Installation du serveur de fichiers
Le serveur de fichiers (FTP) se base sur ProFTPd. On peut trouver une procédure d’installation ici.
Au niveau de votre routeur d’accès, les ports réseaux à ouvrir au niveau du Firewall sont les suivants: FTP, SFTP
Cet article n’est là que pour introduire la notion d’hébergement.
A vous d’installer d’autres services !
Bouquins sur le sujet:
… je ne fais pas beoucoup de pub pour d’autres sites, mais là je viens de tomber sur le portail des passionnés de la photo numérique (http://www.virusphoto.com/) et je dois avouer que je cherchais un site comme celui-ci depuis un moment. Simple, clair, avec de bons tutos, bref le paradis 🙂
A voir de toute urgence.
…suite du post sur l’installation de FreeBSD, avec la mise en place d’un serveur Web Apache. Nous partons donc sur l’hypothése ou l’on a un système à jour, non seulement au niveau du noyau mais également au niveau des ports.
On ouvre donc un terminal en root.
Puis on installe Apache (version 2.2.4 au moment de l’écriture de ce post) depuis les ports FreeBSD:
# cd /usr/ports/www/apache22
# make install
… la compilation va prendre un certain temps… bon café…
Une fois la compilation terminé, il faut automatiser le lancement du daemon HTTP au démarrage du serveur. Pour cela il faut ajouter ajouter deux lignes au fichier /etc/rc.conf:
# echo ‘apache22_enable= »YES »‘ >> /etc/rc.conf
Il faut ensuite éditer le fichier /usr/local/etc/apache22/httpd.conf pour le faire coller à votre configuration. Il existe un bon nombre de documentations sur le sujet (par exemple: http://httpd.apache.org/docs/2.2/).
# vi /usr/local/etc/apache22/httpd.conf
Vous pouvez tester si votre installation a marché correctement en lancant le serveur Web:
# apachectl start
Puis en ouvrant un navigateur sur l’URL de votre serveur: http://<@IpDeVotreServeur>. Vous devrier avoir la page suivante qui s’affiche:
Le répertoire racine de votre site Web se trouve: /usr/local/www/apache22/data.
En l’état actuel de la configuration, votre serveur ne prendra pas en compte le language PHP. Il faut pour cela installer le module PHP (version 5) pour Apache. Pour cela:
# cd /usr/ports/lang/php5
# make install
… Ne pas oublier de selectionner « Apache » !!! …
# cd /usr/ports/lang/php5-extensions
# make install
… choisir les extensions voulues …
# cd /usr/local/etc/
# cp php.ini-recommended php.ini
… initialisation des variables…
Il faut ensuite configurer Apache pour qu’il prenne en compte PHP. Pour cela éditer le fichier /usr/local/etc/apache22/httpd.conf:
# vi /usr/local/etc/apache22/httpd.conf
Ajouter dans la section <IfModule mime_module>:
AddType application/x-httpd-php .php
Ajouter dans la section <IfModule dir_module>:
DirectoryIndex index.html, index.php
Il ne reste plus qu’a relancer le serveur Apache:
# apachectl stop
# apachectl start
Voili, vous avez un beau système à jour avec une belle version d’Apache…
A bientôt pour l’installation du serveur FTP…