Instant View de Telegram : Comment créer le template pour votre site

 

 

On vous propose de découvrir le format Instant View de Telegram et comment créer le template pour votre site pour qu’il soit compatible.

On vous propose de découvrir le format Instant View de Telegram et comment créer le template pour votre site pour qu'il soit compatible.

Telegram est une messagerie qui connait une excellente croissance, notamment dans les pays d’Amérique latine, mais également en Iran. On peut la comparer à Whatsapp, mais avec beaucoup plus de fonctionnalités. En premier lieu, elle n’appartient pas à une grande entreprise et les fondateurs de la messagerie, Nikolai et Pavel Durov, l’ont créé après que leur réseau social, VKontakte, a été saisi par la Russie.

Ils sont partis à Berlin et ils ont crée Telegram qui protège la vie privée de leurs utilisateurs, notamment en proposant un Chat avec le chiffrement bout à bout pour les discussions entre deux personnes. Telegram permet aussi de créer des groupes et des Channels. Les Channels sont comme des pages Facebook et ils permettent d’utiliser des bots pour publier automatiquement du contenu comme une vitrine pour votre site tandis que les groupes sont plus destinés à un usage communautaire. Les médias occidentaux donnent une réputation sulfureuse à Telegram parce qu’il y aurait des Channels promouvant le contenu extrémiste, mais c’est le cas de toutes les plateformes. Cela fait plusieurs années que j’utilise Telegram et jamais, je ne suis tombé sur un contenu extrémiste.

Le format Instant View de Telegram

Il y a quelques mois, Telegram a proposé un format appelé Instant View qui est une adaptation d’une page web pour un affichage instantané. Pour ceux qui suivent l’actualité du web, ils reconnaitront rapidement une initiative similaire à AMP (Accelerated Mobile Pages) de Google ou l’Instant Articles de Facebook.

Quand vous avez une page Instant View de votre site et que vous le partagez sur Telegram, alors l’affichage sera vraiment instantané et à mon sens, il est bien plus rapide que l’AMP ou Instant Articles. Mais il faudra faire de nombreux sacrifices, car il faudra nettoyer votre page de tous les éléments inutiles en affichant le contenu essentiel qui est le titre, le corps de votre contenu ainsi qu’une image pour la couverture. Si vous n’y connaissez rien, alors les templates Instant View de Telegram sont difficiles à comprendre, mais après quelques essais, vous pourrez faire ce que vous voulez.

En premier lieu, allez sur le site Instant View de Telegram et lisez bien la documentation pour comprendre le concept des Rules, des propriétés et des conditions. En fait, la simple connaissance des Rules vous permet de créer une page au format Instant View. Instant View propose aussi des templates d’exemple pour les sites Medium et Telegram.org sans oublier qu’il supporte déjà plus de 2000 sites à l’heure actuelle. Le support officiel de votre site par Telegram est vraiment intéressant, car une fois que Telegram a accepté votre site, n’importe quel lien de votre site sera transformé en version Instant View si ce lien est partagé dans Telegram du moment que vous avez créé un Template aussi complet que possible.

Créez votre premier Template Instant View dans Telegram

On vous propose de découvrir le format Instant View de Telegram et comment créer le template pour votre site pour qu'il soit compatible.

Pour créer votre premier Template Instant View pour Telegram, allez sur le site officiel d’Instant View et créez un compte. Si vous avez un compte Telegram, alors cela ne devrait pas poser trop de problèmes et puis la création du compte ne prend que quelques minutes. Ensuite, allez dans la partie My Templates et fournissez une URL d’une page de votre site. Notons que le format Instant View de Telegram concerne principalement les articles individuels. Donc, il est déconseillé de fournir la page d’accueil, la page des catégories, des archives, etc. L’objectif est de fournir un affichage instantané pour les pages de contenu de votre site. Quand vous fournissez l’URL dans la création de template, vous allez avoir l’éditeur de template d’Instant View.

On vous propose de découvrir le format Instant View de Telegram et comment créer le template pour votre site pour qu'il soit compatible.

La fenêtre à gauche montre la page standard de votre site, la fenêtre du milieu vous permet de créer les règles pour l’adapter au format Instant View et enfin, la fenêtre de droite affiche le format optimisé pour Instant View. Une fois que vous avez créé vos règles et que vous avez vérifié que le format final est conforme à ce que vous vouliez, vous pouvez cliquer sur le lien Mark as Checked pour valider vos changements.

On vous propose de découvrir le format Instant View de Telegram et comment créer le template pour votre site pour qu'il soit compatible.

Ainsi, le bot Instant View de Telegram pourra répercuter ces changements. Si votre page est bien optimisée et que vous avez l’aperçu correct sur la fenêtre de droite, alors vous pouvez cliquer sur le lien View in Telegram pour obtenir le lien Instant View. Le lien sera sous la forme : https://t.me/iv?url=https%3A%2F%2Fhousseniawriting.com%2Fweb%2Fmeilleurs-groupes-whatsapp%2F&rhash=c4bbb0e40431c1.

Oui, il est bien dégueulasse. Mais si vous partagez ce lien dans Telegram, alors vous verrez qu’il se changera automatiquement dans Instant View. Je vous propose le Template Instant View que j’ai créé pour ce site :

Ok, c’est difficile à comprendre au début, mais vous verrez que c’est assez simple. Le format Instant View de Telegram vous fournit des propriétés. Voici la liste des propriétés supportées par Instant View.

