7 fundamentos de SEO que todos os web designers precisam saber

Web designers e especialistas em SEO tendem a bater de frente.

Por quê?

Porque, embora esses dois elementos sejam absolutamente essenciais para qualquer site, às vezes eles funcionam um contra o outro.

Enquanto os designers estão focados em dar ao usuário uma ótima experiência visual, os especialistas em SEO estão preocupados em dar aos mecanismos de busca uma visão realista do site.

Sem design, um site é subestimado. Mas sem SEO, mesmo um site maravilhosamente projetado nunca será encontrado pelos leitores.

Existe alguma maneira de consertar o conflito?

Neste artigo, vou mergulhar em sete maneiras pelas quais os designers podem ajudar no processo de otimização de mecanismos de pesquisa em qualquer site. Você aprenderá quais elementos de design são importantes para SEO e algumas dicas interessantes que deixam os web designers e especialistas em SEO felizes com o resultado final.

1. Deixe os mecanismos de pesquisa “lerem” suas imagens

Uma das maiores partes do web design é adicionar imagens para quebrar o texto. O Google, no entanto, não vê essas imagens da mesma forma que as pessoas.

A tag HTML <img> informará ao mecanismo de pesquisa que existe uma imagem. O conteúdo real da imagem, no entanto, é ilegível para os robôs do mecanismo de pesquisa.

Então, como podemos deixar o mecanismo de busca “ler” essa imagem?

O WordPress Media Manager nos dá a capacidade de alterar o título e o texto alternativo de qualquer imagem que usamos.

Tudo o que você precisa fazer é clicar no Media Manager, selecionar a imagem que deseja otimizar e adicionar um título e texto alternativo . Isso altera o código HTML, adicionando palavras que os robôs dos mecanismos de pesquisa podem ler.

Por exemplo, digamos que eu adicionei uma foto da Torre Eiffel em um post sobre Paris. Para texto alternativo, eu poderia adicionar “Torre Eiffel em Paris”. Agora os motores de busca sabem não só que existe uma imagem, mas também do que se trata essa imagem.

Isso ajuda o SEO dessa página e também permite que a imagem apareça em um tipo adicional de pesquisa: uma pesquisa de imagem.

2. Verifique se você está otimizado para acesso móvel

No ano passado, o uso da web móvel realmente superou o uso da web em desktop. Isso significa que mais e mais pessoas estão usando smartphones e tablets para navegar na internet. Como resultado, os mecanismos de pesquisa parecem mais favoráveis ​​em sites que se adaptam ao uso móvel.

Como web designer, saber como tornar seus designs compatíveis com dispositivos móveis agora é mais importante do que nunca.

Existem duas maneiras aceitáveis ​​de tornar seu site compatível com dispositivos móveis, de acordo com o Google: web design responsivo e serviço dinâmico. Ambos permitem que a URL permaneça a mesma, enquanto o site se adapta automaticamente ao navegador móvel do usuário.

Para manter a compatibilidade com dispositivos móveis, também é importante evitar vídeos em Flash no conteúdo principal do seu site. Todos sabemos que o Flash está saindo de moda, mas evitar essa forma de vídeo moribunda é extremamente importante quando você está otimizando para uso móvel.

3. Use fontes da Web e HTML para criar designs rastreáveis

Eu mencionei antes que usar alt tags é uma ótima maneira de permitir que os mecanismos de pesquisa “leiam” imagens, mas e se suas imagens tiverem texto nelas? E se esse texto for muito grande para a tag alt?

Aqui vêm as webfonts para o resgate! Se você estiver criando banners ou imagens com texto, incluindo webfonts de sites como Fonts.com ou Google, seus designs ainda poderão ser lidos por robôs de mecanismos de pesquisa.

Você também pode combinar essas fontes da web com HTML para garantir que o texto em seu design seja realmente “vivo”. Ao incluir elementos HTML, como títulos H1 ou H2, texto em negrito, etc., os bots de rastreamento ainda podem ver do que se trata o gráfico. Quaisquer palavras-chave dentro deste texto são legíveis, e isso ajudará o SEO na página.

4. Insira um div expansível para combinar design minimalista com conteúdo otimizado

