Pour commencer dans ce nouvel article nous allons voir comment configurer ses instant articles. Ensuite nous verrons comment relier son site internet à sa page Facebook. Enfin nous verrons comment les soumettre à approbation. Au final ce sont 6 étapes indispensables pour gagner en visibilité.

Instant articles c’est quoi ?

Pour commencer instant articles a été déployé mardi 20 octobre 2015 par Facebook. Ainsi cela permet d’accélérer la vitesse de chargement. Puis celle de lecture des articles sur internet. Surtout sur smartphone où les utilisateurs représentent près de 80% du traffic total. Ainsi c’est une autre manière de créer du contenu et de profiter de l’ère numérique.

Donc la technologie Facebook va plus vite qu’un simple site internet :). Aussi a t-elle été pensée pour la navigation sur smartphone. D’ailleurs si vous lisez cet article depuis Facebook, faites-moi un Like en haut à droite pour me montrer que Instant Articles fonctionne bien 😉

Instant articles : le parcours du combattant

Tout d’abord j’ai mis en tout 2 heures à tout paramétrer (et je suis allé vite !). En effet, j’avais déjà une page Facebook sur laquelle j’avais déjà validé mes articles. Donc je n’ai plus eu qu’à récupérer le code. Puis le copier sur ma nouvelle page FB.

Premièrement Instant articles permet de capter du traffic depuis sa page Facebook. Ensuite il permet d’augmenter son traffic sur l’article de son site internet. Donc il permet de mieux référencer son contenu sur Facebook. Enfin lorsqu’on sait que Facebook est en train de remplacer petit à petit Google. Donc on voit le potentiel de ce type d’application à long terme.

Etape 1 : choisir la page Facebook sur laquelle on veut paramétrer ses instant articles

instant article step1

Donc à ce stade il faut bien choisir sa page Facebook. En effet, vous ne pouvez choisir qu’une seule page pour vos instant articles issus d’un seul site internet. Autrement dit, vous n’avez droit qu’à une seule connexion. Donc vous ne pouvez pas publier le contenu de votre site web sur plusieurs pages Facebook. C’est assez astucieux car au final cela évite le spam et le duplicate content 🙂

Enfin le paramétrage des instant articles prend du temps. Veillez donc bien à choisir votre page. En effet il vous faudra tout recommencer à zéro le jour où vous voudrez tout migrer vers une autre page FB.

Etape 2 : Installez le plugin Instant Articles sur WordPress

Tout d’abord allez dans extension. Puis ajoutez le plugin WP Native Articles. C’est gratuit.

Ensuite vous devriez avoir une image comme ceci apparaître (une fois votre plugin activé) :

Puis une fois votre plugin installé vous reviendrez dessus avec un bout de code un peu plus tard.

Etape 3 : « Connecter votre site »

instant articles step2

Pour commencer l’étape 3 on doit connecter son site internet (sur la photo : dans l’étape 1) à son instant articles avec le fameux bout de code, vous vous souvenez ? 😉

Ainsi vous allez avoir une fenêtre comme ceci :

instantarticles

Ensuite il vous suffit de copier le code. Puis le coller entre les balises HTML <head> et </head> de votre site internet. Si vous utilisez OptimizePress comme moi, vous devriez pouvoir l’insérer dans un de ses modules comme suit :

Ensuite collez-le dans votre extension wordpress comme suit :

Puis retournez sur votre page Facebook afin de vérifier le code. Ainsi vous allez revendiquer votre URL comme suit :

Etape 4 : Paramétrer son flux RSS

Donc vous allez maintenant devoir ajouter l’adresse de votre flux RSS dans « Flux RSS de production ». Ceci va permettre à Facebook d’actualiser chaque nouvelle publication de votre site internet en temps réel :

 

Ainsi votre flux RSS sera de la forme http: //www.votresiteweb.fr/feed/facebook-instant-articles/

Etape 5 : Créer 10 articles pour les soumettre à examen

