Héberger et installer votre blog Wordpress
Par Régis Vansnick ( @vansnick sur twitter ) http://vansnick.isexl.com •
Enseignant en baccalauréat en marketing à :
•
Gérant de ( http://dkoop.be ):
Cette création est mise à disposition selon le Contrat Paternité-Pas d'Utilisation Commerciale-Partage des
Conditions
Initiales
à
l'Identique
2.0
Belgique
disponible
en
ligne
http://creativecommons.org/licenses/by-nc-sa/2.0/be/ ou par courrier postal à Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.
Héberger et installer votre blog Wordpress 1.1.1. Hébergement Comme le montre le fig.1. lorsque le DNS a renvoyé l’adresse IP du serveur1 qui héberge la page demandée, le navigateur demande à ce serveur web d’afficher la page.
Fig 1.
Il existe différentes catégories d’hébergements : Les hébergements mutualisés2 : « L'hébergement mutualisé se traduit par « mutualized hosting » en anglais. On parle d'hébergement mutualisé lorsque plusieurs sites Internet sont hébergés sur un seul et même serveur. La notion « mutualisé » signifie « partagé ». Le partage sur le serveur doit être réalisé de façon équitable dans le but de ne pas pénaliser les autres sites hébergés sur ce même serveur. Ce type d'hébergement est utilisé par tous les hébergeurs gratuits et de nombreux hébergeurs payants. L'hébergement mutualisé présente l'avantage d'être relativement peu cher. De plus, aucune connaissance d'administration n'est nécessaire et de nombreux services sont inclus. Cependant les performances ne sont pas forcément très bonnes et le client n'a pas accès au serveur en tant qu'administrateur ; la configuration est par conséquent réalisée par des interfaces web. »
1
Un serveur est un système informatique servant à conserver une grande quantité d'informations et qui fournit ses périphériques, ses disques durs et certaines informations à d'autres ordinateurs sur un réseau informatique. Il est équipé d'un logiciel de gestion d'accès distant et gère les connexions des différents utilisateurs. Toutes les pages web sont stockées sur des serveurs. http://www.graphic-evolution.fr/definition/serveur-52.html
2
http://www.graphic-evolution.fr/definition/hebergement-mutualise-55.html
Les hébergements dédiés3 : « L'hébergement dédié se traduit par « dedicated hosting » en anglais. L'hébergement dédié s'oppose à l'hébergement mutualisé. Par conséquent, chaque client possède son propre serveur, ce qui lui permet un accès direct en tant qu'administrateur. Il est le responsable des logiciels et des sites qu'il installe. Ce type d'hébergement est utile pour les sites ayant un important trafic et un fort contenu dynamique. L'hébergement dédié présente l'avantage d'être extrêmement performant et donne une autonomie totale au client. Cependant cela demande beaucoup de temps et de nombreuses connaissances au niveau de l'administration. De plus, le coût est relativement élevé. »
Les hébergements virtuels dédiés 4: « L'hébergement virtuel dédié se traduit par « dedicated virtual hosting » en anglais. L'hébergement virtuel dédié se rapproche de l'hébergement mutualisé à la différence que les utilisateurs ont un accès administrateur à leur partie du serveur. Plusieurs sites sont ainsi regroupés sur un seul et même serveur, chaque utilisateur ayant accès à la partie du serveur qui le concerne. »
Pour l’installation d’un blog d’entreprise ou privé, le recours à un hébergement mutualisé sera en général suffisant. Soyez toujours attentifs au choix de votre hébergeur, c’est de sa qualité que dépend l’accessibilité de votre blog. Concernant les plans mutualisés, méfiez-vous lors de votre choix de certains arguments marketing qui semble alléchants mais sont en réalité des incitations purement commerciales. Par exemple, Hostgator qui est, selon eux, parmi les 10 plus grandes sociétés d’hébergement web propose :
3 4
http://www.graphic-evolution.fr/definition/hebergement-dedie-56.html http://www.graphic-evolution.fr/definition/hebergement-virtuel-dedie-58.html
Sans préjuger de la qualité de leur service, cet argument « ILLIMITED » est trompeur parce si vous avez beaucoup de trafic et utilisez beaucoup de bande passante, l’hébergeur doit malgré tout limiter l’utilisation des ressources serveur. En effet, si un site qui partage le serveur avec d’autres consomme trop de ressource, cela impactera l’affichage des autres sites. Dans ce cas l’hébergeur vous proposera le plus souvent un plan d’hébergement supérieur.
Ce qui est important dans le choix de votre hébergement, c’est que vos besoins puissent être satisfaits de manière très large (c'est-à-dire qu’il faut compter avec une marge importante). Voici comment faire un petit calcul simple : « Besoin en espace-disque L'espace-disque minimum est proportionnel à la taille de toutes les pages web stockées sur votre disque dur + à la taille de la base de données si vous prévoyez installer un script (forum, blog...) sur votre site.
Exemples de calcul: 1)
50 pages web avec une taille moyenne de 35 ko par page.
Espace-disque min requis = 50 pages x 35 ko/page = 1.7 Mo 2)
75 pages web avec une taille moyenne de 80 ko par page
+ une base de données vide de 2.5 Mo. Espace-disque minimum = (75 pages x 80 ko/page) + 2.5 Mo = 8.3 Mo
Besoin en trafic mensuel Le trafic mensuel (transfert) minimum est proportionnel au nombre de pages vues par visiteur + à la taille en ko de chaque page + au nombre de visiteurs par jour + au transfert FTP (entrant et sortant) + au nombre et à la taille des emails envoyés/recus. Dans le cas d'un forum, il faut ajouter la taille des fichiers attachés + le nombre de ces fichiers + la taille des avatars + le nombre et la taille des emails envoyés par le forum.
Exemple de calcul: 1)
100 visiteurs par jour, 10 pages web vues par visiteur
avec une taille moyenne de 50 ko par page vue. Le trafic mensuel minimal est égal à 100 visiteurs/jour x 10 pages/visiteurs x 50 ko/page = 1.45 Go/mois. »5
Il faut aussi vérifier la compatibilité technique. Par exemple, des hébergeurs proposent encore php4, norme qui va être abandonnée pour la version 3.2. de wordpress6.
1.1.2. Installation
Pour installer wordpress sur votre serveur, vous avez en général deux possibilités. Soit votre hébergeur a prévu un programme d’installation automatique, soit vous devez le faire manuellement.
1.1.2.1.
Automatique Arvixe, mon hébergeur propose un Control Panel (CP) qui vous offre cette possibilité.
Vous avez plusieurs outils qui permettent de faire l’installation. Le dernier représenté en icône, « Fantastico de luxe » fonctionne très bien.
5 6
http://www.phwinfo.com/besoins.php http://www.abricocotier.fr/12184-wordpress-3-2-arret-du-support-de-php4-et-de-mysql4
Cliquez sur
et vous arrivez :
Dans la colonne de gauche vous sĂŠlectionnez dans le directoire Blogs, Wordpress :
Dans la partie droite, vous pouvez cliquer sur nouvelle installation :
Vous choisissez le domaine, en général, il convient de laisser le choix par défaut du menu déroulant. Le répertoire : très important. Si vous souhaitez installer votre blog à la racine de votre site (c'est-à-dire pour que l’on arrive dessus en tapant l’url monblog.com), laissez ce champ vierge. Si vous souhaitez que votre blog soit installé sur, par exemple, monblog.com/blog, tapez blog dans le champ. Nom du compte administrateur : il s’agit de votre identifiant pour vous connecter à votre blog. Evitez de mettre admin et ne mettez pas le pseudo ou nom avec lequel vous signerez vos billets. Mot de passe : soyez prudent et choisissez un mot de passe suffisamment sécurisé. Dans la configuration de base, indiquez simplement une adresse email sécurisée et correcte pour pouvoir vous faire envoyer une procédure éventuelle de récupération du mot de passe.
Vous pouvez laisser les autres champs vierges pour l’instant , nous les modifierons via l’interface du blog. Vous cliquez sur installer et obtenez :
Cliquez alors sur terminer et vous obtenez la confirmation de la création :
Vous pouvez alors vous connecter à votre admin en cliquant sur : http://monsite/.com/wp-admin
Je peux alors me loguer sur le blog : Et j’arrive sur l’interface admin… en anglais.
Et j’arrive sur l’interface admin… en anglais. Pour installer le français, c’est un peu technique mais pas bien difficile, il convient simplement d’être prudent. Etape 1 : télécharger le fichier de la traduction française à cette adresse : http://svn.automattic.com/wordpressi18n/fr_FR/tags/3.0.1/messages/fr_FR.mo Etape 2 : Retour au cpanel (cliquez sur le marteau et la clé)
Dans le widgets Fichiers :
Vous cliquez sur gestionnaire de fichiers, un pop-up s’ouvre :
Ayant installé le blog sur le sous domaine ise.isexl.com, je choisi celui-ci (si votre blog est à la racine, vous pouvez choisir répertoire Web principal).
Etape 3 : CrĂŠation dossier languages VoilĂ ce que vous devriez avoir comme dossiers et fichiers :
Il y a un dossier à repérer : wp-content, vous double-cliquez et dedans vous avez :
Dans la barre de menu du haut, cliquez sur
Un pop-up
s’ouvre, vous tapez languages et cliquez sur « create new folder ».
Maintenant vous double-cliquez sur ce nouveau dossier languages :
Logiquement l’emplacement doit être vide.
Etape 4 : téléversement du fichier
Dans la barre de menu du haut, cliquez sur Un pop-up s’ouvre :
choisissez le fichier que vous avez téléchargé à l’étape 1. Vous devriez donc avoir :
Etape 5 : Configurer pour le français Remontez à la racine ou dans votre répertoire (cf image 1 Etape
3). Vous cochez wp-config.php et cliquez sur Un pop-up s’ouvre, cliquez sur Edit en bas à droite. A la ligne 72 (peut changer selon les versions de WP) vous avez :
Il faut ajouter fr_FR comme ceci : define ('WPLANG', 'fr_FR');
Ensuite en haut à droite de la page, cliquez sur enregistrer les changements. Vous pouvez ensuite fermer la fenêtre.
Etape 6 : Vous actualisez l’onglet avec votre page monblog.com/wp-admin et
1.1.2.2.
Manuellement Etape 1 : Téléchargez le fichier wordpress et décompressez-le Etape 2 : téléchargez et installez filezilla (faites une recherche google) Etape 3 : créez un compte FTP dans votre cpanel
Cliquez sur Comptes FTP
Vous indiquez un nom d’utilisteur, tapez et retapez un mot de passe et cliquez sur « Créer une liste de destinataires ». Vous obtenez :
Etape 4 : configurez filezilla Vous ouvrez filezilla
Hôte, vous tapez votre ndd monblog.com, identifiant : utilisateur Mot de passe Port : 21 Etape 5 : transférez wordpress sur votre serveur
Dans la partie gauche de filezilla, vous avez l’explorateur de votre ordinateur et dans la partie droite votre serveur. Sous « Nom de fichier », cliquez sur le disque et allez dans le répertoire où vous avez décompresser wordpress.
Dans la partie droite, ouvrez le dossier public_html. Sélectionnez en maintenant la souris enfoncée le contenu du répertoire de votre disque dur (ou en cliquant et en maintenant la touche CTRL enfoncée) ensuite déplacez simplement dans l’autre partie en cliquant et maintenant la touche de la souris. Le transfert prend pas mal de temps… Etape 6 : Création BDD Rendez vous à l’adresse de votre blog : http://monblog.com/
Cliquez sur le bouton et l’assistant se met en route :
Assistant crĂŠation BDD
Je l’appelle demo (indiquez demo dans le champ)
Je dois sélectionner ce que le nouvel utilisateur peut faire sur le BDD :
Je coche « TOUS PRIVILEGES »
Etape 7 : Création fichier wp-config.php
Nom BDD : entrez les infos de l’étape précédente Identifiant : entrez les infos de l’étape précédente MDP : entrez les infos de l’étape précédente Hôte : LAISSEZ localhost (dans la plupart des cas) Préfixe : laissez wp_
Etape 8 : Lancer l’installation
Titre du site : laissez vierge, on modifiera ultérieurement. Identifiant : il s’agit de votre identifiant pour vous connecter à votre blog. Evitez de mettre admin et ne mettez pas le pseudo ou nom avec lequel vous signerez vos billets. Mot de passe : soyez prudent et choisissez un mot de passe suffisamment sécurisé. Email ; entrez une adresse valide
1.2. Interface
L’interface de wordpress est relativement intuitive et assez facile d’utilisation. Nous allons détailler les principales sections ci-dessous. Il est primordial de configurer votre blog AVANT de commencer à rédiger quoique ce soit. En effet, une réflexion quant à l’organisation de vos billets doit avoir lieu en amont de votre travail de rédaction.
1.2.1. Réglages Commençons par le dernier onglet du menu de droite : Réglages
1.2.1.1.
Titre et description Cliquez sur général
Indiquez un titre à votre blog/site. Le titre doit être représentatif de ce que vous allez traiter. Veillez à ce qu’il ne soit pas trop long et qu’il contienne des mots pertinents. Le slogan de votre blog va aussi, le plus souvent, être affiché sur votre blog. Grâce au titre et au slogan, le lecteur va être en mesure de savoir quelle est votre ligne éditoriale. Laissez les valeurs par défaut des champs d’adresse. Votre email est normalement celui que vous avez entré lors de l’installation. Inscription : il peut être intéressant de permettre l’inscription. Laissez Abonné comme rôle. Choisissez votre fuseau horaire. Le reste peut rester en l’état. 1.2.1.2.
Discussion Vous pouvez régler ici les options de commentaires. Un blog est un outil interactif dont l’intérêt est justement de permettre le dialogue grâce aux commentaires. Les options de réglages sont bien explicites. C’est à chacun d’avoir sa propre réflexion sur qui est autorisé à poster. Nous reviendrons sur les commentaires de manière plus générale ci-dessous.
1.2.1.3.
Visibilité des moteurs et les permaliens L’onglet vie privée donne accès au choix de rendre le blog/site visible des moteurs de recherche tels que Google, Bing ou Yahoo ou pas. En règle générale, si vous publiez des billets, c’est pour qu’ils soient lu par le plus grand nombre d’internaute possible. Il convient donc de cocher « Visible par tous ». En phase de test et de rodage vous pouvez toutefois resté « invisible ». L’onglet permaliens est important. C’est ici que vous avez la possibilité de choisir la forme des url de vos billets. Par défaut, la forme est http://monblog.com/?p=123. comme les moteurs accordent de l’importance au mots contenu dans l’url d’une page, vous conviendrez que cette forme n’est pas la meilleure.
Nous vous conseillons donc d’opter pour un des choix suivants : Date et titre Mois et titre Structure personnalisée en entrant /%postname%.html ou /%category%/%postname%.html dans le champ disponible à cet effet. Dans le premier cas, le titre de votre billet suivra directement votre NDD tandis que dans le second, la catégorie de votre suit votre NDD et précède votre titre.
1.2.2. Thème ou template
1.2.2.1
Définition7 : Une template ou kit graphique peut
être définit comme un modèle de site web pourvue d’une charte graphique. Les templates permettent de construire les pages d'un site web à partir d'une trame (modèle, squelette) de pages identiques. Une template web bénéficie d'une charte graphique - design web - et d'une structure plus ou moins figée, dont on doit tenir compte en fonction de la nature du projet de site web, ou autre projet graphique envisagé.
Avec des mots plus simples, le thème ou la template de votre blog sera l’aspect esthétique et l’organisation de celui-ci. Une distinction claire est ainsi faite entre la forme (template) et le contenu de votre blog.
Une des grandes richesses de wordpress est le nombre de ses thèmes disponibles. Beaucoup sont gratuits et certains sont payants. Grâce à ces thèmes vous pourrez non seulement
7
http://www.fiducial.biz/index.aspx?NODE_REF=services-internet-glossaire
personnaliser votre blog mais aussi utiliser Wordpress comme fiche d’identité en ligne ou même comme e-commerce.
1.2.2.2.
Modifier, télécharger ou configurer votre thème
Cliquez sur l’onglet apparence. Par défaut avec la version 3 de wordpress vous n’avez que le thème Twenty ten d’installé. Pour installer de nouveaux thèmes, cliquez sur l’onglet « Installer des thèmes »
La recherche vous propose différentes options :
Les couleurs… choix purement esthétique… A vous de choisir !!
Les colonnes : Voyons comment peut être organisé l’affichage de votre blog.
8
Votre page d’accueil est composée de différentes parties :
Dans la partie supérieure, vous avez ce qui s’appelle le header. C’est à cet endroit qu’en général, s’affiche votre titre et votre slogan ; une image (éventuelle) ; des onglets pointant vers vos pages.
8
Amaury Balmer, Xavier Borderie, Francis Chouquet ; WordPress Toutes les clés pour créer, maintenir et faire évoluer votre blog ; Ed.Pearson ; p149
Dans la partie inférieure, vous retrouvez le footer. Cette partie longtemps négligée tend à reprendre de plus en plus d’information. Vous retrouverez dans le footer, un lien vers le site de la communauté wordpress, un lien inclus par le concepteur de votre thème (gratuit), le copyright ; ….
Entre le header et le footer… ce qui est appelé les colonnes. Dans la colonne principale est affiché vos billets et dans les autres colonnes vous aurez la possibilité d’affiché d’autres éléments (voir § widgets ci-dessous). Les thèmes wordpress sont classés selon le nombre de colonnes qu’ils affichent et l’endroit où s’affiche la colonne latérale. Voici quelques exemples : Thème 1 colonne :
Thèmes 2 colonnes (le thème par défaut est 2 colonnes) :
Thèmes 3 colonnes :
Notez que les deuxième et troisième seront selon les thèmes situées à gauche, à droite ou de part et d’autre de la colonne principale.
1.2.2.3.
Widgets
Une fois votre thème choisi et installé, vous avez la possibilité de le personnalisé en disposant dans les colonnes les widgets9 de votre choix. Ci-dessous nous verrons que d’autres widgets peuvent être ajoutés (voir 3.2.3. plugins). Mais voyons ceux que wordpress propose nativement :
Archives
Articles récents
Calendrier
Catégories : affiche les catégories que vous aurez définies
Commentaires récents
Flux : vous permet d’afficher les derniers (titres d’)articles d’un autre blog ou site.
Liens : affiche des liens que vous aurez choisis (ex : blogs amis)
Menu personnalisé
Méta : affiche le lien de connexion à la partie admin et le lien pour s’enregistrer.
9
Nuage de mots-clés
Pages
Recherche
Texte
Les widgets de site sont des éléments qui permettent aux webmasters de rajouter des "modules" à leurs sites web. Utilisés principalement sur les blogs, ils permettent par exemple d'inclure dans la "sidebar" (la colonne sur le côté) des informations internes (ex.: les derniers commentaires) ou externes (ex.: les derniers billets d'une autres site). http://fr.wikipedia.org/wiki/Widget_interactif consulté le 1 août 2010
C’est vous qui choisissez les widgets que vous souhaitez afficher et à quel endroit vous souhaitez qu’ils soient affichés dans les deux colonnes (dans cet exemple). Pour qu’un widget s’affiche, il suffit de se positionner dessus, enfoncer le clic de la souris et déplacer le widget vers la colonne souhaitée en maintenant le bouton de la souris enfoncé. Quels widgets privilégier ? Certains widgets sont à éviter lorsque votre blog est récent. Les archives, le calendrier par exemple. Selon vos objectifs, ce sera à vous de sélectionner les widgets les plus performants. Pour faciliter la navigabilité et donc diminuer le taux de rebond10, vous pouvez utiliser les widgets : recherche ; Nuage de motsclefs ; catégories. Pour favoriser les interactions, le widget commentaires récents est pertinent.
10
Le pourcentage des visites où le visiteur entre et quitte à la même page sans avoir visité aucune autre page du site http://percute.com/articles/Definir_et_comprendre_le_taux_de_rebonds/details.aspx
1.2.3. Plugins Définition11 : En informatique, un plugin ou plug-in (aussi nommé module d'extension, greffon ou plugiciel au Québec) est un logiciel qui complète un logiciel hôte pour lui apporter de nouvelles fonctionnalités. La plupart du temps, ces programmes sont caractérisés de la façon suivante :
ils ne peuvent fonctionner seuls car ils sont uniquement destinés à apporter une fonctionnalité à un ou plusieurs logiciels ;
ils sont mis au point par des personnes n'ayant pas nécessairement de relation avec les auteurs du logiciel principal.
Tout comme pour les thèmes, grâce à la communauté wordpress un nombre très important de plugins sont disponibles gratuitement. Comme pour les template, il vous est possible de les télécharger directement à partir de l’interface de wordpress. Dans le menu de gauche, vous cliquez sur extensions et extensions pour gérer vos plugins déjà présents sur votre serveur ou ajouter pour en ajouter de nouveaux. Notez que pour fonctionner un plugin doit, bien sur être présent sur votre serveur mais que vous devez aussi l’activer.
Voici une liste non-exhaustive de plugins utiles : 1.2.3.1.
Spamms
Plugin indispensable et présent nativement : Akismet. Pour fonctionner il nécessite d’être enregistré sur wordpress.com (un simple compte sans blog est suffisant) afin d’obtenir une clé API. Si vous n’installez pas ce plugins vous serez rapidement envahi de commentaires postés par des robots. Voilà un échantillon de ce qui peut vous arriver :
11
http://fr.wikipedia.org/wiki/Plugin consultée le 01 août 2010
Ne soyez pas vaniteux, si on vous complimente en anglais, cela ne signifie pas que votre audience est internationale mais que vous avez été spammé. Voyons comment activer Akismet : Vous avez donc cliqué sur extensions et puis encore extensions dans le sous-menu et avez obtenu :
Cliquez sur activer directement sous Akismet. Habituellement, cela suffit à activer un plugin (même si parfois il faut en plus le configurer). Pour Akismet, il faut entrer la clé API.
Cliquez donc sur « Saisir votre clef d’API Akismet et insérez là dans le champ prévu :
Si jamais cela ne devait pas marcher. Réessayez plusieurs fois et faites attention en faisant votre C/C de bien vous limiter à la clé (ne rajoutez pas un blanc).
1.2.3.2.
Statistiques (tous ces plugins nécessitent une clé API de divers sites)
Il est essentiel d’être informé de divers éléments concernant la fréquentation de votre blog : Le nombre de visites, comment vos visiteurs sont arrivés ; le taux de rebond, les mots clés qu’ils ont tapés dans les moteurs ; comment ils ont quitté votre blog ;…. Wordpress.com stats : Ce plugin est à télécharger. Cliquez donc sur ajouter dans le sous-menu de « Extensions »
Vous entrez dans le moteur wordpress.com stats. Le premier à ressortir devrait être le bon :
Cliquez sur « Installer maintenant » Il vous revient alors à l’activer et entrer la clé API comme pour Akismet. Clicky statistics : Tapez clicky statistics dans le moteur et installez le plugin. Ensuite, activez-le. Dans ce cas ci aussi, le plugin nécessite une clé API mais ce n’est pas la wordpress. Pour l’introduire, vous devez aller dans le menu de gauche et allez dans « Réglages ». L’activation du plugin a eu pour effet de créer un lien dans le sous-menu.
Cliquez sur « Clicky statistics » et entrez les informations obtenues sur getclicky.com.
WP Google analytics : Tapez WP google analytics dans le moteur et procédez à l’installation. Acitvez le plugins. Ensuite pour qu’il fonctionne, le code de google analytics est indispensable. Rendez vous à l’adresse : http://www.google.com/analytics/
Cliquez sur « Access analytics », ensuite insrivez-vous au service en cliquant sur « Sign Up ».
Complétez vos données et acceptez les conditions générales. Votre code est alors créé.
Copiez-le. Retournez dans l’interface de votre blog et cliquez dans le sous-menu de droite de Réglages sur Google analytics.
Collez votre code dans l’espace dédié et cliquez sur « Update Options ». En vous rendant sur votre compte google analytics, vous devriez avoir vos statistiques. Woopra analytics plugin : Autre plugin qui fourni des statistiques. Là encore il faut configurer le plugin et se rendre sur https://www.woopra.com/members/login.jsp pour obtenir une clé API.
Ensuite dans le sous-menu Réglages, cliquez sur Woopra et introduisez votre clé dans le champ :
1.2.3.3.
SEO
All in One SEO Pack :
Complétez12 : • • •
•
•
•
“I enjoy this plugin and have made a donation // Cochez si vous avez la version pro. Plugin Status: Enabled // C’est ce qu’on vient de dire, il suffit juste de l’activer Home Title // Donnez le titre de votre page d’accueil, généralement le slogan de votre blog, idéalement il ne comportera pas plus de 9 mots. Vous pouvez y glisser des mots clés se rapportant à votre contenu sans pour autant être illisible. Cette phrase sera la phrase d’accroche sur google pour faire venir les visiteurs sur votre site. Soyez pertinent et intéressant. (ex: usurpateur.be, le blog d’un autre) Home Description // Ici, c’est la description de votre page d’accueil, vous avez au max 200 caractères pour inventer une ou deux phrases bourrée de mots clés pertinents sans pour autant que cela soit incompréhensible pour le lecteur. En effet, cette partie est aussi reprise dans les résultats des moteurs de recherche. (tend à disparaître) Home Keywords // Lâchez-vous, séparez tous les mots clés qui correspondent à votre contenu par une virgule. Deux points à noter. Le premier, limitez-vous à environ 300 caractères, mettez les plus important en premier. Deuxième point, la balise Meta Keywords ne sert plus à rien, les principaux moteurs de recherche l’ont abandonné. Canonical URL : Coché // On arrive dans le concret, l’URL canonical est très importante pour un blog. Explication: Pour une page « Z » , on peut y arriver par des URL différentes tels que « /page/z » ou bien « /id=468″ ou encore avec différentes variables provoquées par les catégories/tags/archives. Le problème est posé par google et sa restriction envers la duplication de contenu (duplicate content) sur un même site web. Google aime que 1 URL = 1 contenu si ce n’est pas le cas, alors il va choisir l’une des URL, et passera le reste en duplicate content, c’est à dire, caché des résultats de recherche. Si le problème se répète, google peut bannir le site de son index. Canonical URL va empêcher ce phénomène en ne
•
12
montrant au moteur de recherche qu’une seul URL. (Comment ça vous n’avez rien compris ?) Rewrite Titles : Coché // Activation de la réécriture des <title> à la volée pour les champs qui suivent. La balise <title> n’est pas visible sur la page et pourtant elle a un rôle importante dans l’indexation de votre blog. Vous pouvez la trouver en haut de votre navigateur internet lorsque vous surfez sur l’une de vos pages. Pour un SEO efficace, il faut que chaque page ait un <title> différent, que celui ci ne soit pas trop long (moins de 11 mots) et qu’il soit pertinent avec le contenu de la page. Ainsi donc pour tous les champs qui suivent, il faudra s’assurer que %post_title% soit en premier dans chaque champs s’il est présent par défaut, si pas, ne l’ajoutez pas (:/). %blog_title% n’est pas obligatoire, vous pouvez le retirer.
http://www.usurpateur.be/comment-configurer-all-in-one-seo-plugin-sur-wordpress/197
•
•
• • •
•
•
•
SEO for Custom Post Types: Décoché // Si coché, ajoute un bloc de personnalisation des <title> & co. dans l’édition de chaque article, ce n’est pas utile à moins que vous soyez un expert. Use Categories for META keywords: Décoché // Le plugin va utiliser les catégories dans lesquel l’article est publié pour les inscrire dans le META Keywords, comme on l’a vu, ça ne sert plus à rien (pour l’anecdote, on mettait « sexe » « sex »"sexual » … dans les keywords pour augmenter la popularité d’une page, voilà pourquoi les moteurs l’ont abandonné) Use Tags for META keywords: Décoché // Idem Dynamically Generate Keywords for Posts Page: Coché // Idem mais on ne se prend pas la tête avec ça car ils sont générés dynamiquement. Use no Index for Catégorie/archive/tag: Décoché // No index va spécifier aux moteurs de recherche de ne pas indexer les pages citées. Technique utilisée avant l’apparition de URL Canonical. Autogenerate Descriptions: Coché // Le plugin va générer une description lisible uniquement par les moteurs de l’article en question à partir du contenu. Généralement, le premier paragraphe. Capitalize Category Titles: Décoché // Je ne comprend même pas l’intérêt de cet élément, si quelqu’un à la réponse, je suis preneur. Apparemment c’est une mode anglosaxonne, purement kikoolol, qui n’a rien à faire avec le SEO, donc je vous en supplie, pour le bien du web, décochez moi ça. Pour le reste, ne mettez rien, ajouter trop de mots clés vous vaudra une perte sèche dans la pertinence de votre blog sur les résultats des moteurs »
Google XML Sitemaps : Robots Meta13 : SEO Smart Links : Askapache Google 404
1.2.3.4.
Sociaux
Topsy Dofollow WP-greatbox
1.2.3.5.
Affichage mobile
WPtouch Iphone theme 1.2.3.6.
Sondage
WP-polls 13
http://yoast.com/wordpress/meta-robots-wordpress-plugin/
1.2.3.7.
Divers
Linkwithin
1.2.4. Organisation Avant de poster vos premiers billets, il est indispensable de penser à l’organisation de ceux-ci. 1.2.4.1. Catégories Vous devez, tout d’abord, penser à choisir les catégories dans lesquelles vous allez les poster. Vous aurez la possibilité d’ajouter une catégorie à tout moment mais si vous voulez inclure une partie de vos billets dans une nouvelle catégorie, cela demande du temps. Il est indispensable que cette démarche soit réfléchie. Un blog traitant des réseaux sociaux pourrait par exemple avoir les catégories suivantes : Facebook, Twitter, Blog, Foursquare.
1.2.4.2. Tags Définition14 : Un tag (ou étiquette, marqueur, libellé) est un motclé (signifiant) ou terme associé ou assigné à de l'information (par exemple une image, un article, ou un clip vidéo), qui décrit ainsi l'objet et permet une classification des informations basée sur les mots-clés. Les tags sont habituellement choisis de façon informelle et personnelle par l'auteur/créateur ou le consommateur de l'objet — c'est-à-dire que le plus souvent cela ne fait pas partie d'un schéma de classification formellement défini. Quand vous posterez un article, vous aurez la possibilité de la tagguer avec autant de mots clés que vous le souhaitez. Ces mots sont importants au moins pour deux aspects.
14
http://fr.wikipedia.org/wiki/Tag_(métadonnée) consultée le 01 août 2010
Le premier, ils doivent permettre à vos visiteurs de naviguer plus facilement sur votre site et d’y trouver l’information pertinente. La seconde, Google accorde une importance certaine aux mots utilisés comme tags. Il convient de réfléchir à comment vous allez tagguer vos billets. Quand vous rédigerez votre billet, il faut penser à le tagguer. Vous avez accès aux mots clés déjà utilisés mais aussi la possibilité d’en introduire de nouveaux :
Comment procéder ? Comme vous pouvez le voir sur la capture ci-dessus. Les tags ne sont pas tous de la même taille. En effet, plus un mot est utilisé comme mot clé plus la taille du tag sera importante.
C’est une particularité très intéressante. En un seul coup d’œil au nuage de tags (c’est ainsi qu’est appelé, l’ensemble des tags), vous pourrez avoir une idée précise des sujets les plus souvent abordés sur le blog. Wordpress ne fait la séparation entre les tags que lorsque vous placez une virgule. Evitez les chaînes de caractères trop longues. Exemple : n’employez pas comme tag « fan page facebook ». Choisissez plutôt Facebook et Fanpage. Il faut aussi penser aux pluriels, synonymes et mots composés. Le but est que le même terme revienne autant de fois qu’utile. Si pour des billets consacrés à la recherche d’emploi, vous utilisez une fois jobs, une fois emploi, une fois emploi. Vous aurez trois tags différents affichés en petits caractères tandis que si vous utilisez emploi à trois reprises, vous aurez un seul tag affiché dans une police plus grande.
1.2.5. Les images et vidéos Pour héberger vos photos et surtout vos vidéos, choisissez des sites de partages dédiés. Cela soulagera votre hébergeur et la bande passante utilisée mais cela multipliera votre présence sur le web. Les sites les plus connus sont bien sur flickr, youtube et Dailymotion mais il y en a aussi d’autres. Une fois vos documents uploadés sur ces sites, les inclure (embed) dans votre blog est très facile.
1.2.6. Page « A propos » http://www.uxbooth.com/blog/about-pages-good-bad-and-missing/
3.2.6.1. Différences entre page et article Sur votre blog, vous pouvez publier soit des billets (articles) soit des pages. Les billets sont ce qui apparaît dans la colonne principale de votre blog et sont classé de manière antéchronologique.
Les pages quant à elles ont une vocation plus durable. Leur nombre sera plus limité et parfois leur création génèrera un onglet dans votre header. 1.2.6.2. Supprimez la page modèle de WP Avant de créer votre page, effacez l’exemple de page de wordpress :
Dans le menu de gauche cliquez sur « Pages »
Et ensuite cliquez sur « Mettre à la corbeille ».
1.2.6.3. Créez votre page « A propos » Il est INDISPENSABLE de créer une page « à propos » pour votre blog. Vos lecteurs devront, en un simple clic, savoir qui ils lisent. Ce que vous y mettrez donnera une indication sur votre légitimité à écrire sur les sujets traités. Pour créer la page, vous pouvez cliquer dans le sous menu de Pages sur « Ajouter ». Voilà que s’ouvre l’éditeur qui va vous permettre de rédiger votre page.
Sous la flèche, vous remarquerez qu’il y a deux onglets : Visuel et html. Si vous n’avez aucune base de HTML, ne travaillez qu’avec le visuel. C’est un éditeur du type WYSIWYG (what you see is what you get). Il est toutefois conseillé d’acquérir quelques notions de HTML pour résoudre des petits problèmes éventuels. Saisissez votre titre : A propos ou encore A propos de l’auteur ou Qui suis-je ?, ou ce que vous voudrez de similaire. Que doit comporter votre page ? Essayez de répondre à un maximum de ces questions :
Quel est l’objet de ce site/blog ?
Qui en est le « tenancier » ?
Quelles sont ses qualifications/parcours pro/expériences/..
Comment entrer en contact avec le tenancier ?
La page est-elle agréable à voir, claire et concise ?
Vous pouvez vous risquer à faire un trait d’humour ou raconter une histoire ou mettre en avant un trait de votre personnalité mais faites attention à ne pas générer une mauvaise impression surtout si vous bloguez dans un cadre pro. Insérez une photo : Etape 1 La procédure est la même pour les pages que pour les articles. Uploadez la photo que vous souhaitez insérer sur Flickr.com. Flickr vous propose le code html de votre photo en différentes tailles. Ne prenez jamais des tailles supérieures à 500, cela vous
ferait déborder de votre colonne. (parfois, c’est même un peu moins).
<a href="http://www.flickr.com/photos/26552335@N03/4644902531/ " title="twittergenerator de RV_IH, sur Flickr"><img src="http://farm4.static.flickr.com/3332/4644902531_81b92e99f1. jpg" width="455" height="382" alt="twittergenerator" /></a>
Le lien même de la photo est en rouge. C’est de ce lien que vous avez besoin. (le lien vers des images se termine par .jpg, .gif .png). Etape 2 : Pour insérer l’image, allez dans votre éditeur et cliquez sur
Lorsque vous positionnez le curseur de la souris « Insérer une image » apparaît. Un pop-up s’ouvre :
Dans les onglets du dessus, cliquez sur « Depuis le web ».
Un petit V en vert apparaît si votre lien est valide. Indiquez un titre pertinent et choisissez centre pour l’alignement. Ensuite vous cliquez sur « Insérer dans l’article ».
Modifier le permalien : L’url de votre page va être du genre : http://monblog.com/a-propos Comme nous l’avons vu, les moteurs accordent de l’importance aux URL. La « a-propos » n’est pas très utile pour notre référencement. Nous allons donc la modifier.
Cliquez sur « Modifier » et tapez par exemple le nom de votre entreprise :