Como combinar SEO e web design para criar páginas mais eficazes para sua persona e mecanismos de pesquisa
Publicados: 2021-07-12A importância do web design SEO é que quando investimos no desenvolvimento de um website, queremos que ele seja muito apresentável e amigável para os buscadores, com elementos visuais agradáveis, além de oferecer uma navegação funcional, simples e intuitiva.
Tudo isso faz parte da preocupação em oferecer uma boa experiência ao usuário. No entanto, podemos conciliar essa abordagem com serviços e técnicas de SEO?
Embora existam vários desafios ao combinar a otimização de mecanismos de pesquisa e web design, esta é uma mistura muito viável.
Isso se torna claro à medida que entendemos a importância de criar páginas atraentes para pessoas e mecanismos de pesquisa, e entendemos melhor os erros de design que afetam sua otimização.
Gostaria de saber mais? Então, leia abaixo!
Por que combinar SEO e web design?
Existem muitos argumentos a favor de considerar SEO e web design como aliados na criação de um site extraordinário. Vejamos 5 das principais razões para manter ambos em equilíbrio.
1. A maior parte do tráfego geralmente vem de pesquisas orgânicas
De acordo com um estudo da BrightEdge - uma empresa que possui uma plataforma sofisticada de otimização de mecanismos de busca e outras soluções de marketing na Internet -, em média, a busca orgânica corresponde a 50,1% do tráfego do site.
Isso significa que, por mais eficaz que seja uma estratégia de tráfego pago, as pesquisas naturais são as que trazem mais visitantes ao seu site no final . Portanto, devemos olhar para o SEO como uma excelente oportunidade de otimizar nossas páginas para fortalecer este canal com maior chance de atrair prospects.
[rock_performance lang = ”en”]
Se sua empresa já possui um site, blog ou e-commerce há algum tempo, verifique sua ferramenta de web analytics. É muito provável que o tráfego orgânico seja seu maior canal para adquirir visitantes. É por isso que é importante ter um web design amigável para SEO.
2. A aparência do seu site reflete o compromisso da empresa
Quando acessamos uma página e percebemos um descuido na escolha do layout, fontes, cores, imagens e outros elementos visuais, é comum supor que a marca não tem o compromisso de proporcionar uma boa experiência aos seus visitantes.
Por isso, é fundamental investir em um site de qualidade, com design consistente com os valores da empresa e em sintonia com as características de sua persona.
3. O design ruim mantém os usuários afastados
Além de prejudicar a reputação da marca, um site com visual e experiência do usuário ruins costuma ter uma consequência imediata no comportamento do usuário: as pessoas tendem a abandonar aquela página.
Vale lembrar que essa frustração não acontece apenas com sites que possuem um design ruim, mas também com aqueles que possuem muitos elementos de design .
Funcionalidade excessiva e imagens com uma resolução muito acima da desejável também tornam a navegação difícil e aumentam a vontade de clicar no botão Voltar.
4. Certas tecnologias não funcionam bem com mecanismos de pesquisa
Quando o Flash estava no auge, ele permitia criar sites com efeitos e animações que os padrões da web dificilmente permitiam na época.
As possibilidades em termos de design e desenvolvimento eram incríveis. No entanto, os robôs dos mecanismos de pesquisa não podem rastrear essa tecnologia, o que torna (muito) difícil indexar sites construídos dessa forma .
O Flash é um dos exemplos mais notáveis, mas mostra muito bem como o uso de uma tecnologia que valoriza apenas o aspecto do design pode arruinar a presença da marca nas páginas de resultados de pesquisa.
5. Fazer SEO durante a construção do site evita retrabalho
Como o SEO consiste em otimização, é comum as empresas deixarem essa etapa para depois, quando o web design ou mesmo todo o desenvolvimento do site já estiver feito.
Acontece que isso requer uma série de modificações que poderiam ser evitadas se o SEO fizesse parte do processo de construção da página desde o início.
Quais princípios não podem faltar nesta combinação?
Agora, vamos aprender os fundamentos e os elementos essenciais para criar um site atraente tanto para a persona quanto para os mecanismos de pesquisa.
1. Navegação e estrutura do site
Quando vamos ao supermercado, encontramos placas dizendo Frutas e Hortaliças, Bebidas, Congelados, Higiene, entre outras. Se formos para a seção de Higiene, por exemplo, veremos os produtos separados por Desodorante, Sabonete, Pasta de dente, Shampoo e assim por diante.
Pode-se dizer que um site é organizado de forma semelhante . Separamos produtos ou conteúdo em categorias e subcategorias enquanto seguimos uma hierarquia. Estão disponíveis em menus, para que o usuário navegue de acordo com o que procura.
Em outras palavras, use a sinalização departamental do supermercado como guia para projetar a navegação do site, onde a divisão da loja em seções e subseções - e a escolha de seus respectivos nomes - equivale à estrutura de um site.
Vamos usar a Amazon.com como exemplo.

