fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como criar imagens de conteúdo compartilháveis para mídias sociais

Você está em:

Como criar imagens de conteúdo compartilháveis para mídias sociais
Como criar imagens de conteúdo compartilháveis ​​para mídias sociais

O caminho para o artigo perfeito é longo. Escolha um tema que irá cativar seu público. Encontre um título marcante. Esboce o conteúdo. Leia, releia e releia até ficar pronto.

No entanto, há uma milha extra para fazer o trabalho. Um que muitas pessoas não se importam em passar. Certifique-se de que o post seja compartilhável nas redes sociais.

“Isso é automático!” pode-se dizer. Claro, qualquer instância decente do WordPress vem com um plugin que lida com o âmago da questão para você. Você nem precisa saber sobre Facebook Open Graph ou Twitter Cards.

Mas esta é apenas metade da história. Ter seu artigo meta reutilizado como está nas redes sociais pode ser bom. Mas isso definitivamente não é ótimo.

Seu conteúdo em seu site versus redes sociais

Antes de mostrarmos como preparar seu conteúdo para ser compartilhado, vamos ver como é sua mídia em seu site e redes sociais. Porque estes são muitas vezes muito diferentes.

Conhecimento da marca

A marca importa. Uma marca forte ajuda a aumentar a fidelidade do cliente, promover o boca a boca, conquistar novos clientes… A construção da marca pode realmente ser o principal objetivo do blog para o qual você está escrevendo, pois geralmente é o caso de blogs corporativos.

Conhecimento da marca

Quando um artigo é publicado em um site, o branding é tratado pelo próprio site:

  • O nome de domínio aparece na barra de endereços do navegador.
  • O site geralmente tem uma barra de navegação de nível superior, que incorpora o logotipo e usa a cor principal do logotipo como cor de fundo.
  • Os recursos exclusivos de design (fonte, layout etc.) facilitam o reconhecimento do site pelos visitantes que retornam.
  • O favicon na guia.

O que acontece com a marca quando o artigo é compartilhado na rede social? Está (quase) desaparecido.

Vamos analisar a aparência de um artigo compartilhado no Facebook:

compartilhamento do Facebook

Os principais componentes:

  • Uma imagem. Normalmente, esta é uma imagem grande, o primeiro elemento que os amigos do Facebook de seus visitantes notam.
  • Um título. Exibido em negrito, este é o primeiro texto lido.
  • Uma descrição.
  • O nome de domínio de origem. Exibido em letras maiúsculas e cinza claro, esse elemento passa facilmente despercebido.

Esses elementos geralmente são enquadrados com informações adicionais. Acima, a foto do perfil e o nome da pessoa que compartilhou o artigo, junto com seu comentário. Abaixo, as curtidas e comentários.

A marca, que era tão difundida no site, agora é quase invisível. Na pior das hipóteses: o nome de domínio difere ligeiramente do nome da marca (por exemplo, “The New York Times” torna-se “nytimes.com”).

Imagem em destaque

Uma postagem regular do WordPress vem com uma imagem em destaque. Esta imagem de tamanho único serve a vários propósitos. O primeiro deles é muitas vezes ir com o título nas listas de artigos, por exemplo, na página principal do blog. Isso cria um design de listagem fácil de navegar, onde o visitante pode identificar facilmente o que está interessado ou o que já revisou.

A imagem em destaque também aparece regularmente no topo da própria página do artigo. Cria um convite amigável para ler o conteúdo, evitando a rejeição de um bloco de texto avassalador.

Esta imagem pode seguir qualquer requisito interno. Uma imagem ampla, digamos 16:9? Certo! Uma imagem quadrada? Por que não! Uma imagem alta? Isso daria um design original!

A imagem em destaque geralmente é reutilizada como está para compartilhamentos de redes sociais. O problema é que as regras agora são definidas pelas redes sociais. Com uma reviravolta: as redes sociais quase nunca reclamam, cortando silenciosamente a imagem em destaque para atender às suas próprias necessidades.

