HomeArtigosTruques CSS para um melhor SEO - Truque 1

05

Set

Truques CSS para um melhor SEO - Truque 1

Escrito por Gonçalo Martins   
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.

 



Gostou deste Artigo?
Subscreva o feed RSS ou reguiste-se na Newsletter do WebLouca, agora!
Categoria:
Se preferir, pode ainda deixar um comentário

PATROCINADORES


cometarios
Trackback(0)
Diego Soares
Setembro 05, 2008
http://www.professionalblogger.com.br/

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
http://boagrana.info

Boa a dica... excelente...

Alex Cristian
Setembro 07, 2008
http://al3xeng.blogspot.com/

Valeu pela dica Gonçalo.
Abraços

Cataino
Setembro 07, 2008
http://www.blogdocatarino.com

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
http://www.megafacil.net/portal

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

Abraço

William Nagase
Junho 18, 2010
http://www.wshot.com.br

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


Escreva o seu Comentario
 
  pequeno | maior
 

busy
 

Patrocinadores do Site

Subscrever Feed



Artigos

Ultimos artigos
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...