Introdução
Apesar de me arriscar um pouco no back-end, o front-end sempre foi minha paixão e, como eu estava decidido a dar o próximo passo dentro dessa área de conhecimento, pesquisei uma série de conhecimentos necessários para se destacar no mercado de trabalho.
Um dos resultados dessa pesquisa, de cara, foi o tal do SEO, ou Search Engine Optimization, que eu já tinha ouvido falar mas evitava estudar mais a fundo por pensar se tratar de um monstro de 7 cabeças.
Recentemente eu deixei a procrastinação de lado e decidi começar a estudar o tema e, logo no primeiro artigo, percebi que era mais simples do que eu pensava. E aqui estou, escrevendo esse post para compartilhar um pouco do conhecimento que adquiri nesses últimos dia!
O que é SEO?
SEO, ou Search Engine Optimization, é simplesmente um conjunto de práticas usadas para ajudar a tornar as páginas da Web mais fáceis de encontrar - por meio de pesquisa - pelas pessoas que procuram o tipo de conteúdo que fornecem.
SEO no site envolve a produção de conteúdo de alta qualidade projetado para ajudar a atender às metas do site, além de atender às necessidades e expectativas do público-alvo do site. Então, devido à importância do conteúdo, é papel do(a) Desenvolvedor(a) formatar o conteúdo de maneira a fornecer as informações mais úteis para os mecanismos de pesquisa.
Como medir o SEO de um site?
Acredito que a melhor ferramente para isso seja a Webmaster Tools, uma ferramenta disponibilizada pelo Google onde você pode medir o desempenho de seu site, ter informações bem completas de erros e melhorias e muito mais para você que queira investir em otimização.
A ferramenta é incrível, e conta até mesmo com uma sessão de Melhorias de HTML, com dicas incríveis de como melhorar o desempenho e o alcance do seu site.
Conheça a Webmaster Tools clicando aqui . O procedimento para utilizar a ferramente é bem simples e pode ser encontrado em tutoriais no site.
HTML
Por mais simples que pareça, manter um HTML semântico e bem estruturado é um dos principais passos para atingir bons resultados no SEO do seu site.
A tag <title> é uma das coisas que o Google mais da relevância na otimização do seu site, por isso sempre planeje bem o que você vai colocar no titulo de sua página, para que seu cliente saiba exatamente o que irá vai encontrar entrando nela.
O mesmo vale para a tag <description>, que passará ao cliente uma breve descrição do conteúdo que ele irá encontrar na sua página.
Capriche nas imagens também, sempre colocando nomes declarativos nas suas imagens e um atributo ALT bem descritivo. Além de melhorar a perfomance do seu site, você estará contribuindo para a acessabilidade.
URL
Não deve ser novidade para nenhum de vocês que a URL da sua página tem um papel muito importante nos mecanismos de busca, então sempre utilizem URL's declarativas, por exemplo:
https://www.coday.com/nome-do-post ao invés de
https://www.coday.com/post02
Tempo de carregamento
Pensando na experiência do usuário, é óbvio que a sua preferência se dá por sites mais rápidos, com um tempo menor de carregamento.
Existem diversas dicas para diminuir o tempo de carregamento do site, mas como não é o foco desse post eu deixarei apenas duas:
- Use um automatizador de tarefas, como o Gulp, para reduzir seus arquivos CSS e JS e comprimir o tamanho de suas imagens.
- Utilize o PageSpeed para ter mais informações sobre a perfomance do seu site.
Responsividade
Há um bom tempo não podemos mais criar sites pensando apenas em um tipo de tela, e quando o assunto é um bom SEO no seu site, a responsividade ganha ainda mais relevância.
Uma dica seria desenvolver o seu projeto com mobile-first, assim você evita que muitos componentes presentes na sua versão desktop desapareçam em telas menores.
Conclusão
Eu encontro cada vez mais vagas para desenvolvimento front-end onde um dos requisitos é justamente o conhecimento em SEO, o que só reforça a importância de estudarmos essas boas práticas.
O objetivo desse post foi trazer algumas dicas para que vocês tenham interesse em aplicar essas técnicas nos seus próximos projetos e, assim, possam se desenvolver como profissionais.
Caso queiram se aprofundar no tema, recomendo o blog da Tableless e os posts da agência | mestre .
Sugestões, dúvidas ou críticas, deixem aqui nos comentários!