Hvordan lage et banner som kan klikkes. Hvor enkelt og enkelt det er å lage et banner eller lage et bilde til en lenke, det vil si klikkbar

Vi har alle sett lyse, fargerike streamere på gatene som fanger oppmerksomheten til potensielle kunder. Denne typen publisering på Internett er også attraktiv og mer informativ for en person. Enig i at vi ofte tar hensyn til riktig utformede moduler.

Bannerstørrelser

Plassen på websiden er begrenset, så alt innhold har sin egen plass og tilsvarende størrelser. Dette punktet bør tas i betraktning når du utvikler et design. Disse typer annonser varierer i pikselstørrelser:

• 468 x 60 - langt eller fullt banner. Det er det vanligste, ofte til og med under utviklingen av nettstedsdesign tildeles et eget sted for det;
• 392 x 72 - langt banner med vertikal navigasjonslinje;
• 234 x 60 - disse er vanligvis plassert i grupper på flere;
• 120 x 240 - dette brukes oftere til å annonsere for tjenester og varer og er plassert vertikalt;
• 88 x 31 - Knapper som spenner fra kvadrat 125 x 125 til mikroknapper.

Typer bannerannonsering på Internett

I henhold til form og metode for opprettelse er bannere delt inn i grafikk og tekst.

• Bildeformat for bildeannonser - gif, jpeg, png. De kan være enten statiske når modulen bare er basert på ett bilde, eller dynamisk, dvs. flere bilder som erstatter hverandre. Deres viktigste fordel er enkelheten og bekvemmeligheten ved å lage dem. Men deres evner er dessverre begrenset av langsom belastning. Søkemotorer indekserer raskt både statiske og animerte publikasjoner, noe som har en ubestridelig fordel i prosessen med å markedsføre enhver ressurs.
• Tekstblokker er trivielle tekstblokker uten bilder eller animasjoner. Det ser selvfølgelig ikke veldig kreativt ut, men de lastes raskt og irriterer ikke brukeren.

Oftere kan du se en tekstgrafisk hybrid.

Beslektede formater

1. Søster til bannerannonsering er teaser. Den brukes til å drive trafikk til nettsteder med piratkopiert innhold, for å selge mirakel vekttap produkter, etc. For henne brukes et uvanlig og sjokkerende design alltid for å tiltrekke så mange mennesker som mulig, dette er noe som ligner den gule pressen.

Pop-up-blokker. Når du klikker på en annonsemodul, kan siden åpnes i et eget vindu over den som vises for øyeblikket - dette er den såkalte popup-vinduet eller under siden - pop-under. Betydningen av et slikt trekk er å vende den besøkendes oppmerksomhet mot deg selv, eller å tiltrekke, men etter å ha lukket siden av interesse. Dette kan være ganske irriterende, spesielt når du bruker lydeffekter.

Online-annonser kan se ut som pop-up-meldinger fra sosiale nettverk. De er plassert i nedre venstre eller høyre side av siden. Denne visningen tiltrekker seg gjennom kjent innhold, men manipulerer samtidig brukeren.

Annonser på toppen av siden. Ofte er det moduler på nettet som kan dekke halvparten av den lesbare siden - dette er flytebannere, de tilhører også rik media. Denne metoden gjør annonsen mer synlig på grunn av interaktivitet og gir en ganske høy klikkfrekvens. Men til tross for dette skader de nettstedet med sin besettelse.

Skapelsesteknologier

• Bruken av flash-teknologier er nå den mest populære og lar deg lage designet hva du vil.
• Søknadsprogrammer er skrevet i java og innebygd i HTML-dokumenter. For riktig visning av slike bannere i nettleservinduet kreves det spesielle plugins. Nå er de til stede i pakker med nesten hvilken som helst programvare for å jobbe på Internett. Slike moduler har ingen spesielle funksjonelle fordeler. Du kan redigere noen elementer, utføre de enkleste manipulasjonene med objekter, spore når brukeren klikker eller trykker på tastene på tastaturet, etc. Men det tar lang tid å laste dem, de kan ofte vises feil på grunn av manglende innstillinger.
  Slike gjenstander kan klassifiseres som såkalte rich media eller reklamemedier, som er preget av interaktivitet og attraktivitet for brukeren, men som er vanskelige å produsere.

Formål med bannere

Bannere kan deles i henhold til oppgavene som er satt før de ble opprettet:

