SOCIAL MEDIA

20/08/2016

Colocando miniatura personalizada pro link do seu blog

Oi gente! Pra dar um up no conteúdo do blog, hoje eu resolvi fazer um tutorial!

Não sou nenhuma expert em SEO, mas sei que o uso de META TAGS no seu blog torna-o mais profissional. Existem várias Meta Tags, que são tags/códigos inseridos no código principal do seu blog que fornecem informações sobre o mesmo, como palavras-chave, título e descrição, facilitando a busca pelo seu blog em pesquisas na internet e o destacando de terceiros!

A que eu vou repassar hoje para vocês é a de miniatura do blog. Em toda rede social que você compartilhar seu link, a miniatura exibida será uma imagem personalizada. Isso evita do sistema reconhecer seu layout  ou uma imagem aleatória do seu blog como miniatura, quando não foi possível que uma imagem do nosso agrado seja "escolhida" como miniatura para o link.

Vamos aos exemplos para entender melhor:


A imagem que aparece como miniatura de exibição do meu link não está no meu blog. Mas é a imagem que eu especifiquei na Meta Tag referente à imagem do meu blog, e por isso ela aparece.

Toda vez que eu publicar um link meu no Facebook, geralmente, eu posso selecionar outras imagens, não só a miniatura personalizada como também outras que aparecem no meu blog:


Eu poderia ter escolhido a imagem do meu post, por exemplo, apenas clicando na seta dianteira para visualizar outras opções de miniaturas.

Já nos comentários do Facebook e em outros meios em que não se permite a escolha de miniaturas antes de publicar o link, a miniatura personalizada é a que aparece como definitiva:


Entendeu?

Agora vamos às informações:

1- Faça uma imagem JPEG no tamanho 800x600 no seu editor de preferência. 
Atente para as imagens que eu usei de exemplo no post e note que o Facebook "corta" partes da miniatura, então é preferível que o conteúdo principal esteja localizado mais para o centro e parte superior da imagem. 

Salve a imagem no formato JPEG!

2- Hospede a imagem e obtenha um link direto.
Eu recomendo o Imgur, já que ele é bem simples e fácil de mexer.

3- Edite o código da Meta Tag e coloque em seu blog.

Copie o código seguinte e cole no seu blog logo abaixo da tag <head>.

<meta content='LINK DA IMAGEM' property='og:image'/>
<meta content='image/jpeg' property='og:image:type'/>
<meta content='800' property='og:image:width'/>
<meta content='600' property='og:image:height'/>

Onde estiver escrito LINK DA IMAGEM substitua pelo link direto da sua miniatura (Ex: http://site.com/miniatura.jpeg).

Agora é só salvar e pronto!

Uma coisa que eu percebi é que a miniatura NÃO aparece instantaneamente. Usei duas miniaturas até agora, e a  primeira que eu fiz demorou 24 horas para aparecer e a segunda 48 horas. Então tenha paciência.

Espero que tenha sido útil e qualquer dúvida é só entrar em contato! õ/

comentário(s) pelo facebook:

8 comentários :

  1. Adorei o tutorial.

    canaleusendoassim.blogspot.com

    ResponderExcluir
  2. Nossa, é bem facinho. Achei que era suuuper complicado kkkk
    Eu tenho um sério problema com medidas, sabia hahaha nunca faço minhas capas do mesmo tamanho pq eu simplesmente esqueço o tamanho que coloquei anteriormente hahaha
    Vou salvar a medida que indicou para utilizar nas próximas capas <3

    Beijos
    Tô Bonita?

    ResponderExcluir
    Respostas
    1. Acho que passei 1 ano pra me lembrar as medidas da capa do Facebook, se brincar até hoje eu esqueço rsrs.
      Sim, é bem fácil mesmo :D

      Excluir
  3. Gente, que fácil! Adoro essas mini-medidas que deixam a coisa mais profissional!
    Só que fiquei me questionando: essa imagem é "superior" à imagem selecionada pro post? Porque eu (que gosto de complicar minha vida) queria colocar no meu para aparecer quando eu digitasse o link principal, mas preferia que pro link dos posts ficasse a de cada um. Depois vou testar isso!

    http://sweetluly.expressorosa.com/

    ResponderExcluir
    Respostas
    1. No caso dos comentários ela vai ser "superior" porque não se tem a opção de escolher. Mas em publicações no geral, antes de você postar você pode escolher entre ela e outra do seu blog, como a imagem do post. Em poucas vezes tive problema porque o Facebook é cheio de bugs, mas em geral é assim que funciona!

      Excluir
  4. Bem fácil, que bom hahah
    Uma coisa que não entendo do blogger é que as vezes ele usa a segunda imagem do post como miniatura.
    Beijos

    ResponderExcluir
    Respostas
    1. Uhum... sempre aparece uns bugs e a gente fica meio que sem entender. Pior é quando imagens "nada a ver" são selecionadas rsrs

      Excluir