Existe um menu de navegação global, com opções relacionadas a compras (Lojas), Sua Conta e Ofertas Diárias. No menu Lojas, se formos para Livros, veremos mais subcategorias (Todos os livros, Livros à venda, Mais vendidos e outros).
Ao clicar em Todos os Livros, somos direcionados para uma página específica, com ofertas e um menu local, onde o usuário pode acessar os títulos por gênero, autor ou editora.

Observe como a Amazon teve o cuidado de não colocar todas as opções possíveis no mesmo menu. A navegação vai claramente de uma categoria mais ampla para uma categoria mais específica.
Além de ajudar os usuários a entender o que o site tem a oferecer e permitir que eles cheguem aonde quiserem, a organização por níveis e subníveis ajuda os mecanismos de busca a entender o contexto e o grau de importância entre suas páginas.
Portanto, concentre-se na simplicidade , evitando a construção de menus sofisticados. Em vez disso, agrupe conteúdos ou produtos com a divisão apropriada de categorias e subcategorias. Se você enfrentar dificuldades neste processo, a arquitetura da informação será de grande ajuda.
2. Layout de conteúdo
Já é sabido que a qualidade do conteúdo de SEO é um dos fatores mais importantes para o algoritmo do Google. Portanto, valorize as informações que seu site tem a oferecer.
Lembre-se que, na Web, competimos pela atenção do usuário, que provavelmente tem várias outras abas abertas além da sua página. Nesse contexto, onde cada visita ao seu site pode ser considerada uma vitória, devemos nos concentrar no conteúdo e não criar distrações adicionais.
Portanto, sempre pense em ajudar o leitor a encontrar o que deseja equilibrando texto, elementos visuais e espaços em branco para não descuidar do conteúdo .
3. Capacidade de resposta
Um design responsivo - tendo a capacidade de se adaptar ao tamanho da tela do dispositivo do usuário - é indispensável, especialmente com o uso crescente da internet móvel no mundo. Para ilustrar isso, o celular já é o principal meio de acesso à Internet em muitos países do mundo.
Devido a essa relevância, a busca do Google já considera a compatibilidade das páginas com dispositivos móveis como um de seus fatores de classificação nos buscadores.
Por isso, certifique-se de valorizar a liberdade de seus visitantes e sempre oferecer uma experiência agradável, independentemente de eles preferirem visitar seu site de um desktop ou outro dispositivo.
4. Uso de imagens
O apelo visual de um site é fundamental para gerar uma conexão entre o visitante e a marca. Nesse sentido, as imagens são aliadas importantes para melhorar a aparência e complementar o conteúdo textual presente na página.
Acontece que os motores de busca não são (ainda) capazes de interpretar o que está nas fotos. Por esse motivo, em termos de SEO, você precisa incluir uma descrição com as imagens que decidir adicionar. Para fazer isso, basta inserir um 'texto alternativo', usando o atributo de texto alternativo.
Infelizmente, essa não é a única preocupação que devemos ter com as imagens. Como veremos a seguir, eles costumam ser a fonte de muitos erros que atrapalham o SEO.
Quais erros de web design afetam mais o SEO?
Depois de aprender os benefícios de combinar os dois elementos e entender os pilares dessa combinação, vamos ver os 10 erros de web design que podem arruinar o posicionamento de sua marca nos rankings de busca.
1. Esquecendo de compactar imagens
Imagens de qualidade são, sem dúvida, uma parte importante de um bom design. No entanto, se eles tiverem uma resolução muito alta, eles podem afetar a velocidade de carregamento do seu site .
O usuário dificilmente terá paciência para esperar a abertura de uma página se demorar mais do que alguns segundos, ainda mais se acessando de um dispositivo móvel. Portanto, para o Google, a velocidade de carregamento de um site é um fator de classificação.
Por isso, é importante prestar atenção ao tamanho (em termos de dimensões e megabytes) de suas imagens para que não tornem suas páginas lentas. Sempre tente usar uma ferramenta de compressão de imagens antes de adicioná-las ao site.

