Adicionar um favicon

Este artigo explica como adicionar um favicon ao seu site.

Um favicon é um pequeno ficheiro gráfico que é mostrado num separador do browser da web, na Barra de endereços, no histórico de navegação e em marcadores ou favoritos, entre outros lugares. Recomendamos que adicione um favicon ao seu site, porque representa e reforça a sua marca e ajuda a distinguir o seu site de outros sites que os seus clientes visitam.

Embora possa adicionar vários favicons de vários tamanhos e tipos de ficheiro ao seu site, este artigo mostra como adicionar um único favicon. No entanto, o mesmo processo e localização são utilizados para adicionar mais favicons.

Carregar um favicon para a coleção de ativos do seu site

Para carregar um favicon na coleção de assets do seu site, siga estes passos:

1. No painel de navegação esquerdo, selecione Biblioteca de Multimédia.

2. Na barra de comandos, selecione Carregar > Carregar Itens de Multimédia.

3. Na janela Explorador de Ficheiros, navegue para o ficheiro de imagem de favicon que pretende carregar, selecione-o e, em seguida, selecione Abrir.

4. Na caixa de diálogo Carregar Item de Multimédia, introduza o título e o texto alternativo necessários.

5. Se quiser publicar a imagem imediatamente após o carregamento, selecione a caixa de verificação Publicar itens de multimédia após o carregamento.

   Nota

   Se não marcar a caixa de verificação Publicar itens de multimédia após o carregamento , deverá voltar à página Itens de multimédia e publicar manualmente o favicon mais tarde.

6. Selecione OK.

7. No painel de propriedades à direita, copie a URL pública do favicon. Irá usar esta URL mais tarde.

Criar o HTML para o seu favicon

Para criar o HTML para o favicon, use a seguinte cadeia de caracteres HTML. Para o atributo href, substitua Public_URL_for_your_favicon pela URL pública copiada anteriormente.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

Criar um fragmento que contenha uma metatag para o seu favicon

Para criar um fragmento que contenha uma metatag para o seu favicon, siga estes passos:

1. Aceda a Fragmentos e, em seguida, selecione Novo.
2. Na caixa de diálogo Novo fragmento, selecione Metatags como o módulo em que o fragmento se baseia.
3. Introduza um nome para o fragmento e, em seguida, selecione OK.
4. Na árvore da hierarquia de fragmentos, selecione o elemento subordinado Metatags predefinidas.
5. No painel direito, em Meta Tags, selecione Adicionar e insira a cadeia de caracteres HTML que criou anteriormente para o favicon. 
6. Selecione Terminar edição para, em seguida, selecionar Publicar para publicar o fragmento.

Adicionar o fragmento de metatag à secção de cabeçalho HTML das suas páginas

Para adicionar o fragmento da metatag à secção de cabeçalho HTML das suas páginas, siga estes passos:

1. Aceda a Modelos, abra o modelo para as páginas às quais deseja adicionar o favicon e, em seguida, selecione Editar.
2. Na árvore de hierarquia de modelos, selecione o botão de reticências (...) à direita do contentor HTML head e selecione Adicionar fragmento.
3. Na caixa de diálogo Selecionar fragmento, selecione o fragmento metatag que criou anteriormente e, em seguida, selecione OK.
4. Selecione Terminar edição e, em seguida, selecione Publicar para publicar o modelo.

Ao pré-visualizar páginas baseadas no modelo ao qual adicionou o fragmento de metatags, deve ver o favicon no separador do browser.

Recursos adicionais

Adicionar um logótipo

Selecionar um tema de site

Trabalhar com ficheiros de anulação de CSS

Adicionar um aviso de direitos de autor

Adicionar idiomas ao seu site

Adicionar código de script às páginas do site para suportar telemetria