Colocar um Favicon.ico (logo na barra de endereço) no seu site
O favicon é um ficheiro o formato ICO (*.ico) de tamanho 16x16 px com 72 dpi de resolução, significando Ícone de Favoritos.
NB: Para converter uma imagem JPG para ICO, use por exemplo a aplicação Microangelo ou um serviço online tal como http://convertico.com/.
Em alguns browsers como o Internet Explorer até à versão 6, só exibem os favicons quando o site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos se pode encontrar a imagem.
Noutros browseres como o Firefox, Opera e Internet Explores 7, os favicons podem ser encontrados também nos separadores e na barra de endereço.
Os favicons têm também teor de acessibilidade pois ajudam o utilizador a identificar uma página quando ela é exibida em separadores ou em lista. Visando isto, muitos favicons são imagens simplificadas do logotipo.
Ao criar o logo não se esqueça que o ícone pode ser visto com diferentes cores de fundo, então é aconselhado que seja feito com o fundo transparente.
Vejamos um exemplo:
Inserir o FavIcon - Procedimento Geral sem epages
- Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo ou use um serviço online tal como http://convertico.com/)
- No backoffice da sua loja ou site, ou através de uma aplicação, coloca a imagem no servidor / gestor de ficheiros
- Para editar o novo elemento HTML, clique na hiperligação do novo elemento
- Insira o código na secção "<HEAD>.....</HEAD>" dos seu Web site ou loja online
NB: Deverá substituir a imagem pelo logo que criou em formato ICO.
O endereço abaixo (href=" ") deve ser substituído pelo endereço correcto da imagem (icone)
<link rel="shortcut icon" href="/WebRoot/Store/imagens/favicon.ico" type="image/x-icon"/>
Inserir o FavIcon com epages 6 e superior
- Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo ou use um serviço online tal como http://convertico.com/)
- No backoffice da sua loja ou site, ou através de uma aplicação, coloca a imagem no servidor / gestor de ficheiros
- Aceda às "Definições > Definições Gerais"
- Carregue o seu FavIcon
Para versões epages antigas (versões 5, antes de 2010)
Proceda da seguinte forma:
- Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo )
- No backoffice da sua loja, insira a imagem através do botão para inserir uma imagem, no editor de texto
- Design -> Editar elementos de navegação (na caixa do modelo)
- Escolha o cabeçalho
- Clique em "Adicionar elementos de navegação"
- Escolha a opção "Definido pelo utilizador"
- Clique no botão "Adicionar"
- Para editar o novo elemento HTML, clique na hiperligação do novo elemento
- Insira o código
NB: Deverá substituir a imagem pelo logo que criou em formato ICO. O endereço abaixo (href=" ") deve ser substituído pelo endereço correcto da imagem (icone)
<link rel="shortcut icon" href="/WebRoot/Store/Shops/......./MediaGallery/favicon.ico" type="image/x-icon"/>