Pular para o conteúdo principal

Como Adicionar Imagens de Pré-visualização às Landing Pages

Permanently deleted user
Atualizado

Ao publicar um link para uma landing page em uma publicação social, uma imagem de pré-visualização aparece devido aos metadados.

Você pode alterar as imagens que aparecem na pré-visualização por meio da modificação do código dentro de uma landing page.

Este artigo detalha como adicionar imagens de pré-visualização às Landing Pages.

 

Usuários com acesso:

• Administradores

• Gerentes da Empresa

• Gerentes de Marketing

 

Copiando Links de Recursos de Imagem na Lead Gen & CRM

Embora você possa hospedar recursos de imagem por meio do sLead Gen & CRM eu site ou de um site terceiro de hospedagem, a Lead Gen & CRM recomenda que você faça o upload dos recursos no Gerenciador de Arquivos para que todas as partes da landing page estejam armazenadas dentro da plataforma. Para fazer o upload de um recurso no Gerenciador de Arquivos e copiar seu link de hospedagem, faça o seguinte:

  1. Na barra de ferramentas superior da SharpSpring, clique em + Novo > Gerenciador de Arquivos.

  2. Faça upload de uma nova imagem ou utilize uma imagem já existente.

  3. Clique com o botão direito do mouse sobre a imagem desejada.

  4. Clique em Visualizar.

  5. Clique com o botão direito do mouse sobre a imagem na janela que se abriu.

  6. Clique em Abrir em uma nova guia.

  7. Copie o link Amazon Web Service (AWS) que está na barra de URL do navegador.

 

 

Adicionando o Link do Recurso de Imagem às Landing Pages

Uma vez que você tenha feito o upload do recurso de imagem e copiado o link de hospedagem dele, você pode inserir a imagem na landing page como uma imagem de pré-visualização. Para inserir o link do recurso de imagem, faça o seguinte:

  1. Na barra de ferramentas superior da Lead Gen & CRM, vá em Marketing > Conteúdo > Páginas.

  2. Crie ou edite uma landing page.

  3. No painel à esquerda, clique em Editar Código.

  4. Na janela de código, clique no menu suspenso Página.

  5. Selecione uma das seguintes opções: todas as páginas (adiciona a todas as páginas do funil), página individual (adiciona somente à página em questão).

  6. No canto superior direito da janela de código, clique em HEAD.

  7. Copie e cole o seguinte código no topo da seção Head: <meta property="og:image" content="[IMAGE LINK]">.

  8. Neste código copiado e colado, substitua [IMAGE LINK] com o link de imagem AWS previamente copiado.

  9. Clique em Salvar ou Salvar e fechar.

  10. Clique em Publicar.

  11. Clique em Salvar e publicar.

Importante: ao gerar pré-visualizações para publicações sociais, a SharpSpring procura pelas seguintes propriedades de metadados de Open Graph (OG):

   •   og:title
   •   og:description
   •   og:image

A Lead Gen & CRM não puxa uma meta descrição que não atenda a esses parâmetros.

 

 

Pré-visualizando a Publicação Social

Uma vez que você tenha colocado o link de imagem AWS na landing page, você pode pré-visualizar como a landing page aparecerá quando for publicada em rede social. Para visualizar, na SharpSpring, a página e uma publicação social com a página, faça o seguinte:

  1. Na barra de ferramentas superior da Lead Gen & CRM, clique em Marketing > Conteúdo > Páginas.

  2. Abra a landing page com o link de imagem inserido.

  3. No canto superior direito, clique em Mais opções > Visite a página segura.

  4. Na aba do navegador que abriu, copie o URL da página que está na barra de URL do navegador.

  5. Na barra de ferramentas superior da Lead Gen & CRM, clique em Marketing > Conteúdo > Calendário de conteúdo.

  6. Clique em Criar > Postagem social.

  7. Selecione a rede social e conta desejadas.

  8. Na caixa de texto O que você gostaria de compartilhar?, cole a URL copiada.

Artigos relacionados

Comentários

0 comentário

Artigo fechado para comentários.