Como criar ótimas imagens de blog (dicas, ferramentas e muito mais)

Qual é a diferença entre um bom post de blog e um ruim? Mais frequentemente do que qualquer outra coisa, a resposta é imagens. As imagens são essenciais, mesmo que não pareçam. Afinal, ninguém comenta nas postagens do seu blog dizendo "boas fotos!" Mas:

• Tweets com foco em imagens recebem 35% mais retuítes.
• As postagens de imagens do Facebook obtêm muito mais exposição e 87% das principais postagens da rede são postagens de imagens.
• Pesquisas indicaram que uma imagem memorável torna uma postagem muito mais fácil de lembrar mais tarde.

Essas estatísticas vêm da Orbit Media, mas tenho visto informações semelhantes em toda a web há anos. Os números podem mudar um pouco de ano para ano, à medida que os algoritmos se ajustam a quaisquer travessuras que os profissionais de marketing estejam tentando fazer, mas o fato permanece o mesmo. As pessoas são, em geral, atraídas por fotos brilhantes e atraentes mais do que qualquer coisa.

Sou um profissional de marketing, totalmente ciente dos truques, e até mesmo ocasionalmente cliquei em postagens apenas porque a imagem era estranha e queria ver para que ela servia.

(Eu diria que 99% das vezes, "fazer você clicar" é o objetivo, e a imagem não é necessariamente valiosa para o post, mas isso é outra história.)

Então, o que você pode fazer para criar imagens melhores?

Tenho dicas para você, recomendações de ferramentas e muito mais.

Sobre o banco de imagens

Então, banco de imagens. Estes são os elefantes na sala que temos que discutir. Você deve ter notado que escrevi um guia sobre sites que você pode usar para encontrar fotos de banco de imagens, mas também que muitos dos meus guias de blogs dizem para você ficar longe de imagens de banco de imagens. Então, qual é o problema? É um pouco mais complexo do que parece.

Primeiro, vamos falar sobre as razões pelas quais você não deve usar fotos de banco de imagens.

Eles não são necessariamente únicos . Você conhece a velha piada da sitcom sobre aparecer em uma festa com a mesma roupa que outra pessoa?

"Bem, um de nós vai ter que se trocar."

Como você se sentiria se compartilhasse sua postagem no Facebook, apenas para descobrir que a imagem em destaque que você usou é a mesma que outra pessoa usou?

Embora isso não seja necessariamente um problema, significa que você perde muito valor exclusivo que obteria de outra forma. Mais importante, porém, vale a pena mencionar algumas preocupações potenciais de SEO.

Atualmente, a Pesquisa de imagens do Google é uma excelente fonte de tráfego, embora seja muito mais difícil segmentar. O melhor que você geralmente pode fazer é enviar uma imagem exclusiva, adicionar texto alternativo e palavras-chave muito descritivas e esperar que ela seja bem classificada. Uma foto de estoque, no entanto? Não só a sua versão não é a única versão, mas duas dúzias de sites de fotos também a terão visível, e há uma boa chance de que todos eles superem você.

Há também a teoria de que o Google está penalizando imagens duplicadas como penalizam conteúdo duplicado - ou, no mínimo, que é um fator de classificação ou que se tornará um no futuro. Faz sentido; sites que copiam artigos não devem superar o conteúdo exclusivo, então por que não deveria ser o mesmo para imagens? Por que não seria um fator de qualidade? Alimento para o pensamento.

Você precisa licenciá-los e alguns exigem que você exiba a atribuição. Se você já leu conteúdo em sites de notícias ou em um site como o Cracked, verá a atribuição abaixo de cada imagem. "Imagem da Associated Press" ou "Imagem da Getty Images" ou o que você quiser.

Atribuição é boa! Sem isso, você está roubando e cometendo uma violação de direitos autorais. No entanto, a atribuição também é desagradável e tira a imagem. Pode estar substituindo a legenda ou pode estar sobrecarregando uma legenda existente. Além disso, informa a todos que você está usando imagens de banco de imagens. Muitas pessoas não se importam, mas algumas sim, e isso geralmente não é uma coisa boa.

Fotos de banco de imagens não transmitem sua marca. As imagens fazem parte da sua marca. Você deve ter notado que eu tenho um estilo gráfico distinto. Cada postagem de blog que publico tem imagens consistentes, mesmo que não abordem os mesmos assuntos. Basta verificar o índice do meu blog; você pode ver como todos eles parecem semelhantes. Embora você possa pensar que isso significa que eles não se destacam, é o oposto.

