como-esconder-imagens-pinterest-no-blog

Cada dia mais o Pinterest vem sendo uma das ferramentas mais importantes para o meu blog. Quanto mais eu uso, mais resultados surpreendentes eu consigo perceber.

Depois do Google, é através de lá que eu venho recebendo o maior número de acessos no blog. Sendo assim, eu tenho me preocupado cada vez mais em adicionar imagens otimizadas especialmente para o Pinterest.

Quando você está navegando no seu feed, é fácil perceber que as imagens verticais chamam muito mais atenção do que as horizontais. Um grande exemplo disso são essas duas imagens do blog The Butter Half.

As duas são incríveis, porém a da esquerda com certeza se destacaria mais no feed do Pinterest, por ser maior e mais chamativa.

como-esconder-imagem-post

Porém, adicionar uma imagem tão grande em seu post pode ser um problema. Ainda que esse pin pareça incrível no Pinterest, é bem possível que não fique tão bom dentro de um post no blog.

A solução é esconder essa imagem vertical através de um código bem simples. Veja como fazer!

O código “secreto”:

1. Crie uma imagem vertical usando o Photoshop, Picmonkey ou Canva com o tamanho de 800 x 1200 pixels.

2. Faça o upload da imagem no seu blog e adicione a imagem no início do post normalmente.

3. Acesse a área de HTML do seu post. No WordPress existe a área “visual” e a área “texto” no seu editor. Escolha a área “texto”. Lá estará o código que se refere a imagem que você deseja esconder. Para não se confundir, faça esse procedimento antes de adicionar qualquer outro conteúdo ao seu post.

O código da sua imagem deverá ser algo como: <img class=”aligncenter size-full wp-image-105984″ src=”http://seublog.com.br/wp-content/uploads/2016/09/nome-da-imagem.jpg” alt=”texto alt” width=”650″ height=”975″ />

4. Copie o código a seguir. Ainda na área de HTML cole esse código logo abaixo do código referente à sua imagem.

<div style="display: none;">Código da Imagem</div>

5. Agora você deve copiar e colar todo o código referente a imagem que você deseja esconder exatamente no lugar em que diz “Código da Imagem”. Delete apenas o texto “Código da Imagem”, que deverá ser substituído pelo código. Cuidado para não alterar nenhum detalhe.

6. Delete também o código referente a imagem que você deseja esconder que está em cima, para que ela não fique aparecendo.

7. O resultado final na área HTML deve ser algo parecido com isso:

<div style="display: none;"><img class="aligncenter size-full wp-image-105984" src="http://seublog.com.br/wp-content/uploads/2016/09/nome-da-imagem.jpg" alt="texto alt" width="650" height="975" /></div>

8. Visualize o seu post para verificar se deu tudo certo e se a imagem está mesmo escondida.

9. Pronto! A sua imagem agora está escondida! Para poder “pinar” essa imagem você deve ter a extensão do Pinterest instalada em seu navegador.


Você já utiliza o Pinterest de forma consistente para fazer o seu blog crescer? Esse post te ajudou de alguma maneira? Conta para mim nos comentários! 🙂

Author

Geminiana cheia de ideias e criadora de conteúdo na internet sobre moda e lifestyle. Ministra cursos online que ajudam bloggers a desenvolverem seus blogs e transformá-los em uma profissão. É apaixonada por empreendedorismo e marketing digital.

10 Comments

  1. Olá, bom dia!
    A imagem escondida tem que ficar no início ou pode ser colocada logo depois daquela tag LEIA MAIS?? Fiz isso mas ela não está aparecendo quando clico em pinar.. Pode ser pelo motivo da posição ou é outra coisa?
    Obrigada!

    • Oi Ana,
      Isso está acontecendo na página do post ou na página inicial do seu blog?
      Se for na página inicial a posição conta sim! Se ela estiver depois da tag “leia mais” não aparecerá mesmo.. Já na página do post deve estar normal!

      • Olá, Marcela! Obrigada pelo retorno..
        Ela está na página do post.. já coloquei antes de tudo, antes da tag Leia Mais, depois da tag e nada!!!! Entrei no plugin do Pinterest pra ver se tinha algum lugar para configurar isso e nada! Conclusão: não consegui inserir minha imagem escondida! rsss..

        • Eita, isso não está certo. A imagem ficou escondida pelo menos? O problema está sendo para conseguir pinar?

  2. Muito bom! Também recebo muitos acessos do Pinterest no blog, mas sempre colocava alguma imagem vertical que não combinava muito com o post. Obrigada!!

Write A Comment