• Paru le 12 mars 2017

Partagez vos articles sur Facebook grâce aux « Instant Articles »

1546 mots - 7mn

Partagez vos articles sur Facebook grâce aux « Instant Articles »

1024 574 Pascal CESCATO

Facebook, c’est plus de 1,7 milliard d’utilisateurs mobiles par mois. Pour garder ces inter­nautes captifs, les conte­nus externes sont propo­sés au format Instant Articles, un HTML allégé qui n’est pas sans rappe­ler le format AMP de Google ou les Apple News. Quel inté­rêt à propo­ser vos articles à ce format, et comment faire.

L’internaute est un homme pressé et infi­dèle… et les géants du web mettent tout en œuvre pour le satis­faire et le garder le plus long­temps possible captif.

L’optimisation des pages et plus géné­ra­le­ment des ressources sur mobile est un enjeu majeur et chacun 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 format 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’agit de mettre vos articles à dispo­si­tion au sein même de Facebook, en opti­mi­sant le temps de char­ge­ment (jusqu’à 10 fois plus rapide) via un langage HTML simplifié.

Dès que votre article est publié au format Instant Articles et partagé sur Facebook, les utili­sa­teurs mobiles utili­sant l’application sur Android ou IOS (iPhone, Ipad) pour­ront le lire sans quit­ter l’application.

Vous pouvez visi­ter la page Facebook dédiée aux Instant Articles (et en aparté, le blog de Facebook est lui aussi sous WordPress) pour en savoir plus.

Les Instant Articles et WordPress

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

L’extension est dans le dépôt WordPress, vous pour­rez l’installer depuis l’interface d’administration de votre blog. Une fois instal­lée, acti­vée et confi­gu­rée, vous n’aurez plus à vous en préoccuper.

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

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

Peut-être les premières versions étaient-elles moins perfor­mantes, voire buguées… ou tout simple­ment, les utili­sa­teurs satis­faits n’ont pas pensé à 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 installé d’extension, l’article Installer, acti­ver, mettre à jour et suppri­mer une exten­sion WordPress vous expli­quera comment procéder.

Activer les Instant Articles sur Facebook

Vous devez tout d’abord – avant de confi­gu­rer l’extension WordPress – vous enre­gis­trer pour pouvoir publier vos articles au format Instant Articles.

s'inscrire aux Instant Articles Facebook

s’inscrire aux Instant Articles Facebook

Si vous avez déjà créé la page Facebook pour votre blog, c’est parfait – sinon, vous avez la possi­bi­lité 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 :

Réglages des Instant Articles

Réglages des Instant Articles

En tout premier lieu, il vous est demandé 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 descendre dans la page, il vous est demandé d’insérer une balise méta  dans vos pages.

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

Une fois cette balise ajou­tée, rensei­gnez l’URL de votre blog et cliquer sur le bouton Revendiquer une URL.

revendiquer une URL

reven­di­quer une URL

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

Configurer l’extension

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

Configurer Instant Articles for WP

Configurer Instant Articles for WP

Il vous faut avant tout une ID d’application Facebook.

App ID Facebook

App ID Facebook

Si vous en avez déjà une, récu­pé­rez l’identifiant et la clé secrète, sinon, créez une nouvelle application.

créer une application Facebook

créer une appli­ca­tion Facebook

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

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

App ID & clé secrète

App ID & clé secrète

Avec ces deux données, vous pouvez main­te­nant retour­ner à la confi­gu­ra­tion de l’extension. Ne fermez pas le tableau de bord Facebook, nous allons y revenir.

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

Ajouter une plateforme

Ajouter une plateforme

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

popup choix de la plateforme

popup choix de la plateforme

puis cliquez sur Démarrage rapide :

popup choix de la plateforme

démar­rage rapide

Une nouvelle page s’ouvre, vous n’avez qu’à rensei­gner l’URL de votre site web, à cliquer sur NEXT, et à faire défi­ler la page.

démarrage rapide pas à pas

démar­rage rapide pas à pas

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

Vous pouvez fermer l’onglet dans votre navi­ga­teur et retour­ner à la confi­gu­ra­tion de l’extension. Connectez-vous à Facebook :

connexion à Facebook

connexion à Facebook

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

