Tailles des bannières exemples. Bannières dimensions dans Google AdWords: Quels sont les plus «en cours d'exécution

Les clients qui veulent placer la publicité de bannières dans des médias contextuels google Networkssouvent demandé à laquelle des tailles existantes des bannières le plus "en cours d'exécution".

Permettez-moi de vous rappeler les options principales:

  • bannière: 468x60;
  • bannière pleine taille: 728x90;
  • carré: 250x250;
  • petite carrée: 200x200;
  • grand rectangle: 336x280;
  • rectangle intégré: 300x250;
  • gratte-ciel: 120x600;
  • grand gratte-ciel: 160x600;
  • bloc à des demi-pages: 300x600;
  • rectangle vertical: 240x400;
  • grande bannière pleine taille: 970x90;
  • panneau d'affichage: 970х250;
  • grande bannière pour appareils mobiles: 320x100;
  • bannière pleine taille mobile: 320x50.

Pour déterminer le gagnant, nous avons mené plusieurs études sur des campagnes publicitaires.

Clarifiez que nous parlons d'annonces graphiques créées par des concepteurs pour chaque format et non sur les bannières AddWords Adaptive.

Expérience №1: boutique en ligne électronique

Analysé 2 339 775 vues en Ukraine pendant trois jours.

Couverture des résultats:

Top couverture:

  1. Bloquer à demi pages (300x600) et rectangle vertical (240x400).

Résultats du CTR:

Top bannières sur CTR:

  1. Bloquer à demi pages (300x600).
  2. Rectangle intégré (300x250).

Les données dans le contexte des marques individuelles sont également là, mais elles sont presque identiques au compte commun.

Expérience N ° 2: Magasin en ligne dans la niche de jardinage

Analysé 1 293 949 spectacles dans l'Ukraine dans deux jours. Les campagnes ont été exclues un spectacle dans applications mobiles Et il y avait un ajustement du taux de 60% pour les appareils mobiles. Par conséquent, toutes les conclusions peuvent être considérées comme valables uniquement pour les sites de bureau.

Une petite couverture de visualisation:

Également dans cette expérience analysée le prix moyen de 1000 spectacles de la bannière:

Top bannières:

  1. Bannière pleine taille (728x90). Le ratio optimal de la couverture et du coût pour 1000 spectacles.
  2. Rectangle intégré (300x250). Couverture maximale, mais le coût le plus coûteux pour 1000 spectacles.
  3. Bloquer à demi pages (300x600) et rectangle vertical (240x400). Une bonne couverture a une bonne valeur pour 1000 spectacles.

Résultats du CTR:


Top bannières sur CTR:

  1. Bannière mobile pleine taille (320x50).
  2. Rectangle intégré (300x250).
  3. Grande bannière pleine taille (970x90).

Expérience N ° 3: Site Web de la société touristique

Plus de quatre millions de spectacles pendant quatre mois à Odessa et la région d'Odessa est tombée dans l'échantillon. Expérience menée en 2014.

Données de portée:

Top formats de bannière les plus populaires:

  1. Grand rectangle (336x280).
  2. Grand gratte-ciel (160x600).
  3. Rectangle intégré (300x250).

Données CTR:

Top formats de bannière les plus clicables:

  1. Grand rectangle (336x280).
  2. Bannière pleine taille (728x90).
  3. Rectangle intégré (300x250).

Expérience N ° 4: Boîte de bulletin

Cette expérience a été menée en 2013, 20 millions de spectacles en Ukraine sont venus à l'échantillon. Certes, la période expérimentale est inconnue dans cette étude n'apparaît pas la bannière mobile de taille complète (320x50) et il n'y a pas de données CTR.

Mais même maintenant, il est intéressant de regarder les résultats de la couverture:

Georgy Ryaby

L'éditeur en chef du blog Netpeak.

Dans l'équipe de blog depuis 2014.

Dans les archives personnelles depuis 2004 - Publications des journaux et des magazines, des livres déductibles, plusieurs collections, des galères de rédaction de sites de presse, de l'éditeur de poste et de l'administrateur du forum, Bouquet de projets spéciaux.

Aujourd'hui, je veux vous offrir le début de la leçon sur le sujet: comment faire une bannière simple pour votre site. D'accord, la bannière décore n'importe quel site, attire l'attention des visiteurs et il peut être utilisé à des fins promotionnelles.

