Este é um guia de SEO para pessoas desenvolvedoras! Se você desenvolve aplicações para web e quer saber como "otimizar seu site para o maior mecanismo do mundo, vulgo tio Google", confira nesse repo varias dicas para deixar seu projeto entre os primeiros nos resultados de pesquisa do maior buscador da internet.
- Ferramentas essenciais e gratuitas do Google para SEO
- Lição de Casa para Devs en SEO
- Protocolo HTTPS, este é um item de alta prioridade em SEO
- E precisamos falar de URLs
- Estrutura do seu site
- Títulos de suas páginas (incluindo a página inicial)
- Otimize as descrições das suas páginas.
- Otimize tags de títulos
- Foque na sua Palavra-chave
- Otimize suas imagens
- Verifique e otimize sua página 404
- Otimize o logotipo e o favicon do seu site
- Execute testes de compatibilidade e de performance
- Google Speed
- Google Mobile
-
Google Search Console é a ferramenta mais importante para otimizar o SEO do seu site. Criar uma conta acessando https://search.google.com/search-console/about e, em seguida, adicione e verifique a url (propriedade) do seu site. O console de pesquisa do Google é um serviço gratuito fornecido pelo Google que fornece a proprietários de sites acesso a uma série de ferramentas e relatórios para otimizar seus sites na pesquisa do Google. Você pode usar o console de pesquisa do Google para descobrir o que o Google sabe sobre o seu site, analisar seus rankings do Google, identificar e corrigir erros relacionados ao rastreamento e indexação e informar ao Google sobre as alterações feitas em seu site.
-
Google Analytics é um sistema gratuito de monitoramento de tráfego que pode ser instalado em qualquer site, loja virtual ou blog, é ferramenta fundamental para o marketing digital e SEO. O objetivo principal do Google Analytics não é apenas saber quantos usuários acessam o seu site e sim, de que forma esses usuários se comportam ao navegar pelas diversas páginas e seções deste site.
Veja como instalar o GA no seu site acesse aqui.
Se tudo deu certo, você já consegue monitorar os acessos da sua página na web como na imagem abaixo:
SEO on page é o conjunto de estratégias de otimização para motores de busca realizado dentro das páginas web, com o objetivo de melhorar o tráfego orgânico. As ações realizadas incluem: otimização do conteúdo, ajuste de títulos, intertítulos, imagens, alt-text, meta-tags, URL e mais.
Antes de tudo, dois pontos essenciais:
Sites HTTPS é uma implementação do protocolo HTTP sobre uma camada adicional de segurança que utiliza o protocolo SSL/TLS. Essa camada adicional permite que os dados sejam transmitidos por meio de uma conexão criptografada e mais segura. Site que não são https são menos considerados pelo google.
Pense comigo, em SEO você quer que a sua página seja facilmente reconhecida por usuários e pelos robôs do Google, certo?
Confira 3 dicas para otimizar a tarefa acima e escolher a melhor url amigável e funcional possível:
- Escolha URLs mais curtas e descritivas
- Devem incluir a palavras-chave daquela página
- Use hífens (-) para separar as palavras e não camelCase
Uma boa estrutura de site não tem mais do que 3 níveis de profundidade e permite que qualquer link de site seja acessado a partir da página inicial. Isso é, não esconda páginas que você considera necessária para indexação.
A otimização do título da página é o fator de SEO mais importante, a tag title deve sempre estar dentro da tag head nas suas páginas. Em seu título, você deve incluir suas palavras-chave alvo, pois isso ajuda os motores de busca e os usuários a ter uma ideia do que é o conteúdo da página.
Além de usar palavras-chave no título, você também deve seguir estas práticas recomendadas:
- Cada página do seu site deve ter uma tag title exclusiva
- O título da página deve descrever precisamente o conteúdo da página
- Os títulos devem ser breves e informativos (normalmente menos de 60 caracteres)
Exemplo de Titulo:
<title> Titulo da sua página </title>
Boas descrições meta podem aumentar sua CTR (taxa de cliques) e obter mais tráfego do mecanismo de pesquisa, utilizando seu conteúdo e classificações existentes. A tag meta deve sempre está dentro da tag head nas suas páginas.
- Cada página do seu site deve ter uma descrição exclusiva
- Assim como o titulo a descrição deve descrever o conteúdo da página
- Descrições devem ter até 155 caracteres
Exemplo de Descrição:
<meta name="description" content="A page's description, usually one or two sentences."/>
Um dos elementos de SEO na página que são fáceis de otimizar é a tag H1. A tag H1 é o primeiro elemento importante mostrado em uma página e geralmente tem o mesmo valor que o título da página (title).
- Certifique-se de que sua tag H1 esteja visível e não oculta para os usuários
- Estilize sua tag H1 de maneira diferente do resto dos cabeçalhos
- Use apenas uma tag h1 por página
Além da tag H1, você também precisa otimizar os outros cabeçalhos de sua postagem. Geralmente são os títulos H2 e H3.
Diretrizes de SEO a seguir:
- Não use tags de título quando outras tags, como negrito ou itálico, forem mais apropriadas.
- Não exagere com o uso de títulos. Use títulos quando for importante para fins de estrutura, navegação e para tornar o conteúdo da página mais fácil de ler.
- Você não precisa usar todos os tipos de título em uma página. Você pode ter h1 e apenas h2s, dependendo da duração e do tipo de seu conteúdo.
- Ter um equilíbrio entre o uso de títulos e outros elementos de formatação é sempre a melhor abordagem.
O ponto de partida para qualquer estratégia de SEO é identificar por quais palavras você quer ser a autoridade máxima.
Certifique-se de que sua palavra-chave alvo esteja incluída no primeiro parágrafo do seu site. Este é um dos princípios básicos do conteúdo de SEO. Você não precisa exagerar, basta mencionar sua palavra-chave-alvo uma ou duas vezes.
Os mecanismos de pesquisa podem entender melhor o texto do que qualquer outro elemento, portanto, para tornar seu trabalho mais fácil, certifique-se de que você sempre tenha conteúdo de texto em uma página.
Exemplo de palavra-chave: "Mariazinha Dev FullStack"
A otimização da imagem é uma obrigação. Os mecanismos de pesquisa estão cada vez mais entendendo do que se trata uma imagem, mas para fins de SEO de imagem, você precisa cuidar de três coisas:
- Os nomes dos arquivos de imagem devem ser informativos e descrever a imagem com precisão.
- Otimize o tamanho do arquivo de imagem.
- Como regra geral, quanto menor for o tamanho da imagem (em bytes), melhor.
Otimize o texto alternativo da imagem. Escreva normalmente e tente descrever em poucas palavras do que se trata a imagem. Use palavras-chave que sejam relevantes para o conteúdo da página, mas não exagere. Mantenha seu texto alternativo curto e direto ao ponto.
A página 404 é exibida quando uma página não é encontrada em seu site. Isso pode ocorrer porque os usuários digitaram incorretamente um URL ou uma página foi excluída do seu site. Para obter a melhor experiência do usuário (UX) e também de SEO, você precisa garantir que sua página 404 seja significativa e forneça opções alternativas para os usuários encontrarem o que procuram.
Dê o nome correto ao seu logotipo - Não use apenas a palavra logotipo, mas use o nome do seu site + logotipo. Por exemplo, reliablesoft-logo.png.
Adicione um texto ALT com seu logotipo - Mantenha o texto alternativo simples, ou seja, "logotipo confiável".
Quando se trata do uso de favicon, certifique-se de especificar um favicon personalizado para o seu site que seja quadrado. O Google está testando a exibição dos favicons nos resultados da pesquisa, então você precisa ter certeza de que seu site está representado corretamente.
O Google disponibiliza duas ferramentas interessantissimas que nos dão um norte e ajudam pacas na busca da otimização 100%.
- PageSpeed Insights - O PageSpeed Insights (PSI) relata o desempenho de uma página em dispositivos móveis e desktop e fornece sugestões sobre como essa página pode ser aprimorada.
- Think with Google - Otimize seu site para dispositivos móveis e alavanque os negócios.
O Lighthouse é uma ferramenta automatizada de código aberto para melhorar a qualidade das páginas da web. Você pode executá-lo em qualquer página da web, pública ou que exija autenticação. Possui auditorias de desempenho, acessibilidade, aplicativos web progressivos, SEO e muito mais.
Para acessa-la, abra seu navegador > navegue até seu site > abra o devtools > clique na flexinha ao lado das abas: Elementos | Console | Fontes | Rede | >> e teremos uma aba Lighthouse. Clique e "Gere um novo relatório" | Assista nesse videozinho no loom onde está a aba.
As contribuições são o que torna a comunidade de código aberto um lugar incrível para aprender, inspirar e criar. Quaisquer contribuições que você fizer são muito apreciadas.
- Faça um fork do projeto
- Crie sua Feature Branch (
git checkout -b feature / AmazingFeature) - Faça commit de suas alterações (
git commit -m 'Add some AmazingFeature') - Envie para o Branch (
git push origin feature / AmazingFeature) - Abra um Pull Request
Distributed under the MIT License. See LICENSE for more information.
Fale comigo (Raphael Melo): In - Email
Link do projeto: SEO para Devs