Tumblelog by Soup.io
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.
boasdietas34

Outras Modadilades, Novos Looks

LOGOTIPO GRÁTIS: FERRAMENTAS GRATUITAS Pra CRIAÇÃO DE LOGOS


Quem conhece os sites poderá identificá-los com facilidade graças aos ícones. Eles assim como ajudam em dispositivos com hiperlinks de desktop. Os favicons ícones devem ser formados por uma imagem muito característica do web site, como o logotipo, iniciais e/ou cores. Como Fazer Um Diário Pessoal Na Web costumam aparecer muito menores — em navegadores, por exemplo, a começar por 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 identificar mais rapidamente cada uma. Criar Robô Investidor , um favicon antigo do Tutoriart (que ainda uso no painel de controle); pela segunda, o novo favicon, pela terceira o PageSpeed do Google, depois StackOverflow, GitHub e Wikipedia. O mesmo acontece com Como Otimizar Os Vídeos Do Youtube E Mostrar-se No Topo Das Pesquisas 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 pra exibi-lo no seu site. Vale notar que vamos fazer o menor de todos, o básico de 16 x dezesseis pixels, que atende bem a vários usos.


Primeiro, decida que imagem vai usar. Não sonhe em nada muito detalhado, estamos explicando de dezesseis pixels! Procure uma imagem e cores que ajudarão a distinguir teu site à primeira visibilidade. Escolhi a primeira letra do nosso logotipo, com as cores do site. Crie um novo arquivo do Photoshop, com 16 x 16 pixels. Preencha o fundo com a cor principal do teu site ou logotipo.


Eu até poderia usar a mesma fonte pra desenvolver a letra, todavia mais uma vez, estamos informando de uma resolução ridiculamente pequena, e não vai continuar nítido o suficiente. Por esse caso, eu tenho como desenhar os contornos de modo muito mais necessita com uma ferramenta como a Letreiro Retangular ou até o Laço. Crie uma nova camada, e nela estabeleça a maneira da letra. Tente preservar 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 território. No modelo acima, sobraram exatamente três pixels em cada lateral do Letreiro Retangular. A linha verde, como deve ter imaginado, é o meio do material. Não tem como desenhar em meio pixel, logo será impossível fazê-la com 3 pixels e manter ao centro — o Photoshop vai atrair 2 pixels para a esquerda ou direita da linha central.


Como meu logo tem uma fonte alta, alongada, escolhi mudar um tanto e desenhar um T alto e fino. O formato padrão do favicon é de ícone, usado em navegadores (cof, cof, antigos) como o Google Lança Versão Brasileira Do YouTube . Desta maneira, se quiser mais compatibilidade, é recomendável usar este formato. Se não, o favicon podes ser salvo em PNG ou GIF — logo, fique à vontade para desenvolver imagens com transparência.


Nota: testei gifs animados como favicon e só funcionam no Firefox. Para salvar como ícone, o Photoshop necessita de um plugin, o ICO Format. É sem custo algum, só baixar neste local e instalar (olhe nesse lugar como instalar plugins e outros recursos no Photoshop). Salve teu arquivo de favicon e reinicie o Photoshop. ICO. Na janela de diálogo, mantenha a opção "Standard ICO" e clique em OK. Primeiro, envie o arquivo do ícone pra teu servidor. Use um programa de FTP pra isso, ou o próprio painel de controle do servidor, que precisa ter uma opção de "Gerenciar arquivos" ou "File Manager" — definitivamente os serviços pagos têm, no modelo cPanel. Coloque o ícone na pasta raíz do website (a pasta principal do blog no servidor, geralmente fica dentro da pasta www e tem um nome parecido com o do web site). Depois de selecionar a pasta indicada, clique em Upload e envie o ícone. Deste modo, o favicon aparecerá tal como apresentado antes, por intermédio do código abaixo, quanto em sua página de feeds e no painel de administração.


Se você alguma vez ter necessidade de encobrir um corpo falecido, você tem que colocá-lo na segunda página de resultados do Google. Teu artigo do website, postagem ou artefato aparecendo em outra página dos resultados de procura do Google sem ser a primeira é o mesmo que não aparecer. No entanto pra captar como aparecer pela primeira página de resultados, entenda como a busca funciona. Esses numerosos fatores conseguem ser divididos em 2 amplas categorias de Seo (otimização para sites de buscas): S.e.o. (search engine optimization) on-page e S.e.o. (search engine optimization) off-page. Seo (otimização para sites de buscas) on-page se expõe a todos os fatores do ranking do Google que são acordados lendo diretamente para a página que você quer otimizar, como títulos, assunto, desempenho e estrutura da página. S.e.o. (otimização para sites de buscas) off-page se diz a todas as variáveis que o Google olha, no entanto que não estão exclusivamente em suas mãos, visto que dependem de outros websites, como rede sociais, outros web sites no teu ramo e o histórico pessoal dos pesquisadores. Eles são diferentes, entretanto não opcionais: você tem que ter os 2 otimizados pra ter sucesso no Google.


O Seo On Page é regressado pro usuário e engloba todas as atividades que afetam diretamente a sua experiência. Design, usabilidade, performance, assunto: tudo faz porção do Seo (otimização para motores de buscas) On Page e deve ser levado em conta. Além do assunto, da semântica e do uso de meta tags - todos estes assuntos serão abordados pela sequência -, a performance do site ou site é essencial, do mesmo jeito que a preparação para uso em dispositivos móveis.


Tags: web 2.0

Don't be the product, buy the product!

Schweinderl