O ícone que aparece na barra de endereços do navegador, bem como na lista de sites favoritos e até na lista de pesquisa de sites no Yandex, é um complemento muito útil para outras formas de chamar a atenção para o seu site. Como implementar essa possibilidade é descrito a seguir.
Instruções
Passo 1
Este ícone é normalmente denominado "Favicon" (Ícone Favorito) e é uma imagem de 16 por 16 pixels. Alguns navegadores modernos também podem exibir ícones grandes, mas se a compatibilidade entre navegadores for importante para você, você deve se guiar por este padrão mínimo. Você mesmo pode criar essa imagem em qualquer editor gráfico. Os navegadores modernos podem ler ícones em seu formato nativo ico e em formatos gráficos padrão gif, png, bmp, etc. No entanto, se você deseja cobrir o número máximo de modificações do navegador, deve se concentrar no formato ico. É possível desenhar a imagem que você precisa no editor, salvá-la em um dos formatos padrão e depois convertê-la para o formato ico usando um dos serviços online. Alguns desses serviços podem oferecer e criar um favicon inteiramente online.
Passo 2
Quando o ícone é criado, ele deve ser carregado no servidor do seu site com o nome favicon.ico. Alguns dos navegadores não exigem que o ícone seja nomeado dessa forma, mas, novamente, tendo em mente a compatibilidade máxima entre navegadores, você deve se concentrar nos requisitos mais rigorosos. O processo de download em si é mais fácil de realizar através do gerenciador de arquivos, que faz parte de qualquer sistema de gerenciamento de conteúdo ou painel de administração de seu provedor de hospedagem. É melhor colocar o arquivo na pasta raiz do site - é aqui que os navegadores e os robôs de pesquisa o procuram por padrão, se não houver um endereço explícito no código da página.
etapa 3
Finalmente, você deve adicionar uma indicação do ícone ao código-fonte html das páginas do site. A tag correspondente para o Internet Explorer tem a seguinte aparência: Outros navegadores entendem os diferentes significados do atributo "rel": Para agradar a todos, é melhor especificar ambos. Se você colocou o arquivo de ícone não na raiz do site, mas em outro lugar, no atributo "href" você deve especificar o caminho completo para o ícone. Essas duas linhas devem ser colocadas entre as tags e. Ou seja, você precisa abrir a página necessária no editor de página do sistema de controle, alternar para o modo de edição de código html, encontrar a linha que contém a tag e adicionar as duas linhas fornecidas acima. Em seguida, salve suas alterações na página.
