Matt Mullenweg, co-fondateur de WordPress, a réagi à cette nouvelle (“On Yahoo-Tumblr“) en annonçant que les importations de Tumblr vers WordPress avaient augmenté de 400/600 articles par heure à plus de 72 000 ! Pour comparaison, 75 millions d’articles sont publiés chaque jour sur Tumblr.

Par ailleurs, si vous souhaiter migrer de Tumblr vers WordPress, il existe un plugin d’importation : Tumblr Importer

J’ai réalisé la même analyse sur le Top 100 des blogs français en me basant sur le top blogs Ebuzzing (anciennement Top Blog Wikio).

On notera une très forte présence de la plateforme WordPress (53%), suivi par OverBlog (16%) et Canalblog (12%).

Le groupe “Autres” comprends SPIP (2%), TypePad (2%), WMaker (1%) ainsi que deux plateformes indéterminées.

J’avais réalisé cette même recherche en 2008 et le constat est que le vent à clairement tourné en quelques années !

WordPress est passé de 36 à 53% en 2013 ! OverBlog, qui était dans les “Autres” arrive désormais à la deuxième place à 16% ! Enfin, Canalblog progresse en passant de 8 à 12%.

TypePad quant à lui est passé de 14 à 2%. La faute peut-être à la plateforme payante qui a décidé récemment de fermer son support client en Europe et de se concentrer sur le marché anglophone.

Pour conclure, on notera malheureusement Dotclear qui concurrençait WordPress en France il y a encore quelques années et qui est passé de 19 à 3%. Une communauté plus petite, un écosystème plus réduit aura surement effrité sa popularité. Un Google Trends sur la recherche “Dotclear” en France le montre bien :

L’étude a été réalisée sur le mois d’avril 2013, sur l’analyse de 9096 sites web (hors sites mobiles) sur 23 pays en Europe.

On notera que Firefox a désormais laissé sa seconde place à Google Chrome et que celui-ci s’approche de plus en plus d’Internet Explorer.

Google Chrome est n°1 en Espagne et n°2 en France, Safari n°1 au Royaume-Uni et Firefox premier en Allemagne.

Source : Avril 2013 – Baromètre des navigateurs (AT Internet)

VaultPress, le service de backup proposé par Automattic (la société derrière WordPress), offre désormais une version Lite de son service à $5 par mois, soit un peu moins de 4€.

Ce Lite Plan offre un backup quotidien (base de données, thèmes, plugins et uploads) de votre blog WordPress, un historique des sauvegardes sur 30 jours et un système de rétablissement du site en cas de crash. Les sauvegardes sont réalisées sur deux clouds séparés en plus des serveurs d’Automattic.

Si vous cherchez un bon service de backup, VaultPress vaut le coup d’œil !

Au delà des plateformes propriétaires, on retrouve ensuite Drupal (7%), Movable Type (4%), TypePad (4%), Blogger (3%) ainsi que Joomla et Tumblr (1%).

Par ailleurs, WordPress propulse également 16.7 % (en 2012) du Top 1 Million des sites mondiaux. Sur chaque 100 nouveaux noms de domaines actifs aux Etat-Unis, 22 sont sous WordPress (en 2011).

Sources et plus d’infos :

• WordPress increases its domination of the top 100 blogs
• State of the Word 2011
• Recap: Matt Mullenweg’s 2012 State of the Word

Concrètement, sur ce blog, cette fonction permet de ne pas afficher une publicité Google AdSense sur le dernier article publié. Les fonctions équivalentes qui permettent de ne pas afficher de pub sur les articles datés de moins de X jours ne me convenaient pas étant donné le rythme de publication assez faible !

La fonction à ajouter au fichier functions.php de votre thème WordPress :

// Limité par défaut au dernier article publié
function is_last_post($number_posts = 1){

  // On récupère la liste des X (par défaut = 1) derniers articles publiés
  $last_posts = wp_get_recent_posts(array('numberposts' => $number_posts));

  // On stocke les ID des X derniers articles
  $last_posts_id = Array();
  foreach($last_posts as $post){ $last_posts_id[] = $post["ID"]; }
  
  // On stocke l'ID de l'article courant
  $current_post_id = get_the_ID();
  
  // On vérifie si l'article courant est parmi les X derniers articles publiés
  if(in_array($current_post_id, $last_posts_id)){ return true; }
  else{ return false; }
}

L’appel à cette fonction dans le fichier single.php de votre thème. Ici, il est possible de passer en paramètre un chiffre (X) pour ne pas afficher de pub sur les X derniers articles.

<?php if(!is_last_post(1)){ ?>
// Script de pub, message, etc
<?php } ?>

Dans l’exemple ci-dessus, la pub s’affichera sur tous les articles sauf le dernier publié !

Ghost : une idée d’une nouvelle plateforme de blog il y a 6 mois ; un projet financé à 120% douze heures après son lancement sur le service de crowdfunding Kickstarter !

Une plateforme moderne, élégante, user-friendly, connectée aux réseaux sociaux, mobile, techniquement robuste, avec de bonnes idées (dashboard canon, prévisualisation en direct, etc) et le tout open-source !

De bons sponsors venant du monde de WordPress croient au projet et sont au rendez-vous pour les premiers thèmes et plugins : WooThemes, MarketPress, la galaxie Envato, etc.

À suivre ! La sortie de la première version en avant première est prévue en août 2013.

• Site officiel : tryghost.org
• Le projet sur Kickstarter

On retiendra surtout la mise à jour / filtre Google Panda puis Penguin, l’intégration de Google+ dans les résultats de recherche, la pondération des domaines EMD (Exact Match Domain, domaines contenant que des mots-clés comme par exemple hotel-paris.com), le lancement du Knowledge Graph, etc.

Le responsive design sera clairement une des grandes tendances du webdesign en 2013 (à lire “10 new web design trends you can expect to see in 2013“). Ce concept relativement récent a pour objectif de proposer des contenus web adaptés aux différentes interfaces et terminaux de consultation utilisés par les visiteurs.

Pour résumer, le design (structure, organisation visuelle, tailles des polices ou des éléments) du site web consulté s’adaptera si nous parcourons le site sur un smartphone, iPhone, tablette, paysage ou portrait, desktop, etc.

Des grands sites US ont déjà pleinement adopté ce concept, à découvrir également sur mediaqueri.es : Mashable, ReadWrite, The Next Web ou encore Smashing Magazine.

Pour les sites français, un article nommé “10 sites français qui ont déjà adopté le responsive design” est à découvrir chez Presse-Citron.

Même Blog Tool Box est responsive dans sa manière la plus simple : entre autres choses, à partir d’une certaine largeur, la colonne de droite bascule sous le contenu pour une meilleure lisibilité.

Pour aller plus loin, découvrez ces excellents articles :

• Responsive webdesign : adapter un site à toutes les résolutions chez Usaddict
• Responsive Web Design chez A List Apart
• Beginner’s Guide to Responsive Web Design chez Treehouse

En France, le top 10 est le suivant :

1. Free Mobile
2. Euro 2012
3. Secret Story
4. Bref
5. Mcdonalds.Fr
6. RTBF
7. Mappy Itinéraire
8. Jo 2012
9. Whitney Houston
10. Mytf1

Voir également :

• Chez Bing : The Bing Top Searches of 2012 Report
• Chez Yahoo! : 2012 Year in Review

Pour désavouer un lot de liens dans lesquels vous n’avez pas confiance, il suffit d’uploader un fichier texte contenant une URL par ligne (domaine ou page spécifique) des liens que vous souhaitez que Google ignore.

Ces liens désavoués pourront être pris en compte comme “forte suggestion” après quelques semaines. Matt Cutts annonce qu’idéalement ces “mauvais” liens (liens achetés, mauvais SEO, historique de liens d’un domaine récemment acheté) devraient être supprimés par les webmasters et que cet outil n’existe que pour les liens impossibles à supprimer.

• Le lien direct vers l’outil : https://www.google.com/webmasters/tools/disavow-links-main
• La page d’aide sur le support Google
• L’annonce officielle sur le blog de Google

