Dicas Úteis

Como fazer um banner para o site

Pin
Send
Share
Send
Send


15 de fevereiro de 2018. Publicado em seções: marketing na Internet para iniciantes. 5113

Como regra geral, qualquer projeto da web é criado para ganhar dinheiro com isso. Caso contrário, todas as atividades na Internet perdem seu significado. Uma das maneiras de ganhar dinheiro é anunciar em seu site. Um anunciante desenvolve e coloca seu anúncio no recurso da Web de outra pessoa por uma taxa para promover um produto ou serviço.

Um pouco de história

Pela primeira vez, um banner da Internet foi lançado em 1994: migrou para a Web a partir da mídia impressa. No futuro, essa técnica de marketing começou a se desenvolver: páginas inteiras foram criadas, cheias de cima para baixo com publicidade agressiva. Com o tempo, o visitante se acostumou a não prestar atenção à sua abundância - a superlotação de sites com publicidade passou a ser considerada de mau gosto.

Como funciona um banner de publicidade em um site?

Novos clientes e compradores

Neste caso, é importante não o número de pessoas que passaram por cima, mas a qualidade do público-alvo. Por exemplo, uma loja online de lenços de baixo precisa não apenas de visitantes curiosos, mas também de compradores. E é mais lógico anunciar em projetos da Web para mulheres, fóruns e recursos de notícias. Xales serão especialmente exigidos no inverno e antes das férias. Portanto, a sazonalidade da publicidade gráfica nesse caso é o período outono-inverno.

Crescimento do tráfego

Às vezes, os recursos da web trocam materiais de exibição temáticos para atrair novos visitantes. O administrador pode colocar banners com links para as páginas de seu próprio site. Isso é feito para capturar a atenção do visitante para qualquer texto importante.

Os benefícios desta técnica de marketing

  1. O preço de criação e colocação de banners é muito menor do que o custo da rolagem de um videoclipe na TV.
  2. Não requer uma equipe enorme para criar material.
  3. Ajustes para o público-alvo, mudanças fáceis para a campanha publicitária.
  4. Banner (exibição) publicidade + segmentação (visando um público-alvo específico) é uma das técnicas mais eficazes de marketing.

Por formatos

  • Imagem estática simples em gráficos raster (JPG, GIF, PNG, etc.).
  • Animação GIF - desenhos sucessivos em gráficos raster.
  • Animação em Flash - gráficos vetoriais são aplicados, suave mudança de elementos, efeitos interessantes, som pode ser sobreposto.

Imagens muito “pesadas” retardam significativamente o carregamento de uma página da Web, o que afeta negativamente o comportamento dos visitantes e a confiança dos mecanismos de pesquisa. As animações GIF e Flash são mais pesadas que as imagens estáticas, portanto, não é recomendável saturar demais a página com esses materiais de exibição. Mas na imagem estática “light”, os visitantes quase não prestam atenção e não clicam nele, considerando a imagem como um dos elementos coloridos da página.

Por tamanho

O tamanho do banner para o site pode ser qualquer. O principal é que se encaixe dinamicamente no design, não seja intrusivo. Se um usuário da Internet tiver um filtro para exibir anúncios, insira uma imagem stub especial de tamanho semelhante. Mas existem tamanhos padrão em pixels, que discutiremos abaixo.

  • 728 x 90 - "Hall of Fame".
  • 468x60 - "Horizontal".
  • 336x280, 300x250, 300x600, 240x400, 180x50 - “Retangular”.
  • 300x600, 120x240 - “Vertical”.
  • 120 x 600, 160 x 600 - "arranha-céu".
  • 250 x 250 - "Quadrado".
  • 125x125, 120x90, 120x60 - "Botões".
  • 88x31 - a tira.

Quase todos os tamanhos acima estão disponíveis para colocação em Yandex.Direct e Google Adwords.

Sinais de um banner de internet de qualidade

  1. Botas rápido. O usuário não precisa esperar muito.
  2. Atrai atenção. O importante não é a saturação de cores ou a variedade de quadros. A imagem deve estimular o visitante a familiarizar-se com o material.
  3. O original. A Internet está cheia de imagens semelhantes. Portanto, é importante interessar o usuário sofisticado com seus T & U.
  4. Estimula uma compra (conclua uma ação). Este é o objetivo principal de qualquer promoção.
  5. É credível. É especialmente importante para uma empresa pouco conhecida. Ao desenvolver isto é necessário considerar a psicologia de cores e frases.

Onde o bloco de anúncios deve ser colocado

