Web Louca

Home Artigos Truques CSS para um melhor SEO - Truque 1

Truques CSS para um melhor SEO - Truque 1

css truques

No seguinte artigo vou-me centrar maioritariamente na optimização para o Google, embora os outros motores de busca ainda possam possuir uma bela fatia de mercado, é o Google que domina!

Apesar do Google já ter 13 aninhos de vida, o rapaz ainda se comporta como um bebe, os seus spiders do Google são como crianças, é necessário assisti-los a encontrar o conteúdo importante e a compreende-lo.


No entanto desenvolver uma página para o Google e outra para o Utilizador está fora de questão. Enquanto que o utilizador visualiza a as imagens, o texto bonitinho, os efeitos maravilhosos... os sipideres do Google visualizam código! E mesmo que uma página esteja fantástica do ponto de vista do utilizador, o Google pode considerá-la horrível!

Sendo assim deixo-lhe 1 truque css para um melhor Seo.

Posicionamento Absoluto

Quanto mais elevado o seu conteúdo aparecer no código que um website/blog, maior será o seu valor aos olhos do google. Como já referi anteriormente. Então se o seu site possui bastantes menus, scripts, "side bars"... talvez seja boa politica utilizar posicionamento absoluto, uma vez que o spider do Google pode mesmo desistir de percorrer a sua página caso o código da página seja muito longo.

No entanto falar é fácil programar é mais difícil.

Um exemplo:

csstruques1

 
No exemplo anterior o spider do Google percorre primeiro a barra lateral direita, dando-lhe mais importância em termos de pesquisa, que ao que realmente interessa, o conteudo. De notar ainda que a maioria dos Templates para qualquer que seja o CMS vêm com uma configuração de código deste género.

 

csstruqes2

Neste caso o código está optimizado para os motores de busca, sendo que no código o conteúdo (o que realmente interessa) é o que aparece em primeiro lugar ao spider do motor de busca. Neste caso utilizei o tal posicionamento absoluto para colocar a barra lateral no seu devido local, uma vez que se mantivesse o código css do primeiro exemplo, esta apareceria por baixo do conteúdo.

 


Trackback(0)
Diego Soares
Setembro 05, 2008

E ae Gonçalo, blz?

Parabéns pelo post, é incrivel como essa simples dica pode causar um impacto grande na indexação do blog.
Eu já escrevi dois posts sobre esse assunto, é o http://www.professionalblogger...ara-blogs/ e http://www.professionalblogger...os-codigo/

Abraços,

Diego Soares

Gustavo
Setembro 05, 2008

Boa a dica... excelente...

Alex Cristian
Setembro 07, 2008

Valeu pela dica Gonçalo.
Abraços

Cataino
Setembro 07, 2008

Infelizmente eu não sei nada sobre html ou css, tenho usado os conselhos que o próprio google dá e tem dado resultado, pois meus textos são bem posicionados no google.
Só não sei se o que faço é tecnicamente correto.

jackweb
Setembro 29, 2008

Tenho muito pra aprender aqui é um bom lugar pra isso
Parabéns sempre ótimas dicas.

Abraço

William Nagase
Junho 18, 2010

Muito boa dica, mais sera que a avaliação do google é feita deste modo mesmo?

William Nagase
Dezembro 15, 2010

OLha, não gostei de nada a não ser...
é, não gostei de nada mesmo!
mas eu não sei se é assim a avaliação da google, qualquer coisa me fale!







André Luiz
Janeiro 14, 2011

95% dos iniciantes da informática começam a navegar usando buscadores e o google é numero essa dica é muito importante


Escreva o seu Comentario
 
  pequeno | maior
 

busy
Subscreve a newsletter gratuita e começa hoje mesmo a criar websites e a ganhar dinheiro na internet!


jsimageNeste artigo vou-lhe demonstrar como rodar imagens e qualquer elemento desde div a span co...
phpthumbAtualmente praticamente todos os websites possuem a necessidade de listar os seus artigos...
benchmarksA pouco mais de um ano falei sobre uma ferramenta para otimizar imagens (Artigos/optimize...
phpimageredRedimensionar uma imagem com php pode ser um processo complicado. Quando por exemplo um wo...
linksafiliadosNo inicio do ano escrevi um artigo onde dáva a conhecer uma forma de criar links de afili...