Comme d’habitude, les bêtas ne doivent pas être utilisées sur des blogs en production mais simplement pour des tests ou pour y jeter un œil. Cette version peut être testée de deux différentes manières : via le plugin WordPress Beta Tester ou directement en téléchargeant le fichier zip de la bêta (zip).

Les évolutions en résumé :

• Apparence : un écran d’accueil simplifié, un nouveau “color picker” et un tableau de bord adapté aux écrans Retina
• Accessibilité : amélioration de la navigation au clavier et de la lecture à l’écran
• Plugins : il est désormais possible de rechercher et d’installer des plugins que vous avez notés comme favoris sur WordPress.org
• Mobile : le protocole XML-RPC sera activé par défaut, il sera donc plus simple de relier votre blog avec vos applications mobiles WordPress
• Liens : la gestion des liens sera désactivée sur les nouvelles installations. Le plugin Link Manager la remplacera.
• Médias : la gestion de ceux-ci est retravaillée en profondeur pour une toute nouvelle expérience (upload, galleries, insertion d’images dans les articles, etc)

La version finale (WordPress 3.5) avait été annoncée pour le 5 décembre lors de la sortie de WordPress 3.5 Beta 1 mais la roadmap WordPress n’affiche pas encore de date figée.

Par ailleurs, la nouvelle version du thème par défaut qui viendra avec cette version 3.5 de WordPress est déjà disponible au téléchargement et s’appelle Twenty Twelve.

Si vous installez souvent des WordPress, cette étape de vérification peut être très fastidieuse, surtout si vous souhaitez contrôler plus de points techniques que le minimum requis.

C’est en partant de ce constant qu’Amaury a développé phpwpinfo, un script PHP qui permet de tester très rapidement son hébergement sur les points suivants :

• Configuration Apache
• Modules Apache
• Configuration PHP
• Extensions PHP
• Configuration de MySQL
• Envoi d’emails

Le script phpwpinfo est open-source et se télécharge sur Github.

Partant du constat que nous avons régulièrement besoin de créer des fichiers robots.txt avec des paramètres particuliers comme les wildcards pour des clients au sein de l’agence de référencement dans laquelle je travaille, il nous manquait une ressource, un aide-mémoire à jour et en français sur le protocole robots.txt.

Le site The Web Robots Pages, considéré comme officiel, est en anglais et n’est plus à jour depuis quelques années : on n’y parle pas des wildcards ou des spécificités de certains robots et moteurs de recherche.

Le site Robots-txt.com

De ce fait, j’ai créé un petit site dédié d’aide-mémoire et de base de connaissance sur l’implémentation du fichier robots.txt : robots-txt.com.

Vous y trouverez par exemple :

• des ressources spécifiques à certains moteurs de recherche majeurs comme Google, Bing, Yandex!, MSN, Baidu ou certains moteurs particuliers comme DuckDuckGo, Blekko ou Volunia
• des ressources spécifiques à certains CMS comme WordPress, Drupal, Joomla, Magento, etc
• des ressources sur des directives ou des paramètres particuliers : wildcards, Crawl-delay, directive Allow
• ou encore des ressources dédiées à des implémentations techniques particulières : robots.txt et sous-domaine ou avec un serveur HTTPS

N’hésitez pas à bookmarker ou à partager ! :)

Encore plus pratique, l’option “Overlay” permet de voir directement sur les annonces AdSense de votre site les statistiques de celles-ci en transparence !

Source : “Account performance at a glance with the AdSense Publisher Toolbar” sur le blog officiel d’AdSense.

Sans entrer dans les détails, on notera pour cette version le nouvel uploader de médias par glisser/déposer, la refonte du menu de navigation dans l’administration et une nouvelle barre d’outils, l’amélioration du système de rédaction à plusieurs auteurs, l’amélioration du fonctionnement de WordPress sur tablettes, etc.

Ci-dessous, la vidéo de présentation de WordPress 3.3 :

Comme d’habitude, avant toute mise à jour, même mineure, n’oubliez pas de faire une sauvegarde de votre blog.

Plus d’information sur le blog officiel de WordPress : WordPress 3.3 “Sonny” ou en français sur WordPress Francophone.

La nouvelle section Webmaster Tools dans Google Analytics contient trois rapports basés sur les “Requêtes de recherche” proposées dans Google Webmaster Tools :

• Requêtes : impressions, clics, positions et CTR (taux de clics) pour le top 1000 des requêtes par jour
• Landing pages : impressions, clics, positions et CTR (taux de clics) pour le top 1000 des landing pages (pages d’atterrissage) par jour
• Résumé géographique : impressions, clics et CTR par pays

Pour activer cette fonctionnalité, vous devez passer, si ce n’est pas déjà fait, dans la nouvelle version de l’interface de Google Analytics (en haut à droite dans Google Analytics : « Nouvelle version ») et aller dans le dashboard sous “Traffic Source / Search Engine Optimization”.
Il ne reste plus qu’à suivre les instructions pour lier Google Analytics à Google Webmaster Tools.

Aide : “Association d’un site à Google Analytics” dans le Centre d’aide pour les webmasters de Google.

Source : “Webmaster Tools Search Queries data is now available in Google Analytics” sur le blog officiel de Google pour les webmasters.

Cela permet par exemple de voir en direct l’effet sur le trafic de la publication d’un nouvel article, d’un nouveau tweet ou de toute autre campagne et de constater, entre autres choses, si les données reçues sont bien celles qui étaient attendues.

Si vous souhaitez utiliser cette nouvelle fonctionnalité en “avant-première”, il vous faudra remplir le formulaire de demande “Sign up for Real-Time reports in Google Analytics”. Vous devez ensuite passer, si ce n’est pas déjà fait, dans la nouvelle version de l’interface de Google Analytics (en haut à droite dans Google Analytics : “Nouvelle version”) et aller dans le dashboard sous “Real Time Reports”.

Néanmoins, cette nouvelle fonctionnalité devrait être rapidement déployée à l’ensemble des comptes Google Analytics automatiquement.

Source : “What’s happening on your site right now?” sur le blog officiel de Google Analytics.

Sans entrer dans les détails, voici la liste des choses à retenir pour cette nouvelle version :

• Un effort a été fait pour rendre WordPress plus rapide et plus léger
• Re-design complet de l’interface d’administration et des raccourcis supplémentaires pour les actions les plus couramment utilisées
• La possibilité d’activer le “Zen Mode” qui permet d’estomper tous les widgets, menus, boutons et autres éléments de l’interface lors de la rédaction d’un article “pour écrire au calme”
• Un nouveau thème par défaut : Twenty Eleven (en HTML5)
• L’arrêt du support d’Internet Explorer 6
• Un nouveau système d’approbation/réponse pour la modération des commentaires
• Il faudra désormais au minimum PHP 5.2.4 et MySQL 5.0. Je vous invite à installer le plugin Health Check pour vérifier que votre hébergement est bien compatible avec WordPress 3.2

Ci-dessous, la vidéo de présentation de WordPress 3.2 :

Comme d’habitude, avant toute mise à jour, même mineure, n’oubliez pas de faire une sauvegarde de votre blog.

Plus d’information sur le blog officiel de WordPress : “WordPress 3.2 now available“.

Google vient tout juste d’annoncer la possibilité de visualiser des rapports statistiques sur le trafic apporté par le bouton +1 dans les outils pour les webmasters et dans Google Analytics

Dans Google Webmaster Tools

Dans Google Webmaster Tools une nouvelle rubrique “Statistiques +1″ a été ajoutée et propose trois sous-sections :

• Impact sur le Réseau de Recherche : pour visualiser les impressions et les clics
• Activité : pour connaitre le nombre de nouveaux +1 attribués depuis votre site ou depuis d’autres sites
• Audience : pour savoir le nombre total d’utilisateurs uniques qui ont attribué des +1 à vos pages

Dans Google Analytics

