Adicionar um favicon

Artigo
03/08/2023

Este artigo explica como adicionar um favicon ao seu site.

Um favicon é um pequeno arquivo gráfico que é mostrado em uma guia do navegador da Web, na barra de endereços, no histórico de navegação e em indicadores ou favoritos, entre outros lugares. Recomendamos que você adicione um favicon ao seu site, porque ele representa e reforça sua marca e ajuda a distinguir seu site de outros sites visitados por seus clientes.

Embora você possa adicionar vários favicons de vários tamanhos e tipos de arquivo ao seu site, este artigo mostra como adicionar um único favicon. No entanto, o mesmo processo e local são usados para adicionar mais favicons.

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

Para carregar um favicon na coleção de ativos do seu site, siga as etapas a seguir.

No painel de navegação esquerdo, selecione Biblioteca de Mídia.
Na barra de comandos, selecione Carregar > Carregar Itens de Mídia.
Na janela do explorador de arquivos, navegue até o arquivo de imagem favicon que deseja carregar, selecione-o e, em seguida, selecione Abrir.
Na caixa de diálogo Carregar Item de Mídia, digite o título e o texto alt necessários.
Se você deseja publicar as imagens imediatamente após o carregamento, marque a caixa de seleção Publicar itens de mídia após upload.

Observação

Se você não marcar a caixa de diálogo Publicar itens de mídia após upload, será preciso retornar à página Itens de mídia e publicar manualmente o favicon depois.
Selecione OK.
No painel de propriedades à direita, copie a URL pública do favicon. Você usará essa URL posteriormente.

Criar o HTML do favicon

Para criar o HTML do favicon, use a seguinte cadeia de caracteres de código de HTML. No atributo href, substitua URL__pública_para_seu_favicon pela URL pública que você copiou anteriormente.

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

Criar um fragmento que contenha uma marca meta para o seu favicon

Para criar um fragmento que contenha uma marca meta para o seu favicon, siga estas etapas.

Acesse Fragmentos e selecione Novo.
Na caixa de diálogo Novo fragmento, selecione Marcas meta como o módulo no qual o fragmento se baseia.
Informe um nome para o fragmento e selecione OK.
Na árvore de hierarquia de fragmento, selecione o filho Padrão de marcas meta.
No painel à direita, em Marcas meta, selecione Adicionar e, em seguida, insira a cadeia de caracteres HTML criada anteriormente para o favicon.
Selecione Concluir edição e, em seguida, selecione Publicar para publicar o fragmento.

Adicionar o fragmento da marca meta à seção head do HTML de suas páginas

Para adicionar o fragmento da marca meta à seção head do HTML de suas páginas, siga estas etapas.

Acesse Modelos e abra o modelo para as páginas às quais você deseja adicionar seu favicon e seleciona Editar.
Na árvore de hierarquia de modelos, selecione o botão de reticências (...) à direita do contêiner Head do HTML e, em seguida, selecione Adicionar fragmento.
Na caixa de diálogo Selecionar fragmento, selecione o fragmento da marca meta criado anteriormente e, em seguida, selecione OK.
Selecione Concluir edição e depois selecione Publicar para publicar o modelo.