Marketing, Réseaux Sociaux, SEO, Wordpress

Optimisez votre blog pour Facebook

Self Snitch

Avec l’arrivée du bouton like et d’une façon générale de l’Opengraph, représente une source de trafic non négligeable. Néanmoins, pour en profiter encore faut il que votre blog soit correctement configuré.

Facebook met à la disposition des éditeurs plusieurs plugin que vous pouvez intégrer de façon très simple : http://developers.facebook.com/docs/plugins/

Avant cela il est indispensable d’intégrer les balises méta Opengraph (og) sur votre blog afin d’optimiser le fonctionnement des plugins sociaux proposés par Facebook, en particulier le bouton “Like” et depuis quelques jours “Send”.

<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:og="http://ogp.me/ns#"
 xmlns:fb="http://www.facebook.com/2008/fbml">
 <head>
 <title>The Rock (1996)</title>
 <meta property="og:title" content="The Rock"/>
 <meta property="og:type" content="movie"/>
 <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
 <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
 <meta property="og:site_name" content="IMDb"/>
 <meta property="fb:admins" content="USER_ID"/>
 <meta property="og:description"
 content="A group of U.S. Marines, under command of
 a renegade general, take over Alcatraz and
 threaten San Francisco Bay with biological
 weapons."/>
 ...
 </head>
 ...
 </html>

Pour insérer ces métas sur votre blog, vous pouvez éditer les fichiers sources directement, header.php dans le cas d’un WordPress, ou utiliser un plugin comme WP Facebook Like This, qui les intégrera pour vous. Pour en avoir testé plusieurs, l’idéal reste d’intégrer les métas vous même de façon à avoir un résultat optimal. Voici le code que j’ai inséré sur le Journal du Blog (à insérer dans le fichier header.php du thème) :

<?php if ( is_home() ): ?>
<meta property="og:title" content="<?php bloginfo('name'); ?>"/>
<meta property="og:type" content="blog"/>
<meta property="og:url" content="<?php bloginfo('url'); ?>"/>
<meta property="og:image" content="<?php bloginfo('template_directory'); ?>/logo.jpg"/>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="<?php bloginfo('description'); ?>"/>
<?php endif; ?>
 
<?php if ( is_single() ): ?>
<meta property="og:title" content="<?php wp_title(''); ?>"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="<?php the_permalink(); ?>"/>        
 
<?php $myThumbID = get_post_thumbnail_id();
$myThumb = wp_get_attachment_image_src($myThumbID);
$myThumbURL = (is_array($myThumb)) ? array_shift($myThumb) : null; ?>
<?php if(!empty($myThumbURL)):?>
<meta property="og:image" content="<?php echo $myThumbURL; ?>"/><?php endif; ?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt()) ?>"/>
<?php endif; ?>

L’objectif pour cette portion de code est de définir des balises différentes entre la home et la page d’un article (single). Effectivement cela permet de mettre un type blog sur l’url principale du blog et un type article pour les urls des articles. Par ailleurs, la home n’a pas de miniature d’article donc on récupère le logo à la différence des articles.

Une fois les balises bien paramètrées le partage de vos articles sur Facebook est optimal :

Pour aller plus loin, je vous conseille également de mettre en place l’outil de tracking Facebook Insights : http://www.facebook.com/insights/

Enfin, n’oubliez pas de rejoindre le Journal du Blog sur Facebook.

photo : Poster Boy NYC / Foter / CC BY

ABONNEZ-VOUS à la mailing list, c'est GRATUIT !

Abonnez-vous à la mailing list et recevez plein d'infos intéressantes !

258 Comments

  1. J’ai toujours peur lorsque je modifie un fichier de wordpress (vous recommandez de modifier header.php) car une mise à jour pourrait ne pas prendre en compte les modifications manuelles de la version antérieure… Avez-vous un avis ?

  2. Très bon article ! Cependant j’ai les mêmes interrogations que “La soupe à l’info”.

    Cordialement Matthieu Orduna.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Avant de partir

Abonnez-vous à la mailing list et recevez plein d'infos intéressantes !