Articles instantanés Facebook comment les mettre en place par Rodolphe Degandt Mise à jour 18 juillet 2017

Dans cet article, vous découvrirez comment les articles instantanés Facebook fonctionnent, leurs atouts et les 3 actions à réaliser pour rendre vos articles compatibles AIF.

Articles Instantanés Facebook : guide de mise en place

Vous souhaitez publier vos articles instantanés sur Facebook à partir de votre site ou de votre blog ?

Nouvelles fonctionnalités de lien entre Facebook et votre blog :  les Articles Instantanés Facebook ou Facebook Instant Articles sont disponibles depuis plus d’un an 12.
Profitez de l’occasion pour être aussi compatible AMP (Accelerate Mobile Page)… la même chose mais pour les résultats de recherche Google sur mobile.

Comment fonctionnent les Articles Instantanés Facebook

Si vous avez déjà cliqué sur un lien d’un article dans Facebook, vous savez que peu importe la façon dont le site est optimisé pout les utilisateurs sur téléphones portables, il faut toujours attendre que le site qui héberge le contenu se charge avant de pouvoir visualiser l’article complet. La fonction des Articles instantanés Facebook résout ce problème en permettant aux éditeurs d’optimiser leur contenu pour les utilisateurs mobile afin que les lecteurs puissent accéder instantanément au contenu de l’article diffusé via Facebook.

Cette fonctionnalité est similaire à celle développée par Google avec la fonction AMP (Accelerate Mobile Page) disponible depuis plusieurs semaines.

La vidéo de 18 secondes ci-dessous (en anglais) montre la différence entre deux articles du Huffington Post. Le premier vous dirige vers le site Huffington Post et le second envoi vers le contenu optimisé pour les articles instantanés Facebook. Comme vous pouvez le constater, les articles instantanés Facebook chargent immédiatement. Vous remarquerez en regardant la page Facebook du Huffington Post (version américaine) qu’elle contient aussi les vidéos intégrées dans ces articles. Les résultats sont vraiment impressionnants, la page article avec ou sans vidéo se charge … instantanément sur mobile.

Si l’internaute utilise un ordinateur de bureau la version de l’article proposée sera celle du site et non la page optimisée pour smartphone. Lorsque les utilisateurs sur mobile partagent un  article instantané Facebook, les personnes qui cliquent sur le lien partagé iront à l’article instantané ou le site Web, selon qu’ils utilisent un appareil mobile ou un ordinateur.

 

Quel impact sur le référencement naturel de votre site avec Instant article Facebook ?

Les utilisateurs sur smartphone qui voient votre article avec l’optimisation  article instantané Facebook ne visiteront pas réellement votre site internet ou votre blog. Mais il accéderont bel et bien à votre contenu (ce qui semble être l’essentiel…). Vos visiteurs potentiels ne seront donc pas directement comptabilisés dans vos statistiques de visites de site. Cependant vous pouvez utiliser les outils traditionnels d’analyse comme Google Analytics pour suivre le trafic généré sur les articles instantanés Facebook pour conserver vos chiffres globaux de visiteurs .

A noter que les liens en provenance de Facebook (ou des autres réseaux sociaux) vers votre site sont dit « no follow ». Ces liens ou backlinks n’influencent pas la notoriété de votre site, donc votre référencement naturel.
Le choix de Facebook, tout comme Google avec l’AMP, est donc d’améliorer l’expérience utilisateur de vos visiteurs sur mobile (je savais bien que je finirai par parler de cette fameuse UX !).

Les 3 avantages des articles instantanés Facebook (c’est Facebook qui le dit !)

  • Meilleure expérience pour vos lecteurs
    Les Articles instantanés affichent le contenu jusqu’à dix fois plus rapidement que les navigateurs mobiles traditionnels, tout en affichant les différents médias de manière fluide, une expérience de haute qualité et l’interactivité désirée par les lecteurs.
  • De nouveaux outils créatifs
    L’application des Articles instantanés offre une suite de nouveaux outils de création qui permettent d’utiliser de nouveaux effets : photos en haute résolution , vidéos en lecture automatique, cartes interactives et des légendes audio.
  • Construit pour les éditeurs
    Vous gardez le contrôle de vos publication en décidant ce qu’il faut partager sur Facebook. Vous pouvez automatiser la diffusion de vos articles en utilisant le flux RSS de votre site internet ou de votre blog (attention à bien paramétrer votre flux RSS).