Dans Google Analytics, une nouvelle section appelée “Réseaux sociaux” (ou “Social” dans la version anglaise) permet d’analyser l’intérêt, les interactions et l’activité sociale de vos visiteurs (+1, Like, etc). Voir “About Social Plug-in Tracking” dans le centre d’aide Analytics pour plus d’informations.

Pour ajouter un bouton +1 sur votre site : “Créer un bouton +1 personnalisé” sur Google pour les webmasters.

Plus d’informations en lisant “+1 reporting in Google Webmaster Tools and Google Analytics” sur le Webmaster Central Blog de Google

Cette nouveauté est seulement disponible dans la version bêta de Google Analytics accessible depuis le menu en haut à droite de votre tableau de bord analytics en cliquant sur “Nouvelle version”.

Cela permet, par exemple, de trouver quelles pages sont les plus génératrices de trafic et en même temps les plus longues à charger pour savoir lesquelles sont à optimiser.

Pour activer cette fonctionnalité, il vous faudra ajouter une ligne supplémentaire à votre code de tracking Google Analytics :

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_trackPageview']);
...

devient, en ajoutant le trackPageLoadTime :

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
...

Pour ceux qui souhaiteraient plus d’informations ou qui utiliseraient l’ancien code de tracking, je vous renvoie sur la page “Vitesse du site” du centre d’aide Analytics.

Il y a quelques mois, Google annonçait la mise à jour de leur guide sur le référencement appelé « Search Engine Optimization Starter Guide ». La première version, qui avait été publiée en 2008, avait été traduite en français quelques mois après et c’est désormais le cas pour cette nouvelle version.

Au travers des 32 pages illustrées de ce PDF, vous allez pouvoir découvrir les bases du référencement sur Google, comment améliorer la structure de son site et de ses urls, comment optimiser son contenu, découvrir des conseils sur le référencement mobile, etc.

Vous pouvez télécharger ce guide en français directement depuis l’article “Optimisation du référencement (SEO)” du Centre d’aide pour les webmasters (le lien vers le PDF est mis en surbrillance en jaune au tout début de l’article).

La table des matières

1. Créer des titres de pages uniques et pertinents
2. Utiliser la balise meta “description”
3. Améliorer la structure d’un site
4. Améliorer la structure de vos URL
5. Faciliter la navigation sur votre site
6. Optimiser le contenu
7. Proposer du contenu et des services de qualité
8. Améliorer la qualité des textes d’ancre (anchor text)
9. Optimiser l’utilisation des images
10. Utiliser de façon appropriée les balises d’en-tête
11. Travailler avec les robots
12. Utiliser effcacement le fchier robots.txt
13. Comprendre les liens en rel=“nofollow”
14. Optimiser pour les mobiles
15. Signaler les sites mobiles à Google
16. Guider les mobinautes avec précision
17. Promouvoir un site et analyser les données
18. Faire une promotion appropriée de votre site
19. Utiliser les outils gratuits pour les webmasters

Utilisez le fichier robots.txt pour empêcher l’exploration des pages de résultats de recherche ou d’autres pages générées automatiquement par les moteurs de recherche et qui n’offrent aucun intérêt particulier pour les internautes

WordPress génère par défaut plusieurs pages de ce type :

• Archives par dates : http://domaine.com/2011/01/
• Pages de résultats de recherche : http://domaine.com/?s=recherche
• Pagination : http://domaine.com/page/2/ ou encore http://domaine.com/category/nom-de-la-categorie/page/2/
• et, selon l’organisation du contenu du blog, les pages des catégories et des tags

Sans modification de notre thème WordPress, nous obtenons ceci dans les pages de résultats des moteurs de recherche :

Si nous mettons en place un fichier robots.txt pour bloquer ces pages sans intérêt pour les internautes en provenance des moteurs de recherche, celles-ci ne seront en effet plus crawlées par les moteurs mais elles pourront toujours, sous certaines conditions, être indexées.

Idéalement, nous souhaitons que ces pages restent crawlables par les moteurs de recherche mais qu’elles ne soient pas indexées et que les liens sur celles-ci soient suivis (car une page même non indexée peut accumuler du PageRank). Nous allons donc, au lieu de mettre en place un fichier robots.txt, utiliser les balises meta robots pour donner ces différentes instructions aux moteurs.

Modification du fichier functions.php du thème

Il suffit d’ajouter, et de modifier si besoin, ces quelques lignes à la fin de votre fichier functions.php :

function meta_robots(){
  if(is_date() || is_search() || (is_home() && get_query_var('paged') > 1)){
    echo '<meta name="robots" content="noindex,follow" />'."\n";
  }
}
add_action('wp_head', 'meta_robots');

Cette simple fonction permet d’ajouter notre balise meta robots noindex (pas d’indexation) follow (suivi des liens) sur les pages des archives datées, des résultats de recherche et sur la page d’accueil à partir de la /page/2/. Personnellement, j’ai également ajouté cette balise sur les pages des catégories (is_category()) et des tags (is_tag()).

Plugin WordPress : Robots Meta

Pour ceux qui préfèrent utiliser un plugin ou avoir la possibilité de gérer plus finement cette balise meta robots sur l’ensemble des pages WordPress, vous pouvez utiliser le plugin Robots Meta.

Cette version n’ajoute pas de nouvelle fonctionnalité mais apporte plusieurs améliorations et correctifs de sécurité, cette mise à jour est donc recommandée. Je vous invite à lire l’annonce sur WordPress Francophone pour connaitre le détail de ces corrections.

Si vous êtes un utilisateur chevronné vous pouvez aussi télécharger uniquement les fichiers modifiés (zip) entre la version précédente (3.0.4) et cette nouvelle version depuis le Trac WordPress.

Comme d’habitude, avant toute mise à jour, même mineure, n’oubliez pas de faire une sauvegarde de votre blog.

Vous avez besoin d’aide pour la mise à jour de votre blog ? Vous n’avez pas le temps de la faire ? Blog Tool Box peut vous aider ! » Jetez un œil aux services proposés

Pour les testeurs !

Pour ceux que ça intéresse, la Release Candidate 4 de WordPress 3.1 est également disponible et ça se télécharge depuis l’annonce officielle de sa sortie !

Pour pouvoir récupérer le nombre d’abonnés, vous devez autoriser l’accès à vos statistiques depuis l’exérieur. Pour ce faire, allez dans votre compte FeedBurner, onglet Publicize puis activez l’Awareness API.

Voici le code à intégrer au fichier functions.php de votre thème :

function get_subscriber_count($feed){
  $count = get_transient('subscriber_count');
  if ($count !== false){ return $count; }
  else{
    $count = 0;
    $today = date("Y-m-d", strtotime("-1 days -14 hours"));
    $data = wp_remote_get('http://feedburner.google.com/api/awareness/1.0/GetFeedData?uri='.$feed.'&dates='.$today);
    if (!is_wp_error($data)) {
      preg_match("/circulation=\"(.*)\"/isU",$data['body'], $circulation);
      $count = $circulation[1];
    }
    set_transient('subscriber_count', $count, 60*60*12);
    return $count;
  }
}

Pour éviter que FeedBurner nous renvoie une erreur ou un nombre d'abonnés nul à cause du temps de mise à jour et au décalage horaire avec FeedBurner et au fait que le nombre d'abonnés du jour correspond en fait à celui du jour précédent, nous faisons une requête vers FeedBurner pour récupérer le nombre d'abonnés à une date antérieure spécifique (1 jour et 14h en moins par rapport à la date du jour).
Le code récupère ensuite la valeur de circulation qui correspond au nombre d'abonnés.

Pour ceux qui souhaiteraient plus d’explications sur le code, je vous renvoie vers le précédent article « afficher son nombre de followers Twitter » où tout y est expliqué !

Pour afficher notre nombre d'abonnés FeedBurner, il suffit maintenant d’appeler notre fonction où nous le voulons dans notre thème en lui donnant l’identifiant du flux RSS en paramètre :

<?php echo get_subscriber_count("BlogToolBox"); ?>