Le mot bannière provient du mot anglais "banner", ce qui signifie "drapeau" ou "transparence". Dans l'interprétation moderne des sites, la bannière est une sorte d'image graphique impliquant son objectif:
- publicité du produit ou du service,
- Un message sur tout événement important de la vie du site (concurrence, action, début de la formation ...)
- Il suffit d'informer positif des visiteurs de site pour améliorer l'image (félicitations des vacances, des phrases positives et des motivateurs, provoquant un sourire et élever l'ambiance aux visiteurs du site ...)

Les principaux types de bannières sur Internet
Type bannières graphique Ils sont sur le site il existe trois types principaux: statique, animé et flash.

Sur les bannières statiques, une image est utilisée sans mouvement. Cette image peut être simplement une image, un fond ou une image avec des inscriptions ou juste des inscriptions. L'image peut être comme dans format jpget en format gif (Si la photo avec des effets d'animation).

Les bannières animées (bannières GIF) sont plusieurs images consécutives les unes dans les autres, qui se remplissent et créent un "effet de mouvement". Le changement de chaque image se produit toujours en tenant compte de l'exposition (retard) du temps de chaque image. Dans cette forme de la bannière, un scénario simple est généralement utilisé, le mouvement en douceur dépend du nombre de cadres intermédiaires qui donnent un effet visuel du mouvement. Mais dans le même temps, plus le scénario est difficile, plus la bannière "pèse". Cela doit également être pris en compte lors de la création d'une bannière d'animation. Nombre optimal de cadres - 5-6 pour ce type de bannières.

Les bannières flash sont le résultat du processus de programmation et sont généralement créés dans programmes spéciauxTaper Adobe Flash.. Dans ces bannières utilisées graphiques vectorielsCe qui vous permet de faire des effets d'animation avec une petite bannière "poids", ainsi que de la possibilité d'utiliser des effets sonores, des bannières flash de haute qualité sont complexes dans la fabrication et leur développement est donc le plus souvent effectué par des spécialistes qualifiés.

Bannières de tailles standard
Sur les sites sont généralement utilisés des bannières de tailles standard. Les bannières sont horizontales, verticales et carrées. J'ai fait des photos et un berceau, qui, j'espère, vous aidera à créer une bannière et que, si nécessaire, vous pouvez l'imprimer pour vous-même. Cliquez sur le lien avec la taille des bannières qui vous intéressent et que l'image apparaîtra devant vous!

Création d'une bannière statique pour le site
Pour créer une bannière statique, un Photoshop ou tout autre éditeur graphique sera utile. Le processus de création est assez simple et ne nécessite pas beaucoup d'effort. Il se compose des opérations suivantes:
Choisir taille de bannière,
Nous présentons l'image finie (arrière-plan, image, collage, image animée ...) à la taille de la bannière sélectionnée,
Nous faisons un coup de bannière externe,
Nous écrivons le texte souhaité,
Gardez la bannière résultante dans le format JPG, PNG ou GIF.

Si vous avez au moins l'expérience de travail minimale dans tout éditeur graphiqueVous ne ferez pas beaucoup de difficulté à faire une simple bannière statique. Vous pouvez utiliser le mien dans Photoshop comme aide.

Ici, j'ai fait une telle bannière pour mon site dans Photoshop.

Ou vous pouvez profiter du service en ligne gratuit

Ce programme est très facile et rapide de faire une bannière statique, même si vous ne parlez pas d'éditeur graphique.
Je vais essayer de dire aux principales étapes de travailler avec ce serveur.

Le menu 2- Magnet suggère:
2.1 - Sélection de la taille de la bannière (taille par défaut, votre taille de bannière individuelle et la taille de la bannière standard de la liste déroulante),
2.2 - Le choix du fond de la bannière: un fond monotone avec le choix de la couleur dont vous avez besoin; Fond dégradé - Vous pouvez choisir n'importe laquelle de la liste proposée; Fond (image, arrière-plan, collage) le vôtre, qui peut être téléchargé à partir de votre ordinateur.

3- Button "Modifier la bannière" Appuyez chaque fois que chaque manipulation avec une bannière et découvrez les modifications survenues dans votre bannière. Si tout convient, allez à la clé suivante du menu principal.

4- Sélectionnez le menu "Texte"

4.1 - Dans le champ "Texte", entrez le dernier texte dont vous avez besoin,
4.2 - Sélectionnez ensuite les paramètres de la police: le nom, la taille, la couleur de la police et le tour du texte pour chaque ligne du texte que vous avez entré.
Appuyez sur le bouton 3 et déplacez-vous sur la bannière du texte comme vous l'aimez. Lorsque vous configurez du texte comme vous en avez besoin, appuyez à nouveau sur le bouton 3 et allez à l'élément suivant.

5-Menu "Impact". La traduction n'est pas correcte. J'appellerais ce signet le choix de l'effet pour le texte. Dans cet onglet, sélectionnez l'ombre pour chaque ligne du texte de votre bannière. Après avoir appuyé sur le bouton 3 - voir l'effet.

