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.
Tem uma galera que trampa com SEO desde quando a internet era só mato.- 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