Stratégie de contenu Mobile sous Drupal (part 2)

4 min
Portrait de mehdi.najeddine
Par Mehdi NAJEDDINE

Facebook reprend quasiment le même principe que Google AMP en se basant sur le HTML5 avec quelques spécificités.

 

Facebook Instant Articles, c'est quoi ?

La plupart des sites mettent beaucoup de temps à se charger (plus 8 secondes en moyenne). L'objectif de Facebook, à travers les articles instantanés, est de réduire ce temps de chargement en mettant en cache l'article sur leurs serveur.

Des études de Facebook démontrent que cette solution crée une importante augmentation de l'engagement des utilisateurs.

Stat Facebook Instant Articles

 

Ci-dessous le rendu sur mobile de notre réalisation JO&JOE. On apercoit un éclair en dessous de la description :
Capture d'écran Jo&Joe-instant articles VOID

 

La création d'un article instantané manuellement 

Sur Facebook, il est possible de créer et d’éditer le code source sur un éditeur en ligne fourni par Facebook (Sur la page > Publishing Tools > Production Articles).

Facebook met à disposition quelques exemples d’articles contenant différents widgets (Carrousel, images, vidéos, Map, citations…) pour s’en inspirer lors de la création de vos propre Instant Artciles:

Écran outils de publication-exemples Facebook Instant Articles

La création d'un article instantané automatique

 Comme pour l'AMP de Google, précédemment évoquée dans l'article Stratégie de contenu Mobile sous Drupal (part 1), il est possible de générer un article instantané automatiquement après chaque création de noeud Drupal.

Le module Drupal "Facebook Instant Articles" crée un nouveau Display Mode pour chaque type de contenu. Il est possible de choisir le format  et l'ordre d'affichage des champs.

Découvrez les spécifications des articles instantanés sur le site de Facebook developers.

 

>> On vous dévoile d'autres solutions d'optimisation de l'affichage de contenu sur Mobile: AMP de Google et l'Open Graph.

Portrait de mehdi.najeddine
Mehdi NAJEDDINE
Directeur de l'innovation
Une double compétence dans les technologies du digital et dans la stratégie Business. Franco-marocain diplômé de l'école de l’innovation EPITECH Paris (European Institute of Technology) et de la Dalian Polytechnic University en Chine. Certifié Grand Master Drupal par Acquia, puis Strategy Business et Corporate par l’école HEC Paris. Grâce à son background technique et son expérience dans la stratégie Business, Mehdi Najeddine accompagne ses clients dans des projets de transformation digitale : de la stratégie à la mise en œuvre. Clients de différents secteurs : Attijariwafa bank, Elsan, Wafa Assurance, CDG, Medz, Saham, CMI, Inwi, Pernod Ricard, SACD, Aksal. #digital #strategy #business #User-eXperience #drupal #africa #france Lien vers le site de l'agence VOID > https://www.void.fr
Vous avez aimé cette page ? Partagez la !
Haut
Appuyez sur Entrée pour rechercher ou sur ÉCHAP pour fermer