Comment faire une bannière pour le site

Send

15 février 2018. Publié en sections: marketing Internet pour les débutants. 5113

En règle générale, tout projet Web est créé dans le but de gagner de l'argent. Sinon, toutes les activités sur Internet perdent leur sens. L'un des moyens de gagner de l'argent est de faire de la publicité sur votre site. Un annonceur développe et place son annonce sur la ressource Web de quelqu'un d'autre moyennant des frais, afin de promouvoir un produit ou un service.

Un peu d'histoire

Pour la première fois, une bannière Internet a été lancée en 1994: celle-ci est passée de la presse écrite au Web. À l'avenir, cette technique de marketing a commencé à se développer: des pages entières ont été créées, remplies de fond en comble par une publicité agressive. Au fil du temps, le visiteur s’est habitué à ne pas prêter attention à son abondance - le surpeuplement de sites Web avec de la publicité a commencé à être considéré comme de mauvais goût.

Comment fonctionne une bannière publicitaire sur un site?

Nouveaux clients et acheteurs

Dans ce cas, il est important que ce ne soit pas le nombre de personnes qui ont échoué, mais la qualité du public cible. Par exemple, un magasin en ligne de foulards en duvet nécessite non seulement des visiteurs curieux, mais également des acheteurs. Et il est plus logique de faire de la publicité sur des projets Web, des forums et des ressources d'actualité pour les femmes. Les châles seront particulièrement demandés en hiver et avant les vacances. Par conséquent, la saisonnalité de l'affichage publicitaire est dans ce cas la période automne-hiver.

Croissance du trafic

Parfois, des ressources Web échangent du matériel d’affichage thématique afin d’attirer de nouveaux visiteurs. L'administrateur peut placer des bannières avec des liens vers les pages de son propre site. Ceci est fait afin de capter l'attention du visiteur sur tout texte important.

Les avantages de cette technique de marketing

Le coût de création et de placement de bannières est bien inférieur au coût de défilement d’un clip vidéo à la télévision.
Il ne faut pas beaucoup de personnel pour créer du matériel.
Ajustements pour le public cible, modifications faciles de la campagne publicitaire.
La publicité par bannière (affichage) + ciblage (ciblant un public cible spécifique) est l’une des techniques les plus efficaces du marketing.

Par formats

Image statique simple dans les graphiques raster (JPG, GIF, PNG, etc.).
Animation GIF - Dessins successifs en graphiques matriciels.
Animation Flash - les graphiques vectoriels sont appliqués, le changement en douceur des éléments, des effets intéressants, le son peut être superposé.

Des images trop «lourdes» ralentissent considérablement le chargement d'une page Web, ce qui affecte négativement le comportement des visiteurs et la confiance des moteurs de recherche. Les animations GIF et Flash étant plus lourdes que les images statiques, il est donc déconseillé de sursaturer la page avec de tels supports d'affichage. Mais sur l’image statique «légère», les visiteurs ne font presque pas attention et ne cliquent pas dessus, considérant que l’image est l’un des éléments colorés de la page.

Par taille

La taille de la bannière pour le site peut être quelconque. L'essentiel est qu'il s'intègre de manière dynamique dans la conception et ne soit pas intrusif. Si un utilisateur Internet dispose d'un filtre pour afficher des annonces, insérez une image de stub spéciale de taille similaire. Mais il existe des tailles standard en pixels, que nous discuterons ci-dessous.

728x90 - "Hall of Fame."
468x60 - "Horizontal".
336x280, 300x250, 300x600, 240x400, 180x50 - “Rectangulaire”.
300x600, 120x240 - «Vertical».
120x600, 160x600 - “Gratte-ciel”.
250x250 - “Carré”.
125x125, 120x90, 120x60 - «Boutons».
88x31 - Le Strip.

Presque toutes les tailles ci-dessus peuvent être placées dans Yandex.Direct et Google Adwords.

Signes d'une bannière internet de qualité