Ensuite vous allez devoir créer 10 articles, c’est la partie plus compliquée. En effet, vous devez coder la feuille de style de tous vos articles. Ainsi pour aller plus vite je vous conseille le modèle ci-dessous. Puisque vous n’avez plus qu’à le copier/coller directement. Enfin vous pouvez retrouver cette copie sur cette page 🙂

Le code à copier :

<!doctype html>
<html lang="en" prefix="op: http://media.facebook.com/op#">
  <head>
    <meta charset="utf-8">
    <link rel="canonical" href="http://example.com/article.html">
    <meta property="op:markup_version" content="v1.0">
  </head>
  <body>
    <article>
      <header>
        <!-- The title and subtitle shown in your Instant Article -->
        <h1>Article Title</h1>
        <h2>Article Subtitle</h2>

        <!-- The date and time when your article was originally published -->
        <time class="op-published" datetime="2014-11-11T04:44:16Z">November 11th, 4:44 PM</time>

        <!-- The date and time when your article was last updated -->
        <time class="op-modified" dateTime="2014-12-11T04:44:16Z">December 11th, 4:44 PM</time>

        <!-- The authors of your article -->
        <address>
          <a rel="facebook" href="http://facebook.com/brandon.diamond">Brandon Diamond</a>
          Brandon is an avid zombie hunter.
        </address>
        <address>
          <a>TR Vishwanath</a>
          Vish is a scholar and a gentleman.
        </address>

        <!-- The cover image shown inside your article --> 
        <figure>
          <img src="http://mydomain.com/path/to/img.jpg" />
          <figcaption>This image is amazing</figcaption>
        </figure>   

        <!-- A kicker for your article --> 
        <h3 class="op-kicker">
          This is a kicker
        </h3>

      </header>

      <!-- Article body goes here -->

      <!-- Body text for your article -->
      <p> Article content </p> 

      <!-- A video within your article -->
      <figure>
        <video>
          <source src="http://mydomain.com/path/to/video.mp4" type="video/mp4" />
        </video>
      </figure>

      <!-- An ad within your article -->
      <figure class="op-ad">
        <iframe src="https://www.adserver.com/ss;adtype=banner320x50" height="60" width="320"></iframe>
      </figure>

      <!-- Analytics code for your article -->
      <figure class="op-tracker">
          <iframe src="" hidden></iframe>
      </figure>

      <footer>
        <!-- Credits for your article -->
        <aside>Acknowledgements</aside>

        <!-- Copyright details for your article -->
        <small>Legal notes</small>
      </footer>
    </article>
  </body>
</html>

Donc dans ce code vous devrez remplacer les paramètres par défaut avec ceux de vos articles. C’est le plus dur… Donc un peu de patience s’impose.

Etape 6 : Le choix de votre logo

Ainsi si vous avez réussi à paramétrer vos 10 articles. Alors je vous dis BRAVO ! 🙂

Donc il est temps d’intégrer maintenant votre logo à vos articles. Pour cela vous avez tout un tas de logiciels en ligne qui vous créé des logos pour pas cher. Ou bien vous pouvez utiliser PicMonkey ou Canva pour faire le job.

Conclusion

Pour conclure créer ses articles Instant Articles sur Facebook n’est pas une mince affaire. De plus il faut s’y connaître un minimum en code pour parvenir à réaliser cet exploit. Néanmoins c’est à la portée de tous. Enfin même si les explications sur les pages d’aides sur Facebook sont là elles aident un peu. En effet elles s’adressent à un public averti et non au néophyte.

Et vous, où en êtes-vous de vos Instant Articles ? 🙂 Que pensez-vous de cette nouvelle fonctionnalité de Facebook ?

Recevoir gratuitement les dernières publications

(1 publication par semaine en moyenne)

Chaque semaine recevez les derniers articles et podcast directement dans votre boîte mail 

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrerEnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

EnregistrerEnregistrer

No votes yet.
Please wait...