Nous allons ici exploiter l’API Graph de Facebook qui permet d’accéder puis d’extraire très facilement les informations publiques de n’importe quel “objet” dans le “graphique social” de Facebook : page, groupe, profil, évènement, application, etc. Dans notre cas, ce sera tout simplement avec l’identifiant d’une Page que nous allons être en mesure d’en récupérer son nombre de Fans.

Voici le code à intégrer au fichier functions.php de votre thème :

function get_fan_count($page){
  $count = get_transient('fan_count');
  if ($count !== false){ return $count; }
  else{
    $count = 0;
    $data = wp_remote_get('https://graph.facebook.com/'.$page);
    if (!is_wp_error($data)) {
      $value = json_decode($data['body'],true);
      $count = $value['likes'];
    }
    set_transient('fan_count', $count, 60*60);
    return $count;
  }
}

Pour connaitre l’identifiant unique d’une Page, il suffit simplement de regarder son adresse internet :

• Si l’adresse est de ce type : http://www.facebook.com/pages/Mashable-France/7545999282 alors l’identifiant de la Page sera 7545999282
• Si l’adresse est de ce type : http://www.facebook.com/cocacola c’est que la Page a un nom d’utilisateur personnalisé, son identifiant sera donc cocacola

Une requête vers l’API Graph de Facebook associée à cet identifiant nous retournera toutes les informations de cette Page, dont son nombre de fans. Pour ceux qui souhaiteraient plus d’explications sur le code, je vous renvoie vers le précédent article “afficher son nombre de followers Twitter” où tout y est expliqué !

Pour afficher notre nombre de fans Facebook, il suffit maintenant d’appeler notre fonction où nous le voulons dans notre thème en lui donnant l’identifiant de la Page en paramètre :

<?php echo get_fan_count("cocacola"); ?>
ou encore
<?php echo get_fan_count("7545999282"); ?>


Pour afficher son nombre de followers Twitter sur son blog, il est possible d’utiliser des boutons/widgets fournis par des services tiers (comme TwitterCounter par exemple) mais cela reste relativement peu esthétique et peut faire, dans certains cas, augmenter le temps de chargement du blog.

Je suis récemment tombé sur un commentaire sur le blog Pro Blog Design qui expliquait une méthode pour afficher son nombre de followers Twitter en texte brut ce qui permet d’intégrer et de styliser ce compteur beaucoup plus aisément. Cette méthode fait appel à des fonctions WordPress très intéressantes, mais relativement peu connues, les “Transients” (explications à la suite).

C’est à mon avis la meilleure solution car elle intègre nativement un système de cache pour éviter des requêtes inutiles qui ralentissent le blog ; je l’ai d’ailleurs intégrée sur Blog Tool Box :

Voici le code à intégrer au fichier functions.php de votre thème :

function get_follower_count($name){
  $count = get_transient('follower_count');
  if ($count !== false){ return $count; }
  else{
    $count = 0;
    $data = wp_remote_get('http://api.twitter.com/1/users/show.json?screen_name='.$name);
    if (!is_wp_error($data)) {
      $value = json_decode($data['body'],true);
      $count = $value['followers_count'];
    }
    set_transient('follower_count', $count, 60*60);
    return $count;
  }
}

Les transients (ou “données éphémères”) permettent de stocker temporairement une valeur, associée à un nom et à un délai au bout duquel la valeur est supprimée ; ceci est donc notre système de cache.

On vérifie si il existe une valeur transient “follower_count”, si oui, on retourne notre nombre de followers enregistré ; si non, on fait une requête à l’aide de la fonction wp_remote_get (également peu connue mais très intéressante) vers Twitter qui nous retourne des informations sur le compte qu’on lui passe en paramètre.

On récupère le nombre de followers fourni par Twitter, on enregistre un nouveau transient “follower_count” qui sera valide pendant 1 heure (60*60) et on retourne ce nombre. Et c’est tout, notre système de cache via le transient nous limite à une requête vers Twitter toutes les heures seulement.

Pour afficher notre nombre de followers Twitter, il suffit maintenant d’appeler notre fonction où nous le voulons dans notre thème en lui donnant le nom du compte en paramètre :

<?php echo get_follower_count("maximeguernion"); ?>

J’ai adapté la même méthode pour afficher le nombre brut d’abonnés FeedBurner (voir l’image de l’article) ainsi que le nombre de fans d’une Page Facebook publique mais ce sera au programme des deux prochains articles.

Comme chaque année, Technorati réalise une étude sur la situation de la blogosphère. En 2010, plus de 7200 bloggeurs ont participé à cette enquête. Les thèmes de cette année sont les marques s’ouvrant aux médias sociaux, les médias traditionnels contre les médias sociaux, les marques en collaboration avec les bloggeurs, la monétisation, l’utilisation des smartphones par bloggeurs, l’importance de Twitter et Facebook, les blogs de niche et les changements au sein de la blogosphère en 2010.

Voici un résumé de quelques résultats qui sont, je pense, intéressants à mettre en lumière. Vous trouverez les liens vers les résultats complets et détaillés de l’enquête à la fin de l’article.

Introduction

49 % des bloggeurs sont Américains (USA), 29 % sont Européens et 12 % sont de la zone Asie-Pacifique (Chine, Japon, Australie, etc).

25 % des bloggeurs se sont déjà essayé au blogging depuis une plateforme mobile. 40 % d’entre-eux annoncent que cela a changé leur manière de blogguer, encourageant des articles plus courts et spontanés.

48 % des bloggeurs pensent que dans les 5 prochaines années, il y aura de plus en plus de personnes qui liront les actualités sur les blogs que via les médias traditionnels. 40 % des gens annoncent qu’ils sont en accord avec les points de vues des bloggeurs et que leur confiance dans les médias traditionnels est en baisse.

65 % des bloggeurs voient leur blogging comme un passe-temps et 13 % sont des bloggeurs à “temps partiel”, c’est à dire qu’ils blogguent pour compléter leurs revenus (avec une moyenne de $6333 par an)

63 % mesurent le succès de leurs blogs en regardant le nombre de visiteurs uniques tandis que 56 % accordent en premier de la valeur à la satisfaction personnelle.

21 % des bloggeurs sont des indépendants/à leur compte et blogguent à plein temps ou occasionnellement pour leur entreprise. 57 % possèdent une société et ont un blog en relation avec leur travail ; pour 19 % d’entre-eux, leur blog EST leur société.

Les bloggeurs, les marques et les consommateurs

Les deux-tiers des bloggeurs sont des hommes, 65 % ont entre 18 et 44 ans et 81 % blogguent depuis plus de 2 ans.

Les bloggeurs professionnels possèdent en moyenne 3.5 blogs.

Pour 13 % des personnes interrogées, le blogging occupe plus de 10h par semaine. La moitié des bloggeurs a déjà bloggué avant leur blog actuel.

Le nombre de bloggeurs publiant sur leurs blogs une ou deux fois par jour est en baisse significative alors que le nombre de bloggeurs mettant à jour leur blog une fois toute les deux ou trois semaines est en augmentation.

33 % des bloggeurs interrogés annoncent qu’ils ont déjà travaillé pour un média traditionnel auparavant.

La première source d’idées pour la rédaction d’un article sont les blogs que les bloggeurs lisent suivi par les conversations avec les amis.

42 % blogguent régulièrement sur des marques qu’ils aiment ou détestent, tandis que 34 % annoncent ne jamais parler de marques sur leurs blogs.

Environ un tiers des bloggeurs (33 %) et presque un tiers des bloggeurs “amateurs” (28 %) ont déjà été approchés par une marque pour écrire un article ou faire un test de leurs produits sur leurs blogs.

64 % des bloggeurs pensent que les marques les traitent moins professionnellement que lorsqu’elles travaillent avec des médias traditionnels.

42 % des bloggeurs utilisent les réseaux sociaux pour suivre les marques et 50 % d’entre-eux blogguent à propos de celles-ci occasionnellement.

Les bloggeurs passent environ 9.9 heures sur les médias sociaux chaque semaine comparé aux 5.5 heures parmi la population générale américaine.