Confira TinyPNG. Neste exemplo, ele foi capaz de comprimir uma imagem em 75%!

2. Publique conteúdo impróprio
Por mais que o conteúdo nem sempre esteja associado à concepção e ao desenvolvimento, devemos lembrar que existem aspectos estéticos que podem dificultar o engajamento do usuário com ele. Parágrafos e frases muito grandes, fonte muito pequena e uma cor de texto que torna a leitura difícil são elementos que os pesquisadores são capazes de detectar.
Observe na imagem abaixo como as palavras são iguais.

Veja como blocos de texto muito grandes, parágrafos inteiros em letras maiúsculas e uma cor sem o contraste adequado tornam a experiência muito pior.
3. Adicione chamadas excessivas de JavaScript
A Web está repleta de scripts que ajudam a melhorar sites com elementos mais dinâmicos ou incorporando mídias de outros serviços com a função embed. O problema é que solicitar muitos recursos externos pode retardar o carregamento, o que já sabemos é prejudicial para a experiência do usuário e para o SEO.
Com isso em mente, ao fazer o desenvolvimento web, use chamadas de script de terceiros com moderação. Analise se são indispensáveis ou se é possível utilizar outras soluções.
Veja o caso deste blog: dos 2,4 megabytes transferidos, 654 kilobytes corresponderam a JavaScript, que é cerca de 26% dos dados transferidos ao carregar esta página específica.
4. Crie uma parte significativa do site em Flash
É verdade que o Flash pode criar efeitos incríveis no seu site, mas vale lembrar que o usuário precisa ter o Adobe Flash Player instalado no aparelho para poder visualizá-lo.
Além disso, os mecanismos de pesquisa não indexam muito bem o conteúdo criado com essa tecnologia.
Assim, o ideal é evitar o uso do Flash para navegação e conteúdo textual ou, simplesmente, optar por outras alternativas que sigam os padrões da web.
5. Ignorar usuários de dispositivos móveis
Já discutimos o aumento significativo de conexões por meio de tablets e smartphones, o que significa que é muito provável que a maioria dos visitantes do seu site venha desses dispositivos.
Se suas páginas não estiverem preparadas para esses dispositivos, seus visitantes quase certamente abandonarão seu site.
Uma vez que os motores de busca consideram se o site é compatível com mobile ou não para definir sua classificação, vale a pena investir em um design responsivo também do ponto de vista de SEO.
E por falar em celular, não se esqueça de adicionar alguns botões de compartilhamento de mídia social à sua página!