Les 3 étapes pour publier des articles instantanés Facebook

Pour vous préparer à publier votre contenu optimisé pour téléphone portable sur Facebook, vous aurez besoin d’adapter votre site ou blog (très facile avec WordPress), d’avoir suffisamment d’articles disponibles et d’être prêt pour le 12 avril (si vous ne faites pas partie des testeurs de l’application)… la solution en 3 étapes.

1. Les éléments et paramètres nécessaires pour Facebook Instant Articles :

  • Une page Facebook sur laquelle diffuser vos articles instantanés
  • Pour smartphone, télécharger sur votre mobile (iOs ou Android) l’application Pages Facebook (Facebook Pages Manager) pour prévisualiser vos articles instantanés.
  • Un flux RSS qui affiche le contenu complet de vos articles, si vous souhaitez automatiser la publication de votre contenu avec Facebook Instant Articles.
    Notez l’adresse de votre page de flux RSS, exemple pour moi : https://stylistme.com/?feed=pagefrog_instant_articles.
    Attention il s’agit d’une page de flux RSS spécifique, ici générée automatiquement grâce l’extension gratuite  PageFrog.
    Articles Instantanés Facebook flux rss
  • Le codage de vos articles au format de Facebook Instant Articles sur votre blog ou site web (pages développées à 100% en HTML5 sans CSS qui n’est pas supporté.
    Les utilisateurs de WordPress seront en mesure d’utiliser un plugin officiel qui est actuellement en développement ou le plugin PageFrog .
    La bonne nouvelle est que PageFrog gère aussi le format AMP pour les pages mobiles Google accélérées, et cette fonction est aussi opérationnelle et fonctionne parfaitement.
    Exemple de page AMP réalisée avec le plugin PageFrog, la page sur mobile se charge 50% plus vite sur mobile que sur ordinateur.
  • Un minimum de 5 articles prêts à être publiés

2. Inscrivez-vous sur Facebook Instant Articles

Si vous avez rempli toutes les conditions de l’étape 1,

  • Vous pouvez maintenant vous inscrire sur Facebook Instant articles.
  • Commencez par sélectionner la page concernée. Acceptez les termes et conditions puis Validez. Votre inscription est directement acceptée.

Puis paramétrez votre page Facebook pour automatiser les publications

  • Aller sur votre page (connecté en tant qu’administrateur de la page), en haut à droite sélectionnez l’onglet « Outils de publication« 
  • Puis dans la liste de gauche, en bas dans le nouveau menu « articles instantanés »  cliquez sur « configuration« 
  • Dans la partie outils « Connecter votre site » Visualisez le code à ajouter dans la balise head de votre site, ajoutez la (ça ressemble à « <meta property=« fb:pages » content=« 1456290xxxxxxxx » />).
  • Mettez l’adresse de votre site (une fois la balise ajoutée) et validez, normalement votre site et ses différentes URL sont reconnues (revendiquées)
  • Ajoutez ensuite dans le bloc « Flux RSS de production » l’adresse de votre page de flux RSS, enregistrez.

Vous y êtes presque…

Il va falloir faire l’étape 3, et ajouter au moins 5 articles dans votre bibliothèque de production.. Vous pourrez soumettre ensuite votre demande pour approbation et ou correction. Une fois approuvé vos articles seront publiés instantanément à chaque publication d’un nouvel article grâce aux alertes du flux RSS et le paramétrage de vos données.

3. Paramétrez le plugin PageFrog pour WordPress

Si vous avez rempli toutes les conditions de l’étape 1, vous pouvez préparer votre contenu avec le plugin PageFrog pour votre site ou blog WordPress.Ce plugin a l’avantage d’optimiser votre contenu à la fois pour Google Accelerated Pages mobiles (AMP) et pour Facebook Instant Articles articles.

a – Préparation avant d’installer PageFrog : paramètres de lecture

Avant de faire les réglages du plugin PageFrog, il faut modifier quelques paramètres dans votre administration WordPress

    • Modifier les paramètres de lecture, aller dans l’onglet réglages puis Lecture.
      A noter qu’en fonction de votre thème, cela pourrait affecter le nombre d’articles affichés sur vos pages page d’accueil et votre page d’archivage, mais actuellement c’est le seul moyen de valider les 50 articles minimum obligatoires.Vous allez devoir modifier et sauvegarder 3 paramètres :

      • Mettez la valeur 50 articles pur le nombre de pages à afficher dans le fux de synfication (flux RSS).
      • Mettre 50 éléments dans « les flux de syndication affichent les derniers » (nombre d’éléments affichés dans votre flux RSS.
      • Sélectionner le texte complet dans « Pour chaque article d’un flux, fournir ».

b – Paramétrage du plugin Articles Instantanés Facebook et AMP Pagefrog

Tout est prêt pour installer et paramétrer le plugin PageFrog. Pour y accéder regarder dans votre menu, vous avez une nouvelle série d’options disponibles à partir de l’onglet Mobile Formats.

Paramétrage du plugin PageFrog WordPress

Commencer par l’onglet Setup de Mobile Formats :

  • Réalisez l’activation de Google AMP HTML déjà disponible (cela servira très probablement à améliorer votre référencement naturel auprès de Google, même si pour l’instant Google n’annonce pas sa prise en compte dans son algorithme).
  • Vous pourrez, mais à une date encore inconnue, activer également Apple News Format.
  • Dès le 12 avril vous pourrez valider l’activation de Facebook Instant Article,
  • Mais dès aujourd’hui procédez à votre demande de pré inscription (partie 3).
    • Vous bénéficiez déjà d’effets positifs pour votre blog, un flux RSS spécifique pour Facebook Instant Article est généré automatiquement par le plugin. Voici le nouveau flux RSS spécial pour Facebook de notre blog, que vous pouvez comparer au flux RSS traditionnel. C’est le flux RSS optimisé qu’il faudra valider auprès de Facebook, pour rappel il devra contenir au moins 50 éléments (item).
    • La validation du flux RSS permet d’automatiser la diffusion de vos articles à chaque nouvelle parution.

 

Passez ensuite au design de vos articles (Style) pour un bel affichage sur votre page Facebook. Accès  toujours dans « outils de publication » à partir de votre page FB en mode administrateur. Cette option permet de  personnaliser les entêtes de vos articles instantanés Facebook. Vous devez ajouter un logo (format de fichier .png, avec une taille de 300 x 300 pixels minimum).

Continuez avec les options Analytics

Analytics permet de connecter Google Analytics, mais aussi Chartbeat et Parsely. Vous souhaitez monétiser vos articles avec de la publicité, c’est prévu et cela constitue d’ailleurs le 4ème avantage des articles instantanés Facebook. Cliquez sur « Ads » pour ajouter votre identification de publicité Facebook, ainsi que votre ID pour Google Adsense. Mon avis, totalement inutile si vous avez moins de 10 000 lecteurs mensuels.

A quoi ressemble une page au Format Facebook Instant Article

Voici à quoi ressemble cette page sur smartphone avec le paramétrage optimisé pour Facebook Instant Articles (sans l’image principale)  :

Articles instantanés Facebook visualisation

La page article optimisé pour Facebook sur mobile avec image principale :

Articles instantanés Facebook visualisation 2

Google pourrait imposer le protocole HTTPS pour pouvoir continuer à utiliser le format AMP.

Une autre solution pour donner une meilleure visibilité et une plus forte attractivité à votre page Facebook est d’utiliser les options 2017 du projet Facebook Camera effects.

Imaginez la puissance pour votre entreprise de ses techniques de diffusion sur les réseaux sociaux optimisées sur mobile. Vous souhaiter développer la visibilité de vos articles et augmenter votre taux d’engagement social, participez à une formation SEO Off site spécialisé.