Ainda são poucos os programadores Front e Back-end que se preocupam com as boas práticas que podem fazer os seus sites conquistarem boas posições nos buscadores.

Sabe-se que SEO é um trabalho contínuo, mas um site bem desenvolvido, seguindo práticas corretas de estruturação, acessibilidade e usabilidade, é fundamental no trabalho de otimização de um site.

A seguir elencamos 6 dicas de SEO para Front-end. São ações simples e outras mais trabalhosas que serão fundamentais para o bom ranqueamento no Google e demais buscadores.

1- Search Console

Você já deve conhecer essa ferramenta, ela é muito útil para disponibilizar informações sobre como o seu site está sendo visualizado pelo Google, informando possíveis erros ou falhas.

Se você ainda não possui, para colocar no seu site é muito simples, basta você ir até a página https://search.google.com/search-console/about e logar-se com sua conta Google.

Depois, é clicar em adicionar o site, colocar a URL do seu site e escolher a melhor forma de verificação.

O mais simples é caso você já tenha uma conta no Google analytics, se não, basta incluir a metatag à página inicial do seu site.

2- Títulos

Os títulos das páginas dos sites são muito importantes, elas comunicam tanto para os visitantes da sua página quanto para os mecanismos de pesquisa sobre o que aquela determinada página trata.

Primeiramente, ela nunca deve ficar vazia, nem deve conter uma palavra genérica como "site".

Ela deve ter o nome da empresa e alguma descrição específica sobre o assunto que a página aborda.

A importância da tag title fica evidente se lembrarmos que quando um determinado site aparece nos resultados orgânicos de uma pesquisa, o conteúdo da tag title aparecerá na primeira linha dos resultados, portanto, seja descritivo mas sem enrolação, um título muito longo poderá fazer com que o Google mostre apenas parte dele nos resultados de pesquisa. 

E nunca esquecendo de utilizar um título único para cada página.

3- Imagens

O Google adora imagens, é uma parte do conteúdo dos sites que cada vez mais faz parte dos resultados de busca.

Mas é importante lembrar que o Google não possui "olhos" (verdade?), é preciso que o desenvolvedor Front-end faça sua parte.

Primeiro, utilize nomes que descrevam a imagem. Um dos elementos que o Google utiliza para identificar a imagem é o nome do arquivo, portanto, nada de "ert00983.jpg", se o site é um e-commerce de eletrônicos e a imagem é de uma televisão, coloque "televisao-lcd.jpg".

Outro fator importante é com relação à tag alt.

A tag alt é uma descrição do arquivo na qual, junto com o nome do arquivo, o Google utiliza para analisar e identificar as imagens.

Infelizmente ainda tem alguns desenvolvedores que a deixam vazia ou pior, nem a colocam. Por último, e não menos importante, o contexto.

Sempre contextualize as imagens, coloque-as perto do conteúdo na qual ela está relacionada.

4- Use a Metatag de descrição

A metatag de descrição dá ao Google e aos outros mecanismos de pesquisa um resumo do assunto da página. 

Se o título da página consiste em uma palavra ou frase, a meta tag de descrição poderia ser uma frase ou duas ou até mesmo um breve parágrafo. 

O Google Search Console oferece uma seção de análise de conteúdo muito boa que informa sobre qualquer meta tag de descrição que estiver muito curta, longa ou duplicada.

Tenha uma descrição única para cada página. Caso você tenha milhões de páginas pode automatizar essa metatag a partir do conteúdo de cada página.

5- Tenha URLS Amigáveis

O Google tenta ler a URL para saber sobre o que a página se trata antes de ler o conteúdo do site. Agora imagina como seria difícil "entender" algo como www.dominio.com.br/index.php?det=219. 

Para começar, crie categorias e nomes descritivos para os documentos do seu site.

Isso pode ajudar não só na sua organização, como também ocasionar um melhor rastreamento de seus documentos pelos buscadores, sem falar que proporciona links mais limpos e agradáveis para aqueles que desejam linkar para o seu site. 

Por fim, lembre-se que a URL de um site é exibida como parte de um resultado de pesquisa no Google. Se você deseja saber mais sobre URL amigável clique aqui.

6- Sitemap.XML

O sitemap.xml é um arquivo com informações sobre todas as páginas do seu site , desde localização, prioridade e frequência de alteração de conteúdo.  

Criar e enviar um Sitemap ao Google ajuda a garantir que ele tenha conhecimento de todas as páginas do seu site, incluindo URLs que não seriam habitualmente encontradas por meio do processo normal de rastreamento e indexação das páginas.

Outras considerações importantes

- Meta Description deve ter entre 135 a 160 caracteres para aproveitar o máximo de espaço disponível;

- Ttitle deve ter no máximo 60 caracteres pelo mesmo motivo;

- Insira sua palavra-chave, e palavras-chave relacionadas, dentro dos sub-títulos do artigo. Não exagere, o Google pode penalizar se você utilizar em excesso e de forma não natural em seu conteúdo;

- Simplifique a arquitetura do seu site de forma a facilitar que os bots dos buscadores rastreiem e indexem todas as páginas do seu site;

- Trabalhe com ferramentas como o SemRUSH ou Screaming Frog.

Essas foram as 6 dicas, mas existem outros itens importantes no momento de desenvolvimento que não podem ser ignoradas como evitar a utilização de Ajax.