Git Product home page Git Product logo

matheuscostadesign / guia-seo Goto Github PK

View Code? Open in Web Editor NEW
13.0 2.0 2.0 83 KB

Check-list para reunir as principais tags a serem adicionadas na criação de páginas HTML para que os motores de busca façam a indexação do site de forma orgânica.

Home Page: https://matheuscostadesign.github.io/guia-seo/

seo html serp opengraph-tags metatags html-semantics lighthouse sitemap schema-org robots-txt search-engine googlebot

guia-seo's Introduction

🚀 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

<meta>

https://metatags.io/

  • Title
  • Description
  • Author
  • Copyrigth
  • Keywords
  • Meta Robots (por página)
    • index, follow (Permite a indexação da página)
    • noindex, nofollow (Bloqueia a indexação da página)

Open Graph (Facebook)

https://freecodetools.org/ogp/

  • og:type
  • og:url
  • og:title
  • og:description
  • og:image

Open Graph (Twitter)

https://freecodetools.org/twitter-card-generator/

  • twitter:card
  • twitter:url
  • twitter:title
  • twitter:description
  • twitter:image

Favicon

https://www.favicon-generator.org/

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

Schema (JSON-LD)

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

  • Article
  • Localização
  • Carrossel
  • Perguntas frequentes
  • Empresa local
  • Logo
  • Perguntas e respostas
  • Caixa de pesquisa de sitelinks

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

Enviar sitemap ao Google

Remover conteúdo desatualizado da Pesquisa Google

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

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)

Open graph generator

Testar Velocidade:

SEO Analyzer's

Planejadores de Palavras-chave

Official Debuggers (Open Graph/Schema)

Web Vitals

Links Úteis

Documentações Oficiais

guia-seo's People

Contributors

matheuscostadesign avatar tomaslau avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.