Choix de la page pour les Instant Articles

Choix de la page pour les Instant Articles

Une fois votre choix validé, vous passez à l’étape suivante…

Personnaliser le style des Instant Articles

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

Personnaliser les Instant Articles

Personnaliser les Instant Articles

En cliquant sur Customize, vous ouvrez une nouvelle fenêtre (ou un nouvel onglet, en fonc­tion des réglages de votre navi­ga­teur), et une popup d’édition s’ouvre pour vous permettre une person­na­li­sa­tion complète de l’apparence des Instant Articles.

Si vous utili­sez cette méthode, vous avez à créer un nouveau style. Si vous souhai­tez utili­ser un style unique, fermez cette popup et person­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 partie Étape 1 : confi­gu­rer les Articles Instantanés) ; cette ligne comporte un lien, cliquez, vous descen­dez à nouveau dans la zone des outils :

modèles de style

modèles de style

Il suffit de cliquer sur default pour ouvrir l’éditeur de style :

définir le style pour les Instant Articles

défi­nir le style pour les Instant Articles

Les réglages sont nombreux, vous pour­rez person­na­li­ser le logo, la police de carac­tère de chaque élément de la page, la couleur de fond, la couleur du texte… au final, la custo­mi­sa­tion des Instant Articles va bien plus loin que celle du format AMP.

En contre­par­tie, vous n’aurez pas la possi­bi­lité de commen­ter (sur votre blog), ni d’ajouter des articles liés par exemple. Vous ne pour­rez que liker et parta­ger… on reste d’un bout à l’autre dans la logique 100% face­book.

Une fois votre person­na­li­sa­tion termi­née, enre­gis­trez et fermez la popup. Vous pour­rez reve­nir à la person­na­li­sa­tion en suivant à nouveau les étapes ci-dessus, si vous souhai­tiez modi­fier un élément visuel.

Retournez à l’interface d’administration WordPress, un nouveau bouton a fait son appa­ri­tion à droite de Customize : Next.

Cliquez dessus pour fina­li­ser la confi­gu­ra­tion de l’extension. Vous devriez obte­nir cet écran :

configuration des Instant Articles terminée

confi­gu­ra­tion des Instant Articles terminée

En cliquant 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 section Outils et cliquez sur Flux RSS de produc­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 initiale : ouvrez l’onglet Étape 2 : Soumettre à examen. Votre flux RSS va être lu, les articles exami­nés (d’un point de vue tech­nique), et s’il n’y a pas d’erreur, votre confi­gu­ra­tion est défi­ni­ti­ve­ment terminée.

Instant Articles soumis à examen

Instant Articles soumis à examen

La revue de vos articles n’est pas instan­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 pouvez parta­ger vos articles de blog sur Facebook. Vos lecteurs ne se rendront plus sur votre blog pour lire, mais reste­ront sur Facebook.

Pour que ces lectures ne soient pas du One Shot et vous rapportent des lecteurs régu­liers, pensez à alimen­ter votre page Facebook, à créer de l’interaction, à offrir plus via votre blog.

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

Si vous avez trouvé une faute d’orthographe, veuillez sélec­tion­ner le texte en ques­tion et appuyer sur Ctrl + Entrée.

2 commentaires
  • Jessie 29 mars 2017 à 15 h 56 min

    Bonjour,

    Cet article tombe à pic ! J’ai installé les instant articles sur ma page face­book, j’ai confi­guré la moné­ti­sa­tion. Mais je ne comprends pas bien le fonc­tion­ne­ment, où ils appa­raissent par exemple, qui les a vu ?

    • Pascal CESCATO 29 mars 2017 à 16 h 01 min

      Hello Jessie !
      Les Instant Articles ne sont affi­chés que dans la version mobile de face­book (l’application pour Android ou pour iPhone). Dès que tu partages un article qui a une version ‘Instant Articles’, ceux qui clique­ront sur le lien depuis l’application ne vien­dront pas sur ton blog mais liront l’article dans l’application elle-même.

Laisser une réponse

La modération des commentaires est activée. Votre commentaire peut prendre un certain temps avant d'apparaître.

    Partager…

    Rapport de faute d’orthographe

    Le texte suivant sera envoyé à nos rédacteurs :