A colocação e tamanho da mídia também são importantes.

  • Quanto maior a imagem, maior a probabilidade de clicar nela.
  • O melhor tamanho de bloco é de 240x400.
  • No canto superior esquerdo e no cabeçalho do website, é onde o olhar do visitante começa a deslizar pela página.
  • O topo do site é o lugar mais efetivo.
    Os blocos de animação atraem a atenção, mesmo se forem colocados bem no fundo.

Esquemas de cores e textos - recomendações importantes

  • Vermelho é a cor da determinação, motivação. Mas sua superabundância pode causar agressão ao TiU. Suas tonalidades (roxo, bordô, rosa) são menos agressivas, mas também aplicadas com sucesso. Vermelho combinado com preto permite enfatizar a importância de algo.
  • Laranja é um bom humor, uma motivação para a ação. É considerado o mais eficaz em publicidade, mas pouco adequado para o fundo.
  • Amarelo - uma alegria, sintonia para a sociabilidade, vai bem com o preto.
  • Verde - frescor, tom, saúde. Perfeito para o fundo, é usado com mais freqüência em TIU médica.
  • Azul - paz e ternura.
  • Violeta é o mistério e a solenidade de um evento. Enfatiza a originalidade da TiU.
  • O cinza é a cor mais moderada, não causa rejeição em ninguém.
  • Branco é pureza. Se um banner não agressivo tiver um fundo branco, ele não causará emoções.
  • Preto - não é adequado para o fundo, mas indispensável como a cor da fonte.

Regras de envio de texto

A imagem só “chama a atenção”. O texto é importante no bloco de mídia, portanto, lembre-se das seguintes recomendações:

  • Estenda a mão para o seu público-alvo.
  • Invente uma manchete interessante.
  • O texto deve sugerir soluções para o problema.
  • Ele deve intrigar, despertar a curiosidade.
  • Deve descrever um enredo interessante, como em qualquer comercial.
  • Deve ter uma conexão com os gráficos nos quadros.
  • As palavras "Login" ou "Push" solicitam ação.
  • A palavra "livre" intriga todos.
  • O texto deve ocupar até 20% do espaço do retângulo.
  • Qualquer número é credível.

Diretrizes gerais de design

  • Se você tem um logotipo - não se esqueça disso.
  • O design da fonte na forma de texto azul sublinhado solicita que o usuário clique no link.
  • Use elementos de design do Windows - eles clicam nesses banners com mais frequência.
  • Não use piscando, assim como fundos pretos ou vermelhos.
  • Alterar imagens não deve ser muito rápido. Uma pessoa precisa entender sua mensagem.
  • Se o fundo do retângulo for branco, circule-o com um quadro.
  • Esqueça o itálico, letras pequenas e palavras escritas em letras maiúsculas chamativas.
  • O material publicitário deve repetir o estilo do projeto da Internet anunciado.
  • O contexto erótico sempre aumenta a clicabilidade (não aplicável a todos os anunciantes).
  • Imagens de pessoas atraem atenção.
  • Crie no máximo 4 quadros em um bloco animado.
  • O tempo total de rolagem da animação não é maior que 5-6 segundos.
  • Se um anúncio de mídia aparecer e for imposto, o usuário o fechará.
  • O material publicitário deve levar a uma página que revele mais completamente sua essência.

Programas para criar banners para o site