• Mål... Poenget er å tiltrekke seg målgruppen, vekke ønsket om å klikke på annonsen og sikre overgangen til det markedsførte nettstedet.
• Informasjon... De har som mål å fortelle en potensiell klient om varer og tjenester som kan interessere ham. I tillegg kan de oppmuntre ønsket om å lære mer om disse produktene og til slutt kjøpe.
• Merket... De gjør merket gjenkjennelig og øker tilliten til det.
• Utvendig... De tar sikte på å bringe en bruker fra en ressurs til en annen.
• Innvendig... De hjelper deg med å flytte fra side til side allerede på ett nettsted.

Fordeler med bannerannonsering

• Denne typen kampanjer er egnet for både store og kjente organisasjoner, så vel som for unge, utviklende. Alle er like her
• Dette er en flott mulighet til å påvirke omdømme og merkevareimage. Nesten hver Internett-bruker vurderer visuelt eller ubevisst verktøyene som selskapet bruker for å markedsføre sine produkter.
• Det er mye billigere å lage, plassere og redigere en annonse på Internett enn å bestille en gateversjon.
• Du kan alltid velge et sted for plassering. Annonsøren kjenner målgruppen sin, dens sosiale, demografiske og geografiske egenskaper og setter de nødvendige parametrene, og tar hensyn til disse aspektene. Takket være dette er det bare potensielle kunder som ser annonsene hans. I Yandex viser for eksempel kontekstuell annonsering bannere som samsvarer med brukerforespørsler. Du kan lese om dette i artikkelen om ICD i Semantics-bloggen.
• Du kan alltid spore suksessen til en slik kampanjestrategi, og hvis de ønskede resultatene ikke oppnås, kan du endre kampanjestrategien.
• Du kan finne ut om suksessen til dine handlinger i nær fremtid. Resultatet avhenger av riktigheten av annonseinnstillingene, valget av sted for plassering og den visuelle utformingen av blokken.
• Og du kan også alltid fjerne unødvendige publikasjoner og gjøre endringer i eksisterende, legge til nye elementer og endre teksten.

Regler for arbeid med bannere

Den høye populariteten til bannere indikerer effektiviteten av bruken av dem. Men det er alltid muligheten for at besøkende blir likegyldige med effektene du bruker for å fange oppmerksomheten deres. For å forhindre at dette skjer, er det viktig å vurdere følgende punkter:

1. Definer målgruppen din.
2. Formulere mål og mål.
3. Tenk over designet.
4. Skriv en slik tekst av reklamebudskapet for å vekke interesse og ønske om å gå til ressursen.
5. Analyser bruken av dette verktøyet og trekk konklusjoner.
6. Gjør om nødvendig justeringer.

Hvis dataanalysen ikke er tilfredsstillende:

• Undersøk posisjonen til blokken på siden og dens design. Dette er nødvendig for å utelukke uvitenhet fra brukeren (bevisst eller ubevisst - den såkalte bannerblindheten).
• Spill med banneren fargevalg. Utforsk hvordan farger påvirker oppfatningen av informasjon.
• Prøv å plassere annonsen på et uvanlig sted på siden.
• Velg nettsteder der mengden reklame ikke vil tvinge brukeren til å forlate ressursen.

Hvor skal du plassere og hvordan du skal betale

Du kan betale for plasseringen av den publiserte varen på to måter:

1. Statisk - dette er når kostnaden blir beregnet fra leieperioden for et sted på nettstedet.
2. Dynamisk - når betalingen vil avhenge av antall klikk.

Kostnaden for plassering vil avhenge av flere faktorer: hvor du planlegger å plassere bannerannonsen din og hvem som vil se den på Internett.

• Prøv å forhandle med sideeieren. Dette vil bidra til å redusere leiekostnadene betydelig i motsetning til børsnotering. Det er alltid mulighet for å legge ut gratis online.
• Hvis du vil at annonsen din skal vises av brukere av Moskva eller St. Petersburg, må du være forberedt på å betale mer.
• Hvis en bedrift har mye konkurranse, vil kampanjen alltid være dyrere.
• Velg plassering på lang sikt, så får du mer trafikk.

Vi ser eksempler på bannerannonsering på nettet hele tiden, praktisk talt på alle informasjonsressurser. Hvis du får den rette tilnærmingen til utvikling og velger et kvalitetsplasseringssted, vil du raskt merke en økning i popularitet. Analyser alltid klikkfrekvensen på innleggene dine, og reager på endringer i tide.

