Erros de design que podem arruinar o SEO do seu site

Muitos designers e artistas consideram que seu ofício está acima de todas as leis de otimização de mecanismo de busca (SEO). Mas um artigo publicado pela Association for Computing Machinery sugere que cerca de95% do feedback negativo sobre um site tem a ver com problemas de design.É seguro dizer que o design afeta significativamente a percepção dos sites e, portanto, suas classificações.

O defeito latente no design do seu site

Chegou a hora em que as linhas de SEO, conteúdo e design gráfico convergiram. Todas as três disciplinas que antes eram pensadas para trabalhar paralelamente agora trabalham juntas. E embora isso apresente muitas oportunidades em seu marketing, também abre mais riscos de cometer erros que prejudicam seus esforços de classificação. Existem vários aspectos de design do seu site que requerem atenção.

Reexamine seu web design e anote estes erros:

Não focando no celular

Desde setembro de 2020, o Google está em uma onda de atualizações. Uma dessas mudanças é a mudança para sites otimizados para dispositivos móveis com conteúdo de boa aparência e carregamento rápido nas telas dos dispositivos móveis. Por que?

• O número de usuários que acessam a internet pelo celular ultrapassou o número de usuários que acessam por meio de outros dispositivos em 2018.
• Se sua página carregar após três segundos, você terá uma taxa de rejeição de 32%.

A Kissmetrics encontrou alguns problemas que os usuários móveis enfrentam ao acessar um site:

• Quarenta e sete por cento dos visitantes esperam um tempo de carregamento de dois segundos.
• Quarenta por cento saem se demorar mais de três segundos para carregar.
• Setenta e nove por cento dos visitantes nunca revisitam o site com desempenho ruim.
• Se o tempo de carregamento aumentar em 1%, é provável que você perca 16% do tráfego.

Acreditamos que essas pesquisas são suficientes para você entender que a indexação mobile-first é a próxima chave para o seu sucesso de SEO. O Google confirmou isso por meio de sua recente atualização de experiência na página, que se concentra em aprimorar a experiência do usuário (UX). O Page Experience está disponível para dispositivos móveis e será lançado na pesquisa para computadores em março de 2022.

Agora, os sites que levam em consideração os sinais de classificação da experiência na página e os princípios de design da experiência do usuário têm vantagem. O design UX é um processo de compreensão de como o usuário interage e se sente depois de interagir com o produto. É incorporado principalmente para aumentar a facilidade de uso. O Google agora julga o design de um site com base em três principais indicadores vitais da Web que, juntos, medem a facilidade de uso geral de um site.

Imagens grandes desafiando o retrofit responsivo

Você já tentou derramar um jarro de água em um copo? A água começa a transbordar assim que o copo enche. O mesmo acontecerá se você começar a encaixar o design do seu site nas telas pequenas dos dispositivos móveis.

Imagine um site com centenas de imagens em sua página de destino. Naturalmente, será difícil para os usuários navegar na página. Na versão móvel, tudo fica muito pequeno e ilegível.

A pesquisa realizada pela Searchmetrics revelou que os 10 principais sites na página de resultados de pesquisa (SERP) tinham menos de três imagens por página em seus sites. A lição aprendida é que quanto mais bagunça, mais difícil é para os mecanismos de busca.

O teste PageSpeed ​​Insights do Google pode lhe dar algumas ideias sobre como remover os elementos de conteúdo pesado do design. Ele mostrará quais imagens precisam de compactação para tornar a página mais amigável para SEO em mais de 50%.

Adicionar texto em imagens que não agregam valor

O texto é algo que o Google pode ler, exceto que é codificado em HTML no back-end do site. O algoritmo é incapaz de ler as imagens ou ler o texto escrito nelas. Portanto, simplificar o texto do seu site é outro aspecto importante do SEO.

É aconselhável adicionar texto não nas imagens, mas no código do design da página. Isso permite que o algoritmo leia, identifique as palavras-chave e as classifique de acordo. Mesmo que algum texto seja adicionado a uma imagem, ele ficará desfocado quando ampliado.

Além disso, adicionar texto ao seu site traz uma vantagem que a maioria dos designers perde. Se um visitante em outro idioma precisar de alguma informação, o texto codificado pode ser alterado, mas a imagem não.

Você precisa trabalhar em certos aspectos para fazer as coisas acontecerem, como:

Adicionando Alt Tags às Imagens

Uma tag alt é uma descrição da imagem codificada no HTML no back-end. Os mecanismos de pesquisa leem esse código para entender a relevância de qualquer imagem para uma consulta de classificação. Muitos gráficos vão fazer mais mal do que bem. Você deve usar o nome da imagem como uma ferramenta significativa de SEO. Para sua informação, o Google pode ler o nome do arquivo. Então, ao invés de usar 12345.jpg, você pode usar as palavras-chave que descrevem o arquivo, o que ajuda os spiders na indexação.

Usando combinações de cores adequadas

Imagens claras devem ser escolhidas com a combinação de cores apropriada. Verificou-se em um estudo que mais de 40% de todos os sites usam a cor azul em seu design, seguida pelo verde.

Não incluindo certas informações

Evite fornecer detalhes de contato ou informações úteis em imagens. Compartilhe as informações de maneira sutil, mas destacada no rodapé. Você também pode adicionar links importantes ao seu site no rodapé para o algoritmo indexar.

Redirecionando... Erro OOPS 404

Projetar uma página de link quebrado parece tão trivial que a maioria dos especialistas em SEO não percebe. Muitas vezes, as pessoas digitam o URL errado ou procuram uma página que não está mais disponível.