Se você é um leitor assíduo do meu blog e vê uma imagem como essas online em outro lugar, imediatamente a associará a mim. E, provavelmente, sou eu, postando como convidado em outro site. Bem, ou um dos meus clientes, no entanto, tento estabelecer um toque único no estilo gráfico para cada cliente com quem trabalho.

As fotos de banco de imagens não têm esse tipo de singularidade distinta. Na maioria das vezes, você nem pode adicionar seu logotipo porque eles tendem a ter licenças que dizem que você não pode modificá-los.

Alguns sites de banco de imagens são insanamente predatórios. Algo que escrevi para um post anterior sobre violações de direitos autorais:

"A Getty Images é particularmente cruel com esse tipo de coisa. Eles são um dos sites de banco de imagens mais famosos e prolíficos do mundo, e cobram um prêmio por suas fotos, exigem atribuição para todos e, pior ainda, têm Por exemplo, não importa se uma agência tem uma licença para usar uma foto, você também precisa de uma licença se ela for usada em seu blog.

Pior, a Getty é muito agressiva em perseguir esses tipos de violações, e é por isso que não apenas a empresa como um todo, mas uma dúzia de seus executivos e "especialistas em direitos autorais" estão listados nesse site de trolls de direitos autorais. Eles explicitamente tornam difícil navegar pelos direitos autorais através deles e penalizam agressivamente você por estragar tudo."

Dependendo de como você está usando fotos de banco de imagens, você pode estar se abrindo para todo tipo de irritação, problemas legais e estresse.

Então, por que as fotos de banco de imagens existem? Bem, eles têm muitos propósitos válidos. Se você é o tipo de artista que faz colagens ou manipula fotos pesadamente, e pode comprar licenças que permitem modificar imagens, então você está livre para fazê-lo.

Eu penso nisso como um sistema de camadas. A pior coisa que você pode fazer é não ter imagens. Fotos de banco de imagens sem modificação são melhores do que nenhuma imagem. Imagens modificadas, se você puder fazer isso, são melhores. Imagens únicas são ainda melhores. No entanto, os algoritmos de análise de imagens cada vez mais sofisticados do Google ainda podem agrupá-los com o original, dependendo da extensão das modificações.

Determine o propósito de suas imagens

Antes de criar imagens para uma postagem no blog, você deve saber para que finalidade suas fotos servirão. Em minha mente, há apenas um punhado de propósitos gerais.

Tutoriais. Quando você tem uma postagem no blog ensinando um usuário a fazer algo, as imagens devem ser relevantes para esse processo. Um blog de culinária deve incluir fotos do processo de confecção de uma receita para que os usuários possam comparar suas tentativas com as de um profissional. Para mim, para um post como este, onde dou a você maneiras de aumentar o ROI de um post de blog, cada dica tem uma imagem que ilustra essa dica em ação. Qualquer processo passo a passo deve ter imagens para explicar cada etapa, seja uma fotografia de desmontagem de um laptop ou capturas de tela do uso de um aplicativo da web.

Evidência. A visualização de dados é a maneira mais fácil de analisar informações. Um dos exemplos mais extremos é essa visualização da distribuição de riqueza. Um pixel na página representa US$ 1.000, e vários marcos ao longo de um gráfico mostram diferentes níveis de riqueza. (Cuidado; essa página provavelmente o deixará louco.)

Em um nível mais para postagens de blog, capturas de tela ou renderizações de tabelas e gráficos são a opção mais direta para exibir dados em muitos casos. Seja um gráfico de tráfego ao longo do tempo, um gráfico de barras mostrando compartilhamentos sociais em diferentes plataformas ou o que você quiser, as imagens que mostram os dados são muito mais fáceis de analisar e reter do que escrevê-los no texto.

Valor Simbólico. Você nem sempre pode ilustrar algo diretamente ou fazer uma captura de tela, mas ainda deseja criar uma imagem única para representá-lo. É aí que você entra no valor simbólico. Por exemplo, em um post sobre promoção de blog, escrevi uma seção sobre negociação de menções; você faz parceria com outra pessoa que tem uma página no Facebook, e cada um de vocês menciona o outro de maneira orgânica. A imagem que usei para representar isso é essa. Simples, simbólico, fácil.