Na maioria das vezes, isso é bom. A esquerda/direita ou a parte superior/inferior da imagem é ligeiramente cortada e o resultado é tão bom como se um humano o tivesse feito.

Mas às vezes, o corte automático não é certo. Por exemplo, em sua entrevista com Tim Ferris , o Dr. Andrew Weil parece bem:

Corte automático: postagem do blog

Uma vez compartilhado no Facebook, ele perde parte de sua cabeça:

Corte automático: no Facebook

A questão principal não é o resultado em si. Pode-se argumentar que o resultado é decente. O verdadeiro problema é o piloto automático descontrolado: a tarefa foi deixada apenas para o Facebook. O que é lamentável quando este artigo foi compartilhado mais de 1.000 vezes.

Título e Descrição

Os metadados textuais são outra fonte de discrepâncias entre o site e as redes sociais.

Em um site, o espaço alocado para o título geralmente é ilimitado. Se você tende a ser verboso, o site terá prazer em cumprir.

Descrição do título

As redes sociais são outra história. O Facebook limita o título a duas linhas, truncando e acrescentando reticências a títulos muito longos. Isso deve ser combinado com as plataformas: os navegadores de desktop se beneficiam de telas maiores do que os aplicativos nativos de smartphones.

Anotação da área de trabalho do Facebook
Anotação do Facebook para celular

Esta é uma questão crítica? Provavelmente não. Mas o que não é normal é ter um título truncado sem você saber.

A descrição é outra informação textual que pode ser usada para transportar informações adicionais. O Facebook está mostrando:

Artigo Compartilhar Facebook

Mas o LinkedIn não:

Artigo LinkedIn Share

Portanto, um blog B2B, mais propenso a ser compartilhado no LinkedIn, deve usar títulos longos para aproveitar melhor o espaço disponível, e se esforçar pouco em uma descrição que raramente será vista.

Torne sua marca visível quando os visitantes compartilharem seu conteúdo

Isso foi tudo para os problemas. Hora de soluções! Uma vez que seu conteúdo é compartilhado nas redes sociais, sua marca é simplesmente apagada. No entanto, há um espaço de liberdade de expressão a ser aproveitado: a imagem.

Vamos encarar. As imagens em destaque geralmente não são inspiradas. Não é ruim, certamente não. Mas falta-lhes originalidade, tornando-os imperceptíveis num oceano de imagens semelhantes.

Compartilhamentos sociais sem branding

Não conseguindo revolucionar a arte da fotografia, tal imagem poderia pelo menos levar sua marca:

Compartilhamentos sociais com branding

Embora isso não torne a imagem mais atraente, agora o logotipo do WPExplorer está visível. Usuários casuais de redes sociais têm a chance de notá-lo, perceber que viram esse logotipo anteriormente ou até mesmo dar alguns segundos ou atenção a este artigo porque já estavam envolvidos com o WPExplorer.

A história não precisa parar por aí. Mesmo usando imagens normais de banco de imagens, você pode dar uma identidade às suas imagens em destaque. Quando são exibidos pelas redes sociais, os artigos do WPExplorer de repente se tornam essas imagens cinza-azuladas escuras com um logotipo branco no canto inferior esquerdo. As pessoas expostas a esse design algumas vezes podem começar a notá-lo, mesmo quando ele é rapidamente rolado.

Como criar imagens compartilháveis para suas postagens

Como a maioria das coisas, existe uma maneira difícil e uma maneira fácil de adicionar sua identidade de marca para postar imagens.

Manualmente (a maneira mais difícil)

Claro, implementar essas práticas não é ciência do foguete. As imagens podem ser editadas por um contratante ou por você mesmo. Os artigos podem ser compartilhados antes de serem publicados oficialmente e revisados com um iPhone.

