Quem conhece os websites conseguirá identificá-los com facilidade graças aos ícones. Eles bem como ajudam em dispositivos com links de desktop. Os favicons ícones necessitam ser formados por uma imagem muito característica do blog, como o logotipo, iniciais e/ou cores. O problema é que eles costumam aparecer muito pequenos — em navegadores, tendo como exemplo, a partir de 16 x 16 pixels.
Ainda não está associando "o nome à pessoa"? Como notou, são guias do Chrome. Repare nos ícones ao lado do nome de cada blog. Eles ajudam a reconhecer mais rapidamente cada uma. Na primeira, um favicon antigo do Tutoriart (que ainda emprego no painel de controle); na segunda, o novo favicon, na terceira o PageSpeed do Google, depois StackOverflow, GitHub e Wikipedia. O mesmo acontece com a barra de favoritos, abaixo da caixa de endereço.
Favicons são quase obrigatórios, logo se você ainda não tem um personalizado, demorou. Vamos fazer um favicon no Photoshop, e depois fazer a marcação para exibi-lo no teu site. Vale notar que vamos fazer o menor de todos, o essencial de 16 x 16 pixels, que atende bem a diversos usos.
Primeiro, decida que imagem vai utilizar. Não sonhe em nada muito detalhado, estamos dizendo de 16 pixels! Procure uma imagem e cores que ajudarão a discernir teu website à primeira visão. Escolhi a primeira letra do nosso logotipo, com as cores do blog. Crie um novo arquivo do Photoshop, com dezesseis x 16 pixels. Preencha o fundo com a cor principal do seu web site ou logotipo.
Eu até poderia utilizar a mesma referência para gerar a letra, mas outra vez, estamos compartilhando de uma resolução ridiculamente pequena, e não vai ficar nítido o bastante. Por este caso, eu tenho como desenhar os contornos de forma bem mais precisa com uma ferramenta como a Letreiro Retangular ou até o Laço. Crie uma nova camada, e nela estipule a forma da letra. Tente manter as proporções de espaço.
Dependendo do que vai desenhar, se não couber deixando espaço adequado nas laterais, o Photoshop "atrai" o contorno pra um pixel fora do lugar. No exemplo acima, sobraram exatamente três pixels em cada lateral do Letreiro Retangular. A linha verde, como deve ter imaginado, é o meio do objeto. Não tem como desenhar em meio pixel, logo será impossível fazê-la com 3 pixels e conservar ao centro — o Photoshop vai atrair dois pixels para a esquerda ou direita da linha central.
Como meu logo tem uma fonte alta, alongada, escolhi variar um tanto e desenhar um T alto e fino. O formato modelo do favicon é de ícone, usado em navegadores (cof, cof, antigos) como o Web Explorer. Então, se quiser mais compatibilidade, é recomendável usar este formato. Se não, o favicon pode ser salvo em PNG ou GIF — logo, fique à desejo para criar imagens com transparência.
Nota: testei gifs animados como favicon e só funcionam no Firefox. Para salvar como ícone, o Photoshop precisa de um plugin, o ICO Format. É de graça, só baixar nesse lugar e instalar (veja aqui como instalar plugins e outros recursos no Photoshop). Salve teu arquivo de favicon e reinicie o Photoshop. ICO. Pela janela de diálogo, mantenha a opção "Standard ICO" e clique em OK. Primeiro, envie o arquivo do ícone para seu servidor. Use um programa de FTP pra esta finalidade, ou o respectivo painel de controle do servidor, que tem que possuir uma opção de "Gerenciar arquivos" ou "File Manager" — com toda certeza os serviços pagos têm, no padrão cPanel. Coloque o ícone na pasta raíz do blog (a pasta principal do website no servidor, normalmente fica dentro da pasta www e tem um nome aproximado com o do website). Após selecionar a pasta indicada, clique em Upload e envie o ícone. Desse modo, o favicon aparecerá tanto como exposto antes, pelo código abaixo, quanto na sua página de feeds e no painel de administração.
Se você alguma vez necessitar encobrir um organismo falecido, você precisa colocá-lo na segunda página de resultados do Google. Seu postagem do blog, postagem ou item aparecendo em outra página dos resultados de pesquisa do Google sem ser a primeira é o mesmo que não apresentar-se. Contudo para perceber como apresentar-se na primeira página de resultados, entenda como a pesquisa funciona. Esses vários fatores podem ser divididos em 2 amplas categorias de Seo: Seo (otimização para sites de buscas) on-page e S.e.o. off-page. S.e.o. (search engine optimization) on-page se refere a todos os fatores do ranking do Google que são instituídos analisando diretamente pra página que você quer otimizar, como títulos, tema, desempenho e infraestrutura da página. S.e.o. (search engine optimization) off-page se diz a todas as variáveis que o Google olha, todavia que não estão exclusivamente em tuas mãos, dado que dependem de outros web sites, como rede sociais, outros websites no seu ramo e o histórico pessoal dos pesquisadores. Eles são diferentes, entretanto não opcionais: você deve ter os dois otimizados pra ter sucesso no Google.
O Seo On Page é regressado pro usuário e engloba todas as atividades que afetam diretamente a tua experiência. Design, usabilidade, performance, conteúdo: tudo faz fração do S.e.o. (otimização para sites de buscas) On Page e precisa ser levado em conta. Além do tema, da semântica e do emprego de meta tags - todos esses focos serão assediados na sequência -, a performance do blog ou web site é essencial, como essa de a preparação para exercício em dispositivos móveis.
0 
Star