Por que usar valor simbólico? Bem, eu não posso sair e encontrar um exemplo de duas páginas do Facebook mencionando uma à outra sem gastar um pouco de tempo procurando, então eu não faço. É mais fácil. A imagem é menos valiosa do que se eu tivesse? Provavelmente. Isso importa? Não muito - especialmente quando é apenas uma das 22 fotos naquela postagem do blog, onde a maior parte do resto são imagens de evidência.

Esses são os três principais propósitos das imagens em um blog. E, claro, você pode misturá-los e combiná-los. Costumo usar uma imagem simbólica para minha imagem em destaque e, em seguida, uso evidências e imagens de tutorial ao longo do post. Ao criar imagens, escolha a melhor finalidade para o contexto da própria imagem.

Detalhes técnicos

Agora vamos falar sobre alguns detalhes técnicos que você deve considerar ao criar e usar imagens para o seu blog.

1. Dimensões da imagem. O tema do seu blog provavelmente tem dimensões máximas de pixel para a área de conteúdo principal. Descubra o que é isso e use essa medida de pixel como a largura de suas imagens. A maioria das câmeras digitais tira fotos muito maiores do que um site as exibe em linha, e trabalhar em uma ferramenta como o Photoshop facilita a criação de gráficos vetoriais obscenamente enormes. No entanto, se você estiver enviando uma imagem enorme e usando código para reduzi-la, isso diminui a velocidade do seu site e prejudica seu SEO. Lembre-se também de que um design responsivo reduzirá a escala da imagem para uso móvel, portanto, você deve mantê-la o menor possível para carregamento rápido.

2. Tamanho do arquivo e compactação. "Smushing" é um termo para compactar uma imagem para diminuir o tamanho do arquivo sem alterar as dimensões ou a qualidade da imagem. É empolgante o que as ferramentas automatizadas podem fazer para reduzir o tamanho do arquivo de uma imagem sem perda de qualidade na própria imagem. Eu escrevi um post inteiro sobre por que você deve fazer isso e quais ferramentas são as melhores para fazê-lo, então dê uma lida.

3. Use alt tags e descrições. Ao fazer upload de uma imagem, você pode especificar vários pedaços de texto ao redor dela. A legenda, o texto alternativo e o título são os três grandes. A legenda é visível para os leitores, mas as outras duas são metadados visíveis principalmente para os mecanismos de pesquisa.

• O Alt Text é exibido quando um usuário passa o cursor sobre a imagem e essa pequena dica de ferramenta aparece. Deve ser descritivo da imagem porque também é o texto lido em voz alta ao usar um leitor de tela (recurso de acessibilidade e usabilidade). Além disso, é o texto principal indexado para ajudar uma imagem a aparecer na pesquisa do Google. É surpreendentemente essencial para algo que ninguém pode ver imediatamente.
• A descrição é um campo específico do WordPress. Ele tem um propósito semelhante ao texto alternativo, exceto que em vez de se tornar metadados, ele aparece na página de anexo de imagem. Como geralmente é uma prática recomendada desabilitar as páginas de anexos, geralmente você pode ignorar esse campo.

Há também o título da imagem. O título geralmente é preenchido automaticamente pelo nome do arquivo da imagem. Ele também é usado na página de anexos e em nenhum outro lugar, portanto, você pode ignorá-lo, a menos que esteja usando páginas de anexos. Geralmente, é melhor nomear as imagens com algo descritivo antes de enviá-las de qualquer maneira, o que preencherá automaticamente o título com o nome do arquivo como texto descritivo por padrão.

4. Formato do arquivo. JPG? GIF? PNG? Atualmente, a onda do futuro é usar o WEBP como formato de imagem. Todos os navegadores modernos agora o suportam. O que é um WEBP? É um algoritmo de compactação altamente otimizado para imagens, oferecendo economias drásticas de tamanho de arquivo com zero queda na qualidade em comparação com JPGs, PNGs ou outros formatos equivalentes. Essencialmente, torna suas fotos muito menores, então elas carregam muito mais rápido. Você pode configurar seu site para usar WEBPs por padrão e ter um código que detecte se um usuário não pode visualizá-los e exibir um backup não-WEBP. O tamanho do arquivo é um fator de velocidade do site, e um site mais rápido tem uma classificação melhor.