Les consommateurs annoncent qu’ils prennent de plus en plus en compte les blogs comme des sources d’informations.

Les blogs dépassent les autres médias sociaux et de nombreux médias traditionnels en termes de génération de recommandations et d’achats.

Sujets et tendances

Les principales motivations des bloggeurs sont d’exprimer leurs opinions, rencontrer et communiquer avec des personnes partageant les mêmes idées et enfin partager leurs expertises et expériences avec les autres.

47 % pensent qu’il n’est pas important du tout de dissimuler sa véritable identité sur son blog.

72 % des bloggeurs gèrent eux-mêmes leurs blogs .

Parmi les bloggeurs professionnels, qui sont rémunérés et génèrent des revenus, les sujets les plus populaires sont la technologie et les affaires. Pour les bloggeurs “amateurs”, qui représentent 64 % de l’échantillon total, les sujets les plus populaires sont les réflexions personnelles et la technologie.

80 % des bloggeurs utilisent Twitter avec pour principale motivation de promouvoir leurs blogs.

Près de 9 bloggeurs sur 10 (87 %) utilisent Facebook et la majorité (66 %) n’ont pas de page pour leur blog séparée de leur profil personnel.

25 % des bloggeurs utilisent une plateforme mobile pour blogguer dont 88 % via des smartphones.

Technologie, trafic et revenu

50 % des bloggeurs utilisent un service tiers pour blogguer (ex : Blogger.com)

WordPress est la plateforme de blog la plus populaire, utilisée par 40 % des bloggeurs.

Conformément à la conclusion que la majorité des bloggeurs utilisent un service tiers gratuit, les personnes interrogées qui utilisent ces services annoncent que le facteur le plus important dans leur processus de décision est le coût.

90 % des bloggeurs utilisent des supports multimédia sur leurs blogs. Les photos et les images sont les plus utilisés par les bloggeurs. La moitié de tous les blogueurs interrogés utilisent de la vidéo sur leur blog, alors que 10 % annoncent utiliser que du texte.

74 % des bloggeurs proposent des flux RSS complets.

Pour attirer de nouveaux lecteurs, les bloggeurs utilisent majoritairement Twitter puis Facebook.

71 % des bloggeurs utilisent un service tiers de statistiques pour analyser leur trafic et Google Analytics est le service le plus populaire.

35 % des bloggeurs déclarent que leurs blogs génèrent moins de 1000 pages vues par mois ; 13 % entre 10000 et 50000 ; 48 % ont moins de 1000 visites uniques par mois.

Les moyens les plus courants pour générer des revenus sont les annonces graphiques/contextuelles, l’affiliation et enfin les annonces de recherches. 68 % utilisent des services tiers pour afficher des publicités (Google AdSense, Kontera, etc), 47 % font de l’affiliation (eBay, Amazon) et 28 % négocient directement des espaces publicitaires avec les annonceurs.

L’enquête complète en 4 parties :

• State of the Blogosphere 2010 Introduction
• WHO: Bloggers, Brands and Consumers
• WHAT: Topics and Trends
• HOW: Technology, Traffic and Revenue

Cette nouvelle version a pour principal objectif de proposer des statistiques en temps réel ; entre autres, clics dans vos contenus (“clicks”), consultation de vos articles (“views”) ou encore le nombre de téléchargements de vos podcasts si vous utilisez cette fonction.

Si vous utilisez la fonctionnalité “Socialize” qui permet de partager vos articles sur Twitter depuis votre flux RSS FeedBurner et que votre plateforme de blog utilise le nouveau protocole PubSubHubbub (plugin PuSHPress pour WordPress) ou que vous pingez FeedBurner à chaque fois que vous publiez un article, vous allez pouvoir profiter au maximum de cette nouvelle version et connaitre à la seconde près le trafic que vous recevez en provenance de Twitter et des différents lecteurs RSS (Google Reader par exemple).

Vous pouvez accéder à la nouvelle interface en vous rendant sur http://feedburner.google.com/gfb/ ou en vous connectant à votre compte FeedBurner puis en cliquant sur le lien “Try out the NEW (beta) version!” en haut à droite.

Toutes les fonctionnalités de gestion de votre compte FeedBurner et de vos flux RSS sont encore à l’heure actuelle uniquement disponibles sur l’interface habituelle.

• Plus d’information sur le blog de FeedBurner : “Your stats, right away“.

Avec ce PDF exhaustif de 18 pages, vous allez découvrir comment copier votre contenu sans le dupliquer à l’identique, comment sécuriser votre blog, avoir une introduction aux techniques de filtrages, savoir comment votre blog a été censuré et comment dupliquer votre blog WordPress (gestion des domaines, installer et paramétrer les bons plugins, gérer le référencement, etc).

Même si celui-ci n’est pas encore doté de toutes les fonctionnalités proposées par ses concurrents comme bit.ly, Goo.gl offre des statistiques publiques détaillées et en temps réel sur les liens raccourcis telles que le nombre de visites, les principales sources de trafic, les types de visiteurs, etc. Et si vous êtes connecté sur votre compte Google, les liens que vous raccourcissez seront enregistrés dans un historique.

• Plus d’informations sur l’annonce officielle : Google URL Shortener Gets a Website

Une petite brève pour vous signaler la sortie du nouveau guide sur le référencement appelé “Search Engine Optimization Starter Guide”. La première version, qui avait été publiée en 2008 (voir : Google’s SEO Starter Guide sur le blog officiel de Google), avait été traduite en français, il y a donc de fortes chances que cette nouvelle version le soit également dans les prochaines semaines.

Au travers des 32 pages illustrées de ce PDF, vous allez pouvoir découvrir les bases du référencement sur Google, comment améliorer la structure de son site et de ses urls, comment optimiser son contenu, découvrir des conseils sur le référencement mobile, etc.

Je vous conseille également la lecture du rapport de Google sur le référencement appelé Google’s SEO Report Card (voir l’article pour plus d’informations).

J’ai donc développé Feed Insight, un petit service web, très simple, qui permet d’analyser beaucoup plus facilement ses statistiques FeedBurner et qui est doté de fonctionnalités qui me semble pratiques.

Il suffit d’entrer l’adresse d’un flux RSS FeedBurner et de cliquer sur “Analyser”. Si celui-ci permet l’accès à ses statistiques, celles-ci seront affichées dans le graphique qui va apparaitre en dessous. Le graphique s’auto-ajuste tout seul, donc plus vous zoomez (via la chronologie en dessous ou à l’aide des boutons), plus les statistiques vont être précises et détaillées.

Le survol du graphique permet de connaitre les statistiques à une date précise. Si vous ne survolez plus celui-ci, c’est les moyennes des statistiques de la période affichée qui vont apparaitre à la place.

Vous pouvez ainsi par exemple cliquer sur “3 mois”, le graphique va afficher les statistiques des 3 derniers mois, puis glisser la sélection sur la chronologie pour comparer différentes portions des 2 ans de statistiques avec une période de 3 mois. Il est également possible d’entrer directement une période précise à la main.

Le second graphique permet d’avoir un aperçu rapide de la croissance du flux RSS. Il permet de connaitre le gain ou la perte d’abonnés mois après mois. Ainsi, une valeur de +200 abonnés signifie que le flux RSS a gagné 200 abonnés par rapport au mois précédent.

Après une analyse d’un flux, vous pouvez comparer son nombre d’abonnés avec 4 autres flux RSS directement en entrant leurs adresses FeedBurner sous le premier graphique puis en cliquant sur “Comparer”. Le graphique comparatif apparaitra directement en dessous :

A noter que à chaque analyse ou comparaison, un lien court est disponible et est automatiquement généré en haut de la page. Ainsi, un simple lien comme http://minu.me/2xch renverra directement sur le rapport statistiques détaillé de css4design, comparé à Fran6art et Blog Tool Box. Très pratique pour sauvegarder un rapport et le transmettre à quelqu’un ensuite.

Je vous laisse découvrir Feed Insight ! Toute suggestion est la bienvenue :)

