Partagez vos articles sur Facebook grâce aux Instant Articles

Facebook, c'est plus de 1,7 milliard d'utilisateurs mobiles par mois. Pour garder ces internautes captifs, les contenus externes sont proposés au format Instant Articles, un HTML allégé qui n'est pas sans rappeler le format AMP de Google ou les Apple News. Quel intérêt à proposer vos articles à ce format, et comment faire.

Cet article prend 5 minutes à lire et comporte 1221 mots.

L’internaute est un homme pres­sé et infi­dèle… et les géants du web mettent tout en œuvre pour le satis­faire et le gar­der le plus long­temps pos­sible captif.

L’optimisation des pages et plus géné­ra­le­ment des res­sources sur mobile est un enjeu majeur et cha­cun y répond avec une solu­tion personnalisée.

Il va d’ailleurs sans dire que ces solu­tions sont incom­pa­tibles et n’interagissent pas entre elles ?.

Après avoir vu le for­mat AMP, nous nous inté­res­sons aujourd’­hui à la solu­tion mise en place par Facebook : les Instant Articles.

Qu’est-ce que les Instant Articles ?

Le concept est très simple : il s’a­git de mettre vos articles à dis­po­si­tion au sein même de Facebook, en opti­mi­sant le temps de char­ge­ment (jus­qu’à 10 fois plus rapide) via un lan­gage HTML simplifié.

Dès que votre article est publié au for­mat Instant Articles et par­ta­gé sur Facebook, les uti­li­sa­teurs mobiles uti­li­sant l’ap­pli­ca­tion sur Android ou IOS (iPhone, Ipad) pour­ront le lire sans quit­ter l’ap­pli­ca­tion.

Vous pou­vez visi­ter la page Facebook dédiée aux Instant Articles (et en apar­té, le blog de Facebook est lui aus­si sous WordPress) pour en savoir plus.

Les Instant Articles et WordPress

C’est une exten­sion qui va se char­ger de for­ma­ter vos articles au stan­dard Instant Articles.

L’extension est dans le dépôt WordPress, vous pour­rez l’ins­tal­ler depuis l’in­ter­face d’ad­mi­nis­tra­tion de votre blog. Une fois ins­tal­lée, acti­vée et confi­gu­rée, vous n’au­rez plus à vous en préoccuper.

La note uti­li­sa­teur n’est pas extra­or­di­naire, à peine plus de 50% des uti­li­sa­teurs se déclarent satisfaits.

Pour autant et après l’a­voir mise en œuvre sur divers blogs, je n’ai pas trou­vé de véri­table point noir.

Peut-être les pre­mières ver­sions étaient-elles moins per­for­mantes, voire buguées… ou tout sim­ple­ment, les uti­li­sa­teurs satis­faits n’ont pas pen­sé à expri­mer leur satis­fac­tion. L’humain semble plus enclin à se plaindre qu’à expri­mer son conten­te­ment de manière spontanée ?.

Si vous n’avez jamais ins­tal­lé d’extension, l’article Installer, acti­ver, mettre à jour et sup­pri­mer une exten­sion WordPress vous expli­que­ra com­ment procéder.

Activer les Instant Articles sur Facebook

Vous devez tout d’a­bord — avant de confi­gu­rer l’ex­ten­sion WordPress — vous enre­gis­trer pour pou­voir publier vos articles au for­mat Instant Articles.

Si vous avez déjà créé la page Facebook pour votre blog, c’est par­fait — sinon, vous avez la pos­si­bi­li­té de la créer à ce moment-là.

Une fois la page choi­sie et après une popup de confir­ma­tion, vous accé­dez aux réglages :

En tout pre­mier lieu, il vous est deman­dé de…

Revendiquer votre URL

Cliquez sur le lien de la ligne ’Connect Your Site: Authorize your site to begin impor­ting Instant Articles’.

Vous allez des­cendre dans la page, il vous est deman­dé d’in­sé­rer une balise méta  dans vos pages.

Je vous recom­mande de le faire via un bout de code : 

function add_fb_meta_tags() {
  echo '<meta property="fb:pages" content="xxxxxxxxxxxx" />'; // id fournie par facebook
}
add_action('wp_head', 'add_fb_meta_tags');

Une fois cette balise ajou­tée, ren­sei­gnez l’URL de votre blog et cli­quer sur le bou­ton Revendiquer une URL.

Ça y est, côté Facebook, l’es­sen­tiel est fait. Il reste main­te­nant à…

Configurer l’extension

Retour à WordPress… dans le menu laté­ral de votre inter­face d’ad­mi­nis­tra­tion, vous avez une entrée   Instant Articles . Cliquez, vous arri­vez sur la page de configuration :

Il vous faut avant tout une ID d’ap­pli­ca­tion Facebook.

Si vous en avez déjà une, récu­pé­rez l’i­den­ti­fiant et la clé secrète, sinon, créez une nou­velle application.

Pour la caté­go­rie, choi­sis­sez Application pour les Pages.

Sur la page de l’ap­pli­ca­tion, allez au tableau de bord récu­pé­rer la clé secrète :