Ferramentas de criação de imagens

Agora vamos falar sobre as ferramentas que você pode usar para criar imagens. Você tem muitas opções por aí, variando de iniciante a avançado.

1. As ferramentas para iniciantes são super fáceis de usar. Minha recomendação número um é o Canva. É uma ferramenta para iniciantes porque vem com centenas de modelos que você pode personalizar, com uma vasta biblioteca de ativos gratuitos que, quando combinados, podem criar excelentes imagens, mesmo que você não tenha absolutamente nenhum treinamento ou talento em design gráfico. Você também pode salvar uma biblioteca de seus modelos e manter um design visual consistente em todo o site. Existem também muitas alternativas do Canva, a maioria das quais funciona da mesma maneira, com modelos de preços ligeiramente diferentes e diferentes bibliotecas de ativos.

2. Ferramentas intermediárias requerem pouca experiência, treinamento ou habilidade em design gráfico para serem usadas de forma eficaz. Ferramentas como GIMP (Gnu Image Manipulation Program) ou Paint.NET se enquadram nesta categoria. Eu os chamo de intermediários porque eles não são muito complexos, mas são melhores do que apenas usar o MSPaint padrão. Eles têm alguns recursos avançados, mas não são tão completos (e confusos) quanto o Photoshop.

3. Ferramentas avançadas são, bem, coisas como Photoshop, InDesign ou Adobe Illustrator. Estes tendem a ser muito poderosos, mas também caros. No entanto, há uma coisa que eu gostaria de recomendar, que é o PhotoPea. PhotoPea é um aplicativo da web totalmente online, uma versão totalmente funcional do Photoshop que você pode usar gratuitamente. É poderoso para um aplicativo gratuito, mas tem uma alta curva de aprendizado em comparação com as outras opções.

Você também pode contratar alguém para fazer design gráfico para você. Contratar um profissional pode obter imagens exclusivas e de alta qualidade em uma fração do tempo de criá-las (sem mencionar a liberação de seu próprio tempo para fazer outras coisas que você não pode terceirizar), mas é muito mais caro do que fazer isso por conta própria. É uma troca e você tem que decidir se vale a pena fazer.

Dicas variadas

Para encerrar, aqui estão algumas das minhas principais dicas que não valem a pena transformar em novas seções ou que não precisam de muita explicação.

Aqui estão algumas ideias e dicas para você:

1. Use imagens para quebrar paredes de texto. Minhas postagens de blog estão repletas de formatação, lacunas e imagens para facilitar a navegação e ajudar os usuários a extrair mais valor de seus artigos.

2. Leve o seu tempo fazendo suas imagens. Você não pode simplesmente criar boas fotos do nada em poucos minutos. Costumo passar várias horas fazendo boas imagens para uma única postagem no blog.

3. Decida se deseja ou não colocar marca d'água em suas imagens. Algumas pessoas acham que é mais eficaz para sua marca; outros acham que não ajuda. Você decide. Não acho que as marcas d'água sejam eficazes fora de coisas como marketing de infográfico e postagem de convidados. Eles também não são muito úteis para anti-roubo, já que existem muitas ferramentas para removê-los rapidamente.

4. Construa uma biblioteca de "ativos" que você pode montar de diferentes maneiras para criar imagens únicas. Pense em clip-art. Por exemplo, fiz esta imagem para um post.

Esta imagem foi criada usando três ativos de estoque (o plano de fundo, o envelope e o ) e alguns ajustes de cores. É exclusivo do meu blog, mas foi criado de forma rápida e eficiente usando ativos de estoque. A criação de uma biblioteca desses ativos facilita a criação de imagens simbólicas quando você precisa delas.

Com tudo isso em mente, você deve ser capaz de criar algumas imagens de alta qualidade para o seu blog. Leva algum tempo para se acostumar com o fluxo de trabalho, mas confie em mim, depois que você fizer isso? É surpreendente o quanto as imagens do blog importam para o engajamento, compartilhamento e tráfego.

O que você acha? Alguma dessas dicas te ajudou? Você tem alguma pergunta para mim sobre as imagens do blog? Bem, não seja tímido! Você pode me perguntar diretamente na seção de comentários abaixo. Acredite ou não, eu respondo a todos os comentários que recebo. Me teste!