Résultats statistiques sur les pages (url de type http://blogtoolbox.fr/page/x/) par rapport aux 3 mois précédents la mise en place de la pagination :

• + 35% de pages vues
• + 55% de visites
• + 16% de temps moyen passé sur les pages
• et un taux de rebond en chute de 18 %

On notera également un pic statistique sur les pages 10, 20 et 38 (dernière page actuellement) qui sont des pages intermédiaires dans la pagination.

La pagination permet ainsi au visiteur d’appréhender plus rapidement la profondeur des archives de votre blog et de les parcourir beaucoup plus facilement que en utilisant les “Articles suivants” et “Articles précédents” laborieux et limités. Cela améliorera donc logiquement le confort de lecture et de navigation, ce qui se ressentira ensuite dans les statistiques.

Si vous n’utilisez pas encore de pagination et que vous pensez que cela s’avèrerait pertinent pour votre blog, vous pouvez utiliser le plugin WordPress WP-PageNavi ou encore Paginator.

Quelques jours après avoir annoncé qu’ils sortiraient leur propre “Tweet Button”, celui-ci est désormais disponible et intégrable sur nos blogs. A la manière du très connu bouton de TweetMeme, le nouveau bouton officiel de Twitter s’intégre de la même façon et offre les mêmes fonctionnalités (style du bouton, texte personnalisé, etc).

On notera la très intéressante fonctionnalité de recommandation de personnes à suivre. Si vous le souhaitez, vous pouvez, après que vos lecteurs aient tweeté votre article, leur proposer automatiquement de suivre jusqu’à deux comptes Twitter de votre choix (le votre personnel et celui de votre blog par exemple).

Pour générer votre Tweet Button, rendez-vous sur la page officielle du bouton Twitter.

Plus d’infos sur l’article “Pushing Our (Tweet) Button” sur le blog de Twitter.

Mais comment savoir si c’est le bandeau 468×60 px ou le rectangle 200×200 px qui fonctionne le mieux sur les pages d’articles ? Comment savoir si, après l’article, il est plus intéressant de mettre une annonce visuelle ou plutôt une textuelle ?

La solution la plus simple serait de mettre en place son annonce A pendant une semaine puis de la remplacer par la B la semaine suivante et on regarde à la fin les résultats pour déterminer la meilleure solution.
Les deux problèmes de cette solution est qu’il faut ici attendre deux semaines avant de connaitre les résultats mais surtout que d’une semaine à l’autre rien ne vous dit que vous aurez le même trafic (+/- de visites, etc) et/ou le même type de trafic (+/- de visiteurs en provenance des moteurs de recherches, etc), les résultats seront donc faussés.

La meilleure solution consiste à mettre en place un Test A/B, je cite :

Le test A/B est une technique de marketing qui consiste à proposer plusieurs variantes d’un même objet qui diffèrent selon un seul critère (par exemple, la couleur d’un emballage) afin de déterminer la version qui donne les meilleurs résultats auprès des consommateurs.

C’est à dire, dans notre cas, afficher au même endroit soit l’annonce A soit l’annonce B une fois sur deux. On aura ainsi nos résultats au bout d’une semaine et nous n’aurons plus le problème du trafic car un visiteur sur deux verra “en direct” l’annonce A et l’autre l’annonce B.

Mise en place du code

Le code est non seulement simple à mettre en place mais également simple à comprendre. Générez les codes des deux annonces puis, au sein du fichier single.php votre thème par exemple (dans le cas où vous utilisez WordPress) collez le code suivant à la place de votre ancien code d’annonce :

<?php
$rand = rand(0,1);
if($rand==0) {
?>
<!-- Code d'encart publicitaire A -->
<?php } else { ?>
<!-- Code d'encart publicitaire B -->
<?php } ?>

Explications : à chaque fois que la page d’article est chargée nous tirons au sort un chiffre (soit 0 soit 1), si c’est le chiffre 0 qui sort on affiche l’annonce A sinon on affiche l’annonce B. Ainsi, ce “pile ou face” affichera 50 % du temps l’annonce A et 50 % du temps l’annonce B.

Il ne vous restera plus qu’à analyser le nombre de clics pour définir quels types d’annonces fonctionnent le mieux pour tels types d’emplacements.

Au niveau des nouveautés, on notera l’arrivée d’un nouveau thème par défaut appelé “Twenty-Ten” à la place de feu Kubrick, l’intégration de WordPress MU pour avoir la possibilité de faire du multi-blogs depuis une seule installation WordPress, une gestion de menus pour les développeurs de thèmes, un grand nombre de bugs ont également été corrigés, etc !

Je vous laisse découvrir la vidéo de présentation (en anglais) de WordPress 3.0 ci dessous ou lire l’article exhaustif sur WordPress Francophone pour obtenir plus d’informations à propos de cette nouvelle version.

Comme d’habitude, avant toute mise à jour, même mineure, n’oubliez pas de faire une sauvegarde de votre blog.

Vous avez besoin d’aide pour la mise à jour de votre blog ? Vous n’avez pas le temps de la faire ? Blog Tool Box peut vous aider ! » Jetez un oeil aux services proposés

Nouveau Blog Tool Box

J’ai profité de cette nouvelle version pour refaire un tout nouveau thème pour Blog Tool Box. Après 2 ans de bons et loyaux services, celui-ci fait peau neuve dans une version beaucoup plus épurée, plus “light” car je trouvais l’ancienne de plus en plus “chargée” au niveau des couleurs et des sections comme les commentaires et la colonne trop étriqués, etc.

La page d’accueil :

Une page d’article :

Si vous avez des idées qui pourraient améliorer ce blog et sa petite communauté, n’hésitez pas à en discuter dans les commentaires et à donner votre avis ! Merci d’avance :)

Si vous souhaitez recevoir et obtenir plus de clics et plus de bookmarks vous devez choisir des titres accrocheurs, qui ont de l’impact ! Trouvée via le blog de Chris Garrett, un grand nom du pro-blogging anglophone et spécialiste des nouveaux médias, une grande liste de titres “à trous” spécialement étudiés et éprouvés pour les réseaux sociaux et bien qu’en anglais, cette liste de 102 titres est relativement simple d’accès et facile à ré-adapter en français.

Quelques exemples :

• 7 Creative Ways to ___
• How to Plan the Ultimate ___
• The Worlds Top 10 Most Important ___
• How to ___ in 10 Seconds !

Pour la suite, c’est ici : 102 Proven Social Media Headline Formulas

Cette petite astuce est facilement mise en application à l’aide de règles CSS. Pour commencer il faut ajouter deux propriétés à la règle CSS concernant les liens hypertextes :

a{
background:url("external.png") no-repeat scroll right top transparent;
padding:0 13px 0 0;
}

Rien de plus simple, nous ajoutons ici une icône “external.png” en arrière plan à tous les liens. Le padding sert à décaler le texte par rapport à l’icône pour éviter qu’ils ne se superposent.

Il suffit maintenant d’annuler cette même règle pour les liens qui ne sont effectivement pas des liens externes en utilisant les sélecteurs d’attributs en CSS :

a{
background:url("external.png") no-repeat scroll right top transparent;
padding:0 13px 0 0;
}
a[href*="blogtoolbox"]{
padding: 0;
background: none;
}

La seconde règle permet de préciser de nouvelles propriétés pour les liens qui contiennent dans l’attribut href le nom de domaine de notre site. Nous supprimons ici le padding et l’image d’arrière plan de la règle juste au dessus !

Cela donnera ceci :

Ici, le lien “Readability” fait référence à un article du blog donc pas d’icône ! Et les liens “Quix” et “Joost de Valk” pointent vers des sites externes donc l’icône est affichée !

Personnellement cette astuce sera mise en place dans le tout nouveau thème de Blog Tool Box qui viendra avec la prochaine grande version de WordPress.

Les différents classements/catégories correspondent aux principaux “Tops des Blogs” de Wikio. Les statistiques RSS, mises à jour quotidiennement automatiquement, sont quant à elles récupérées via FeedBurner, c’est pourquoi seuls les blogs qui utilisent FeedBurner et qui autorisent l’accès à leurs statistiques sont comptabilisés dans les classements.