Bottes vite. L'utilisateur n'a pas à attendre longtemps.
Attire l'attention. Ce qui est important, ce n’est pas la saturation des couleurs ou la variété des cadres. L'image devrait inciter le visiteur à se familiariser davantage avec le matériel.
L'original. Internet est plein d'images similaires. Par conséquent, il est important d’intéresser les utilisateurs avertis avec leurs T & U.
Stimule un achat (complète une action). C'est l'objectif principal de toute promotion.
C'est crédible. C'est particulièrement important pour une entreprise peu connue. Lors du développement, il est nécessaire de considérer la psychologie des couleurs et des phrases.

Où placer le bloc d'annonces?

Le placement et la taille des médias sont également importants.

Plus l'image est grande, plus il est probable qu'elle clique dessus.
La meilleure taille de bloc est 240x400.
Le coin supérieur gauche et l’entête du site Web - c’est là que le regard du visiteur commence à glisser sur la page.
Le sommet du site est l'endroit le plus efficace.
Les blocs d'animation attirent l'attention, même s'ils sont placés tout en bas.

Palettes de couleurs et textes - recommandations importantes

Le rouge est la couleur de la détermination, de la motivation. Mais sa surabondance peut causer une agression à TiU. Ses nuances (violet, bordeaux, rose) sont moins agressives, mais également appliquées avec succès. Le rouge combiné au noir vous permet de souligner l’importance de quelque chose.
Orange est de bonne humeur, une motivation pour l’action. Il est considéré comme le plus efficace en publicité, mais peu adapté à l’arrière-plan.
Jaune - une joie, des airs de sociabilité, va bien avec le noir.
Vert - fraîcheur, ton, santé. Parfait pour le fond, il est utilisé plus souvent dans les TIU médicaux.
Bleu - paix et tendresse.
Violet est le mystère et la solennité d'un événement. Souligne l'originalité de TiU.
Le gris est la couleur la plus modérée, il ne provoque de rejet chez personne.
Le blanc est la pureté. Si une bannière non agressive a un fond blanc, elle ne provoque pas d’émotions.
Noir - ne convient pas pour le fond, mais indispensable comme couleur de police.

Règles d'envoi de texte

L'image ne fait qu'attirer l'attention. Le texte est important pour le bloc média, tenez compte des recommandations suivantes:

Tendre la main à votre public cible.
Venez avec un titre intéressant.
Le texte devrait faire allusion à des solutions au problème.
Il doit intriguer, éveiller la curiosité.
Il convient de décrire un complot intéressant, comme dans toute publicité.
Doit avoir une connexion avec les graphiques sur les cadres.
Les mots "Login" ou "Push" invitent à l'action.
Le mot "gratuit" intrigue tout le monde.
Le texte devrait occuper jusqu'à 20% de l'espace du rectangle.
Tous les chiffres sont crédibles.

Directives générales de conception

