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’in­ter­naute est un homme pressé et infidèle… et les géants du web met­tent tout en œuvre pour le sat­is­faire et le garder le plus longtemps pos­si­ble cap­tif.

L’op­ti­mi­sa­tion des pages et plus générale­ment des ressources sur mobile est un enjeu majeur et cha­cun y répond avec une solu­tion per­son­nal­isée.

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

Après avoir vu le for­mat AMP, nous nous intéres­sons aujour­d’hui à la solu­tion mise en place par Face­book : les Instant Arti­cles.

Qu’est-ce que les Instant Articles ?

Le con­cept est très sim­ple : il s’ag­it de met­tre vos arti­cles à dis­po­si­tion au sein même de Face­book, en opti­misant le temps de charge­ment (jusqu’à 10 fois plus rapi­de) via un lan­gage HTML sim­pli­fié.

Dès que votre arti­cle est pub­lié au for­mat Instant Arti­cles et partagé sur Face­book, les util­isa­teurs mobiles util­isant 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 vis­iter la page Face­book dédiée aux Instant Arti­cles (et en aparté, le blog de Face­book est lui aus­si sous Word­Press) pour en savoir plus.

Les Instant Articles et WordPress

C’est une exten­sion qui va se charg­er de for­mater vos arti­cles au stan­dard Instant Arti­cles.

L’ex­ten­sion est dans le dépôt Word­Press, vous pour­rez l’in­staller depuis l’in­ter­face d’ad­min­is­tra­tion de votre blog. Une fois instal­lée, activée et con­fig­urée, vous n’au­rez plus à vous en préoc­cu­per.

La note util­isa­teur n’est pas extra­or­di­naire, à peine plus de 50% des util­isa­teurs se déclar­ent sat­is­faits.

Pour autant et après l’avoir mise en œuvre sur divers blogs, je n’ai pas trou­vé de véri­ta­ble 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 util­isa­teurs sat­is­faits n’ont pas pen­sé à exprimer leur sat­is­fac­tion. L’hu­main sem­ble plus enclin à se plain­dre qu’à exprimer son con­tente­ment de manière spon­tanée ?.

Si vous n’avez jamais instal­lé d’extension, l’article Installer, activ­er, met­tre à jour et sup­primer une exten­sion Word­Press vous expli­quera com­ment procéder.

Activer les Instant Articles sur Facebook

Vous devez tout d’abord — avant de con­fig­ur­er l’ex­ten­sion Word­Press — vous enreg­istr­er pour pou­voir pub­li­er vos arti­cles au for­mat Instant Arti­cles.

Si vous avez déjà créé la page Face­book pour votre blog, c’est par­fait — sinon, vous avez la pos­si­bil­ité de la créer à ce moment-là.

Une fois la page choisie et après une pop­up de con­fir­ma­tion, vous accédez aux réglages :

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

Revendiquer votre URL

Cliquez sur le lien de la ligne ’Con­nect Your Site: Autho­rize your site to begin import­ing Instant Arti­cles’.

Vous allez descen­dre dans la page, il vous est demandé d’in­sér­er 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 ajoutée, ren­seignez l’URL de votre blog et cli­quer sur le bou­ton Revendi­quer une URL.

Ça y est, côté Face­book, l’essen­tiel est fait. Il reste main­tenant à…

Configurer l’extension

Retour à Word­Press… dans le menu latéral de votre inter­face d’ad­min­is­tra­tion, vous avez une entrée   Instant Arti­cles . Cliquez, vous arrivez sur la page de con­fig­u­ra­tion :

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

Si vous en avez déjà une, récupérez l’i­den­ti­fi­ant et la clé secrète, sinon, créez une nou­velle appli­ca­tion.

Pour la caté­gorie, choi­sis­sez Appli­ca­tion pour les Pages.

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

Avec ces deux don­nées, vous pou­vez main­tenant retourn­er à la con­fig­u­ra­tion de l’ex­ten­sion. Ne fer­mez pas le tableau de bord Face­book, nous allons y revenir.

Une fois iden­ti­fié, retournez au tableau de bord Face­book, et cliquez sur Paramètres dans le menu latéral :

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

puis cliquez sur Démar­rage rapi­de :

Une nou­velle page s’ou­vre, vous n’avez qu’à ren­seign­er l’URL de votre site web, à cli­quer sur NEXT, et à faire défil­er la page.