Se você está intrigado com o design minimalista, mas não sabe como incluir texto para SEO na página, ouça!

Digamos que você tenha um painel de imagens de produtos em uma página da web. Um ótimo design minimalista seria apenas deixá-las como imagens e usar tags alt para informar aos robôs dos mecanismos de pesquisa quais são as imagens.

Adivinhe: seu especialista em SEO ainda não está feliz.

Em vez de usar apenas tags alt para inserir texto importante, tente colocar um div expansível para cada imagem. Dessa forma, quando você clicar na imagem, um <div> se expandirá na parte inferior, fornecendo espaço para conteúdo envolvente e rico em SEO que deixará os usuários e os mecanismos de pesquisa felizes (sem mencionar seu especialista em SEO!).

Este texto é totalmente rastreável pelos motores de busca. No entanto, como não é visível até ser clicado, você ainda pode manter seu design minimalista.

5. Codifique com HTML5 e CSS3 para funções avançadas do site

Há muitas vantagens diferentes em usar HTML5 e CSS3. Mais específicas para os tópicos de hoje, essas duas linguagens de marcação aprimoradas podem ter um impacto definitivo no SEO de uma página da web.

Se as páginas da web que você projeta não são bem estruturadas, qualquer outro esforço para SEO pode basicamente ser jogado pela janela. O uso de HTML5 ajuda as páginas da Web a serem bem estruturadas e semanticamente precisas, o que leva a uma melhor classificação nos mecanismos de pesquisa.

Mais do que isso, o HTML5 é uma ferramenta fantástica para substituir o temido Flash! Além disso, pode ajudar a reduzir a quantidade de código em cada página da Web, facilitando o rastreamento dos bots.

6. Otimize os projetos para uma resposta rápida

Em 2010, o Google anunciou que incluiria a velocidade do site como parte de seu algoritmo de classificação. Desde então, a velocidade do site se tornou cada vez mais importante em SEO.

Então, como seus designs podem manter seu site funcionando rápido?

A chave está em encontrar o equilíbrio entre a qualidade da imagem e o tamanho do arquivo. Claro, todos nós sabemos que arquivos maiores demoram mais para carregar, então você quer que suas imagens sejam menores. No entanto, certifique-se de não comprometer a qualidade.

Uma dica que pode ajudá-lo a otimizar imagens para uma resposta rápida: certifique-se de não reduzir o tamanho com HTML. Em vez de carregar uma imagem maior e alterar o HTML para exibi-la em uma resolução menor, reduza o tamanho da imagem antes de fazer o upload. Isso economiza largura de banda e acelera o tempo de resposta.

(Apenas uma observação: outra vantagem de usar HTML5 e CSS3 é que eles ajudam a acelerar o tempo de resposta do site. Mais uma razão pela qual eles são ótimos para SEO!)

7. Junte-se a um grande criador de conteúdo

Se você ainda não o fez, esta é uma das melhores dicas para criar designs amigáveis ​​para SEO. Conteúdo e design andam de mãos dadas. A parceria com um criador de conteúdo de SEO oferece uma vantagem que outros podem não ter. Seu criador de conteúdo pode ajudá-lo fazendo pesquisas de palavras-chave, otimizando conteúdo para páginas da web e dando dicas de texto para incluir em seus designs.

Durante anos, a internet divulgou os benefícios do design que prioriza o conteúdo, e isso é melhor alcançado quando criadores e designers de conteúdo trabalham em equipe.

Conclusão

Web designers: você está pronto para se dar bem com especialistas em SEO? Depois de ler este artigo, você estará pronto para fornecer ideias amigáveis ​​para SEO em seus designs que podem deixar todos felizes.

Essas dicas sobre SEO são úteis para mais do que apenas se dar bem com um especialista em SEO. Ser capaz de melhorar o SEO na página com seus designs o tornará ainda mais valioso como designer.

Faça uso dessas dicas de SEO em seus designs da web e você verá melhores resultados do que nunca!

Pronto para aprender algo novo? Confira estes artigos:

• 3 razões pelas quais a hospedagem gerenciada do WordPress é perfeita para o seu negócio
• A chave para gerenciar vários sites WordPress
• O guia para iniciantes de SEO básico e redação de conteúdo no WordPress