Bannere er en av de vanligste formene for elektronisk annonsering for å øke online trafikk. Bannere er klikkbare bilder på websider som viser et produkt eller merke og fører til en annonsørs nettsted. De fleste selskaper bruker dem i en eller annen form, ettersom de er et tilgjengelig, målbart og effektivt medium for å øke merkevarebevisstheten.

Webbannerdesign innebærer oppretting av de mest klikkbare reklameobjektene. Det er et helt utløp av webdesign som fokuserer på å lage effektive bannerannonser.

1. Bruk de mest effektive standardstørrelsene

728 × 90 px - langt banner, Leaderboard,
300 × 600 px - halv sidebanner (halv side),
300 × 250 px - Medium rektangel,
336 × 280 px - Stort rektangel.

De vanligste bannerstørrelsene. Øverst - leaderboard, venstre - halvsidesbanner, høyre - mellomstore og store rektangler

2. Plasser bannere riktig

Kjøp plass på siden ovenfor (Above The Fold) nær hovedinnholdet på siden, så vil designet ditt være synlig for alle.

3. Opprettholde hierarki

I bannerannonser er det viktig å stole på balanse i hver annonse, så hold øye med hierarkiet. Effektive bannere øker merkevarebevisstheten og fører trafikk til nettstedet ditt. De inneholder tre hovedkomponenter:

1. - fremmer bevissthet. Bør være visuelt dominerende, men litt mindre enn et verdiproposisjon eller oppfordring til handling.

2. (Value Proposition) - forklarer hvilket produkt / tjeneste du tilbyr og vekker oppmerksomhet med fristende tilbud og priser. Vanligvis vil du se setninger som "høy kvalitet", "50% avslag" og "begrenset tidskampanje". Dette elementet opptar hovedrommet, og det er det seerne først og fremst skal legge merke til.

3. A (Call to Action, CTA) er en tekst eller knapp som inviterer brukere til å klikke på den. Vanligvis skriver de noe som "Lær mer", "Vis" eller "Kom i gang". Samtalen skal være fokus for annonsen.

4. Hold det enkelt

Hold de grafiske elementene og innholdet enkelt, men minneverdig: mest sannsynlig vil besøkende bare se på banneret en gang - og dette utseendet varer ikke mer enn et sekund.

5. Implementere knapper med omhu

Knapper øker klikkfrekvensen (CTR) for annonsen din. Plasser dem etter teksten, nærmere nedre høyre hjørne. Bruk en kontrastfarge og ikke glem smaken! Knappene skal ha en jevn design gjennom hele annonsesettet.

6. Ramm inn bannerne

Øynene våre fokuserer umiddelbart på gjenstandene i rammen. Effektive bannere bruker skarpe kanter og grafikk som strekker seg utenfor kantene på torget. Hvis bakgrunnen for annonsen er hvit, tegnes vanligvis en grå ramme med en piksel rundt den.

7. Gjør tekst umiddelbart lesbar

Overskriften og brødteksten skal ha forskjellige størrelser. All tekst bør ikke overstige fire linjer:

Det anbefales ikke å bruke kursive eller håndskrevne skrifttyper, veldig tynn skrift, bare skrive tekst med store bokstaver, eller bruke en skrift mindre enn 10 pt (med mindre dette er en erklæring om begrenset ansvar eller merknad om copyright).

8. Bruk animasjon

Animerte bannere har en tendens til å prestere bedre enn statiske, men sørg for at de ikke distraherer fra hovedbudskapet i annonsen:

Bruk en enkel animasjon som varer ikke mer enn 15 sekunder og ikke går mer enn tre ganger. Det er en god ide å gjøre den siste rammen til en klar oppfordring til handling.

9. Utfyll organisk ved å skille seg ut

10. Koble til merkevaren

11. Gi en følelse av haster

Den visuelle hastigheten er skapt av dristige kontrasterende farger. Bannere skal ikke være beskjedne og iøynefallende.

12. Velg visuelle medier med omhu

Grafikk og fotografier må være relevante for produktet. Målet deres er å bedre formidle budskapet. Ingen abstraksjoner. Har du ikke råd til profesjonelle fotografer og modeller? Betale for. Du kan finne originale illustrasjoner eller bestille grafikk fra en designer.