Avec ces deux don­nées, vous pou­vez main­te­nant retour­ner à la confi­gu­ra­tion de l’ex­ten­sion. Ne fer­mez pas le tableau de bord Facebook, nous allons y revenir.

Une fois iden­ti­fié, retour­nez au tableau de bord Facebook, et cli­quez sur Paramètres dans le menu latéral :

Dans la popup qui s’af­fiche, choi­sis­sez Site Web.

puis cli­quez sur Démarrage rapide :

Une nou­velle page s’ouvre, vous n’a­vez qu’à ren­sei­gner l’URL de votre site web, à cli­quer sur NEXT, et à faire défi­ler la page.

Quelques secondes plus tard, vous ver­rez appa­raître un mes­sage de féli­ci­ta­tions, le para­mé­trage Facebook est main­te­nant terminé.

Vous pou­vez fer­mer l’on­glet dans votre navi­ga­teur et retour­ner à la confi­gu­ra­tion de l’ex­ten­sion. Connectez-vous à Facebook :

Vous devez main­te­nant sélec­tion­ner la page Facebook à laquelle les Instant Articles vont être liés :

Une fois votre choix vali­dé, vous pas­sez à l’é­tape suivante…

Personnaliser le style des Instant Articles

Cette étape est indis­pen­sable. En effet, le style par défaut ne com­prend pas de logo — et sans cet élé­ment, vos pages ne seront pas approu­vées au for­mat Instant Articles.

En cli­quant sur Customize, vous ouvrez une nou­velle fenêtre (ou un nou­vel onglet, en fonc­tion des réglages de votre navi­ga­teur), et une popup d’é­di­tion s’ouvre pour vous per­mettre une per­son­na­li­sa­tion com­plète de l’ap­pa­rence des Instant Articles.

Si vous uti­li­sez cette méthode, vous avez à créer un nou­veau style. Si vous sou­hai­tez uti­li­ser un style unique, fer­mez cette popup et per­son­na­li­sez le style par défaut.

Dans la page Facebook, vous trou­ve­rez une ligne ’Créer des modèles de style : Personnalisez l’apparence de vos articles avec Style Editor’  (dans la par­tie Étape 1 : confi­gu­rer les Articles Instantanés) ; cette ligne com­porte un lien, cli­quez, vous des­cen­dez à nou­veau dans la zone des outils :

Il suf­fit de cli­quer sur default pour ouvrir l’é­di­teur de style :

Les réglages sont nom­breux, vous pour­rez per­son­na­li­ser le logo, la police de carac­tère de chaque élé­ment de la page, la cou­leur de fond, la cou­leur du texte… au final, la cus­to­mi­sa­tion des Instant Articles va bien plus loin que celle du for­mat AMP.

En contre­par­tie, vous n’au­rez pas la pos­si­bi­li­té de com­men­ter (sur votre blog), ni d’a­jou­ter des articles liés par exemple. Vous ne pour­rez que liker et par­ta­ger… on reste d’un bout à l’autre dans la logique 100% face­book.

Une fois votre per­son­na­li­sa­tion ter­mi­née, enre­gis­trez et fer­mez la popup. Vous pour­rez reve­nir à la per­son­na­li­sa­tion en sui­vant à nou­veau les étapes ci-des­sus, si vous sou­hai­tiez modi­fier un élé­ment visuel.

Retournez à l’in­ter­face d’ad­mi­nis­tra­tion WordPress, un nou­veau bou­ton a fait son appa­ri­tion à droite de Customize : Next.

Cliquez des­sus pour fina­li­ser la confi­gu­ra­tion de l’ex­ten­sion. Vous devriez obte­nir cet écran :

En cli­quant sur le lien Instant Articles publi­shing tools, vous vous retrou­vez sur Facebook. Il reste à…

Finaliser la configuration des Instant Articles

Descendez dans la sec­tion Outils et cli­quez sur Flux RSS de pro­duc­tion. Votre flux RSS est de type votredomaine.com/instant-articles.

Une fois le flux enre­gis­tré, vous remon­tez dans la page, dans la Configuration ini­tiale : ouvrez l’on­glet Étape 2 : Soumettre à exa­men. Votre flux RSS va être lu, les articles exa­mi­nés (d’un point de vue tech­nique), et s’il n’y a pas d’er­reur, votre confi­gu­ra­tion est défi­ni­ti­ve­ment terminée.

La revue de vos articles n’est pas ins­tan­ta­née, il faut comp­ter de un à trois jours pour obte­nir la vali­da­tion de vos Instant Articles.

Et main­te­nant, vous pou­vez par­ta­ger vos articles de blog sur Facebook. Vos lec­teurs ne se ren­dront plus sur votre blog pour lire, mais res­te­ront sur Facebook.

Pour que ces lec­tures ne soient pas du One Shot et vous rap­portent des lec­teurs régu­liers, pen­sez à ali­men­ter votre page Facebook, à créer de l’in­te­rac­tion, à offrir plus via votre blog.

En un mot, faites des Instant Articles un outil de pros­pec­tion effi­cace et qui rapporte.

Et vous, avez-vous implé­men­té les Instant Articles ? Vous conten­tez-vous du for­mat AMP ? Quel est votre avis sur ce nou­veau canal de dis­tri­bu­tion de votre contenu ?