Aqui está uma oportunidade para o designer do seu site criar algo que prenda a atenção do usuário. Ao visitar uma página de erro, os usuários tendem a navegar de volta e esquecê-la. O que você pode fazer aqui é destacar seu atendimento ao cliente.

Eles podem estar procurando por algo quando foram redirecionados para uma página de erro. Você pode adicionar links relacionados à página inicial do seu site ou vários links para seus serviços. Isso mostra que você se preocupa com a experiência dos visitantes.

Algumas marcas transformaram isso em uma oportunidade de marketing e construção de uma reputação online positiva. Por exemplo, eles podem ter adicionado um link para um voucher gratuito ou eBook que os usuários podem aproveitar.

Adicionar links à página de erro pode evitar a perda de visitantes, pois os links adicionados são indexados com a URL existente, aumentando assim o tráfego e a classificação.

Essa ideia é uma virada de jogo para sites que estão sendo relançados. As URLs antigas vão exibir uma página de erro 404. Assim, você pode anexar um formulário de feedback a cada página de erro para que os usuários mencionem a URL que estão tentando localizar ou as informações que procuram. Ele foi testado e os webmasters que o fizeram receberam e-mails de pessoas que buscavam o URL ativo.

Ignorando completamente os pop-ups

Ethan Zuckerman ainda sente muito por criar anúncios pop-up por meio de JavaScript e Perl do lado do servidor há 20 anos. Por mais irritantes que sejam, eles aumentam as vendas.

Em contraste com uma pesquisa que constatou que 70% dos usuários consideravam os pop-ups “irrelevantes”, muitas empresas puderam experimentar o lucro real por meio deles. Até o Entrepreneur descobriu que engajar os usuários por meio de pop-ups exibindo ofertas e vendas limitadas aumentou suas vendas em 162%. Esses são resultados surpreendentes para um recurso que é tão desagradado que o Chrome possui um mecanismo embutido para bloqueá-los.

Pop-ups não são inerentemente ruins. Então, o que estamos fazendo de errado? O blog do webmaster do Google diz tudo:

• Um anúncio pop-up se intrometendo logo após o visitante navegar pela página através da SERP ou enquanto procura alguma informação
• Um anúncio cobrindo toda a página do conteúdo
• Adicionar um pop-up de layout acima da dobra que afasta o conteúdo principal do site da linha de ação do usuário

Quando bem feito, os pop-ups não podem ser tão ruins. Na verdade, o WebMeUp sugere fortemente a inclusão de pop-ups. Por que? Porque conseguiu obter 95% de seus assinantes por meio deles em poucos meses. Então, o que os designers estão perdendo?

Aqui estão algumas ideias para projetar para torná-los úteis para o visitante:

Os pop-ups são uma ótima maneira de exibir o número de vendas já realizadas ou mostrar quaisquer estatísticas que possam beneficiar seu site.

• Oferecer vendas, descontos, incentivos e brindes por meio de pop-ups é uma ótima ideia para engajar o usuário.
• O tempo em que piscará é idealmente definido em cinco segundos. Para visitantes regulares, o tempo de exibição do pop-up foi considerado ideal a cada minuto.
• Usar a cor vermelha como uma chamada para ação (CTA) para enviar um e-mail obteve um número máximo de envios

H1s ausentes nas páginas iniciais

Os spiders leem elementos como meta descrições, tags de título, tags alt, H1, H2 e código HTML para encontrar a relevância com uma consulta. Se algum dos elementos não for otimizado adequadamente, você poderá perder grandes oportunidades de classificação. Um desses elementos é o H1.

As pessoas tendem a igualar H1s com tags de título, que são vistas em SERPs. Tags de título são principalmente links que levam você para a página da web. O que é exibido na página da Web como uma explicação da consulta é conhecido como cabeçalho ou H1. Os cabeçalhos não aparecem enquanto o resultado de uma consulta é exibido, mas ajudam o spider a identificar o assunto do seu site.

Cabeçalhos que podem ser H1, H2 e assim por diante são fatores decisivos em SEO. Eles fazem parte do código HTML que os spiders leem e tornam certas palavras proeminentes para os rastreadores focarem.

Portanto, incluir um H1 é uma dica profissional para webmasters. Lembre-se destes:

• H1s devem conter a palavra-chave principal da página da web.
• H1s devem ser colocados acima da dobra. Eles não devem ser obscurecidos por um pop-up de página inteira ou anúncio acima da dobra.
• Lembre-se, você tem aproximadamente cinco segundos para impressionar seu visitante. Certifique-se de que seus H1s sejam atraentes.

Pensando que o Google é um bom scroller

Embora os usuários possam rolar para baixo para recuperar as informações relevantes rapidamente, um spider não seria capaz de fazer isso. Ele não levará em consideração o conteúdo e as páginas adicionais que podem ser adequados e tornar seu site digno de classificação.

Martin Splitt, do Google, em uma conferência on-line, sinalizou esse problema com muita empatia. Ele apontou que a aranha lê e indexa tudo o que é visível para ela antecipadamente. Para corrigir o caso de carregamento lento, os webmasters devem consultar a Central de Pesquisa do Google. O gigante dos buscadores menciona algumas correções:

• O Chrome 76 permite que os designers de sites usem atributos de carregamento sem codificar uma biblioteca para carregamento lento em JavaScript.
• Uma biblioteca JavaScript permite que os dados sejam carregados ao entrar na viewport.
• A rolagem paginada permite que os usuários cliquem em um link que os levará à seção desejada do conteúdo.

Você pode ter investido muito em seu site. Mas esses erros podem ter resultados contraproducentes. Esteja ciente deles e faça as etapas e atualizações necessárias para garantir que você esteja no topo do SEO e do jogo de conteúdo.