Bilder er ikke påkrevd i det hele tatt. Faglig skrevet tekst og god typografi vil skape en lignende effekt.

13. Gi preferanse til matchende farger

Hver farge. Det er viktig å tenke på hvilken type følelser du vekker hos publikum, for farger er det første folk legger merke til i et design.

Vitenskapen om farge er subjektiv og farger har forskjellige assosiasjoner i forskjellige kulturer. Undersøk målgruppen din før du velger nyanser. Her er eksempler på følelser fremkalt av forskjellige farger hos vestlige:

• rød - lidenskap, raseri, spenning og kjærlighet. En kraftig farge som tiltrekker seg mange, men den brukes best med forsiktighet. Unngå rødt hvis du sikter mot et klassisk, modent, seriøst utseende.
• oransje - lekenhet og entusiasme. I motsetning til aggressiv rød, er oransje energisk. Et utmerket valg for en call to action-knapp.
• Gul - glede, solskinn, vennlighet. Gul tiltrekker øyet og utstråler energi, skaper en følelse av ungdom og overkommelig pris.
• Grønn - helse, friskhet, rikdom, miljø, vekst, omsorg og å starte noe nytt. Øynene våre gleder oss over å se på ham.

• Blå - sikkerhet, tillit, klarhet, modenhet, ro, intelligens, formalitet, rekreasjon, kulde og maskulinitet. Denne fargen er tilstede i mer enn halvparten av alle logoer i verden.
• Lilla - luksus, storhet, ekstravaganse, visdom, magi, femininitet og kreativitet. Virker beroligende på seerne.
• Rosa - kjærlighet, sympati, kvinnelighet, ungdom og barn. Vanligvis er rosa assosiert med noe feminint, men alt avhenger av tonen og lysstyrken.
• Det svarte - eksklusivitet, mystikk, modernitet, kraft, prestisje, luksus og formalitet. Tradisjonelle valg, spesielt svart tekst på hvit bakgrunn, er de mest lesbare fargekombinasjonene.

• Hvit - jomfruelighet, renhet, modernitet, sterilitet, enkelhet, ærlighet og uskyld. Skaper en følelse av økonomisk rettferdighet og ungdommelighet.
• brun - natur, tre, lær, alvor, maskulinitet, stahet / seighet og beskjedenhet. Brun skaper en balanse mellom sterkere farger og fungerer derfor godt som bakgrunn.
• Grå - nøytralitet og praktisk. Når den brukes som bakgrunn, forbedrer den andre farger.

14. Hold filstørrelsene små

Mindre er bedre - mindre enn 150 kB som anbefalt av Google Adwords. Du vil at annonsen din skal lastes raskt, ellers vil besøkende bla nedover siden uten å legge merke til det.

15. Bruk riktige filformater

JPG, PNG, GIF eller HTML5 er de å jobbe med. Vanligvis lager designere grafikk i Adobe Illustrator eller Photoshop og får filer i JPG, PNG eller GIF, eller de bruker Google Web Designer eller Adobe Animate og sender ut HTML5.

Konklusjon

Så det er alt. Vi har listet opp de grunnleggende reglene slik at du er klar til å lage bannere av høy kvalitet. Hvis du ikke er en profesjonell designer (eller er opptatt med å markedsføre en bedrift), er det bedre å ansette en kreativ spesialist som vil lage den perfekte klikkbare annonsen akkurat for deg.

Ta også vare på hvor brukeren går etter å ha klikket på banneret. En ideell strategi ser vanligvis slik ut:

Tilbud i form av et banner → gå til destinasjonssiden → abonner på nyhetsbrevet → Lead Nurturing

Ja, selvfølgelig kan du sende brukeren til sidene med faktiske produkter, dvs. produktets destinasjonssider i butikken - ikke nødvendigvis til siden med abonnement - men dette er ditt valg.

Du kan opprette en destinasjonsside for å matche banneret ditt i vår. Ta utgangspunkt eller start fra et blankt ark - redaktøren er tilgjengelig for både nybegynnere og profesjonelle.

I dag vil jeg fortelle deg hvordan jeg lager et banner eller hvilket som helst bilde i meldinger som kan klikkes. Dette kan gjøres på to måter. Den første måten er å bruke kode

lenke adresse " target \u003d "_blank"\u003e bildeadresse " />