Le très grand classement “Global” prend en compte tous les tops blogs Wikio, de la politique à la mode en passant par la gastronomie.
Chaque colonne de données peut être triée pour mieux voir l’ensemble chaque classement (alphabétique, classement Wikio, nombre d’abonnées, différence par rapport au mois précédent, etc). Et pour ceux qui souhaitent obtenir plus de statistiques, il est possible d’afficher le nombre de “Hits” et de “Reach” de chaque flux RSS. Si vous ne voyez pas de quoi je parle, l’explication de ces termes se trouvent en bas de chaque classement.

Lors de l’analyse des statistiques de son blog, il peut-être intéressant d’avoir en même temps au sein son compte Google Analytics les statistiques des visites, pages vues, etc, et le nombre de commentaires qui ont été publiés. Bien que ce système n’est pas implémenté “par défaut” lorsque l’on met en place Google Analytics, il est quand-même possible d’effectuer le suivi d’événements, dans notre cas “clic sur le bouton d’envoi de commentaire” qui permet d’obtenir ces statistiques.

Création de l’objectif

Depuis la liste de vos profils Google Analytics, cliquez sur le lien “Modifier” du profil dont vous voulez statistiquer les commentaires. Ajoutez ensuite un nouvel objectif à l’un des ensembles d’objectifs. Nommez celui-ci comme vous le souhaitez “Laisser un commentaire” par exemple, son type sera “Destination de l’URL” avec une correspondance de type “Mot clé exact”.

Nous allons créer/choisir une URL virtuelle qui correspondra à une page qui n’existe pas réellement mais qui permettra de faire le suivi statistique. Dans mon cas, j’ai choisi de mettre comme “URL de la page d’objectif” : /obj/commentaire.html

Vous enregistrez cet objectif et cette partie est désormais terminée.

Mettre en place le suivi

Il ne reste maintenant plus qu’à faire le lien entre le clic du bouton d’envoi de commentaire et l’ordre à donner à Google Analytics de faire le suivi de cet événement.
Si vous êtes sous WordPress, ouvrez le fichier comments.php de votre thème, si vous êtes sous une autre plateforme, ouvrez le fichier qui contient le formulaire des commentaires.

Sous WordPress, votre code devrait ressembler à celui-ci :

Il suffit de modifier le code du bouton et lui ajouter un événement onclick. Si vous utilisez le code de tracking asynchrone de Google Analytics, modifiez le code de cette manière :

<input type="submit" value="Envoyer le commentaire" id="submit" name="submit" onclick="_gaq.push(['_trackPageview', '/obj/commentaire.html']); " />

Et si vous utilisez le code traditionnel de tracking (ga.js) :

<input type="submit" value="Envoyer le commentaire" id="submit" name="submit" onclick="pageTracker._trackPageview('/obj/commentaire.html'); " />

