Comment créer des bannières publicitaires HTML5 : Le guide ultime

Vous songez à lancer des publicités sur bannière HTML5 pour promouvoir votre produit ou service ? Vous voulez créer des bannières publicitaires pour la campagne mais vous ne savez pas comment faire ?

Vous savez, pour la plupart d'entre nous, créer des bannières publicitaires HTML5 n'est pas quelque chose que nous faisons tous les jours. Il se peut même que vous envisagiez de le faire pour la première fois et que vous ne sachiez absolument pas par où commencer.

Ce guide va vous aider.

Vous trouverez ci-dessous tout ce qu'il faut savoir pour créer des annonces sur bannière .

Vous êtes prêt ? Alors, allons-y.

Qu'est-ce qu'une publicité sur bannière HTML5 ?

Les bannières publicitaires sont omniprésentes. Allez sur Internet et vous en verrez certainement une presque immédiatement.

Ces publicités colorées et animées sur les côtés ou en haut de certaines pages web sont des bannières publicitaires.

La publicité qui vous saute aux yeux lorsque vous naviguez sur des pages web est également une publicité sur bannière.

Les bannières peuvent prendre plusieurs formes (rectangle, carré, demi-page, etc.). Elles peuvent être statiques, avec des images fixes, ou animées, dans le cas de vidéos ou d'images défilant les unes après les autres.

Il n'en reste pas moins qu'il s'agit d'affiches promotionnelles en ligne.

Voyez la différence entre les publicités statiques et les publicités animées sur bannière :

Les possibilités sont infinies pour les annonceurs de se démarquer avec un contenu accrocheur.

LECTURE RECOMMANDÉE : Que sont les publicités HTML5 bannière ?

Comment fonctionne la publicité sur bannière ?

La première chose à comprendre est que la publicité sur bannière implique trois parties prenantes :

• Les réseaux publicitaires
• Les propriétaires de sites web
• Les annonceurs

Les réseaux publicitaires servent d'intermédiaires entre les deux autres. Ils gèrent les publicités et les distribuent aux différents sites web.

En d'autres termes, ils mettent en contact les personnes qui souhaitent faire de la publicité avec celles qui ont un espace publicitaire en ligne à offrir.

La publicité sur bannière profite également aux propriétaires de sites web. Si leur site attire beaucoup de visiteurs, ils louent de l'espace sur leurs pages web pour afficher ces bannières. C'est ainsi qu'ils gagnent de l'argent.

Cet argent provient d'annonceurs qui souhaitent promouvoir un produit, un service ou simplement faire connaître leur site web. Ils paient des réseaux publicitaires pour qu'ils affichent leurs bannières sur des sites où se trouve leur public.

Ces bannières redirigent les internautes vers une page d'atterrissage (une page web conçue pour générer des ventes, collecter des données et/ou présenter un produit/service).

Les réseaux publicitaires reversent ensuite une partie des recettes aux propriétaires des sites web.

C'est une situation gagnant-gagnant, et la boucle est bouclée !

D'accord. Mais en tant qu'annonceur, combien coûte le lancement d'une campagne publicitaire ?

Désolé de le dire, mais cela dépend...

Le prix d'une campagne publicitaire en ligne sur bannière dépend de nombreux facteurs, notamment du réseau publicitaire utilisé pour la diffuser.

