In partnership with

ED 078

Você escolhe a edição de amanhã: a votação está no fim desta edição.

O sumário de âncoras nos guias de 2.000 palavras

Uma lista no topo leva o leitor ao subtítulo exato com um clique, e o mapa de calor do Clarity conta quantos usam.

Caderno aberto com uma lista curta escrita a lápis e setas ligando cada linha a um ponto da página

Cada linha salta para um subtítulo.

▼

A roda do mouse gira com um zumbido curto, e a barra de rolagem do navegador encolhe até virar um traço fino no canto da tela. O guia aberto tem 3.400 palavras, onze subtítulos e uma resposta só interessa a quem chegou pela busca: quanto adubo vai num vaso de 20 litros.

A resposta está no oitavo subtítulo. Pra chegar lá, o leitor desce pelo histórico da compostagem, pela diferença entre adubos, pela lista de ferramentas. Desce rápido, com o polegar, sem ler.

No meio do caminho, a paciência acaba antes do texto. A aba volta pra página de resultados, e o próximo link da lista ganha a visita. Da página inteira, o leitor leu duas linhas.

Guia longo é o texto que tenta responder tudo sobre um tema numa página só. Quanto maior ele fica, mais perguntas cabem nele, e mais difícil fica achar a sua.

Livro grosso resolveu o mesmo problema há séculos com uma página no começo: o índice, com o nome de cada capítulo e o número da página. Ninguém lê o manual da geladeira da primeira à última linha; abre no índice e pula.

Na web, o índice ganha uma vantagem sobre o papel. Em vez de mostrar o número da página, cada linha leva o leitor até o subtítulo com um clique, sem rolagem nenhuma.

A técnica de hoje pertence ao pilar escrever. Ela coloca no topo de todo guia acima de duas mil palavras uma lista de links, um pra cada subtítulo, com o texto idêntico ao do subtítulo.

O número pra acompanhar sai do Microsoft Clarity, a ferramenta gratuita da Microsoft que grava onde os visitantes clicam: quantos cliques a lista recebe no mapa de calor.

Abaixo, como montar o sumário, como criar as âncoras no editor do seu blog e como ler os cliques sem se enganar.

Continue lendo ↓

Quem banca a edição de hoje

Your company data could be worth $100k–$3 million

There's a new channel of revenue that has just been unlocked for companies with over 20 people that have been around longer than a year.

Few know it, but AI labs now let you monetize your company’s operational data, and they're spending $15 billion this year on it to train the next frontier of LLMs. Your workflows, documentation, processes, and internal convos like Slack are extremely valuable and they're paying anywhere from $100k to $3 million for it per company.

Before you ask, all the data is anonymized and cleaned before it's sent to a Lab. Bezel (Y combinator backed) helps find a data partner that is the best fit for you.

Check your data's worth

Patrocinadores mantêm a edição gratuita

I A técnica de hoje

Um índice clicável

A técnica: abrir todo guia acima de duas mil palavras com um sumário de links de âncora, uma linha por subtítulo, com o texto exato de cada subtítulo. Âncora é o endereço interno de um trecho da página, e o link de âncora é o atalho até ele.

COMO O SALTO FUNCIONA

Cada subtítulo recebe um id (identificador, um nome único dentro da página), como adubo-no-vaso. O link do sumário aponta pra esse nome com um jogo da velha na frente: #adubo-no-vaso. No clique, o navegador rola a página sozinho até o subtítulo.

O mesmo endereço funciona fora da página. Quem copia o link com #adubo-no-vaso no fim e manda pra um amigo entrega o guia já aberto na resposta.

POR QUE O LEITOR PRECISA DELE

O visitante da web passa os olhos pela página antes de decidir ler. Jakob Nielsen, pesquisador de usabilidade, abriu o artigo How Users Read on the Web (Como os Usuários Leem na Web, Nielsen Norman Group, 1997) com uma resposta curta à pergunta do título: “Eles não leem.” Em seguida, explicou: as pessoas varrem a página e pegam palavras e frases soltas.

Guia longo sem sumário obriga quem varre a varrer tudo, do primeiro ao último subtítulo. Com o sumário, a varredura cabe em dez linhas no topo.

O TEXTO EXATO

Cada linha do sumário repete o subtítulo palavra por palavra. Se a linha diz Quanto adubo por vaso e o subtítulo diz Dosagem recomendada, o leitor chega e acha estar no lugar errado.

O sumário promete um lugar; o subtítulo cumpre a promessa com as mesmas palavras.

O texto exato também ajuda a revisar o guia. Subtítulo vago, como Considerações ou Outros pontos, fica exposto na lista do topo e pede reescrita com o assunto do trecho.

O CORTE DAS DUAS MIL PALAVRAS

Abaixo de duas mil palavras, a página cabe em poucas rolagens e o sumário ocupa o topo sem poupar trabalho. Acima disso, os subtítulos passam de seis ou sete, e o salto começa a valer. O corte é prático, da casa, sem estudo por trás; ajuste pelo número de subtítulos do seu guia.

Sumário com dois níveis, subtítulo e sub-subtítulo, passa de vinte linhas e vira outro texto pra ler. Fique no primeiro nível, com uma linha por subtítulo principal.

II No seu blog

