SEO na prática para desenvolvedores

  • De: Rafael Matos
  • 20 Out, 2022
  • Segurança e informação

A importância de manter um site bem otimizado e ranqueado para o Google e sair na frente da concorrência passa também pelo desenvolvedor. Portanto separei para vocês, algumas dicas que podem ser aplicadas no código fonte para aplicar essas métricas que exigem no SEO.

Mas antes disso, afinal o que seria o SEO?

SEO tem origem da sigla de Search Engine Optimization (otimização de mecanismos de busca). É um conjunto de métricas que define tecnologia, conteúdo e autoridade. É responsável por ter um alcance maior nos principais buscadores da internet, gerando um tráfego e posicionamento orgânico.

As empresas tem como objetivo divulgar seu conteúdo para que as pessoas cheguem até elas, para isso o SEO tem um papel fundamental nessa etapa de processo. É relevante saber como a página é tratada para a web interpretá-la corretamente. Toda vez que uma página é publicada na internet, o papel dos buscadores (como por exemplo o Google) é ficar na memória do Google, por isso chamados esse processo de indexação. Por baixo dos panos, o SEO é como um algoritmo de alto alcance capaz de definir e realizar o ranqueamento do que foi buscado. Com isso, as palavras-chaves, textos e afins são muito importantes para ranquear seu site.


Essa ferramenta criada pelo Google, auxilia o desenvolvedor a encontrar as lacunas que o Google recomenda para usar em uma navegação web. O Google Lighthouse audita o desempenho, a acessibilidade e a otimização do mecanismo de pesquisa de páginas da web. Com isso atribui um relatório com a nota do site. É possível analisar tanto a versão desktop quanto o mobile de sua aplicação web. Está disponível através da ferramenta de Desenvolvimento (apertando F12, no Google Chrome), ou também existe uma extensão que poderá ser encontrar na Chrome Web Store.

Textos

Uma das principais se não a principal, se você quer um bom posicionamento precisa analisar o que o seu site está escrito. Por isso, tente evitar com que o conteúdo seja chato, moroso. O leitor precisa ler um conteúdo agradável, portanto necessita ser algo que prenda mais tempo no seu site, afim de o texto tornar-se interessante ao ponto de vista dele ficar curioso e querer saber mais sobre o que vem adiante, ou seja o seu conteúdo se torna fundamental nessa história. Algumas dicas também estão entre usar palavras-chaves, uso da tag HTML <strong>, para dar ênfase em alguma conteúdo (cuidar para não exagerar o uso dela), uso de arquivos, imagens, tabelas, tente não duplicar o conteúdo delas. O Google está sempre em atualização, e existem robôs com métricas capazes de filtrar o melhor conteúdo escrito para posicionar o site.

Estrutura HTML

Use o HTML5, já está atualizado com as semânticas organizadas para informar cada sessão. Faça uso correto e separado de cada conteúdo, ou seja,  <header> para indicar um topo, <nav> para um menu, <section> para indicar uma nova sessão, <article> para um novo artigo de notícia, <footer> para um rodapé. Identação no código se torna muito importante também para o Google ler com mais facilidade o conteúdo.


Existe outra ferramenta do próprio Google que se torna útil a sua utilização, que se chama PageSpeed Insights. Com ela, somente é preciso digitar sua URL publicada e pronto, logo em seguida terá um relatório com o diagnóstico do que pode ser melhorado no seu site. Exibindo erros de usabilidade, carregamento do site, dicar de como melhorar. 

Sitemap

Tenha um arquivo sitemap.xml na raíz do seu projeto. É fundamental para que o Google encontre e assim faça um mapeamento de URL's que possuem no seu site para indexar no buscador da web.

URL's

Desenvolva lógica de programação para que seu site tenha URL's amigáveis. Ou seja, são URL's semânticas, com palavras ao invés de números. Siga esse exemplo: "seusite.com.br/noticia/dicas-para-programacao".

Títulos e subtítulos

Faça uso de título com H1, mas lembre-se que o H1 é único. Também pode usar subtítulos com H2, H3, H4...

Imagens

As imagens sempre estão presentes em um site da internet, mas e se por acaso a imagem não carregou corretamente? Então existe uma forma de tratar e dizer para o buscador, olha essa imagem representa o seguinte texto. Para isso use a propriedade "alt" da tag <img>, e descreva o que representa o conteúdo da imagem. Lembre-se, não precisa ser muito extenso a esse texto, pense nele como se fosse um título curto.

Com isso chegamos ao final dessa matéria, o conteúdo visto teve como objetivo auxiliar você com a parte de SEO do seu site, lembrando que sempre é possível melhorar de alguma forma a sua entrega. Busco sempre nas minhas entregas, que meus projetos fiquem sempre bem posicionados nos buscadores da internet. Qualquer dúvida estou a disposição, para lhe ajudar a ter sucesso no seu projeto também.

Notícias relacionadas

Otimizando tempo de trabalho com o Gulp

10 Nov, 2022

Uma ferramenta capaz de agilizar o tempo de trabalho do desenvolvedor front-end, além de pensar na parte de SEO e perfomance.

Leia mais

Aviso do uso de cookies no navegador e LGPD

14 Ago, 2022

A importância de ter um aviso de cookies no navegador e afinal, o que o LGPD tem haver com isso?

Leia mais

SEO na prática para desenvolvedores

20 Out, 2022

Manter um site otimizado e ranqueado para o Google e sair na frente da concorrência passa também pelo desenvolvedor.

Leia mais

RMATOSSOFT © Todos os direitos são reservados.