6. Substitua elementos HTML importantes por imagens
Criar imagens impressionantes e usá-las no lugar de elementos HTML importantes, como tags de cabeçalho, pode ser muito agradável aos olhos, mas não vai funcionar para o SEO.
As tags H1, H2 e H3 destacam o grau de relevância de cada parte do seu conteúdo de SEO e permitem que você coloque maior ênfase na palavra-chave dessa página.
7. Adicione muito texto às imagens
Já explicamos que os motores de busca não podem interpretar imagens da mesma forma que são capazes de analisar o conteúdo textual - que faz parte do código HTML da página.
Por esse motivo, é uma má prática ter imagens consistindo principalmente de texto, em vez de reproduzi-lo com elementos textuais reais na página.
Embora o atributo de texto alternativo possa ser útil nesses casos, é ideal para criar um texto complementar ou manter uma imagem e um texto separados . Uma alternativa seria criar uma camada de sobreposição com texto usando recursos CSS.
8. Crie menus excessivamente sofisticados
Já sabemos como a navegação é relevante para usuários e pesquisadores. Portanto, nada melhor do que criar menus simples que sigam o padrão que já se espera desses elementos na Web - uma lista desorganizada na vertical ou na horizontal, por exemplo.
A navegação precisa ser organizada e não deve criar confusão para sua persona. Para evitar isso, mantenha um equilíbrio. Trabalhe na qualidade da apresentação do seu cardápio, mas evite ser muito inovador.
O blog da Rock Content é um excelente exemplo, com a lista de Categorias no menu superior e a alternativa de acesso no rodapé.

9. Use recursos que dificultam o acesso ao conteúdo
Quando o usuário chega ao seu site por meio de uma ferramenta de busca como o Google, a ideia é que ele encontre o que procura, certo? Se colocarmos pop-ups, avisos, anúncios e outros elementos antes do conteúdo principal, dificultamos esse acesso.
Pegue o site de notícias na imagem abaixo como exemplo. Observe como, ao abrir a página principal, o espaço dedicado às informações que o leitor realmente deseja ver é muito pequeno.

Os mecanismos de busca são inteligentes o suficiente para detectar esse tipo de coisa, e é por isso que isso afeta a classificação do site.
10. Desconsidere os testes e resultados
A melhor maneira de saber se o web design está influenciando negativamente a otimização de mecanismos de busca é realizar testes e avaliar os resultados.
Uma medida interessante é incluir anotações em sua plataforma analítica. Sempre que mudanças significativas no design do site forem ao ar, registre a data e monitore se houve mudanças significativas no tráfego orgânico .
É importante lembrar que a queda na aquisição de visitantes por meio da busca orgânica pode ter outros motivos, como problemas no servidor ou até mesmo alterações no algoritmo de busca do Google.
Quais ferramentas ajudam a verificar se o SEO e o web design estão devidamente alinhados?
Agora, vamos ver as ferramentas que todo web designer que deseja melhorar seus sites do ponto de vista de SEO deve conhecer.
Sapo gritando
O Screaming Frog é usado para rastrear um site, como fazem os robôs dos mecanismos de pesquisa . Depois de instalado em seu computador, basta inserir o URL e clicar em Iniciar para iniciar o processo de rastreamento.
Após o procedimento, podemos ver informações como:
- tempo de resposta da página;
- quantidade de recursos (HTML, JavaScript, CSS, imagens, Flash, PDF e outros) carregados interna e externamente;
- tags de título;
- tag de título;
- Meta Descrição;
- número de imagens.

PageSpeed Insights
O PageSpeed Insights é uma ferramenta do Google que analisa a velocidade da sua página e, com base nisso, dá a ela uma pontuação de 0 a 100.
Em seguida, oferece um relatório com diversas sugestões de como melhorar os tempos de carregamento, tanto para desktop quanto para celular.

Teste de compatibilidade com dispositivos móveis
Outro recurso útil do próprio Google é o Teste de compatibilidade com dispositivos móveis. Após inserir a URL do site, a ferramenta examina o conteúdo e determina se ele está otimizado para esses dispositivos ou não .
Se houver algum problema nesse sentido, a ferramenta mostra quais aspectos precisam ser melhorados.
Com todas as sugestões que viu até agora, você já tem uma excelente base para garantir que o SEO e o web design estejam bem integrados. Lembre-se de que o usuário deve estar sempre em primeiro lugar.
Ao cuidar dos aspectos técnicos e visuais que proporcionam a melhor experiência aos seus visitantes, a tendência é que a posição do seu site nos resultados dos buscadores só melhore.
Quer saber como a velocidade da página pode afetar suas vendas? Baixe nosso infográfico gratuito e veja como você pode melhorar seu desempenho de vendas!
