Os favicons, aqueles ícones localizados no canto da aba do navegador, s˜ão um incrível elemento visual para a sua landing page.

Com o construtor de landing pages da SharpSpring, você pode adicionar favicons a sua página com apenas algumas linhas de código. 

Este artigo explicará como você pode adicionar favicons a suas landing pages.

Subindo Favicons no Gerenciador de Arquivos

Os Favicons requerem que URLs sejam adicionadas a uma landing page da SharpSpring. Se você não possui um favicon disponível e com a sua própria URL disponível, você precisará subir uma imagem de favicon para um serviço de hospedagem externo ou no Gerenciador de Arquivos da SharpSpring.

Enquanto não há problema em usar favicons hospedados em um site externo, a SharpSpring recomenda subir a imagem de favicon no Gerenciador de Contatos. Usar a URL do arquivo que foi subido na SharpSpring adiciona segurança e estabilidade a mais no seu favicon, pois a SharpSpring não possui controle sobre imagens hospedadas em serviços externos.

Para subir um arquivo de imagem no Gerenciador de Arquivos, para ser usado com favicon, faça o seguinte:

  1. Na barra de ferramentas superior da SharpSpring, clique em Novo > Gerenciador de Arquivos.
  2. Suba o arquivo no Gerenciador.
  3. Clique com o botão direito no arquivo que foi subido.
  4. Selecione View.
  5. Na janela que aparece, clique com o botão direito.
  6. Selecione Abrir Imagem em Nova Aba.
  7. Copie a URL da barra de endereço.

Ao realizar o upload de arquivos de imagens, considere o seguinte:

  • O seu favicon não irá mais funcionar se for removido do site em que está hospedado. Se você utiliza um site externo para hospedar sua imagem de favicon, excluir a imagem irá tornar a URL do arquivo inválida e link não irá funcionar. Se você remover a imagem do Gerencadior de Arquivos da SharpSpring, o link para o arquivo do favicon também irá deixar de funcionar.

Adicionando Favicons

1. Acesse sua landing page e selecione a opção de edição do código (Edit Code), no ícone localizado no painel à esquerda.

2. No topo do editor de código, clique em Páginas > ALL PAGES. 

3. Clique na tab HEAD.

4. Acrescente o seguinte trecho de código, na aba HEAD:

<link rel="shortcut icon" type="image/png" href="https://dominio.com.br/favicon.png">

5. No código, substitua a URL de exemplo pela URL da sua imagem favicon.

6. Clique em Save & Close.

7. Clique em Publish.

Quando for adicionar favicons, considere o seguinte:

  • O tipo de arquivo de imagem deve ser igual àquele presente no código. O Favicon não irá funcionar corretamente caso o a extensão do arquivo não seja a mesma presente no código. No caso do exemplo acima a imagem deve ser .PNG para funcionar corretamente com o código type="image/png
  • Somente são aceitos formatos válidos de imagens. Formatos .DOC, .PDF e .PPT não são aceitos como formatos válidos para favicons.

Geração de Favicons e Informações

Devido a diferença de tamanhos de favicons, entre navegadores e plataformas, a SharpSpring recomenda usar os serviços de um gerador de favicon.

Para mais informações sobre geradores de favicon e favicons em geral, consulte os seguintes sites:

Encontrou sua resposta?