Âncoras no seu editor

O passo: listar os subtítulos do guia, dar a cada um um id curto e montar no topo uma lista com um link pra cada id. Leva meia hora por guia.

ACHAR OS GUIAS

Abra a lista de posts do blog e separe os que passam de duas mil palavras. No WordPress, plugins de contagem mostram o total na própria lista; sem plugin, cole o texto num contador de palavras.

Comece pelo guia com mais visitas no Google Search Console (a ferramenta gratuita do Google que mostra as buscas que trazem gente ao site), porque nele o sumário recebe cliques suficientes pra medir em 30 dias.

OS PASSOS NO SEU BLOG

1. Copie todos os subtítulos do guia, na ordem, pra uma nota.

2. Reescreva os subtítulos vagos com o assunto do trecho, no próprio post.

3. Dê a cada subtítulo um id em minúsculas, sem acento e com hífen no lugar do espaço: quanto-adubo-por-vaso.

4. No editor de blocos do WordPress, clique no subtítulo, abra Avançado na barra lateral e cole o id no campo Âncora HTML.

5. No topo do guia, logo depois do primeiro parágrafo, escreva a lista com o texto exato de cada subtítulo.

6. Selecione cada linha e insira o link com o jogo da velha na frente do id: #quanto-adubo-por-vaso.

7. Publique, abra o guia no celular e clique em todas as linhas.

8. Anote a data da publicação numa planilha.

SEM WORDPRESS

Em muitos construtores de site, o subtítulo ganha id automático a partir do texto. Clique com o botão direito no subtítulo publicado, escolha Inspecionar (a janela do navegador mostra o código da página) e copie o valor de id. Plugins de sumário automático também resolvem, desde que repitam o texto exato dos subtítulos.

O LUGAR DO SUMÁRIO

O sumário entra depois do parágrafo de abertura, nunca antes. O primeiro parágrafo diz pra quem é o guia e o que ele resolve; a lista vem em seguida, ainda na primeira tela do celular.

Se o leitor precisa rolar pra achar o sumário, o sumário chegou tarde.

O LINK DE VOLTA

Em guias acima de quatro mil palavras, ponha no fim de cada seção um link curto, Voltar ao sumário, apontando pro id da lista. O leitor pulou pro trecho errado e volta em um clique, sem rolar tudo de novo.

A LINHA QUEBRADA

Link de âncora com um caractere errado não dá erro: a página só abre no topo, e o leitor acha o sumário enfeitado e inútil. Por esse motivo o passo 7 clica em todas as linhas, uma por uma, depois de publicar.

Quem banca a edição de hoje

TLDR AI is a free daily email curated by Anthropic and ex-Google engineers: the new tools worth trying and the research worth understanding, summarized for 1.1M+ readers.

Subscribe for free

Patrocinadores mantêm a edição gratuita

III O número pra olhar

Cliques no mapa de calor

Pra saber se o sumário trabalha, conte no mapa de calor do Clarity os cliques nas linhas da lista nos 30 dias depois da publicação. É o número do teste: cliques no sumário.

INSTALAR O CLARITY

O Clarity entra no blog por um código colado no cabeçalho do site ou pelo plugin oficial no WordPress. Os dados começam a chegar no mesmo dia; se a instalação vier depois do sumário, os 30 dias contam a partir dela.

ONDE LER

No painel, abra Mapas de calor, filtre pela URL do guia e escolha os cliques. Cada linha do sumário aparece com uma mancha de cor e a contagem de cliques. O painel mostra também as visualizações da página no mesmo período.

A CONTA

Um blog de horta caseira publicou o sumário num guia de compostagem com 3.400 palavras. Em 30 dias, a página teve 1.800 visualizações e o sumário recebeu 310 cliques somados.

A taxa foi de 17%: 310 dividido por 1.800. Os números são do exemplo, pra mostrar a conta; o seu Clarity vai dar os dele.

A LINHA CAMPEÃ

A soma conta uma parte; a lista linha por linha conta o resto. No exemplo, 140 dos 310 cliques foram pra linha Quanto adubo por vaso, a pergunta mais procurada, enterrada no oitavo subtítulo.

Quando uma linha concentra perto da metade dos cliques, suba aquele trecho. A resposta mais buscada vai pra segunda ou terceira seção, e o histórico da compostagem desce pro fim.

A LINHA SEM CLIQUE

Linha com zero clique em 30 dias aponta um trecho sem leitor. Reescreva o subtítulo com a palavra da busca, ou corte o trecho e junte a outro vizinho.

O ERRO DE LEITURA

Clique no sumário mostra interesse, sem provar leitura. O Clarity grava também sessões, vídeos da tela do visitante sem dado pessoal. Assista a cinco sessões com clique na linha campeã: se a pessoa para e rola devagar no trecho, leu; se sai segundos depois do salto, o trecho não respondeu.

A PLANILHA

Quatro colunas: data do sumário, visualizações, cliques no sumário e linha campeã. A taxa sai de uma divisão em cada linha da planilha.

“Qual subtítulo do seu guia mais longo levaria o primeiro clique?”

17% das visualizações. Foi a taxa de cliques no sumário do guia de compostagem do exemplo, contada no mapa de calor do Microsoft Clarity em 30 dias.