Brasil SEO - Otimização de Sites (SEO) e Marketing de Busca (SEM)

Buscar no Brasil SEO:
spacer Brasil SEO » Código Fonte e SEO » CSS e SEO: O Segredo para o Sucesso spacer

CSS e SEO: O Segredo para o Sucesso

Autor Postado por Renato Lam Yee na categoria Código Fonte e SEO
Comentários

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.

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

  1. 5 Coisas que Todo Webdesigner Deve Saber Diz:

    [...] 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 [...]

  2. Lu Barbosa Diz:

    Que otima materia e oportunidade, sucesso ok
    estou a colocar as dicas e tecnicas em meu site http://www.gnove.com.br
    Abraços

  3. Dicas de SEO e Acessibilidade - Brasil SEO | Brasil SEO Diz:

    [...] 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 [...]

Deixe uma Resposta

XHTML: Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>