Comment utiliser du HTML dans la description d’un livre publié avec le KDP ?

!!! Attention !!! Depuis octobre 2013, Amazon bloque l’insertion d’images, vidéos, ou JavaScripts dans la description des livres

Vous avez probablement déjà croisé sur Amazon des livres dont la description n’est pas un simple paragraphe, mais utilise couleurs, gras, italique, listes numérotées, etc. C’est le cas, par exemple, de « Booster ses ventes sur Kindle ». Cette mise en page est possible grâce à l’utilisation de HTML. Le HTML consiste en des balises positionnées avant et après un fragment de texte à mettre en forme. Par exemple, « <i>italique</i> » s’affiche « italique« , « <i><b>gras et italique</b></i> » s’affiche « gras et italique« . L’utilisation de ces balises peut rendre votre description plus séduisante, et inciter davantage de lecteurs à acheter votre livre. Voici trois méthodes pour mettre en page votre description, selon que vous ne connaissez rien au HTML, que vous êtes un peu familier avec ce langage, ou que vous être un vrai bidouilleur souhaitant exploiter toutes les possibilités du HTML.

1. Mettre en page une description depuis Amazon Author Central sans rien connaître au HTML

Amazon Author Central est un outil permettant aux auteurs (KDP ou pas) de gérer l’ensemble de leurs livres publiés sur Amazon. Il existe un site Amazon Author Central pour chaque localisation d’Amazon (US, France, etc.). La version française est limitée dans les fonctionnalités offertes. Elle ne permet pas de mettre à jour la description d’un livre. Pour faire cela, vous devrez passer par la version américaine qui n’est malheureusement disponible qu’en anglais. Connectez vous sur http://authorcentral.amazon.com avec votre compte Amazon KDP. Si vous n’avez jamais utilisé Author Central auparavant, vous aurez besoin d’ajouter votre livres à votre bibliographie :

author central - ajout livreL’enregistrement peut nécessiter quelques jours pour qu’Amazon valide votre légitimité. Vous aurez alors la possibilité d’éditer les informations liées à votre livre, en particulier la description, dans le champ « Product description » :

author central - modif description

En cliquant sur le bouton « edit », vous aurez un éditeur basique vous permettant d’utiliser du gras, de l’italique, et des listes à puces ou numérotées :
KDP author central éditeur descriptionjpgAttention ! une fois votre description modifiée depuis Author Central, vous ne pourrez plus la mettre à jour depuis le portail KDP. Vous devrez toujours passer par Author Central

Si les fonctionnalités de mise en forme offertes par Author Central ne vous suffisent pas, et que vous êtes suffisamment à l’aise avec le HTML pour coder votre mise en page, l’éditeur de description du portail KDP est une alternative intéressante.

2. Utiliser les balises HTML élémentaires dans l’éditeur de description du KDP

Bien que ce ne soit pas officiellement documenté, le champ « description » du portail KDP dans lequel vous présentez votre livre permet l’utilisation de balises HTML. Par exemple :

kdp description HTML

Vous pouvez donc simplement insérer vos balises HTML dans la description. Attention, il y a des restrictions, toutes les balises HTML ne sont pas supportées. Voici celles qui le sont : <b>, <br>, <em>, <font>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <li>, <ol>, <p>, <pre>, <s>, <strike>, <strong>, <sub>, <sup>, <u> and <ul> (merci à BetterBookTools pour la liste exhaustive des balises supportées). Pour connaître l’utilité de chacune de ces balises, consultez cette page.

Parmi les balises qui pourraient vous intéresser mais ne sont pas acceptées par le portail KDP, figurent la balise <img> pour insérer une image, la balise <a> pour insérer un lien vers une autre page, les balises <script> pour insérer du code JavaScript. La troisième approche vous permettra de contourner ces limitations et d’utiliser le HTML sans limitation.

3. Utiliser toutes les balises HTML grâce à Author Central

Cette dernière approche est destinée aux personnes familières du HTML, qui ne craignent pas de taper du code à la main, et souhaitent contourner les restrictions d’Amazon sur le HTML en utilisant, entre autres les balises <img>, <a>, ou <script>. Author Central offre l’éditeur visuel présenté plus haut, mais il permet également de saisir les balises à la main. Il y a cependant quelques contraintes :

  • l’éditeur de description doit être utilisé en mode « Compose » et pas « Edit HTML »
  • les caractères « < » et « > » des balises html doivent être remplacés par les séquences « &lt; » et « &gt; » respectivement , ce qui rend rapidement la description illisible. Par exemple, « <i>italique</i> » devient « &lt;i&gt;italique&lt;/i&gt; ».
  • À chaque mise à jour de la description, il faut de nouveau remplacer les caractères « < » et « > » par « &lt; » et « &gt; »

Si ces contraintes ne vous gênent pas, foncez ! Dans l’exemple ci-dessous, un JavaScript a été inséré dans la description afin de mesurer le nombre de visiteurs quotidiens sur la page Amazon avec Google Analytics, comme décrit dans ce précédent billet.
author central - edition description

J’espère que ces explication auront clarifié l’utilisation du HTML pour la mise en page de la description de votre livre Kindle, et qu’une des approches correspondra à votre niveau de confort. N’hésitez pas à me faire part de vos problèmes ou de vos suggestions dans les commentaires !

