Dimensões do banner do Facebook e práticas recomendadas para fotos de capa
Publicados: 2019-07-10Você está tendo problemas com as dimensões dos banners do Facebook? O seu banner ou foto de capa não está certo? Estamos protegendo você.
Sua foto de capa do Facebook diz muito sobre sua marca. Para um negócio prosperar online e ter uma presença social, ele precisa de uma página do Facebook com boa aparência. Não importa se é um restaurante local de bairro ou um conglomerado internacional. Sua página do Facebook precisa parecer convidativa e reconhecível quando um cliente a visita e a primeira coisa que ele vê é a foto da capa ou o banner no topo. Fazer com que o banner tenha uma aparência perfeita exige um pouco de trabalho e o tipo certo de atitude.
Se você já criou seu próprio banner ou foto de capa do Facebook, deve ter notado que eles não têm a mesma aparência no desktop e no celular. As laterais são cortadas no celular, levando imagens ou palavras importantes com ele. Neste artigo, veremos as práticas recomendadas para obter sempre a foto de capa perfeita do Facebook. Além disso, veremos erros a evitar e coisas a nunca esquecer ao projetar seu banner do Facebook.
Dimensões do banner do Facebook para um ajuste perfeito
A coisa mais importante a lembrar ao criar um banner ou foto de capa do Facebook é a maneira como o tamanho muda do celular para o desktop. Na imagem abaixo, você pode ver diferentes seções em torno do espaço principal, chamadas de “ÁREA SEGURA”. É nesta área que todas as informações importantes devem ser colocadas, para que apareçam tanto no desktop quanto no celular.
O tamanho oficial de um banner ou foto de capa do Facebook é 820 px por 360 px. Se você já criou um antes, deve ter notado que, às vezes, o Facebook faz com que sua imagem perfeita pareça embaçada. É por isso que gostamos de usar um gráfico maior com a mesma proporção. A proporção de um gráfico de 820 x 360 pixels é de 2,28, portanto, para ter certeza de que parece perfeito ao fazer upload, você pode criá-lo com 1230 x 540 pixels.
Baixe o modelo abaixo para Adobe Illustrator (AI) ou Photoshop (PSD). Coloque sua imagem ou desenho na camada que diz “Insira seu desenho aqui” e torne todas as camadas superiores invisíveis antes de exportar a imagem como um arquivo da web.
Download de graça
Junte-se ao Elegant Themes Newsletter para obter esse download gratuito, bem como notificações quando publicarmos novos conteúdos e recursos para Divi, WordPress, Negócios e Marketing. Se você já está inscrito, basta digitar seu endereço de e-mail abaixo de qualquer maneira para revelar o botão de download. Você não será inscrito em nossa lista duas vezes nem receberá e-mails extras.
Você se inscreveu com sucesso!
Erros comuns a evitar
É fácil cometer erros bobos ao criar um banner do Facebook. Infelizmente, esses erros aparentemente pequenos podem realmente fazer a diferença quando se trata de como as pessoas reagem à sua foto de capa do Facebook. Vejamos alguns dos erros mais comuns que você deve evitar ao criar um banner do Facebook ou uma foto de capa para sua empresa.
Muito Texto
A velha regra de “não mais que 20% do texto” não é mais uma regra aplicada nas fotos de capa do Facebook. No entanto, você ainda deve tentar manter o texto no mínimo. Esteja atento ao número de palavras que você usa, mas principalmente à quantidade de espaço que elas ocupam na Área de Segurança. Use apenas as palavras absolutamente necessárias para enviar uma mensagem.
Muita desordem
Assim como você pode preencher o espaço por engano com muito texto, isso também pode acontecer com uma combinação de texto e recursos visuais. Evite deixar sua foto de capa do Facebook muito confusa. Não há necessidade de colocar um monte de coisas no seu banner do Facebook, ele só precisa ter uma boa aparência. Se você estiver promovendo uma venda ou oferta específica, adicione apenas as informações mais importantes e deixe o botão CTA fazer o resto do trabalho.
Combinação de cores desagradáveis
Combinações de cores feias são repelentes visuais instantâneos. Tente não usar cores aleatórias nos gráficos de sua foto de capa do Facebook. Sua melhor aposta é usar as cores da sua marca ou encontrar algumas paletas de cores atraentes no Colorhunt. Simplesmente copie e cole os códigos hexadecimais da paleta de cores que você escolheu para seus editores gráficos. Se você estiver usando uma fotografia, experimente algumas cores da imagem para colorir o texto. Para banners do Facebook com visual gráfico, use no máximo três ou quatro cores por vez.
Muito pouco, muito tarde
Outro erro terrível é mudar o banner do feriado na hora errada. Uma boa regra prática é alterar sua foto de capa do Facebook com o tema do feriado uma duas semanas antes do feriado real. Se você vende produtos on-line, deve estar especialmente atento aos feriados que se aproximam, para que possa promover suas vendas com tempo suficiente.
Melhores práticas para sua marca
Agora que vimos os erros mais comuns que você deve evitar a todo custo, é hora de ver o que você deve sempre fazer. Contanto que você siga certos parâmetros, sua foto de capa do Facebook funcionará para você e sua marca.
Fique na marca com cores, fontes e mensagens
Como marca, é sua responsabilidade permanecer consistente desde a web até as mídias sociais e muito mais. O guia de estilo de sua marca deve ser o primeiro ponto de referência ao criar um novo banner ou foto de capa do Facebook. Use as cores e fontes de sua marca. Mantenha a mensagem e a sensação de sua marca a todo custo. Pegue uma dica da página da Nike no Facebook, eles visualizam sua marca com o slogan de sua marca registrada; Apenas faça.
Use um ponto focal para chamar a atenção para o botão da página CTA
Antes de examinarmos a adição de um ponto focal para o botão Página, vamos ter certeza de que você sabe o que é. Embaixo do banner está o botão da sua página de CTA confiável. Você pode alterá-lo de acordo com o que deseja fazer, de 'comprar agora' a 'aprender mais' e várias outras opções. Se você ainda não personalizou esse botão, ele mostrará 'Adicionar botão de página'. Clique nele para adicionar a opção que melhor se adapta à sua empresa.
Para personalizar um botão de página de CTA existente, passe o mouse sobre ele e um pequeno lápis de edição aparecerá. Clique no lápis e escolha 'botão de edição'.
Agora que você conhece o poder deste pequeno botão, é hora de chamar a atenção para ele. Adicione algo no canto inferior direito que chamará a atenção do espectador. O pessoal da Superfly adicionou um retângulo preto com o URL do site logo acima dos botões. Eles não esperam que você copie esse URL e cole no seu navegador! Você só precisa clicar no botão Comprar agora. Você pode atingir um ponto focal para o botão de diferentes maneiras, com fotografia, gráficos e até mesmo setas!
Use imagens de alta qualidade para as quais você tem direitos
Sempre use a fotografia da qual você tem direito de uso. Não apenas segue as diretrizes do Facebook, mas também faz parte do bom senso. Não use imagens que você encontrou online e simplesmente colou em seu banner, isso pode te colocar em apuros! Use banco de imagens pela qual você pagou ou imagens de banco de imagens gratuitas de sites como o Unsplash. Melhor ainda, use suas próprias fotografias de seus próprios produtos! O banner da Pepsi no Facebook abaixo é um ótimo exemplo.
Tente usar um vídeo em vez de uma foto ou imagem
Por que não tentar um vídeo em vez de uma imagem? O processo de upload de um vídeo para o seu banner é o mesmo que adicionar uma imagem, basta seguir as mesmas orientações de tamanho. Certifique-se de que todos os movimentos importantes no vídeo estejam dentro da 'Área de Segurança' e estejam prontos para serem executados.
Adicione uma descrição com links e fixe uma imagem relevante no topo da sua página
Por último, mas não menos importante, ao carregar uma nova foto de capa ou banner do Facebook, sempre adicione uma descrição com links relevantes. Isso não será óbvio à primeira vista, mas quando alguém clicar na imagem, poderá ver todas as informações que você adicionou. Por exemplo, o banner atual da Starbucks é sobre a Fundação Born This Way e, ao clicar no banner, você verá todos os links e tags relacionados a ele.
Da mesma forma, a Starbucks também tem uma imagem fixada no topo da página que fornece muito mais informações sobre a base de um GIF animado. O que essa técnica faz é criar um efeito de escala total para sua página do Facebook. Quando alguém pousa nele, eles podem ver seus três elementos visuais importantes; o logotipo, a foto da capa e a imagem fixada. Se tudo estiver otimizado, junto com o botão da página, eles têm muitas opções para interagir.
Conclusão
Ter uma página do Facebook otimizada hoje em dia não é tão difícil. Use o modelo de dimensões do banner do Facebook acima para ajudá-lo a criar a foto de capa perfeita. Evite erros comuns e siga as práticas recomendadas para criar um banner do Facebook, e você terá uma bela foto de capa em um piscar de olhos! Lembre-se de personalizar o botão da página e não se esqueça de enviar seu gráfico com uma descrição relevante.