Pronto para uma sessão de edição de imagem? Pegue sua imagem em destaque, inicie seu software ou serviço preferido (como este redimensionador de imagem gratuito ) e crie tamanhos dedicados:

  • Facebook e LinkedIn esperam uma imagem de 1200×630. Uma imagem menor pode ser de menor qualidade em telas de alta resolução. Uma imagem maior pode não ser processada. Uma imagem que não tenha a proporção esperada de 19,1:10 pode ser cortada ou gerar um layout completamente diferente depois de compartilhada. Tenha em mente que o Facebook depende do Open Graph, que é o canivete suíço dos metadados sociais. A maioria dos serviços está procurando por eles e aplica suas próprias restrições. É importante manter as expectativas do Facebook, que são o padrão de fato.
  • O Twitter não impõe uma resolução estrita, mas uma proporção de 2:1 com tamanhos mínimo e máximo. 1500×750 é ótimo, embora você possa querer uma imagem menor.
  • O Pinterest é mais complicado. Ele precisa de imagens quadradas de 600×600. Ou imagens altas, 600×900. Na verdade, qualquer coisa que esteja entre 1:1 e 2:3 está bem. Ah, e muito altas, imagens de 600×1260 também são suportadas. Esses formatos foram atualizados em 2018, portanto, as suposições anteriores podem estar desatualizadas.

Agora que você tem suas imagens, é hora de editá-las para adicionar sua marca. Um por vez. Isso deve ser fácil e chato ao mesmo tempo. Especialmente se você considerar que essa operação precisa ser realizada pelo menos duas vezes, pois o Facebook e o Twitter exigem imagens de proporções diferentes.

O principal problema com esta abordagem é o tempo. Escrever um artigo já é um processo longo, demorado e que consome energia. Certamente não queremos adicionar outra etapa extra.

Automaticamente (a maneira mais fácil)

Agora, como criar imagens de marca de forma eficiente? Embora existam muitos plugins WordPress de mídia social excelentes , eles simplesmente adicionam um botão “compartilhar” ao seu site. Na verdade, eles não ajudam você a formatar e otimizar sua mídia de postagem para compartilhamento.

É aqui que um plugin do WordPress se torna útil. Especificamente o  Resoc Social Editor para WordPress  , que automatiza a maior parte do processo e permite lidar com a parte manual em poucos segundos.

O Resoc Social Editor é um painel de opções que fica abaixo do seu editor de postagem regular. Você pode pensar nisso como um editor WYSIWYG (“O que você vê é o que você obtém”) para redes sociais.

Editor Social Resoc para WordPress

Crie uma imagem de sobreposição de uma vez por todas e aplique-a à sua imagem em destaque em dois cliques. Ou torne-o padrão para que suas imagens sociais sejam automaticamente marcadas.

Sobreposição do Editor Social Resoc

O corte automático do Facebook não é tão bom com a imagem atual? Basta arrastar a imagem ou ampliá-la ou reduzi-la com o mouse. Não há necessidade de uma ferramenta externa.

Recorte Automático do Editor Social Resoc

A edição de título e descrição não é mais adivinhação. Você pode ver como seu artigo ficará nas principais plataformas enquanto digita.

Título e descrições do editor social Resoc

Conclusão

Ao criar conteúdo compartilhável para mídia social, “bom o suficiente” é o padrão de qualidade de fato. Isso não é surpreendente quando atingir “excelente” requer muito mais tempo e esforços.

O Resoc Social Editor para WordPress está mudando o negócio. Uma vez que essas tarefas são semi ou totalmente automatizadas, fica fácil destacar seus artigos quando são compartilhados nas redes sociais.

Hoje em dia, isso pode facilmente se tornar um diferencial. Com tantas fotos mundanas usadas como imagens em destaque, a simples mudança de adicionar seu logotipo é suficiente para gerar atenção ou até mesmo reconhecimento da marca por meio de exposição repetitiva.

Para tornar o primeiro passo ainda mais fácil, a equipe Resoc projeta sua sobreposição de identidade de marca gratuitamente. Depois que o plug-in estiver instalado, edite uma postagem, clique em “Criar nova sobreposição”, depois em “Reivindicar sua sobreposição de identidade de marca GRATUITA”, e pronto!

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(