Si vous avez un logo - ne l'oubliez pas.
La conception de la police sous forme de texte bleu souligné invite l'utilisateur à cliquer sur le lien.
Utilisez des éléments de conception de Windows - ils cliquent plus souvent sur ces bannières.
N'utilisez pas de clignotants, ni de fonds noirs ou rouges.
Changer les images ne devrait pas être trop rapide. Une personne doit comprendre votre message.
Si l'arrière-plan du rectangle est blanc, entourez-le d'un cadre.
Oubliez les italiques, les petits caractères et les mots écrits en lettres majuscules.
Le matériel publicitaire doit répéter le style du projet Internet annoncé.
Le contexte érotique augmente toujours le cliquabilité (ne s'applique pas à tous les annonceurs).
Les images de personnes attirent l'attention.
Ne créez pas plus de 4 images dans un bloc animé.
Le temps total de défilement de l'animation ne dépasse pas 5-6 secondes.
Si une annonce multimédia apparaît et est imposée, l'utilisateur la ferme.
Le matériel publicitaire devrait mener à une page qui révèle plus en profondeur son essence.

Programmes de création de bannières pour le site

Selon le format, un logiciel approprié est utilisé pour créer le matériau. Si un éditeur graphique convient au développement de la statique, un logiciel spécialisé est nécessaire pour développer l'animation.

ADOBE PHOTOSHOP - payé. Le plus puissant éditeur graphique. Il prend en charge de nombreux formats, outils, vous permet d’utiliser différents effets spéciaux et d’obtenir des images de haute qualité.
EASY GIF ANIMATOR - payé. Donne le format GIF ou AVI, vous permet de travailler à la fois avec l’animation et la statique. De beaux effets sont fournis, changement de cadre, a un grand ensemble d'outils. 20 découvertes sont disponibles pour une application de test gratuite.
BANNER MAKER PRO - payé. Interface claire, fonctions simples, matériaux de toutes tailles, haute qualité des produits finis.
ARTWEAVER - shareware. Le programme russe, éditeur graphique, dispose de nombreux outils pour le traitement d'images. Vous pouvez travailler gratuitement avec un ensemble de fonctions de base.
ULEAD GIF ANIMATOR - shareware. Plus de 15 plugins, storyboard pratique, synchronisation avec Photoshop, sauvegarde dans de nombreux formats. Vous pouvez enregistrer le matériel en HTML.
ADOBE FLASH CS5 PROFESSIONAL - shareware. Un programme puissant pour développer des animations FLASH. Il a des fonctionnalités intégrées pour la production de clips FLASH, des centaines de plug-ins, des animations en direct, l'ajout de musique, prend en charge le format FLA. A une période de test de 1 mois, vous pouvez trouver des versions gratuites piratées sur Internet.
GOOGLE WEB DESIGNER est un service gratuit de Google. Une interface compliquée, un petit nombre d’effets, mais beaucoup de conseils en russe.
GIMP est gratuit. Analogue gratuit de "Photoshop". Fonctionnellement inférieur à son prédécesseur, mais un coût nul incline les échelles en faveur de GIMP.
PAINT-NET est gratuit. Fonctionne uniquement avec la statique, rien de plus, de nombreuses fonctionnalités, une interface simple.
AURORA 3D-ANIMATION - shareware. De la statique à FLASH. Un grand nombre de modèles, une interface simple, permettant de régler avec précision le changement de cadre, prend en charge le format SWF.
SOTHIK SWF - gratuit. Vous permet de créer FLASH, contient de nombreux modèles et images prédéfinis.
EASY BANNER - gratuit. Logiciel pour les débutants en design, fonctionne à la fois statique et animation, il y a une sélection impressionnante d'arrière-plans et d'images standard.
ALEO FLASH INTRO BANNER - pas de paiement. Fonctionne avec FLASH, animation GIF et statique, beaucoup de modèles de sons, animations prédéfinies, polices de caractères. Interface simple
ATANI est gratuit. Fonctionne au format GIF. La boîte à outils est très simple et directe.
BANNER FANS - un service en ligne, sans paiement. Nombreux paramètres et fonctionnalités utiles. Vous permet de dessiner des supports statiques, vous pouvez créer une bannière en ligne pour le site.
ANNERS NACK - un service en ligne, sans paiement. Principe de travail extrêmement simple, il existe des modèles prêts à l'emploi. L'utilisateur peut facilement sélectionner l'option prête à l'emploi appropriée et effectuer ses propres ajustements.

La qualité d’une bannière Internet dépend non pas de son apparence, mais de sa cliquabilité. La publicité est peut-être imparfaite, mais si les gens consultent votre site, cela signifie que vous avez tout fait correctement!

Que sont les bannières

Une bannière sur Internet signifie une image publicitaire rectangulaire avec un contenu statique ou dynamique (animé). Une bannière peut inclure du texte et des dessins. La bannière est généralement fournie avec un lien qui s'active après avoir cliqué dessus avec le bouton de la souris.

Bannières statiques - consistent en une image statique. Ce sont des images au format JPEG ou PNG. Ils sont caractérisés par un faible poids, ce qui n’affecte pas la vitesse de chargement de la page.
Bannières animées - Animation créée à l'aide de GIF. Il consiste en plusieurs images se remplaçant les unes les autres avec une fréquence donnée. Le poids de la bannière dépend du nombre d'images utilisées.
Flash - dans cette bannière, l'animation est basée sur Flash. Elle peut répondre aux actions de l'utilisateur.

Le contenu interactif peut être présenté sous forme de jeu ou de questionnaire avec ajout de son. Les dessins d'animation sont créés à l'aide de graphiques vectoriels.

Il existe de nombreuses tailles de bannières pour le site. Mais les plus populaires d'entre eux sont:

88 x 31 pixels,
120 par 60 pixels
120 par 90 pixels
120 par 240 pixels
125 x 125 pixels
120 par 600 pixels,
160 x 600 pixels
180 par 150 pixels
234 x 60 pixels,
240 par 400 pixels
250 x 250 pixels
300 x 600 pixels
300 x 250 pixels
336 par 280 pixels,
150 par 150 pixels
468 x 60 pixels
728 x 90 pixels.

Signes d'une bannière publicitaire efficace

L'efficacité de la bannière publicitaire affichée sur le site ne dépend pas seulement de la popularité du site. Dans une plus large mesure, son efficacité dépend du niveau de mise en œuvre de la publicité elle-même. Une bannière de qualité doit répondre à plusieurs critères clés:

Attirez l'attention de l'utilisateur - mais cela ne signifie pas que la bannière doit être trop brillante et clignotante. Une telle publicité va irriter le visiteur, pas l'attention. Le contenu de la bannière doit «laisser entendre» à l'utilisateur sa présence. Par conséquent, lors de la sélection d’une image et d’un texte, le facteur psychologique doit toujours être pris en compte,
Susciter de l'intérêt - les bannières du site devraient susciter l'intérêt de l'utilisateur pour l'objet de la publicité. Un produit ou service doit être servi non seulement avec goût, mais aussi original. L’utilisation d’esprit et d’humour légers est encouragée:

La motivation pour cliquer sur le lien de la bannière est obtenue grâce à l’effet d’un mystère et d’un euphémisme,
imbriqué dans le contenu de la bannière.
La motivation pour commander un service ou un achat dépend en premier lieu du contenu de la bannière publicitaire. Il devrait montrer les meilleurs aspects de l'objet de la publicité ou les avantages que l'utilisateur peut retirer de son acquisition.
Si la bannière est conçue pour accroître la notoriété de la marque et son image, le contenu publicitaire devrait alors inspirer confiance au consommateur. Mais ne provoque pas d'associations négatives.

Modèles à prendre en compte avant de placer une bannière sur le site:

Plus la bannière est grande, plus il est probable que l'utilisateur clique dessus. La taille la plus efficace est considérée comme étant de 240 x 400 pixels,
La bannière placée en haut (dans l'en-tête) a le plus grand effet. Il peut également être placé en bas de la page, mais les performances sont légèrement inférieures.
Les bannières animées attirent rapidement l’attention de l’utilisateur - intuitivement, l’œil humain réagit au mouvement.

Création et placement d'une bannière publicitaire

Avant d'insérer une bannière sur le site, vous devez décider de l'emplacement de son emplacement. Dans ce cas, vous devez prendre en compte la taille de la bannière et l'espace disponible sur les pages. Après avoir décidé de l'emplacement du bloc d'annonces, vous pouvez intégrer le code de la bannière dans la page HTML.

Le code pour la plupart des bannières correspond au modèle:

un href = "/ lien vers le site de l'annonceur" - l'adresse de la ressource sur laquelle l'utilisateur cliquera sur la bannière,
title = "title" - le texte affiché dans l'info-bulle lors du survol de la zone de la bannière,
target = "_ blank" - définit les règles d'affichage du site de l'annonceur après avoir cliqué sur le lien de la bannière ("_blank" - s'ouvre dans une nouvelle fenêtre),
rel = "nofollow" - interdit aux moteurs de recherche de traiter ce lien,
img src = "https://www.internet-technologies.ru/wp-content/uploads/path to image" - définit le chemin d'accès à l'image affichée dans la bannière,
alt = "texte alternatif" - le texte qui sera affiché dans la bannière si son image n'est pas chargée.

Mais il n'est pas nécessaire de développer une bannière vous-même. Pour ce faire, vous pouvez utiliser des générateurs spéciaux en ligne. Pour générer un code de bannière sur un tel service, vous devez remplir plusieurs champs et cliquer sur le bouton:

Développement d'une bannière GIF régulière - à partir de 25 $,
Création d'une bannière basée sur Flash - 70-150 USD,
Redimensionner - environ 50% de son prix initial.

Mais si vous êtes un peu délicat, vous pouvez créer vous-même une simple bannière. Voici un miracle après dix minutes de manipulation avec le code html et l'image dans Coreldraw:

Si vous aimez un peu le code et ajoutez quelques gestionnaires d’événements, vous obtenez une bannière avec une image qui change. L'image dans la bannière change lorsque vous la survolez.

Voici ce qui s'est passé:

Création de bannières animées et vidéo

Regardons un exemple de création d'une bannière animée à l'aide du programme Ulead GIF Animator.

Dans le menu Fichier, sélectionnez l'élément Assistant d’animation. Dans la fenêtre qui apparaît, définissez la taille de la future bannière. Dans l'étape suivante, chargez les images préparées:

Ulead GIF Animator vous permet de sauvegarder la bannière créée dans différents formats. Y compris comment la vidéo:

Comment faire une bannière en ligne:

Ouvrez Canva et choisissez votre modèle de bannière préféré - l'un des milliers disponible.
Ajoutez vos photos ou sélectionnez dans le catalogue intégré. Ajustez les couleurs, insérez des étiquettes, des boutons d’appel à l’action et d’autres éléments.
Téléchargez la bannière et mettez-la sur votre page.

Charger tous les éléments dans le programme pour créer des bannières

Vous avez travaillé dur pour réussir. Le moment est venu de raconter votre histoire au monde entier. Maintenant, les belles bannières que vous avez observées sur d’autres ressources deviennent votre réalité.

Et la principale nouvelle est que le design de la bannière ne sera pas simplement copié de celui de quelqu'un d'autre: il contient votre vision et des détails qui sont reconnaissables à première vue. Engagez vos illustrations et logos en les chargeant dans le coffre-fort et en les faisant glisser dans la mise en page. Et puis réveillez-vous en un véritable artiste! Canva vous permettra de modifier les fichiers multimédias en choisissant pour eux les nuances qui correspondent à votre plan.

Prenez la bannière de taille parfaite

Concentrez-vous sur votre projet et sur ce que vous savez et pouvez faire. Et oubliez que les couvertures de Facebook doivent mesurer 851 x 315 pixels et que la taille des bannières standard sur Twitter doit être de 1 500 x 500.

Avec Canva Designer, vous pouvez créer une bannière en ligne pour n’importe quelle plate-forme et enregistrer instantanément des images haute résolution au format souhaité: JPEG, PNG ou PDF.

Découvrez à quel point le marketing Internet est devenu pratique

Une bannière sur un site est la première chose que les gens voient quand ils y entrent. Par conséquent, une bonne impression au départ est très importante. И никакая раскрутка сайта не нужна, когда на него хочется зайти снова: оригинальность – лучшая реклама!

А представьте, что имея непревзойденный дизайн, от которого все в восторге, вы можете его воспроизвести разные виды баннеров снова и снова для социальных сетей, рассылок писем или других диджитал-сервисов.

Их не понадобится рисовать с нуля: несколько щелчков мыши – и картинки новых размеров ждут своей очереди на установку.

Как сделать баннер

Для работы в интернете очень часто требуются познания в области дизайна. C’est plus facile pour ceux qui utilisent Photoshop avec «You». Mais qu'en est-il du reste? La bonne réponse est d'apprendre. Mais apprendre l'art de travailler avec Photoshop en une journée ne fonctionnera pas, et des images et des images sont nécessaires aujourd'hui.

Il existe une autre option - commander ce travail à un professionnel. Mais le professionnel devrait recevoir des instructions claires sur ce que devrait être le résultat. Pour savoir quel devrait être le mandat du concepteur, la première fois que vous devrez vous-même entrer brièvement dans ce domaine peu familier.

Send