Leitura de SEO on-page
Um buscador julga uma página em grande parte por um punhado de tags no código-fonte. Esta verificação baixa uma página, lê essas tags e dá uma nota de 0 a 100, com a correção para cada ponto fraco.
Um robô lê o código, não a tela
Quando você abre uma página, vê um layout, com um título grande, uma foto e um menu. O robô de um buscador recebe o mesmo arquivo que o seu navegador recebeu, mas nunca olha para a imagem final. Ele lê o HTML de cima para baixo e se apoia num pequeno conjunto de tags para decidir sobre o que é a página, o que mostrar na lista de resultados e se vale a pena guardar a página.
“SEO on-page” é o trabalho de acertar essas tags. É a única parte da visibilidade nas buscas que depende só de você, já que ela está no seu próprio código. Esta verificação baixa uma única página do jeito que um robô simples faz, sem executar JavaScript, e passa pelas tags uma a uma.
Para onde vão os 100 pontos
Toda página começa com 100. Cada uma das sete áreas abaixo pode tirar pontos uma vez, no nível do seu pior achado.
| Área | Problema sério | Alerta |
|---|---|---|
Título (<title>) | −20: não existe | −7: menos de 25 ou mais de 65 caracteres, ou mais de uma tag de título |
| Meta description | −5: ausente, menos de 70 ou mais de 160 caracteres | |
Headings (h1 a h6) | −15: nenhum h1 | −5: vários h1, um nível pulado, um heading vazio |
Texto alt das imagens | −15: mais de uma imagem em cinco sem atributo alt | −6: algumas imagens sem alt, ou um texto que é um nome de arquivo, uma única palavra vaga ou mais de 150 caracteres |
| Links | −4: links sem nenhum texto, ou com textos como “clique aqui” e “leia mais” | |
| Indexação | −30: uma diretiva noindex, ou uma regra do robots.txt que bloqueia o Googlebot | −5: nenhuma URL canônica, uma canonical que aponta para outra página, ou nenhum sitemap |
| Idioma, celulares, conteúdo | −15: nenhuma tag viewport para celular | −5: nenhum atributo lang, menos de 150 palavras, ou JSON-LD que não pode ser lido |
A letra acompanha o total: A a partir de 90, B a partir de 78, C a partir de 64, D a partir de 50, E a partir de 35, F abaixo disso. A indexação pesa mais porque funciona como um interruptor. Você pode escrever o melhor título do mundo, e se a página estiver marcada como noindex ninguém nunca vai vê-la.
Para imagens, um alt="" vazio não é erro. É o jeito correto de marcar uma imagem decorativa, e a verificação a lista como tal. Pixels de rastreamento de 1 × 1 são ignorados.
Consertos que você pode fazer no head da página
A maioria dos achados se resolve com uma linha cada. Um <head> saudável contém pelo menos isto:
<html lang="en">
<title>Oak dining tables made to order | Northfield Joinery</title>
<meta name="description" content="Solid oak tables built to your measurements, delivered in six weeks. See sizes, finishes and prices.">
<link rel="canonical" href="https://www.example.com/dining-tables/">
<meta name="viewport" content="width=device-width, initial-scale=1">- Título. Coloque o assunto da página primeiro e a marca por último. As listas de resultados cortam títulos longos por volta de 60 caracteres, e é melhor perder a marca do que o assunto.
- Headings. Use um
h1que repita o assunto, depoish2para as seções eh3dentro delas. Escolha o nível pelo lugar na estrutura e deixe o tamanho por conta do CSS. - Texto alt. Diga o que a imagem mostra numa frase curta, como
alt="Round oak table with four chairs". Um nome de arquivo comoIMG_4032.jpgnão diz nada a quem lê. - Texto dos links. Nomeie o destino. “Ver preços de entrega” faz sentido mesmo fora de contexto, “clique aqui” não.
- Um
noindexindesejado. Muitas vezes é uma sobra de antes do lançamento. No WordPress, desmarque a caixa em Configurações › Leitura. Em outros sistemas, procurenoindexeX-Robots-Tagnos seus templates e na configuração do servidor. - Sitemap. Acrescente uma linha
Sitemap: https://www.example.com/sitemap.xmlao robots.txt. Para testar o próprio arquivo, existe a verificação de sitemap.
O que a nota deixa de fora
A nota descreve o código de uma URL num momento dado. Algumas coisas estão fora do alcance dela.
- Texto adicionado por JavaScript. Lemos a página como o servidor a envia. Se os seus headings e parágrafos são montados no navegador, a verificação vê poucas palavras e nenhuma estrutura. A visão do robô mostra exatamente o que foi recebido.
- Qualidade e reputação. Se o seu texto responde à pergunta melhor do que outras páginas, e quantos sites apontam para você, pesam muito mais no ranking do que qualquer tag. Nenhuma ferramenta consegue ler isso no código.
- O resto do site. Títulos duplicados entre páginas, páginas órfãs e carregamento lento pedem outras verificações.
Uma nota A significa que nada no código atrapalha. A página pode ranquear. Se ela vai ranquear ou não, isso se decide em outro lugar.
Perguntas frequentes
Qual deve ser o tamanho da tag title?
Entre 30 e 60 caracteres é uma meta segura. O Google corta títulos pela largura em pixels, o que dá cerca de 60 caracteres numa tela de computador. Esta verificação alerta abaixo de 25 e acima de 65.
A meta description influencia o ranking?
Não. Os buscadores não a usam para ordenar os resultados. Mas ela muitas vezes aparece como as duas linhas abaixo do seu título, então uma descrição clara traz mais cliques. Quando está ausente ou fora do assunto, o buscador escolhe um trecho da página no lugar dela.
Uma página pode ter mais de um h1?
O HTML permite e os buscadores lidam bem com isso. Um único h1 ainda dá o sinal mais claro do assunto principal, e quem usa leitor de tela depende dele para achar onde o conteúdo começa.
Preciso de uma tag canonical em todas as páginas?
É uma boa prática. Muitas vezes a mesma página pode ser acessada com e sem www, com uma barra no final ou com parâmetros de rastreamento acrescentados. Uma tag canonical que indica a URL preferida evita que essas cópias sejam tratadas como páginas separadas.
Por que minha página tem nota baixa se ela parece boa no navegador?
Geralmente é conteúdo montado por JavaScript. A verificação lê o HTML como ele é entregue, antes de qualquer script rodar. Se esse HTML só tem um contêiner vazio, não há headings, nem imagens, nem texto para ler.
O que o texto alt deve dizer?
Descreva o que a imagem mostra e por que ela está ali, numa frase de 5 a 15 palavras. Dispense “imagem de” e não encha de palavras-chave. Para imagens que são só decoração, use um alt="" vazio.