CSS e SEO: O Segredo para o Sucesso

Postado por Renato Lam Yee na categoria Código Fonte e SEO

Olá galera do BrasilSEO.com.br! Volto com mais dicas sobre otimização de websites.

O que é CSS?

Cascading Style Sheet ou Folha de Estilos é uma tecnologia que permite a criação de sites separando-se seu conteúdo de sua formatação no mesmo ou em arquivos separados. O CSS é recomendado pela W3C, que gerencia as normas para a Internet, a fim de melhorar o desempenho de websites.

Vantagens em se usar CSS para SEO

Folhas de estilo podem ser inseridas diretamente no código HTML de cada página ou também ser escritos em um arquivo externo.

A melhor solução é a segunda principalmente porque ele possui inegáveis vantagens, tais como:

A estruturação do código HTML torna-se mais limpo;
O arquivo CSS é carregado e mantido no cache desde o início, e isso diminui o tempo de carregamento das outras páginas;
A manutenção ou alteração pode ser feita muito mais rápida: basta modificar um único arquivo para mudar o site inteiro, não importa o número de suas páginas;
Aumento da compatibilidade do navegador;

Dicas para utilização de CSS

Evite colocar formatação in-line nas tags, prefira colocar tudo em arquivo .css separado;
Substitua o uso de JavaScript rollovers e mouseovers quando possível por CSS;
As imagens podem ser definidas como backgrounds. Elas vão carregar mais rápido do que imagens colocadas entre tags HTML.
Prefira usar menus construídos com CSS. Se você acha que não é possível fazer um menu complexo usando somente CSS, então veja Um exemplo de menu feito totalmente em CSS no site http://www.seomarketingworld.com. Você vai se surpreender com o que se pode fazer com folha de estilos.
Evite o uso de tabelas, prefira usar tableless por facilitar a formatação e reduzir bastante o código fonte.

A ressalva de CSS

É inegável que CSS e SEO fazem um bom par quando se trata de desempenho, com código limpo e site bem construído. Isso melhora bastante o Marketing para Sites de Busca. No entanto, há uma questão muito importante que você deve considerar quando se usa CSS, a fim de otimizar o seu site: nunca use CSS, a fim de ocultar o texto de suas páginas. As ferramentas de buscas como o Google e o Yahoo conseguem detectar esse tipo de artifício considerado como Black Hat SEO.

É isso ai leitores do BrasilSEO.com.br. Comentem o post se tiverem dúvidas, sugestões ou críticas.

Artigos Relacionados

8 Respostas to “CSS e SEO: O Segredo para o Sucesso”

5 Coisas que Todo Webdesigner Deve Saber Diz:
março 31st, 2008 as 6:03 pm
[...] tela 1024×768, 1280×1024 e 800×600. 2. CSS é essencial. Como já foi discutido em CSS e SEO: O Segredo para o Sucesso, o uso de CSS é essencial para SEO, mas além disso, o uso do CSS é essencial para o usuário [...]
Lu Barbosa Diz:
abril 2nd, 2008 as 5:32 pm
Que otima materia e oportunidade, sucesso ok
estou a colocar as dicas e tecnicas em meu site http://www.gnove.com.br
Abraços
Dicas de SEO e Acessibilidade - Brasil SEO | Brasil SEO Diz:
abril 17th, 2008 as 1:36 pm
[...] mesmo efeito pode ser alcançado pela utilização de CSS junto de elementos <div> HTML logicamente organizados. Além de ajudar a navegação do [...]
Design para SEO: CSS ou Tabelas | Brasil SEO Diz:
junho 18th, 2009 as 8:08 pm
[...] site feito com um layout baseado em CSS é mais amigável para SEO do que um design baseado em [...]
estenio Diz:
novembro 3rd, 2009 as 9:03 pm
no post diz que esconder o texto é Black Hat SEO ok ja tinha ouvido falar disso também ja ouvi falar que colocar alt é aconselhavel mas ai vem por exemplo vem os menus que contém as palavras chaves do que o site vai aprensentar mas ele forma feitos como figuras por que o css não reproduz a fonte feita no layout se eu esconder o texto nesse caso é considerado balck hat seo? se é então por se permite que o atibuto text-indent de para usar negativo? fica a ressalva então
Anderson Lopes Diz:
novembro 13th, 2009 as 11:32 am
Ola Estenio,

Deixa só eu confirmar se entendi sua pergunta, quando o menu é feito com imagens e o texto do menu fica “escondido” atrás da própria imagem. Isso é black hat?

Bom nesse caso eu diria o seguinte, se o texto atrás da imagem for exatamente igual ao texto da imagem, não. Caso contrário, é.

Abraços
Anderson Lopes
Equipe Brasil SEO
estenio Diz:
novembro 23rd, 2009 as 8:50 pm
obrigado pela resposta mas gostaria de saber se essa sua afirmação é considerada uma regra pelos buscadores, de que todas imagens com texto escondido de mesmo nome não seria black-hat? pois o que leio por ai é que qualquer texto escondido é considerado black-hat agora fiquei na dúvida
Anderson Lopes Diz:
dezembro 1st, 2009 as 1:16 am
Estenio,

Isso foi afirmação de googler, e o proprio google faz, observe a logo no centro da tela, tm um texto escrito “google” posicionado exatamente atrás da imagem.
Desde que sejam idênticos não é black hat não.

Abraços
Anderson Lopes
Equipe Brasil SEO