Quelques sec­on­des plus tard, vous ver­rez appa­raître un mes­sage de félic­i­ta­tions, le paramé­trage Face­book est main­tenant ter­miné.

Vous pou­vez fer­mer l’on­glet dans votre nav­i­ga­teur et retourn­er à la con­fig­u­ra­tion de l’ex­ten­sion. Con­nectez-vous à Face­book :

Vous devez main­tenant sélec­tion­ner la page Face­book à laque­lle les Instant Arti­cles vont être liés :

Une fois votre choix validé, vous passez à l’é­tape suiv­ante…

Personnaliser le style des Instant Articles

Cette étape est indis­pens­able. 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 Arti­cles.

En cli­quant sur Cus­tomize, vous ouvrez une nou­velle fenêtre (ou un nou­v­el onglet, en fonc­tion des réglages de votre nav­i­ga­teur), et une pop­up d’édi­tion s’ou­vre pour vous per­me­t­tre une per­son­nal­i­sa­tion com­plète de l’ap­parence des Instant Arti­cles.

Si vous utilisez cette méth­ode, vous avez à créer un nou­veau style. Si vous souhaitez utilis­er un style unique, fer­mez cette pop­up et per­son­nalisez le style par défaut.

Dans la page Face­book, vous trou­verez une ligne ’Créer des mod­èles de style : Per­son­nalisez l’apparence de vos arti­cles avec Style Edi­tor’  (dans la par­tie Étape 1 : con­fig­ur­er les Arti­cles Instan­ta­nés) ; cette ligne com­porte un lien, cliquez, vous descen­dez à nou­veau dans la zone des out­ils :

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­nalis­er le logo, la police de car­ac­tère de chaque élé­ment de la page, la couleur de fond, la couleur du texte… au final, la cus­tomi­sa­tion des Instant Arti­cles va bien plus loin que celle du for­mat AMP.

En con­trepar­tie, vous n’au­rez pas la pos­si­bil­ité de com­menter (sur votre blog), ni d’a­jouter des arti­cles liés par exem­ple. Vous ne pour­rez que lik­er et partager… on reste d’un bout à l’autre dans la logique 100% face­book.

Une fois votre per­son­nal­i­sa­tion ter­minée, enreg­istrez et fer­mez la pop­up. Vous pour­rez revenir à la per­son­nal­i­sa­tion en suiv­ant à nou­veau les étapes ci-dessus, si vous souhaitiez mod­i­fi­er un élé­ment visuel.

Retournez à l’in­ter­face d’ad­min­is­tra­tion Word­Press, un nou­veau bou­ton a fait son appari­tion à droite de Cus­tomize : Next.

Cliquez dessus pour finalis­er la con­fig­u­ra­tion de l’ex­ten­sion. Vous devriez obtenir cet écran :

En cli­quant sur le lien Instant Arti­cles pub­lish­ing tools, vous vous retrou­vez sur Face­book. Il reste à…

Finaliser la configuration des Instant Articles

Descen­dez dans la sec­tion Out­ils et cliquez sur Flux RSS de pro­duc­tion. Votre flux RSS est de type votredomaine.com/instant-articles.

Une fois le flux enreg­istré, vous remon­tez dans la page, dans la Con­fig­u­ra­tion ini­tiale : ouvrez l’on­glet Étape 2 : Soumet­tre à exa­m­en. Votre flux RSS va être lu, les arti­cles exam­inés (d’un point de vue tech­nique), et s’il n’y a pas d’er­reur, votre con­fig­u­ra­tion est défini­tive­ment ter­minée.

La revue de vos arti­cles n’est pas instan­ta­née, il faut compter de un à trois jours pour obtenir la val­i­da­tion de vos Instant Arti­cles.

Et main­tenant, vous pou­vez partager vos arti­cles de blog sur Face­book. Vos lecteurs ne se ren­dront plus sur votre blog pour lire, mais res­teront sur Face­book.

Pour que ces lec­tures ne soient pas du One Shot et vous rap­por­tent des lecteurs réguliers, pensez à ali­menter votre page Face­book, à créer de l’in­ter­ac­tion, à offrir plus via votre blog.

En un mot, faites des Instant Arti­cles un out­il de prospec­tion effi­cace et qui rap­porte.

Et vous, avez-vous implé­men­té les Instant Arti­cles ? Vous con­tentez-vous du for­mat AMP ? Quel est votre avis sur ce nou­veau canal de dis­tri­b­u­tion de votre con­tenu ?