(NOTE - Le réseau publicitaire est la plateforme qui vous permet d'afficher votre publicité sur différentes pages web).

En tant qu'annonceur, vous payez pour l'espace que vous occupez sur une page web. Sauf que, d'un réseau publicitaire à l'autre, les méthodes de facturation varient.

Certains facturent au CPM (coût pour 1 000 impressions), c'est-à-dire que vous payez chaque fois que votre annonce est affichée un millier de fois.

D'autres facturent au CPC (coût par clic). Dans ce cas, vous payez en fonction du nombre de clics que votre site bannière reçoit.

Il y a aussi le CPA (coût par action). L'annonceur ne paie que si l'utilisateur effectue une action spécifique après avoir cliqué sur le site bannière (par exemple, un achat).

En bref. Pour optimiser le ROI de vos campagnes de publicité display, le choix de la facturation est très important et dépendra des objectifs de votre campagne.

Pourquoi créer des annonces sur bannière ?

Les raisons pour lesquelles les entreprises créent des bannières publicitaires sont nombreuses.

#1. Une plus grande visibilité

Supposons que vous souhaitiez promouvoir un produit, un service, un événement ou simplement attirer davantage de visiteurs sur votre site web. Vous aurez besoin d'une plus grande visibilité sur le web et les annonces bannière peuvent vous aider à y parvenir.

#2. Attirer l'attention d'un public spécifique

En plus d'être publié sur des sites où se trouve votre public cible, une bannière est structurée de manière à attirer l'attention. Elle délivre un message clair, concis et percutant à un public plus susceptible d'être intéressé par ce que vous avez à offrir.

Imaginez que vous vendiez des chaussures de course : vous pourriez placer des bannières sur des sites consacrés au sport ou à la course pour atteindre directement votre public cible.

#3. Analyser et optimiser votre campagne

Pour vous assurer de l'efficacité de vos annonces sur bannière, vous pouvez en mesurer les performances. Vous saurez ainsi combien de personnes ont vu la bannière (taux de visualisation), combien ont cliqué dessus (taux de clics) et même combien ont effectué un achat après avoir cliqué.

Ces données vous permettent d'évaluer le ROI de vos campagnes et d'optimiser vos bannières.

Comment créer une annonce bannière?

Première mauvaise nouvelle : il existe de nombreuses façons de designer une annonce bannière.

Les méthodes peuvent varier en fonction du type de bannière que vous souhaitez créer.

Par exemple, les bannières HTML5 sont des codes intégrés. Vous pouvez les créer en codant ou en utilisant des outils no code.

LECTURE RECOMMANDÉE : Comment créer des publicités HTML5 bannière sans codage

D'autre part, une bannière statique peut être une simple image JPG créée à l'aide d'un outil de création.

Dans tous les cas, le processus de création de bannière suit toujours les mêmes principes :

1. Vous trouvez un message et une façon de l'illustrer.
2. Vous rassemblez tous les éléments nécessaires à la création de ce message (médias, texte, animation, etc.).
3. Vous organisez chaque élément pour rendre votre bannière attrayante et votre message clair.

Mais dans l'ensemble, pour créer une publicité sur bannière , vous aurez besoin d'un outil permettant de générer des visuels numériques animés.

Abyssale est l'un d'entre eux (disclaimer - c'est notre outil). Nous allons l'utiliser pour vous montrer comment designer une annonce bannière.

Étape 1 : Accédez à votre tableau de bord Abyssale

Cliquez sur "Create template" > "Create from scratch".

Sélectionnez "static image" pour créer une bannière statique ou "Animation" pour créer une bannière dynamique.

Sélectionnez ensuite le format de votre bannière publicitaire. Des formats standard prédéfinis sont disponibles. Vous pouvez sélectionner n'importe lequel d'entre eux.

Une fois cette étape franchie, vous devriez arriver sur le builder Abyssale.

Étape 2 : Designez votre bannière

Il s'agit maintenant de construire votre bannière. Pour ce faire, vous aurez besoin de la barre d'outils supérieure.

Elle vous permet d'ajouter des éléments de texte, des éléments vidéo, des images, des boutons, des blocs de couleur et bien plus encore.

(CONSEIL - Si vous n'avez pas de contenu visuel, vous pouvez ajouter des images ou des vidéos libres de droits directement à partir du constructeur).

En bref. Vous avez tout ce qu'il faut pour construire une publicité sur bannière de haute qualité.

Ajoutez un à un les éléments qui composeront votre bannière .

Pour chaque élément, vous pouvez gérer les paramètres de la colonne de droite. Par exemple, pour un élément texte, vous pouvez choisir la police, la taille et la couleur de votre texte.

Si vous créez une bannière dynamique, utilisez la timeline  sur la partir inférieure pour définir l'apparition et la disparition de chaque élément au fil du temps.

Pour chaque élément, vous pouvez ajouter des animations.

Pour ce faire, sélectionnez l'élément auquel vous souhaitez ajouter une animation. Ensuite, dans la colonne de droite, cliquez sur l'onglet "Animation". Sélectionnez le type d'animation souhaité et paramétrez-la.

Veillez toujours à ajouter un appel à l'action (CTA) à votre bannière. Pour tout expert en marketing numérique qui se respecte, c'est un must pour obtenir un meilleur ROI sur vos campagnes.

Vous pouvez ajouter un élément de texte ou un bouton pour un impact encore plus fort.

Étape 3 : Créez votre annonce sur bannière

Une fois que le template de votre bannière est prêt, cliquez sur "Generate" dans le coin supérieur droit de votre constructeur. Si vous y êtes invité, sauvegardez votre template.

Sélectionnez le type de fichier que vous souhaitez générer.

(NOTE - Pour comprendre les avantages du HTML5, veuillez lire "Que sont les publicités HTML5 : Le guide ultime").

Cliquez ensuite sur "Generate".

Après quelques secondes, vous pourrez télécharger votre fichier en cliquant sur le bouton noir "Download all" dans le coin supérieur gauche.

Étape 4 : Publier votre bannière sur un réseau publicitaire

Allez sur le réseau publicitaire de votre choix.

Lancez une nouvelle campagne et téléchargez votre fichier. Configurez ensuite votre campagne.

N'oubliez pas de sélectionner la zone géographique dans laquelle vous souhaitez afficher votre bannière, ainsi que la ou les langues parlées par votre public cible.

Incluez également des informations sur votre public cible (âge, sexe, intérêts, etc.). Plus vous serez précis, plus le ROI de votre campagne sera élevé .

En ce qui concerne le ROI, si votre réseau publicitaire le permet, sélectionnez le type de facturation le mieux adapté à votre stratégie.

Saisissez ensuite vos exigences en termes de dépenses journalières maximales et d'heures d'affichage de votre bannière.

Enfin, lancez votre campagne.

Laissez passer quelques heures/jours avant de revenir au tableau de bord de votre réseau.

Vous devriez voir les premiers résultats de la performance de votre template. Vous pouvez essayer d'optimiser votre bannière pour améliorer ces résultats.

Comment puis-je améliorer le processus de production de bannière ?

Au fur et à mesure que vous lancerez des campagnes, vous réaliserez à quel point la création de bannière peut prendre du temps.

Vous devez donc améliorer votre processus de production bannière et utiliser un outil d'automatisation de la création pour vous y aider.

Un outil d'automatisation créative est un logiciel ou une plateforme qui utilise des algorithmes intelligents et des fonctions avancées pour automatiser les tâches liées à la création de contenu ou à d'autres processus créatifs.

Ils permettent de designer une base créative unique (un template) et de l'adapter à toutes les spécifications nécessaires. Un peu comme si l'on concevait une affiche et qu'on la transformait, d'un simple clic, en une multitude de versions adaptées aux espaces publicitaires de différents sites web.

Les avantages sont nombreux :

#1. Moins de temps

Au lieu de passer des heures à ajuster manuellement chaque bannière, vous laissez cette tâche fastidieuse entre les mains de l'outil d'automatisation créative.

Pour vous donner un exemple simple, imaginons que vous deviez dupliquer votre site bannière dans 5 langues différentes, pour 6 formats différents et avec 3 CTA différents.

Si nous faisons le calcul, 5 x 3 x 6 = 90 versions de votre bannière à créer. Cela représente environ 20 minutes de travail par bannière. Soit 1 800 minutes de travail. Ou 30 heures.

Avec un outil d'automatisation créative, vous créez un template pour votre bannière, vous donnez quelques directives à l'algorithme et en 3 heures, toute votre campagne est prête.

#2. Vous gagnez en cohérence

Vous aurez besoin d'une cohérence visuelle pour que votre marque soit reconnue par les utilisateurs. Quel que soit l'endroit où la bannière est affichée.

Les outils d'automatisation garantissent la cohérence visuelle de toutes les variations de taille et de format.

#3. Plus de flexibilité

Si vous souhaitez tester différentes versions de votre bannière pour voir laquelle fonctionne le mieux, un outil d'automatisation créative peut rapidement générer ces variations pour vous.

Par exemple, vous pouvez tester différentes couleurs, appels à l'action ou images pour déterminer ce à quoi votre public cible est le plus sensible.

Tout cela semble bien, mais comment s'y prendre ?

Tout d'abord, vous avez besoin d'un outil d'automatisation créative. Je viens de vous montrer comment créer une publicité bannière avec Abyssale, un outil d'automatisation créative.

Revenons à notre tutoriel et à notre template.

Imaginons que nous devions créer notre site bannière dans 4 formats différents.

Pour rappel, voici à quoi ressemble notre publicité bannière dans le format sélectionné à l'origine (320x250)

Dans ce cas, revenons à l'étape 2, où vous avez designé votre bannière.

Dans la colonne de gauche, vous pouvez ajouter de nouveaux formats. Ajoutez les formats dans lesquels vous souhaitez dupliquer votre annonce bannière .

(NOTE - Une fois les formats sélectionnés, pour chaque élément modifié, n'oubliez pas de cocher "Synchronize styles" pour que ces modifications s'appliquent à tous les formats).

Maintenant, si vous cliquez sur "Generate", vous pourrez dupliquer votre template dans les 4 formats.

Si vous n'avez pas besoin de l'un de ces formats, désélectionnez-le.

Qu'en est-il des variations de contenu ?

Imaginons maintenant que vous souhaitiez tester 3 versions différentes de votre CTA.

Dans ce cas, retournez sur votre tableau de bord Abyssale . Cliquez ensuite sur le template que vous venez de créer.

Puis, cliquez sur "Generate from spreadsheet".

Cliquez ensuite sur "Add row".

Un tableau répertoriant chaque élément de votre template (couleurs, supports, texte) apparaît.

Recherchez la colonne correspondant au CTA, puis cliquez sur le bouton "Add row with default properties".

Ajoutez autant de lignes que de versions de CTA souhaitées.

Cliquez ensuite sur "Save & continue".

Vous serez redirigé vers les paramètres de génération.

Sélectionnez les formats dans lesquels vous souhaitez obtenir chaque version. Définissez le type de fichier souhaité et, si vous le souhaitez, le système de dénomination des fichiers.

Cliquez sur "Save & continue". Le nombre de crédits nécessaires pour générer tous vos fichiers apparaît. Cliquez sur "Generate" pour lancer la génération automatique.

Il ne vous reste plus qu'à télécharger les fichiers et à les publier sur votre réseau publicitaire pour les distribuer.

Et c'est tout

Vous savez maintenant comment créer une annonce sur bannière et comment adapter votre processus de manière efficace lorsque vous commencez à lancer de plus en plus de campagnes publicitaires.

Il ne vous reste plus qu'à mettre en pratique tous ces conseils et à commencer à créer vos bannières.

Bonne chance !