Design para SEO: CSS ou Tabelas

Postado por Ronaldo Balzi Junior na categoria Matt Cutts

Thomas de Cincinnati pergunta:

Um site feito com um layout baseado em CSS é mais amigável para SEO do que um design baseado em tabelas?

Francamente, eu não me preocuparia com isso. Nós vemos tabelas, nós vemos CSS, nós temos que tratar ambos. Então nós tentamos pontuar, sabe, bem, independente do mecanismo de layout que você usa.

Francamente, eu usaria o que for melhor pra você. Muitas pessoas atualmente tendem a gostar de CSS, porque é fácil de mudar seu site, é facil de mudar o layout.

É bem modular enquanto tabelas meio que tem, sabe, uma conotação web 1.0 ligadas a elas. Mas, se você tem o melhor site, nós tentaremos acha-lo e posiciona-lo bem alto. Independente de ele ser baseado em tabelas ou CSS.

Artigos Relacionados

10 Respostas to “Design para SEO: CSS ou Tabelas”

Denis Eustáquio Diz:
junho 18th, 2009
Uma das vantagens (para SEO) do site baseado em CSS com relação a sites feitos em tabelas é que sua posição nos sites de busca irá melhorar consideravelmente devido ao tamanho das páginas que é muito menor.

O site de um de nossos clientes, que foi transformado de tabelas para CSS, teve uma redução de 60KB para 16KB por página e com isso teve um grande aumento nas visitas vindas de sites de busca.

Porque CSS é melhor do que tabelas para layout:

* suas páginas carregarão mais rápido, pois o CSS fica guardado no cache. Em sites com tabelas, os estilos ficam no meio do código
* você economizará dinheiro na hospedagem, pois com elas você faz algo melhor e menor
* a manutenção é mais fácil, pois você não precisa editar o HTML, basta editar o CSS que você pode mudar completamente o design. Com tabelas, você precisaria mudar todos os arquivos
* sua posição nos sites de busca irá melhorar. Em sites com CSS você pode identificar o que é importante e destacar as palavras-chave
* seu site se tornará acessível em diversos navegadores e principalmente acessível para deficientes físicos.

Estas são algumas das vantagens da utilização de CSS no lugar de tabelas.

Grande abraço,

Denis Eustáquio
Sócio e Gerente de Projetos da B4W Consultoria em Internet
Danilo Luiz Diz:
junho 19th, 2009
Concordo plenamente, em gênero número e grau.
jacob Diz:
junho 19th, 2009
Denis, gostei de algumas das suas colocações no tocante a um site mais compacto e fácil de trabalhar e a acessibilidade.

Mas o proprio Matt acabou de afirmar que o site será posicionado pelo conteúdo independente de ser tabless ou css, ai você vem a afirma o inverso!? Já vi páginas gigantescas bem posicionada em 1°. Sem procedencia esta sua informação. No mais boas colocações.
Denis Eustáquio Diz:
junho 19th, 2009
Olá Jacob,tudo bem?

Eu concordo que um site será bem posicionado devido ao conteúdo independente de ser feito com tabelas ou CSS, mas com certeza se 2 sites que tiverem conteúdos semelhantes e relevantes um deles for em tabelas e outro sem tabelas, com certeza o site sem tabelas terá uma melhor influência nos mecanismos de busca.

Claro que o posicionamento depende de diversos outros fatores que não estamos citando aqui correto?

Grande abraço
jacob Diz:
junho 19th, 2009
Certo, posso considerar a sua opinião um chute? ou vc tem algum experimento para apresentar? Tudo bem que se falarmos de um código porco e inválido teoricamente pode ter algum tipo de prejuizo, mas tabelas e css não acredito que seja o caso.
Respeito sua opinião, mas ja vi outras pessoas que pensam como vc mas não me apresentaram fatos concretos que fizessem mudar de idéia neste ponto. Eu mesmo já tentei mudar conteúdo para tentar subir posição site em relação conteúdos similares que usavam tabelas e não teve efeito.
Gustavo Moraes Diz:
junho 21st, 2009
Concordo com o Denis, é importante citar, que sites feitos em CSS tendem a explorar melhor as tags h1, h2, h3, o que naturalmente é um aspecto de grande peso em SEO atualmente. Se levarmos ao pé da letra, talvez um site em tabelas e css nao tenha tanta diferença. Mas sabemos que sites feitos em CSS são muito mais estruturados, o que facilitará a arquitetura do site e consequentemente levará à um site muito mais otimizado.
rodrigo sampaio Diz:
junho 21st, 2009
Sinceramente não entendi porque ele afirmou isso…

O google, pela sua Central de Webmasters, afirmou recentemente que o “Fast is better than slow” tanto para os links orgânicos quanto para os patrocinados.

Sugiro a leitura deste post:

http://www.estrategiadigital.com.br/blog/posicionamento-de-sites/google-foi-categorico-sites-rapidos-sao-privilegiados

abraços
Anderson Lopes Diz:
junho 23rd, 2009
Bom,

Falando sobre o CSS ou Table, acredito que CSS deixa o código mais limpo o que ajuda em SEO sim. Não que uma página com table não possa aparecer, mas tableless fica mais fácil de explorar o SEO.

Sobre o Fast better than slow, concordo com o google, para o usuário a navegação é muito melhor se o site carrega mais rápido, e o google pensa no usuário.

Agradeço todos os comentários
Abraços
Anderson Lopes

Equipe Brasil SEO
Daniel Cavalcante Scalisse Diz:
maio 31st, 2011
Olá pessoal.

Concordo sobre o tableless.
Deve ser usado mesmo para sites de notícias, blogs, e-commerce, entre outros.
Essa nova técnica permite criar áreas com tamanhos independentes, sem quebrar o lay-out das outras.

O que não se pode confundir é o tempo de carregamento com o tempo de montagem da página.
O termo carregar se aplica ao download do html, css, javascript, flash, imagens, entre outros.
A montagem ocorre quando esses ítens estão disponíveis na memória do micro, e o tempo pode variar conforme a configuração de hardware de cada micro, e navegador.

Quando se usa table, o lay-out só é exibido quando as tags de fechamento são processadas.
Já com div, o lay-out vai sendo mostrado conforme as tags são processadas, o que dá a sensação da página ficar mais rápida, mas na verdade o tempo final de download pode ser o mesmo, ou até maior, pois, é necessário mais código css do que se fosse com table.

Com tableless o tempo de desenvolvimento é maior, o tráfego é maior, porém o resultado vale a pena.

Agora, para telas de cadastro de sistemas e listagens, que são dados tabulados, é mais econômico e de simples manutenção, usar tables, pois, gera menos tráfego e o tempo de montagem da página não muda tanto como num site, blog, entre outros onde se faz uso bem maior de imagens, e interação do visitante.
Numa tela de sistema, temos que esperar todos os campos ser carregados, e numa listagem também.

Trabalhei num projeto de gerenciador de conteúdo da Petrobrás, onde os sites eram todos com tableless, e o sistema para gerir o conteúdo era com table.

Espero ter contribuído com algo.
Obrigado.
André M Diz:
outubro 2nd, 2011
A oposição entre CSS e tabela está incorreta desde o principio.

Sites com ou sem tabelas existiam antes do advento do CSS e hoje sites baseados em CSS podem ter layout feitos com tabelas.
O CSS é folha de estilo e configura todas as TAGs HTML incluindo a TAG .

A oposição entre uma coisa e outra é falsa.