guia-seo

:rocket: Guia de SEO (Search Engine Optimization)

Este é um check-list pessoal que organizei para listar os principais links, documentações e lembretes de tags a serem adicionadas na criação de sites HTML estáticos (na unha ✍️😂 - sem nenhum framework como React/Next.js ou Wordpress com plugins) para que os motores de busca façam a indexação do site de forma orgânica. Reuni também boas práticas para que a página seja rápida, segura, acessível a todos e funcional em todos os dispositivos.

O que é SEO?

SEO é um conjunto de técnicas que visa posicionar uma página nos primeiros resultados de mecanismos de busca online, como o Google.

Significado das siglas

SEO: Search Engine Optimization
SERP: Search Engine Results Page

`<head>`

Charset utf-8
Viewport width=device-width, initial-scale=1.0
Theme color
Link canonical

Default (16x16)
Tamanhos para iOS
Tamanhos para Android
manifest.json

Schema (JSON-LD)

https://technicalseo.com/tools/schema-markup-generator/

Sitemap

https://www.xml-sitemaps.com/

Gerar XML com links de todas as páginas e data da ultima atualização do site

Robots.txt

Gerar arquivo txt, com referencia ao Sitemap

https://en.ryte.com/free-tools/robots-txt-generator/

User-agent: *
Allow: /

Sitemap: https://www.dominio.com.br/sitemap.xml

Testar robots.txt

https://www.google.com/webmasters/tools/robots-testing-tool

Enviar sitemap ao Google

Opção 1 - Enviar via solicitação GET https://www.google.com/ping?sitemap=FULL_URL_OF_SITEMAP

Exemplo: https://www.google.com/ping?sitemap=https://myfreedom.com.br/sitemap.xml
Opção 2 - Enviar pelo Google Search Console

Remover conteúdo desatualizado da Pesquisa Google

https://search.google.com/search-console/remove-outdated-content

HTML Semântico (Principais tags)

<header>
<nav>
<main>
<section>
- <div>
- <blockquote>
- <cite>
- <adrress>
- <time>
<article>
<aside>
<footer>

Títulos e Parágrafos

<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<p>

Lembretes

H1: 1 por página
H2: 1 por sessão
H3: Pode repetir
Unidades de medida do site devem estar como rem
Todas imagens do site devem ter o atributo alt
Todos os links externos target="_blank" devem ter os atributos: rel=”noopener noreferrer”
Minificar arquivos para produção .css .js .html
- Forma manual: https://www.willpeavy.com/tools/minifier/
- Forma automática: JS & CSS Minifier (Plugin VSCode)

Site em Produção (Hospedagem)

Site deve estar com certificado SSL/HTTPS (garantir segurança)
URL deve ser amigável
Remover extensões de arquivos .html no final
Personalizar página 404
Habilitar compressão Gzip
Habilitar cache control
Habilitar keep alive

Testar metatags (Title, description, keywords)

https://freetools.seobility.net/en/serp-snippet-generator/

Open graph generator

https://webcode.tools/generators/open-graph/website

Testar Velocidade:

PageSpeed: https://developers.google.com/speed/pagespeed/insights/?hl=pt-BR
GTMetrix: https://gtmetrix.com/
Lighthouse: https://developers.google.com/web/tools/lighthouse/

SEO Analyzer’s

Seobility: https://www.seobility.net/en/seocheck/
SEO Site Checkup: https://seositecheckup.com/
Sitechecker: https://sitechecker.pro/pt/

Planejadores de Palavras-chave

Google Ads: https://ads.google.com/aw/keywordplanner/home
Keyword Tool: https://keywordtool.io/
Keyword.com: https://keyword.com/

Official Debuggers (Open Graph/Schema)

https://developers.facebook.com/tools/debug/
https://cards-dev.twitter.com/validator
https://www.linkedin.com/post-inspector/inspect/
https://search.google.com/structured-data/testing-tool/u/0/
Teste de pesquisa aprimorada:

https://search.google.com/test/rich-results
Teste de compatibilidade com dispositivos móveis https://search.google.com/test/mobile-friendly

Web Vitals

O que é Web Vitals: https://web.dev/vitals/
Otimizar a LCP (Largest Contentful Paint): https://web.dev/optimize-lcp/
Otimizar a FID (First Input Delay): https://web.dev/optimize-fid/
Otimizar a CLS (Cumulative Layout Shift): https://web.dev/optimize-cls/
Web Check: https://web-check.xyz/

Links Úteis

O que é SEO: https://resultadosdigitais.com.br/especiais/o-que-e-seo/
Dados estruturados: https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data
Google Meu Negócio: https://www.google.com/intl/pt-BR_br/business/
Google Search Console: https://search.google.com/search-console
Sitelinks: https://developers.google.com/search/docs/data-types/sitelinks-searchbox
Tipos de dados estruturados: https://developers.google.com/search/docs/advanced/structured-data/search-gallery
Cursos Google: https://skillshop.exceedlms.com/student/catalog/browse
Dominando SEO para desenvolvedores: https://www.git-tower.com/blog/seo-for-developers/

Documentações Oficiais

Developers Google Webmaster: https://developers.google.com/search/
Microsoft Bing Webmaster Tools: https://www.bing.com/webmasters/help/home-05a5a164
MDN Web Docs: https://developer.mozilla.org/pt-BR/docs/Glossary/SEO