17 réflexions au sujet de « Comment utiliser du HTML dans la description d’un livre publié avec le KDP ? »

  1. Ping : Comment utiliser du HTML dans la description d’un livre avec le KDP ? | Nicolas Kapler

  2. Jim Orson

    salut

    J’ai développé un petit logiciel qui permet de faciliter la création de description pour KDP. C’est assez pratique :
    KDP Descriptor

    Il permet aussi de prévisualiser une page html, et dispose d’autres petites fonctions. Il est en cours de développement, donc, il est possible que par la suite, je lui ajoute d’autres fonctionnalités. Mais il est déjà fonctionnel en l’état.

    Répondre
  3. Dominique Dupagne (@DDupagne)

    Bonjour

    Un complément : lorsque je me suis connecté sur author central US https://authorcentral.amazon.com mon login pass author centre FR a été refusé. J’ai donc utilisé mon adresse email pour créer un nouveau compte US mais il m’a reconnu et m’a demandé confirmation de mon statut d’auteur pour mes livres FR.

    Donc, ne pas s’inquiéter si l’on n’est pas reconnu par authorcentral US et faire comme si l’on n’avait pas de compte FR, il vous reconnaîtra ensuite.

    Merci pour ce tutoriel très bien fait.

    Répondre
  4. Alexis

    Merci collègue !

    Je suis en train de refaire toutes mes pages de vente en ajoutant différentes balises.

    Deux interrogations :

    La balise IMG, OK mais comment y lier une image ? Faut-il indiquer dans la balise un lien internet où l’image se trouve ?

    Sais-tu quelle est la balise pour insérer l’adresse d’un site internet ? Es-tu bien sûr que c’est accepté par la charte amazon ?

    Répondre
    1. Nicolas Kapler Auteur de l’article

      Pour la balise IMG, effectivement, il faut donner le lien internet de l’image. Par exemple, la stocker sur son blog, et utiliser cette adresse.
      La balise pour insérer l’adresse d’un site internet est <a>. Par exemple : <a href= »http://www.quelqueslignes.com>Mon blog</a>

      Pour ce qui est de la charte d’Amazon, on joue avec les limites. Il n’y a pas d’interdiction formelle, mais on exploite une faille de sécurité pour utiliser des balises qui ne sont autrement pas disponibles… Tant que ça n’est pas malintentionné, je ne pense pas que ça puisse poser de problèmes autres que de voir Amazon finalement bloquer cette faille de sécurité.

      Répondre
  5. Alexis

    Je me permets un petit PS.

    Il y a des points de l’amazon author central (version US) que je ne saisis pas.

    OK pour la description de l’eBook, mais il propose également d’éditer ces points :

    Review
    From the Author
    From the Inside Flap
    From the Back Cover
    About the Author

    J’ai déjà rempli sur KDP (version française) mon profil auteur avec une photo, des liens, une bio. Est-ce que remplir ces autres infos ne risquent pas de téléscoper les premières ?

    Par ailleurs, je ne comprends par la différence entre « From the author » et « About the author » (?), et je me demande ce que signifient « From the inside flap » et « From the back cover » (comment un livre électronique pourrait-il avoir un « back cover » ?).

    Allez, j’arrête de t’embêter 🙂

    Répondre
    1. Nicolas Kapler Auteur de l’article

      Là, je sèche 🙂 J’ai remarqué ces champs, mais je ne les ai jamais utilisés. Quand j’aurai un peu de temps libre, j’essaierai de creuser un peu la doc d’Amazon à ce sujet.

      Répondre
  6. Bruyneel

    Bonjour,
    Il y a moyen de placer des signes comme des flèches ➜ ou encore des ✓ ✔
    Pour ce faire, vous afficher le visualiseur de clavier sur Mac, et… amusez-vous ✎ ♨ ☺

    ⚑ Pour Windows, je ne connais pas le chemin… ✘ ☜ mais cela doit être faisable.
    C’est standard je présume… si Amazon affiche ces signes.

    Mais c’est ♡ ♡ ♡ ♥ ♥ ♥

    Exemple: sexe ?!… « ils » parlent

    bDom

    Répondre
  7. Bruyneel

    … suite
    Je viens de tester un titre avec blabla et j’ai un titre en orange Amazon et en gras…

    En gros, il faut regarder les sources d’une page Amazon, reprendre les codes html utilisés par eux et les appliquer…

    Il fallait y penser.

    Voici l’exemple:
    drogues ?!… « ils » parlent et les mots en Un strip-tease en quelque sorte.

    Répondre
  8. Canovi

    Bonjour,

    « From the author » signifie « message de la part de l’auteur » (par exemple, petite confidence sur les circonstances entourant l’écriture du livre… à la première personne donc, et en s’adressant au lecteur) et « About the author » signifie « à propos de l’auteur », présentation plus impersonnelle à la troisième personne.

    Attention à ne pas faire la même erreur que moi : les rubriques (Review, From the Author, From the Inside Flap, From the Back Cover, About the Author) sont valables uniquement pour amazon.com. Sur les autres sites, elles n’apparaissent pas.

    En d’autres termes, si vous remplissez « about the author », votre présentation n’apparaîtra pas sur amazon.fr…

    Répondre

Laisser un commentaire

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