Pour les habitués de la customisation de thème, vous pouvez mettre en place ce système directement via jQuery (où #submit est l’id du bouton).

Code de tracking asynchrone :

$(document).ready(function() {
  $("#submit").click(function(){
    _gaq.push(['_trackPageview', '/obj/commentaire.html']);
  });
});

Code traditionnel de tracking (ga.js) :

$(document).ready(function() {
  $("#submit").click(function(){
    pageTracker._trackPageview('/obj/commentaire.html');
  });
});

Et voila, vous retrouverez maintenant les statistiques des commentaires dans votre compte Google Analytics dans la section “Objectifs”. Vous pourrez y voir le nombre de conversions (nombre de commentaires), le taux de conversion qui correspond au rapport nombre de commentaires/nombre de visites, etc !
Si vous le souhaitez, vous pouvez utiliser cette même méthode pour faire des suivis pour d’autres liens et/ou boutons de votre blog : RSS, panier e-commerce, encarts publicitaires, etc.

Vous avez donc maintenant la possibilité d’ajouter un bouton “J’aime” au sein des articles de votre blog ainsi que d’autres plugins sociaux comme les recommandations, les commentaires Facebook, les flux d’activités, etc.

Comment insérer le bouton “J’aime” sur son blog WordPress

Facebook propose deux solutions d’intégrations possibles, soit à l’aide d’une iframe HTML basique soit en utilisant XFBML qui nécessite l’utilisation du Javascript SDK de Facebook mais qui offre plus de souplesse et d’options.

Pour commencer, allez sur la page d’aide du “Like Button” pour générer votre code. Vous pouvez le personnaliser et changer quelques options comme le type d’affichage, si vous voulez afficher les avatars des personnes, la police d’écriture, etc.

Vous récupérez ensuite ce type de code HTML :

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogtoolbox.fr&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light"></iframe>

Pour le moment l’url spécifiée est statique (ici http://blogtoolbox.fr/). Pour faire un bouton “J’aime” différent pour chaque article de votre blog, il suffit de changer l’url par le tag WordPress the_permalink() qui permet de récupérer l’url de l’article :

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light"></iframe>

Vous ajoutez ensuite ce code dans le fichier single.php de votre thème si vous voulez le voir apparaitre sur les pages des articles (comme sur Blog Tool Box à la fin de l’article) soit dans la boucle WordPress du fichier index.php si vous le voulez également sur la page d’accueil de votre blog. Vous devriez maintenant voir ceci :

Et lorsque un visiteur cliquera sur le bouton, cela aura pour effet de publier un nouveau contenu sur son profil Facebook qui annoncera qu’il aime votre article :

Pour terminer cet article, je vous invite à parcourir ces différentes ressources et articles pour mieux comprendre et découvrir les nouvelles fonctionnalités de Facebook :

• La documentation Facebook
• La documentation Facebook pour les plugins sociaux et pour l’Open Graph
• Open Graph : Facebook veut partir à la conquête du Web chez Clubic
• Facebook: The Entire Web Will Be Social chez GigaOM
• Ou encore Building the Social Web Together sur le blog de Facebook

Il n’y a pas de chiffres annoncés comme bons ou mauvais, mais sachez simplement qu’un site qui se charge en 10 secondes c’est (trop) long et un qui se charge en 1 seconde c’est (très) rapide.

Comment connaitre la vitesse de chargement de son blog :

• Les outils de Pingdom
• Dans votre compte Google Outils pour les webmasters : Labos > Performances du site où vous trouverez un graphique du temps de chargement moyen de votre blog d’après Google
• Les extensions Firefox : Page Speed ou YSlow
• Et enfin, pour les developpeurs, rendez-vous sur “Let’s make the web faster” de Google

Comment améliorer la vitesse de chargement :

• Installer un système de cache comme W3 Total Cache pour WordPress
• Pour les blogs à fort trafic, pensez aux CDN comme VPS.net ou Amazon S3 et EC2
• Optimisez vos images, CSS et scripts
• Nettoyez votre blog, voir : Nettoyage de printemps Partie 1 et Partie 2

1. Sauvegarde de la base de données au format SQL
2. Compression de la sauvegarde au format gzip (la totalité des logiciels de compression/décompression gèrent le gzip)
3. Envoi de la sauvegarde par email

Quel est l’intérêt de faire ce script alors qu’il existe des plugins capables de faire la même chose ? Premièrement, avec ce script vous êtes totalement indépendant de la plateforme de blog que vous utilisez ; c’est-à-dire que vous pourrez l’utiliser pour sauvegarder un blog, un forum, etc, n’importe quoi qui utilise une base de données MySQL.
Cette indépendance apporte également plus de sécurité car si votre blog ne fonctionne plus, qu’est-ce qui vous garantit que les plugins rattachés à celui-ci fonctionneront toujours et que le plugin de sauvegarde fera correctement sa sauvegarde ?
Deuxièmement, vous aurez la grande joie d’avoir fait un script vous-même ! :)

Objectif

Notre objectif est donc de recevoir ce type d’email tous les jours (ou semaines, etc) :

Pré-requis

Pré-requis pour le bon déroulement du tutoriel et faire en sorte qu’il fonctionne :

• Avoir un minimum de notions en PHP
• Télécharger PHP Mailer-Lite et extraire le fichier class.phpmailer-lite.php qui nous permettera de simplifier la procédure d’envoi d’email avec la sauvegarde en pièce jointe
• Avoir un hébergeur qui propose des tâches CRON/planifiées, qui permettera de lancer notre script tout les X heures, X jours, etc, pour entièrement automatiser la sauvegarde. Aujourd’hui, la plupart des hébergeurs proposent cette fonctionnalité, dans mon cas se sera un simple hébergement mutualisé chez OVH

C’est parti !

Commençons par créer un nouveau fichier nommé backup.php et ajouter le code suivant :

<?php
require_once("class.phpmailer-lite.php");
$from_mail = "email-expediteur@mail.com";
$from_name = "Nom de l'expediteur";
$to_mail = "email-destinataire@mail.com";
$to_name = "Nom du destinataire";
$blog = "Nom de votre blog";
$db_host = "Serveur_base_de_donnees";
$db_user = "Utilisateur_base_de_donnees";
$db_pass = "Password_base_de_donnees";
$db_name = "Nom_base_de_donnees";
$backup_name = "backup_".$db_name."_".date("d-m-y").".sql";

La première ligne sert à charger le fichier class.phpmailer-lite.php qui nous permettera d’envoyer l’email. Adaptez ensuite les différents paramètres : email du destinataire de la sauvegarde, l’expéditeur, etc, ainsi que les différents paramètres d’accès à la base de données.
La variable $backup_name définit la structure du nom du fichier de la sauvegarde. Ici, elle sera de la forme backup_NOMDELABASE_JOUR-MOIS-ANNEE.sql.

Complétez ensuite le code précédent par cette fonction que je ne vais pas détailler mais qui permet de transformer une taille de fichier en octets en une valeur en Mo ou Ko qui sera beaucoup plus lisible :

function taille($n){
if($n>1024){ return round(round($n/1024,1)/1024,1)." Mo"; }
else{ return round(round($n/1024,1),1)." Ko"; }
}

Viens ensuite la sauvegarde de la base :

system("mysqldump --host=\"".$db_host."\" --user=\"".$db_user."\" --password=\"".$db_pass."\" ".$db_name." > ".$backup_name);
system("gzip ".$backup_name);
$backup_name = $backup_name.".gz";

Nous allons ici exécuter le programme mysqldump avec les différents paramètres spécifiés tout à l’heure qui fera une sauvegarde de la base et l’enregistrera dans un fichier (avec la structure de nom de $backup_name).
Ensuite, ce même fichier tout juste créé sera compressé à l’aide de “gzip”.
Nous pouvons arrêter ce script dès maintenant car il fonctionne déjà. Si nous le lançons dès maintenant (en pensant à fermer la balise ?> en fin de script), celui-ci nous créera un fichier de sauvegarde dans le même répertoire où vous avez mis votre fichier backup.php et class.phpmailer-lite.php sur votre FTP.

Viens enfin l’envoi de l’email :

$mail = new PHPMailerLite();
$mail->IsMail();
$body = "Date : ".date("d/m/y")." ".date("H:i")."<br />";
$body .= "Sauvegarde de la base de données : ".$db_name."<br />";
$body .= "Fichier : ".$backup_name."<br />";
$body .= "Taille : ".taille(filesize($backup_name));
$mail->SetFrom($from_mail, $from_name);
$mail->AddAddress($to_mail, $to_name);
$mail->Subject = $blog." Sauvegarde BDD ".$db_name." - ".date("d/m/y");
$mail->MsgHTML($body);
$mail->AddAttachment($backup_name);
if($mail->Send()) { unlink($backup_name); }
?>

La variable $body contient le corps de notre message (voir l’image au début de l’article) : la date de la sauvegarde, le nom de la base de données qui vient d’être sauvegardée, le nom du fichier et enfin la taille du fichier de sauvegarde.
La ligne “Subject” sera le sujet de notre email : “Le nom de votre blog Sauvegarde BDD Nom de la base – Date de la sauvegarde”. On y ajoute ensuite notre pièce jointe (AddAttachement).
Et pour finir, on envoi l’email avec $mail->Send() et si le mail a bien été envoyé, on supprime le fichier de sauvegarde du serveur(unlink()). Si vous souhaitez laisser le fichier sur le serveur, il suffit simplement de changer la ligne en : $mail->Send();.

C’est fini ! Si vous ne l’avez pas encore fait, envoyez maintenant ce fichier backup.php accompagné du fichier class.phpmailer-lite.php sur votre FTP. Si vous souhaitez laisser les sauvegardes sur votre FTP, je vous conseille de mettre ces deux fichiers dans un nouveau répertoire vide.

Planification de la sauvegarde

Rendez-vous maintenant dans votre administration client chez votre hébergeur et accédez à la section Tâches CRON/Planifiées”. Rien de bien compliqué ici, il suffit simplement de spécifier l’adresse du script à exécuter et de choisir les dates/jours/heures auxquelles vous voulez lancer votre sauvegarde : tous les jours à 23h, tous les mardis à midi, etc.

Vous enregistrez votre tâche et c’est terminé ! Vous devriez maintenant recevoir vos sauvegardes de votre base de données par email.

• Télécharger les sources commentées : Script Backup DBB

Ce rapport, intitulé “Google’s SEO Report Card“, est, à l’origine, destiné aux ingénieurs et employés de Google pour les aider à mieux optimiser leurs pages web pour les moteurs de recherche.
Il contient de nombreux exemples simples et concrets pour améliorer non seulement votre référencement mais également l’expérience utilisateur : syntaxe des titres, meta tag, sitelink, format des urls, tags des images, liens, etc.

Je vous conseille d’y jeter un œil et bien que en anglais, ce rapport contient de nombreuses illustrations, idéal si vous n’êtes pas très à l’aise avec la langue de Shakespeare.

A lire également si vous l’aviez manqué, le “Guide de démarrage Google – Optimisation pour les moteurs de recherche” (téléchargeable en français).

Que ce soit au sein d’une page “à propos” pour répondre aux questions en rapport avec vous et le contenu que vous publiez : “Qui es-tu ?”, “Que fais-tu ?”, “Tu racontes quoi sur ton blog ?” (comme par exemple la page à propos de css 4 design), pour répondre à des questions techniques lorsque votre lectorat n’est pas majoritairement technique : “Quel appareil photo utilises-tu ?”, “Quelle plateforme de blog utilises-tu ?”, “Tu peux m’aider à faire un blog ?” (comme par exemple la FAQ de Tokyobanhbao, FAQ que l’on retrouve souvent sur les blogs dans cette thématique) ou encore des questions sur tel ou tel choix comme dans les ressources de Blog Tool Box.
Ce type de FAQ permettra à vos lecteurs d’accéder rapidement à ces informations regroupées en un seul endroit et vous évitera également un certain nombre d’emails. Vous pouvez ainsi être plus précis et exhaustif dans vos réponses dans la FAQ que lors du 10ème mail identique…

Utilisez-vous ou envisagez-vous de faire une FAQ sur votre blog ? A quelles questions répondez-vous le plus souvent ?

Cette petite fonctionnalité vous sera très utile si vous souhaitez noter des dates importantes dans la vie de votre blog : noter le jour où vous avez fait un guest-post, celui où vous avez changé de serveur ou encore lorsque vous avez lancé une nouvelle campagne publicitaire, etc.

Il y a plusieurs mois, je vous avais expliqué comment analyser les visites des mobiles sur votre blog, la manipulation assez fastidieuse est désormais intégrée à Google Analytics.

Rendez-vous dans la section Visiteurs – Google Mobile où vous pouvez maintenant facilement trier les visites en fonction des OS mobile (iPhone, Samsung, Windows, SymbianOS, etc) mais également des opérateurs (Orange, SFR, etc).

Sources : Google Analytics Blog via 2803.fr & Descary.com.

]]>