Como Mudar O Favicon

Índice:

Como Mudar O Favicon
Como Mudar O Favicon

Vídeo: Como Mudar O Favicon

Vídeo: Como Mudar O Favicon
Vídeo: Como mudar o favicon de um site - @Curso em Vídeo HTML5 e CSS3 2024, Novembro
Anonim

O ícone do site, ou favicon, é um detalhe importante que pode fazer com que o seu site se destaque nos resultados dos buscadores, ou simplesmente dar ao site sua individualidade. O navegador exibe o favicon na barra de endereço antes do endereço da página.

Como mudar o favicon
Como mudar o favicon

Instruções

Passo 1

Escolha uma imagem para o futuro pictograma. Idealmente, deve ser o mais esboçado possível, com o mínimo de detalhes (não se esqueça do tamanho minúsculo do ícone). Em qualquer editor gráfico, corte e reduza o arquivo com a imagem para 16 por 16 ou 32 por 32 pixels.

Passo 2

Abra um dos geradores de favicon online - por exemplo, favicon.ru ou favicon.cc. Carregue sua foto nele e baixe o ícone finalizado. Você também pode baixar um programa gerador para o seu computador - por exemplo, Icon Magic, Icon Craft, Icon Studio e aplicativos semelhantes. Observe que o arquivo recém-criado deve ser nomeado exatamente favicon.ico - sem quaisquer acréscimos, números e assim por diante.

etapa 3

Vá para o painel do seu site. Vá para o diretório raiz do site. Em sites ucoz, o caminho será semelhante a este: Guia Geral / Página principal / Gerenciador de arquivos. Em sites WordPress, a pasta de que você precisa é chamada public_html. Para "Joomla!" O diretório CMS padrão é a pasta de imagens. Qualquer que seja a plataforma de seu site, o diretório raiz é aquele que armazena os arquivos favicon.ico e robots.txt.

Passo 4

Substitua o arquivo favicon.ico no diretório raiz pelo novo que você criou. Para fazer isso, exclua o arquivo antigo e carregue um novo. Em alguns gerenciadores de arquivos, um arquivo com o mesmo nome substituirá automaticamente o antigo. Verifique a alteração do ícone abrindo seu site em uma nova guia.

Etapa 5

Depois de substituir o arquivo, os navegadores exibirão o novo ícone. No entanto, se exibir um ícone nos resultados do mecanismo de pesquisa é importante para você, você pode jogar pelo seguro. Para fazer isso, especifique o caminho para o arquivo favicon recém-criado para o robô Yandex especial. No código html das páginas do seu site, você deve escrever o seguinte código (sem espaços) ou. Este código é escrito entre as tags e.

Etapa 6

Se, após substituir o arquivo favicon.ico, o navegador ainda exibir o ícone antigo (geralmente um ícone de plataforma pré-instalado), tente limpar o cache do navegador. Ou apenas abra o site por meio de outro navegador.

Recomendado: