Open AnaOliveiraDev opened 2 years ago
Pessoal, todos os Treinees devem pegar essa tarefa para ler e entender sobre SEO, inclusive a Gabe e a Iara que estão atuando em testes, para conseguirem revisar o trabalho feito neste e em projetos futuros.
Quando sentirem que já tem um certo entendimento e conhecimento sobre o Tópico, atualizem essa tarefa aqui nos comentários explicando o que entenderam. Podemos tirar dúvidas e debater esse assunto na Daily. Enquanto estivermos na etapa de entendimento sobre o tema, não movimentem a tarefa no Board. Ela ficará em Todo até que efetivamente alguém ou alguns fique(m) encarregado(s) de trabalhar nas melhorias. Podemos planejar onde cada um faça uma parte para que possam gravar e reforçar o que aprenderam.
Qualquer dúvida, é só chamar.
`<meta name="description" content="Empresa especializada em desenvolvimento web e soluções digitais. Entre em contato pelo email contato@l2code.com.br.">
Entendi que o SEO é uma parte muito importante do site, que melhora seu posicionamento nos mecanismos de busca. E para fazer isso com o Next.js, acho que o ponto mais importante seria adicionar no componente Head as meta-tags, que auxiliam os mecanismos de busca a caracterizar o conteúdo do site. Além de outras práticas como texto alternativo nas imagens e escolha das melhores palavras-chave para otimizar a busca do site.
O SEO (search Engine Optimization) envolve estratégias para melhorar o ranque de busca de uma página web dentro dos mecanismos de busca, como por exemplo, Google e Yahoo. Assim, quanto melhor estiver o SEO de uma página, mais fácil será do usuário encontrar a mesma. Uma boa prática para indexar conteúdo nos mecanismos de pesquisa é pelo uso de meta-tags. Meta-tags são importantes, pois ajudam os mecanismos de pesquisa a categorizar o conteúdo da página corretamente. São elementos HTML criados para descrever o conteúdo de uma página, colocadas na tag head. Em sites desenvolvidos com Next.js temos um componente integrado que adiciona meta-tags ao head das páginas, assim, facilitando a classificação e caracterização do conteúdo pelos algoritmos dos mecanismos de pesquisa. Podendo-se utilizar as meta-tags de OpenGraph para otimizar o compartilhamento do site e do SEO.
SEO é um processo que podemos aplicar em um determinado site (vídeos, etc.) para que ele tenha uma posição de relevância nos resultados de busca dos mecanismos de pesquisa (o principal é o Google). Ocupar uma boa posição nos resultados de busca tem ótimas consequências para os negócios.
Como o Google é atualmente o principal mecanismo de pesquisa é nele que devemos focar. Segue o link do “Guia de otimização de mecanismos de pesquisa (SEO)” do Google, excelente para os nossos estudos.
https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=pt-br
Segundo o Google os sites denominado Single Page Application (SPA) são detectado pelo mecanismo de pesquisa do Google, mas algumas práticas são recomendadas para obter um melhor resultado.
Listando algumas práticas que são recomendadas:
Podemos encontrar mais informações e práticas recomendadas na documentação do Google:
https://developers.google.com/search/docs/advanced/javascript/javascript-seo-basics?hl=pt-br
Precisamos garantir que a Home esteja o mais completa e preparada possível para SEO.
S.E.O (Search Engine Optimization) É o processo de otimização de busca de uma página.
As ferramentas de S.E.O dizem para os mecanismos de busca sobre o que se trata o site ou arquivo publicado, para que estes apareçam nas pesquisas dos usuários, dentro dos temas relevantes pesquisados.
Quanto melhor a comunicação do site com os bots de busca, melhor o alcance do site, permitindo que novos usuários cheguem até o conteúdo publicado, sem necessitar que seu endereço seja compartilhado entre conhecidos.
Ou seja, quanto melhor o desempenho SEO, mais vezes e em melhores posições, o site da L2 aparecerá nos resultados de pesquisa dos usuários para assuntos semelhantes.
Dito isso, precisamos atualizar todos os campos de código que melhoram o desempenham SEO do nosso site. Precisamos garantir que, quando o usuário pesquisar por empresas de Desenvolvimento Web, Programação Web, Projetos Inovadores, Design UX/UI e entre outros, o site da L2 apareça no topo das pesquisas, ou pelo menos na primeira página de buscas.
Usar palavras chaves como Desenvolvimento, Programação, Inovação, Design e Web são muito importantes nesse processo. Contudo, tudo contribui para um melhor desempenho no resultado de buscas, desde semântica HTML até o preenchimento dos Alt's das imagens e o uso de palavras chaves ou peso/lentidão para carregamento do site.
Quem pegar essa tarefa deverá pesquisar sobre os principais pontos de melhoria S.E.O para um site, os principais pontos de preocupação para projetos React/Next, fazer uma revisão de todos os componente da home e aplicar as melhorias necessárias.
Existem sites que fazem uma análize paga do SEO de um site através da sua URL. Alguns podem oferecer uma amostra de análise gratuita ou um free trial de alguns dias, mas entender o que está fazendo é realmente importante.
É possível usar esses sites genéricos para testar e ter uma ideia melhor do que deverá ser trabalhado. Todavia, indico que se sigam os seguintes passos:
Análise do pagespeed no PageSpeed Insights do Google; https://pagespeed.web.dev/ Independente do Score, seguir os passos indicados para melhoria que aparecerem nas sessões "Oportunidades" e "Diagnóstico". Esse processo deve ser aplicado e repetido para Mobile e Desktop.
Após os ajustes publicados na nossa url de desenvolvimento, repedir o teste de pagespeed para confirmar se a análise mudou e o score aumento. Quando ambos estiverem entre 98 e 100 pontos, podemos seguir para a próxima etapa.
Ler e entender sobre boas práticas de SEO para sites de qualquer natureza.
Ler e entender sobre boas práticas de SEO para projetos ReactJs e Next.
Revisar manualmente o código do site e anotar os pontos de melhoria.
Nos comentários dessa tarefa, explicar o que foi anotado e onde será trabalhado para melhorar o desempenho SEO do site.
Trabalhar normalmente na tarefa e entregar.