ParamètreTypeDescription
titleTexte enrichi (RichText)Le titre de la page
subtitleTexte enrichi (RichText)Le sous-titre de la page. Vous pouvez l'utiliser pour le chapô de la page
authorChaîne de caractèreLe nom de l'auteur
author_urlURLL'URL de l'auteur
published_dateFormat de date au format UNIXLa date de publication
descriptionChaîne de caractèreLa description de l'article
image_urlURLL'URL de l'image pour la prévisualisation
document_urlURLLa prévisualisation du lien
channelChaîne de caractèreLe nom d'utilisateur de l'auteur du Channel de Telegram (sous la forme @nomutilisateur
coverMédia (vidéo, image ou élément intégré)L'image de couverture de la page
bodyArticleLe texte principal de la page

Pour ceux qui connaissent le HTML et le CSS, c’est assez clair. Chaque propriété correspond à une partie du contenu tel que le titre, le corps du texte, l’image de couverture, etc. Ce que vous devez faire est que vous créez la propriété et vous associez l’élément HTML qui correspond dans votre page. Par exemple, ma propriété :

title: //h1[has-class("post-title")]

indique une propriété title pour un élément h1 qui possède la classe post-title dans votre page. Vous pouvez également créer une variable pour avoir plus de souplesse, ainsi :

$main: //div[has-class("content")]

indique que je vais stocker tout le contenu de page (qui se trouve dans une balise DIV avec la classe « content ») dans une variable nommée $main. Inspirez-vous du Template que je vous ai fourni et adaptez-le en conséquence avec les éléments HTML et CSS de votre page. Pour connaitre un élément dans votre page, sélectionnez-le (par exemple le titre), faites un clic-droit et cliquez sur Inspecter l’élément dans Chrome ou Firefox.

Vous ouvrirez la console de développeur et vous pourrez identifier l’élément en question. Encore une fois, cela parait complexe au début, mais ça va très vite une fois que vous maitrisez la syntaxe. Mais le format Instant View propose aussi des conditions qui vous permettent de personnaliser votre page dans les moindres détails. Personnellement, je n’en ai pas eu besoin pour le moment. Vous avez aussi les fonctions qui sont très pratiques. Par exemple, la fonction Remove vous permet de supprimer du contenu sur votre page s’il est intégré dynamique. Pratique pour supprimer du contenu dynamique provenant d’un plugin ou autre.

Une chose que j’apprécie avec Instant View est que le template Instant View correspond à un nom de domaine particulier. Cela signifie que si vous fournissez n’importe quelle URL de votre nom de domaine dans l’éditeur de Template, celui-ci va appliquer automatiquement le template correspondant à ce nom de domaine. Il faut simplement que le contenu que vous convertissez soit similaire comme des articles individuels. Mais pour le moment, il y a des limites à l’Instant View de Telegram.

Instant View de Telegram, uniquement le contenu et rien d’autre

Instant View de Telegram va afficher uniquement le contenu. Donc, vous ne pouvez pas intégrer des scripts pour Google Analytics et oubliez l’idée d’insérer des publicités. Instant View veut uniquement le contenu et rien d’autre que le contenu. On ignore si le format va évoluer dans le futur pour intégrer des scripts tiers, mais pour le moment, ça doit aussi propre que possible. Vous pouvez intégrer des vidéos Youtube, Vimeo, les Tweets, les publications Facebook, Instagram, Giphy, Soundcloud, les Gist de Github, Aparat et les vidéos de VKontakte.

Pour les médias qui se basent uniquement sur la publicité et les fanatiques des statistiques, Instant View de Telegram ne leur conviendra pas, mais il faut choisir entre proposer le contenu le plus rapide et le plus propre ou prendre ses utilisateurs comme des vaches à lait en leur proposant de la publicité à la pelle sous n’importe quel format.

Les limites actuelles du format Instant View de Telegram

Tout ça est bien beau, mais actuellement l’Instant View de Telegram est limité pour la plupart des sites. Le problème est qu’il vous faut convertir vos pages une par une et partager le lien Instant View correspondant. Ce serait beaucoup plus cool si c’était automatisé. Par exemple, on publie n’importe quel lien provenant d’un domaine qui possède déjà un template Instant View et Telegram le convertit automatiquement. Ce serait vraiment génial… mais ce n’est pas disponible pour tout le monde.

Pour la conversion automatique, il faut que votre nom de domaine soit approuvé par Telegram et on ne peut pas le faire manuellement pour le moment. Récemment, Telegram a organisé un concours pour adapter de nombreux sites, mais ce concours est terminé. Dans ce concours, si vous créez un template et que Telegram le valide, alors vous aviez une petite récompense financière allant de 50 à 100 dollars par site si vous étiez le premier à proposer le template pour ce site. Grâce à cette approche, Telegram supporte désormais plus de 2 200 sites adaptés pour Instant View, mais ce n’est qu’une goutte d’eau comparée aux millions de sites disponibles. Telegram a annoncé qu’il va lancer un autre concours dans les prochains mois pour inclure d’autres sites pour le format. Mais pour moi, cette approche est un frein, il faut que le processus d’automatisation se fasse sans des concours ou d’autres choses s’ils veulent vraiment que le format soit adopté en masse. Mais en attendant, vous pouvez vous entrainer en créant des templates Instant View de Telegram pour vos sites ou ceux que vous appréciez.

N'oubliez pas de voter pour cet article !
1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (Pas encore de votes)
Loading...

Houssen Moshinaly

Rédacteur web depuis 10 ans et webmestre d'une chiée de sites.

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Aller à la barre d’outils