Adicionar um favicon

Artigo
08/06/2024

Isto artigo explica como adicionar um favicon ao seu sítio.

Um favicon é um pequeno ficheiro gráfico que é apresentado num separador do navegador Web, na barra de endereços, no histórico de navegação e nos marcadores ou favoritos, entre outros locais. Recomendamos que adicione um favicon ao seu sítio, porque representa e reforça a sua marca e ajuda a distinguir o seu sítio de outros sítios que os seus clientes visitam.

Embora seja possível 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.

Carregue um favicon para a coleção de activos do seu site

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

No painel de navegação esquerdo, seleccione Media Library.
Na barra de comandos, seleccione Carregar > Carregar itens multimédia.
Na janela Explorador de ficheiros, procure o ficheiro de imagem do favicon que pretende carregar, seleccione-o e, em seguida, seleccione Abrir.
Na caixa de diálogo Upload item de multimédia , introduza o título e o texto alternativo necessários.
Se pretender publicar a imagem imediatamente após o carregamento, seleccione a caixa de verificação Publish media items after upload .

Nota

Se não selecionar a caixa de verificação Publicar itens multimédia após o carregamento , terá de regressar à página Itens multimédia e publicar manualmente o favicon mais tarde.
Selecione OK.
No painel de propriedades à direita, copie o URL público do favicon. Isto URL será utilizado mais tarde.

Criar o HTML para o seu favicon

Para criar o HTML para o favicon, utilize a seguinte cadeia HTML. Para o atributo href , substitua Public_URL_for_your_favicon pelo URL público que copiou 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.

Aceda a Fragmentos e seleccione Novo.
Na caixa de diálogo Novo fragmento , seleccione Metatags como o módulo em que o fragmento se baseia.
Introduza um nome para o fragmento e, em seguida, seleccione OK.
Na árvore de hierarquia de fragmentos, selecionar a metatags Default subordinado.
No painel direito, em Meta Tags, seleccione Adicionar e, em seguida, introduza a cadeia HTML que criou anteriormente para o favicon.
Seleccione Concluir edição e, em seguida, seleccione Publicar para publicar o fragmento.

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

Para adicionar o fragmento de metatag à secção HTML head das suas páginas, siga estes passos.

Aceda a Templates, abra o modelo para as páginas às quais pretende adicionar o seu favicon e, em seguida, seleccione Edit.
Na árvore hierárquica do modelo, seleccione o botão de reticências (...) à direita do contentor HTML head e, em seguida, seleccione Adicionar fragmento.
Na caixa de diálogo Selecionar fragmento , seleccione o fragmento de metatag que criou anteriormente e, em seguida, seleccione OK.
Seleccione Concluir edição e, em seguida, seleccione Publicar para publicar o modelo.