Dependendo do formato, o software apropriado é usado para criar o material. Se qualquer editor gráfico é adequado para o desenvolvimento de estática, então é necessário um software especializado para desenvolver a animação.

  • ADOBE PHOTOSHOP - pago. O editor gráfico mais poderoso. Suporta muitos formatos, ferramentas, permite-lhe utilizar diferentes efeitos especiais e obter imagens de alta qualidade.
  • GIF ANIMADOR FÁCIL - pago. Dá formato GIF ou AVI, permite que você trabalhe com animação e estática. Belos efeitos são fornecidos, mudança de quadro, tem um grande conjunto de ferramentas. 20 descobertas estão disponíveis para um aplicativo de teste gratuito.
  • BANNER MAKER PRO - pago. Interface clara, funções simples, todos os tamanhos de materiais criados, alta qualidade de produtos acabados.
  • ARTWEAVER - shareware. O programa russo, um editor gráfico, possui muitas ferramentas para processamento de imagens. Você pode trabalhar com um conjunto básico de funções gratuitamente.
  • ULEAD GIF ANIMATOR - shareware. Mais de 15 plugins, storyboard conveniente, sincronização com o Photoshop, economizando em vários formatos. Você pode salvar o material em HTML.
    ADOBE FLASH CS5 PROFESSIONAL - shareware. Um poderoso programa para desenvolver animações FLASH. Possui funcionalidades incorporadas para a produção de clipes FLASH, centenas de plug-ins, animação ao vivo, adição de música, suporte ao formato FLA. Tem um período de teste de 1 mês, você pode encontrar gratuitamente versões hackeadas na Internet.
  • O GOOGLE WEB DESIGNER é um serviço gratuito do Google. Uma interface complicada, um pequeno número de efeitos, mas muitas dicas em russo.
  • O GIMP é gratuito. Analog gratuito de "Photoshop". Funcionalmente inferior ao seu antecessor, mas o custo zero inclina a balança em favor do GIMP.
  • O PAINT-NET é gratuito. Funciona apenas com estática, nada mais, muitos recursos, interface fácil.
  • AURORA 3D-ANIMATION - shareware. Da estática para o FLASH. Um monte de modelos, uma interface simples, afinar a mudança de quadro, suporta o formato SWF.
  • SOTHIK SWF - grátis. Permite que você crie FLASH, tenha muitos modelos e imagens prontos.
  • EASY BANNER - grátis. Software para iniciantes em design, trabalha com estática e animação, há uma impressionante seleção de planos de fundo e imagens padrão.
  • ALEO FLASH INTRO BANNER - sem pagamento. Funciona com FLASH, animação GIF e estática, muitos sons de modelo, animações prontas, fontes. Interface simples
  • ATANI é grátis. Funciona com o formato GIF. O kit de ferramentas é muito simples e direto.
  • BANNER FANS - um serviço online, sem pagamento. Muitas configurações e recursos úteis. Permite desenhar materiais de mídia estática, você pode criar um banner on-line para o site.
  • ANNERS NACK - um serviço online, sem pagamento. Princípio extremamente simples de trabalho, existem modelos prontos. O usuário pode selecionar facilmente a opção pronta apropriada e fazer seus próprios ajustes.

A qualidade de um banner da Internet é determinada não pela aparência, mas pela sua capacidade de clicagem. A publicidade pode ser imperfeita, mas se as pessoas passarem para o seu site - significa que você fez tudo certo!

O que são banners

Um banner na Internet significa uma imagem publicitária retangular com conteúdo estático ou dinâmico (animado). Um banner pode incluir texto e desenho gráfico. O banner geralmente é fornecido com um link que é ativado após clicar nele com o botão do mouse.

  • Banners estáticos - consistem em uma imagem estática. São imagens no formato JPEG ou PNG. Eles são caracterizados por baixo peso, o que não afeta a velocidade de carregamento da página.
  • Banners animados - Animação criada usando GIF. Consiste em várias imagens substituindo-se por uma dada frequência. O peso do banner depende do número de imagens usadas nele.
  • Flash - neste banner, a animação é baseada no Flash. Ela pode responder às ações do usuário.

Conteúdo interativo pode ser apresentado na forma de um jogo ou questionário com a adição de som. Desenhos para animação são criados usando gráficos vetoriais.

Existem muitos tamanhos diferentes de banners para o site. Mas os mais populares deles são:

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

Sinais de um banner efetivo

A eficácia do banner de publicidade publicado no site não depende apenas da popularidade do site. Em maior medida, sua eficácia depende do nível de implementação do próprio anúncio. Um banner de qualidade deve atender a vários critérios principais:

  • Atrair a atenção do usuário - mas isso não significa que o banner deve estar muito claro e piscando. Tal publicidade causará a irritação do visitante, não a atenção. O conteúdo do banner deve, discretamente, “sugerir” ao usuário sobre sua presença. Portanto, ao selecionar uma imagem e texto para ela, o fator psicológico deve sempre ser levado em conta,
  • Despertar interesse - banners para o site devem despertar o interesse do usuário no objeto da publicidade. Um produto ou serviço deve ser servido não apenas com sabor, mas também original. O uso de inteligência leve e humor é encorajado:

  • A motivação para clicar no link da faixa é conseguida através do efeito de algum mistério e eufemismo,
    aninhado no conteúdo do banner.
  • A motivação para encomendar um serviço ou compra - em primeiro lugar, depende do conteúdo da publicidade em banners. Deve mostrar os melhores aspectos do objeto de publicidade ou os benefícios que o usuário pode obter de sua aquisição.
  • Se o banner for projetado para aumentar a notoriedade da marca e aumentar sua imagem, o conteúdo da propaganda deve inspirar uma sensação de confiança no consumidor. Mas não cause associações negativas.

Padrões a considerar antes de colocar um banner no site:

  • Quanto maior o banner, maior a probabilidade de o usuário clicar nele. O tamanho mais efetivo é considerado de 240 por 400 pixels,
  • O banner colocado no topo (no cabeçalho) tem o maior efeito. Também pode ser colocado na parte lateral ou inferior da página, mas o desempenho aqui é um pouco menor,
  • Banners animados são capazes de atrair rapidamente a atenção do usuário - intuitivamente, o olho humano responde ao movimento.