6-Menu "Border". Encore une fois, le "défaut" de la traduction. Dans cet onglet, vous êtes invité à choisir la bordure de votre bannière (cadre).

7-menu "format". Choisissez le format dans lequel vous souhaitez enregistrer votre bannière.

8- Si vous n'aimez pas l'option, cliquez sur le bouton "Démarrer un nouveau", c'est-à-dire commencer à créer une nouvelle bannière.

9- Afin de sauvegarder sa bannière comme une mise en page, vous devez vous inscrire sur le service en ligne ci-dessus, puis créer votre propre base de bannière et la prochaine fois que les bannières ont effectuées précédemment, ce qui ne modifie que des modifications. le texte uniquement).

10- Le service en ligne vous permet de télécharger une bannière que vous créez sur votre ordinateur, que vous pouvez ensuite télécharger sur votre site.

11- Après avoir cliqué sur le bouton "Obtenir des codes", vous verrez un code de bannière que vous pouvez copier, puis coller directement sur votre site ou dans votre article.

Ici aujourd'hui et c'est tout. Je vous souhaite du succès!
J'ai fait une si simple bannière avec l'aide de ce qui précède un service en ligne Littéralement en 2 minutes.

La prochaine fois, nous allons parler de la façon de créer bannière d'animation. À de nouvelles réunions!

  • Animé - principalement gif. C'est-à-dire des images avec un motif mobile.
  • Interactive - Animation JavaScript ou Flash avec des éléments d'interaction utilisateur. Par exemple: Publicing Juicer.

Vous pouvez d'abord choisir quoi faire cuire: smoothie ou jus?


Ensuite, décidez du fruit, du légume ou de la baie, d'où nous préparerons une boisson.


À la fin, vous obtiendrez le naturel recherché, selon vos clics. Bien sûr, seulement sur la photo. Mais si vous suivez le lien à la fin d'un tel jeu, vous pouvez acheter un presse-agrumes et boire déjà de vrai jus ou smoothie à la maison.

  • Texte - juste texte sans images ni animations.


En plus de ces espèces, il existe également des bannières pop-up qui sont peuplées dans une nouvelle fenêtre et des bannières de flotteur qui couvrent une partie de la page. Vous pouvez également diviser tous les formats de bannières de taille.

Quelles sont les tailles des bannières?

Je dirai immédiatement qu'il n'y a pas de classification officielle et de terminologie de la taille des bannières en pixels, ni dans des centimètres, ni dans aucune autre unité de mesure. Chaque année, de nouveaux types et formes de bannières sont créés. Les normes de l'organisation publicitaire de la publicité sur Internet sont toujours utilisées comme ligne directrice. Les plus populaires sont donnés dans le tableau suivant.


Et ici, je vais attacher un berceau pour vous avec les formats de bannière les plus utilisés dans Runet.


Comment trouver la taille de la bannière en pixels sur le site de quelqu'un d'autre?

Vous, par exemple, les surfons et certaines ressources ont soudainement remarqué une bannière intéressante. Vous avez aimé son emplacement, alors comment il convient organiquement sur la page et a donc décidé de découvrir sa taille. Dans ce cas, vous devez effectuer l'algorithme suivant:

  • Cliquez sur la bannière avec le bouton droit de la souris et, dans l'onglet qui s'ouvre, choisissez la dernière ligne.
    Chrome, il s'appelle "Code de vue", à Mozilla "Explorer l'élément". Dans d'autres navigateurs, des noms similaires comme "Vérifiez l'élément" ou "Afficher le code d'article".




Pourquoi les différents formats des bannières sont-ils toujours en demande?

Eh bien, d'abord, parce que les bannières sont une sorte d'analogue de la publicité externe dans monde virtuel. Ils sont plus informatifs, moins chers et contiennent un lien hypertexte droit vers le site Web de l'annonceur. Et, comme je l'ai dit, Adblock Blocs loin de toutes les affiches publicitaires.
En fait, les bannières ne craignent pas les visiteurs de site d'infraction à une approche compétente de leur utilisation. Par exemple, une illustration de l'un d'entre eux.


Un portail sportif russe à chaque fois pris cette photo pour les visiteurs avec des bloqueurs publicitaires. Et plus il a fait une page noire et blanche. Le produit fabriqué par ces services était si haute qualité qu'environ 90% des utilisateurs ont vraiment désactivé les extensions et ont continué à voir la ressource.
Un peu plus tard, le site a créé une application dans laquelle si vous le souhaitez, vous pouvez désactiver la publicité pour abonnement payé. Pour un bon sort sur une équipe favorite, vous pouvez subir des formats de publicité.