Adicionar um favicon

Artigo
12/11/2024

Isto artigo explica como adicionar um favicon ao seu site.

Um favicon é um pequeno ficheiro gráfico que é mostrado em uma guia do navegador da web, na barra de endereços, no histórico de navegação e em favoritos 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 você possa adicionar vários favicons de vários tamanhos e tipos de ficheiro ao seu site, isto 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 ativos do seu site, siga estas etapas.

No painel de navegação esquerdo, selecione Biblioteca de Multimédia.
Na barra de comandos, selecione Carregar > itens de media.
Na janela Explorador de Ficheiros, navegue até ao ficheiro de imagem favicon que pretende carregar, selecione-o e, em seguida, selecione Abrir.
Na caixa de diálogo Carregar item de multimédia , insira o título e o texto alternativo necessários.
Se desejar publicar a imagem imediatamente após o upload, marque a caixa de seleção Publicar itens de media após o upload .

Nota

Se você não marcar a caixa de seleção Publicar itens de media após o upload , deverá retornar à página Itens de media e publicar manualmente o favicon mais tarde.
Selecione OK.
No painel de propriedades à direita, copie o URL público do favicon. Utilizará isto URL mais tarde.

Crie 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">

Crie um fragmento que contenha uma metatag para o seu favicon

Para criar um fragmento que contenha uma metatag para o favicon, siga estas etapas.

Vá para Fragmentos e selecione Novo.
Na caixa de diálogo Novo fragmento , selecione Metatags como o módulo no qual o fragmento se baseia.
Introduza um nome para o fragmento e, em seguida, selecione OK.
Na árvore de hierarquia de fragmentos , selecione as metatags padrão subordinado.
No painel direito, em Meta Tags, selecione Adicionar e insira a cadeia de caracteres HTML que você criou anteriormente para o favicon.
Selecione Concluir edição e, em seguida, selecione Publicar para publicar o fragmento.

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

Para adicionar o fragmento de metatag à secção de cabeçalho HTML de suas páginas, siga estas etapas.

Vá para Modelos, abra o modelo para as páginas às quais você deseja adicionar seu favicon e selecione Editar.
Na árvore de hierarquia de modelos, selecione o botão de reticências (...) à direita do contentor de cabeçalho HTML e selecione Adicionar fragmento.
Na caixa de diálogo Selecionar fragmento , selecione o fragmento de metatag criado anteriormente e selecione OK.
Selecione Concluir edição e, em seguida, selecione Publicar para publicar o modelo.