Criação e colocação de um banner de publicidade

Antes de inserir um banner no site, você precisa decidir o local de seu canal. Nesse caso, você deve levar em conta o tamanho do banner e o espaço disponível nas páginas. Tendo decidido a localização do bloco de anúncios, você pode incorporar o código do banner na página html.

O código da maioria dos banners corresponde ao modelo:

  • um href = "/ link para o site do anunciante" - o endereço do recurso para o qual o usuário clicará no banner,
  • title = "title" - o texto exibido na dica ao passar o mouse sobre a área do banner,
  • target = "_ blank" - define as regras para exibir o site do anunciante depois de clicar no link do banner ("_blank" - abre em uma nova janela),
  • rel = "nofollow" - proíbe os mecanismos de pesquisa de processar esse link,
  • img src = "https://www.internet-technologies.ru/wp-content/uploads/path para imagem" - define o caminho para a imagem exibida no banner,
  • alt = "texto alternativo" - o texto que será exibido no banner se a imagem não estiver carregada.

Mas não é necessário desenvolver uma faixa você mesmo. Para fazer isso, você pode usar geradores on-line especiais. Para gerar um código de banner em tal serviço, você precisa preencher vários campos e clicar no botão:

  • Desenvolvimento de uma faixa regular GIF - a partir de $ 25,
  • Criando um banner baseado em Flash - $ 70-150,
  • Redimensionar - aproximadamente 50% do preço inicial.

Mas se você é um pouco complicado, então você pode criar um banner simples por conta própria. Aqui está um milagre depois de dez minutos de manipulação com o código html e a imagem no Coreldraw:

Se você fizer uma pequena fantasia com o código e adicionar alguns manipuladores de eventos, você terá um banner com uma imagem em mudança. A imagem no banner muda enquanto você passa o mouse sobre ela.

Veja o que aconteceu:

Criando banners animados e de vídeo

Vejamos um exemplo de como criar uma faixa animada usando o programa Ulead GIF Animator.

No menu Arquivo, selecione o item do Assistente de Animação. Na janela exibida, defina o tamanho do banner futuro. Na próxima etapa, carregue imagens preparadas:

O Ulead GIF Animator permite que você salve o banner criado em diferentes formatos. Incluindo como o vídeo:

Como fazer um banner online:

  1. Abra o Canva e escolha seu modelo de banner favorito - um dos milhares disponíveis.
  2. Adicione suas fotos ou selecione no catálogo interno. Ajuste as cores, insira etiquetas, botões de apelo à ação e outros elementos.
  3. Baixe o banner e coloque em sua página.

Coloque todos os elementos no programa para criar banners

Você trabalhou duro para ter sucesso. Chegou o momento de contar sua história para o mundo todo. Agora os lindos banners que você observou em outros recursos se tornam sua realidade.

E a principal novidade é que o design do banner não será simplesmente copiado do de outra pessoa: ele contém sua visão e detalhes que são reconhecíveis à primeira vista. Envolva suas ilustrações e logotipos, carregando-os no cofre e arrastando-os para o layout. E então desperte em si mesmo um verdadeiro artista! O Canva permitirá que você altere os arquivos de mídia, escolhendo para eles os tons que correspondem ao seu plano.

Pegue o banner de tamanho perfeito

Concentre-se no seu projeto e no que você sabe e pode fazer. E esqueça que as capas do Facebook devem ter 851 x 315 pixels e tamanhos de banner padrão no Twitter devem ser de 1.500 x 500.

Com o designer do Canva, você pode criar um banner on-line para qualquer plataforma e salvar instantaneamente imagens de alta resolução no formato desejado: JPEG, PNG ou PDF.

Veja como o marketing na Internet se tornou conveniente

Um banner em um site é a primeira coisa que as pessoas veem quando entram nele. Portanto, uma boa impressão no início é muito importante. И никакая раскрутка сайта не нужна, когда на него хочется зайти снова: оригинальность – лучшая реклама!

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

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

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

Для работы в интернете очень часто требуются познания в области дизайна. É mais fácil para quem usa o Photoshop com "Você". Mas e o resto? A resposta correta é aprender. Mas aprender a arte de trabalhar com o Photoshop em um dia não funcionará, e imagens e imagens são necessárias hoje em dia.

Existe outra opção - encomendar este trabalho a um profissional. Mas o profissional deve receber instruções claras sobre qual deve ser o resultado. Para descobrir quais devem ser os termos de referência para o designer, a primeira vez que você mesmo terá que entrar brevemente nessa área desconhecida.

Assista ao vídeo: Como fazer Banner no Photoshop Online (Outubro 2020).

Pin
Send
Share
Send
Send