SEO Playbook · Element

Listas de Etapas: Como Escrever Instruções Passo a Passo

Construa listas de etapas que expliquem cada ação, seu propósito, sinal de sucesso e caminho de recuperação para que pessoas e máquinas possam seguir instruções com confiança.

19 min read

Uma lista de etapas é um procedimento ordenado que leva o leitor de um estado inicial conhecido a um resultado verificável. Seus números carregam significado: a etapa 2 depende da etapa 1, e alterar a sequência pode desperdiçar trabalho, criar um erro ou impedir a conclusão. Cada etapa explica mais do que onde clicar. Ela fornece o motivo, a ação, o estado de sucesso e o caminho de recuperação necessários para continuar avançando.

  1. Confirme que a sequência altera o resultado. Por quê: A numeração promete dependência, portanto uma ordem falsa engana leitores e máquinas. Ação: Tente trocar duas ações. Sucesso: Pelo menos uma troca alteraria, bloquearia ou invalidaria o resultado. Recuperação: Se toda ação ainda funcionar, substitua a sequência por marcadores (bullets) ou uma lista de verificação.

  2. Escreva o estado de sucesso observável. Por quê: Os leitores precisam de evidências de que a ação funcionou antes de continuar. Ação: Nomeie o que podem ver, medir, baixar ou testar. Sucesso: Uma pessoa não familiarizada com o rascunho poderia decidir entre aprovado ou reprovado. Recuperação: Se o sucesso depender apenas de julgamento, adicione um limite ou exemplo concreto.

  3. Adicione um caminho de recuperação para falhas. Por quê: Um procedimento que pressupõe execução perfeita abandona o leitor no primeiro erro. Ação: Indique a correção, nova tentativa ou escalonamento mais seguros. Sucesso: O leitor pode retornar ao estado esperado sem adivinhar. Recuperação: Se não existir recuperação segura, avise antes da ação e identifique quem pode ajudar.

Esse exemplo ao vivo é deliberadamente compacto, mas ainda cumpre o contrato de etapa. O restante desta página define como produzir o elemento de forma consistente entre os sistemas de publicação.

Por que este elemento é importante

Leitores de procedimentos querem saber o que fazer agora, por que isso importa, se funcionou e o que fazer quando a realidade difere do caminho feliz. “Clique em Salvar” responde apenas à primeira pergunta. Deixa o leitor inferir qual confirmação esperar e o que o fracasso significa.

A lista de etapas reduz essa incerteza ao criar um ritmo de decisão repetido. Um título imperativo começa com um comando como “Conecte”, “Verifique” ou “Publique”. O motivo estabelece relevância antes que o leitor invista esforço. A ação fornece detalhes suficientes para executar. O estado de sucesso torna a conclusão observável. O caminho de recuperação impede que uma ação falhada se torne um beco sem saída. Este é o contrato de etapa, e toda etapa visível deve satisfazer todas as cinco partes.

Essa mesma regularidade melhora a extraibilidade por máquina: a capacidade de um mecanismo de busca, agente de IA ou sistema de transformação de isolar uma instrução sem perder seu papel. Ordem estável, títulos descritivos, resultados explícitos e orientação de recuperação delimitada permitem que uma máquina distinga a instrução de sua verificação.

Os números não criam esse significado por si só. Eles expõem um significado que o conteúdo já possui. Quando a sequência é genuína, a numeração comunica dependência a um leitor que escaneia e preserva a posição para dados estruturados. Quando a sequência é artificial, a numeração cria uma falsa promessa.

Quando usar

Use uma lista de etapas quando o leitor precisar executar um procedimento em ordem e cada ação concluída estabelecer o estado inicial para a próxima. Usos apropriados incluem configuração de conta, configuração de software, um fluxo de trabalho de análise repetível, uma migração, uma sequência de reparo ou um processo de publicação com dependências.

Não use uma lista de etapas apenas porque números parecem autoritários. Use marcadores (bullets) quando os itens forem opções, exemplos, ingredientes ou características. Use uma lista de verificação quando os itens forem portas independentes que podem ser verificadas em qualquer ordem. Use uma tabela de comparação quando o leitor estiver escolhendo entre alternativas em vez de avançar em direção a um resultado. Use texto corrido comum quando houver apenas uma ou duas ações óbvias e nenhuma precisar de verificação independente.

Casos quase corretos causam a maioria dos usos inadequados:

  • “Dez maneiras de melhorar uma página de destino” é um article-list (listicle) a menos que o item 4 exija a saída do item 3.
  • “Antes de publicar, verifique o título, links, imagens e autor” é uma lista de verificação porque a ordem não determina a validade.
  • “Escolha um plano, insira os dados de pagamento e confirme a compra” é uma lista de etapas porque cada estado desbloqueia o próximo.
  • “Se a importação falhar, tente A, B ou C” é uma orientação de solução de problemas. Torna-se uma lista de etapas apenas quando os ramos de diagnóstico precisam ser tentados em uma ordem definida.
  • Uma cronologia descreve o que aconteceu ao longo do tempo. Não é um procedimento a menos que o leitor possa executar suas ações para alcançar o resultado declarado.

Execute o teste de troca sempre que a intenção não estiver clara: troque dois itens adjacentes e pergunte se o procedimento permanece correto. Se toda troca for inofensiva, a ordenação é decorativa e este é o elemento errado.

Onde posicionar

Uma lista de etapas vem depois que o leitor entende o resultado e tem as entradas necessárias para começar. Coloque um bloco de pré-requisitos imediatamente acima dela, nomeando o estado inicial, permissões, arquivos ou dados, ferramentas, suprimentos, tempo e riscos irreversíveis. Omita campos que não se aplicam; nunca esconda uma entrada necessária dentro da etapa 4.

Posicione um bloco de resultado imediatamente abaixo da etapa final. Ele declara a condição finalizada, o artefato ou estado que o leitor deve agora ter e a próxima ação sensata. Isso encerra o procedimento em vez de deixar o leitor inferir que a ausência de outro número significa sucesso.

O elemento pode aparecer uma vez como o procedimento principal em uma página de instruções ou várias vezes como fases claramente nomeadas em um tutorial mais longo. Um título de fase deve explicar o resultado intermediário, e a numeração deve continuar entre as fases ou usar identificadores explícitos como “Fase 2, etapa 1”. Não reinicie silenciosamente em 1.

Uma lista de etapas não deve ficar diretamente ao lado de outra lista numerada com um propósito diferente; um título ou transição deve explicar o limite. Ela não deve começar antes de um aviso que altere se a tarefa é segura de tentar. Não coloque uma chamada para ação genérica entre as etapas, referências entre uma ação e seu estado de sucesso, ou insira uma tabela de comparação não relacionada no meio do procedimento. O material de apoio pertence dentro da etapa relevante apenas quando ajuda a completar aquela ação; caso contrário, coloque-o antes ou depois da sequência completa.

Anatomia

A anatomia possui três regiões no nível da coleção e cinco regiões repetidas no nível da etapa:

  1. Pré-requisitos: o estado inicial, acesso, ferramentas, suprimentos, tempo e restrições importantes.
  2. Rótulo da sequência: um título descritivo que nomeia o procedimento e seu resultado.
  3. Número da etapa: a posição semântica, gerada pelo renderizador de lista ordenada em vez de digitada no título.
  4. Título imperativo: uma frase liderada por ação que permite a um escaneador prever a tarefa.
  5. Por quê: a dependência, risco ou benefício que justifica fazer a etapa agora.
  6. Ação: a instrução exata, incluindo localização, entrada e escolha relevantes.
  7. Sucesso e recuperação: o estado concluído observável seguido pela próxima resposta segura quando esse estado não aparece.
  8. Resultado: o estado final e o que o leitor pode fazer com ele.

A legenda permanece na página porque os rótulos são conteúdo, não arte. Se o design mudar, as mesmas regiões semânticas devem permanecer identificáveis sem editar pixels.

Exemplos de design

A variante padrão atende à maioria dos procedimentos editoriais. Uma variante compacta pode reduzir o espaçamento, mas não pode remover campos do contrato. Uma variante assistida por captura de tela combina uma etapa de interface ambígua com uma imagem focada. Uma variante em fases agrupa um procedimento longo por resultados intermediários, mantendo uma sequência geral coerente.

Nenhuma variante “mínima” pode descartar motivos ou caminhos de recuperação. A apresentação pode comprimir espaços em branco, não o contrato editorial.

Parâmetros

Estes parâmetros definem o conteúdo da fonte, não a decoração visual opcional. A coluna Fonte mostra se um valor vem de um atributo, de um corpo de item aninhado ou de seu primeiro título.

NomeTipoObrigatórioMín./máx.PadrãoFonte
titleString simplesSim3–10 palavrasNenhumPrimeiro título no corpo pai
variantEnumNãodefault, compact ou phaseddefaultAtributo pai
totalTimeDuração ISO 8601Não1 minuto a 30 diasOmitidoAtributo pai, suportado por texto de tempo visível
prerequisitesBloco MarkdownSim quando houver pré-requisitos1–6 itens; 10–120 palavrasOmitido apenas quando não houver nenhumCorpo pai antes dos itens
stepsColeção ordenada de itensSim3–10 etapasNenhum; alvo: 5Corpos de itens aninhados
step.titleString simplesSim2–8 palavras; 60 caracteresNenhumPrimeiro título no corpo do item
step.whyMarkdown simplesSim10–35 palavrasNenhumCorpo do item
step.actionMarkdown simplesSim15–70 palavrasNenhumCorpo do item
step.successMarkdown simplesSim8–30 palavrasNenhumCorpo do item
step.recoveryMarkdown simplesSim8–40 palavrasNenhumCorpo do item
step.imageCaminho de ativo relativo à raizNão0–1 imagem por etapaOmitidoAtributo do item; apenas após o ativo existir
supplyColeção de strings simplesNão0–8 itens visíveisOmitidoPré-requisitos do corpo pai
toolColeção de strings simplesNão0–8 itens visíveisOmitidoPré-requisitos do corpo pai
outcomeBloco MarkdownSim15–80 palavrasNenhumCorpo pai após os itens

O comprimento normal por etapa é de 50 a 140 palavras distribuídas pelos cinco campos do contrato. Etapas mais curtas tendem a omitir raciocínio ou verificação; etapas mais longas geralmente escondem várias ações.

Sintaxe e exemplos de código

A estrutura canônica segue as regras de redação de elementos : o pai contém as configurações da coleção, e cada etapa repetida é um item aninhado. Os exemplos abaixo codificam o mesmo fragmento de duas etapas para clareza de mapeamento; um procedimento publicável normalmente deve conter pelo menos três etapas.

Diretiva Markdown portátil

:::step-list{totalTime="PT15M" variant=default}
## Conecte e verifique a fonte de dados

Pré-requisitos: acesso de administrador e o identificador da propriedade.

::item
### Abra a tela de conexão da propriedade

**Por quê:** Começar pela propriedade correta evita que os dados sejam anexados à conta errada.

**Ação:** Abra Configurações, escolha Fontes de dados e selecione o identificador da propriedade mostrado no bloco de pré-requisitos.

**Sucesso:** O nome da propriedade selecionada aparece no resumo da conexão.

**Recuperação:** Se estiver ausente, confirme o acesso à conta e recarregue a lista de propriedades.
::
::item
### Execute o teste de conexão

**Por quê:** Um teste bem-sucedido prova que as credenciais e permissões funcionam antes da primeira importação.

**Ação:** Selecione Testar conexão e aguarde a resposta de status.

**Sucesso:** A interface exibe "Conectado" com um carimbo de data/hora atual.

**Recuperação:** Reautorize a conta; se o teste ainda falhar, copie o código de erro para o suporte.
::

Resultado: a fonte está conectada e pronta para sua primeira importação.
:::

Mapeamento de shortcode Hugo

{{< step-list totalTime="PT15M" variant="default" >}}
Prerequisites: administrator access and the property identifier.
{{< step title="Open the property connection screen" >}}
**Why:** Starting from the correct property prevents data from being attached to the wrong account.
**Action:** Open Settings, choose Data sources, and select the property identifier.
**Success:** The selected property appears in the connection summary.
**Recovery:** Confirm access and reload the property list.
{{< /step >}}
{{< step title="Run the connection test" >}}...{{< /step >}}
Outcome: the source is connected and ready for its first import.
{{< /step-list >}}

Esta notação define o contrato do adaptador; os autores devem usar o renderizador registrado do site quando ele estiver disponível. Esta página renderiza seu exemplo ao vivo como Markdown semântico e não introduz um novo shortcode Hugo.

Mapeamento de bloco WordPress

<!-- wp:amicited/step-list {"totalTime":"PT15M","variant":"default"} -->
<!-- wp:amicited/step {"title":"Open the property connection screen"} -->
<p><strong>Why:</strong> Starting from the correct property prevents data from being attached to the wrong account.</p>
<p><strong>Action:</strong> Open Settings, choose Data sources, and select the property identifier.</p>
<p><strong>Success:</strong> The selected property appears in the connection summary.</p>
<p><strong>Recovery:</strong> Confirm access and reload the property list.</p>
<!-- /wp:amicited/step -->
<!-- /wp:amicited/step-list -->

A saída da plataforma pode diferir visualmente, mas todos os campos e seu significado devem ser preservados.

Exemplos

Bom: verifique um domínio antes de coletar dados

  1. Adicione o registro de verificação. Por quê: O registro prova o controle do domínio sem expor credenciais da conta. Ação: Copie o valor TXT exato nas configurações de DNS do domínio e salve-o no host raiz. Sucesso: O provedor mostra o registro em sua lista de DNS sem aspas extras. Recuperação: Se estiver ausente, verifique se o campo de host usa o símbolo de raiz exigido pelo provedor e aguarde a propagação do DNS antes de tentar novamente.
  2. Confirme a propriedade no produto. Por quê: A confirmação impede que a coleta comece em uma propriedade não verificada. Ação: Retorne à tela de verificação e selecione Verificar assim que o registro estiver publicamente resolvível. Sucesso: O status do domínio muda para Verificado e mostra o horário da verificação. Recuperação: Se a verificação falhar, consulte o registro TXT, compare caractere por caractere e corrija a entrada de DNS antes de outra tentativa.
  3. Inicie a primeira coleta. Por quê: Uma propriedade verificada mas ociosa não produz uma linha de base. Ação: Selecione Iniciar coleta e mantenha o escopo padrão, a menos que o projeto exija uma exclusão documentada. Sucesso: Um trabalho enfileirado aparece com o domínio verificado e o horário atual. Recuperação: Se nenhum trabalho aparecer, atualize uma vez; então capture o domínio, horário e mensagem de erro para o suporte, em vez de criar duplicatas.

Isso funciona porque a ordem é real, os títulos são imperativos, os pontos de verificação são visíveis e a orientação para falhas é segura.

Ruim: melhore um artigo

  1. Adicione links internos.
  2. Reescreva a introdução.
  3. Verifique a ortografia.
  4. Adicione exemplos.

A lista é ruim por dois motivos. Primeiro, sua ordem é arbitrária: a ortografia poderia ser verificada antes dos links, e os exemplos poderiam ser adicionados antes da introdução. Deveria ser uma lista de verificação. Segundo, cada item meramente nomeia uma atividade. Nenhum explica por que pertence, até onde ir, o que conta como sucesso ou o que fazer quando a verificação falha. Adicionar mais verbos não corrigiria a incompatibilidade semântica.

Granularidade e aninhamento

Uma etapa deve produzir uma mudança de estado significativa. Vários cliques podem pertencer a essa etapa quando formam uma interação ininterrupta e compartilham um único sinal de sucesso. Por exemplo, “Escolha CSV, selecione UTF-8 e exporte o arquivo” é uma etapa se o resultado observável for um CSV baixado. Divida-a quando um resultado intermediário precisar de verificação, uma permissão diferente, uma espera considerável, um ramo de decisão ou um caminho de recuperação distinto.

Use o teste da frase: se o título precisar de “e” para unir dois resultados, provavelmente contém duas etapas. Use também o teste de falha: se a primeira metade puder ser bem-sucedida enquanto a segunda falha e cada uma exigir recuperação diferente, divida-as.

O aninhamento é limitado a um nível e a três subetapas curtas. Subetapas esclarecem uma ação estritamente delimitada; elas não criam um procedimento dentro de um procedimento. Promova a sequência para sua própria página quando ela tiver pré-requisitos separados, mais de três ações, várias capturas de tela, mais de um ramo de falha ou um resultado que outra página possa usar de forma independente. Vincule a esse subprocedimento e mantenha a etapa pai focada em quando realizá-lo e como confirmar seu resultado.

Política de captura de tela por etapa

Uma captura de tela ganha seu lugar quando as palavras não conseguem identificar o controle ou estado de forma confiável. Use uma quando os rótulos forem duplicados, o controle estiver oculto em um menu, a posição espacial for importante, a interface usar um ícone não familiar ou o estado de sucesso for visualmente ambíguo. Corte na área da tarefa, preserve contexto suficiente para orientação e descreva o estado relevante no texto alternativo e na prosa próxima.

Dispense a captura de tela quando o rótulo da interface for único e o estado de sucesso puder ser declarado exatamente. Dispense também capturas de tela de ações rotineiras como selecionar um botão Salvar claramente identificado, comandos de terminal já mostrados como texto, ou cada tela percorrida no caminho para uma escolha significativa. Catorze capturas de tela para catorze etapas óbvias transformam um procedimento em uma apresentação de slides lenta e frágil e tornam as mudanças de interface caras de manter.

Use no máximo uma captura de tela por etapa. Se uma etapa precisar de imagens antes, durante e depois, sua granularidade provavelmente é muito ampla. Nunca faça referência a um ativo antes que ele exista e nunca coloque instruções essenciais apenas dentro da imagem.

Marcação de esquema (schema markup) e acessibilidade

A marcação de esquema (schema markup) é um código legível por máquina que descreve o significado e as relações do conteúdo visível. Quando a página ensina genuinamente um procedimento completo, a lista de etapas pode alimentar um objeto HowTo do Schema.org expresso como JSON-LD . O mapeamento é direto:

Campo visívelPropriedade HowToRegra
Título do procedimentoHowTo.nameCorresponder ao título visível do procedimento.
Duração visívelHowTo.totalTimeCodificar como uma duração ISO 8601, como PT15M; não invente uma duração apenas para marcação.
Suprimentos necessáriosHowTo.supply / HowToSupplyIncluir apenas entradas consumíveis nomeadas nos pré-requisitos.
Ferramentas necessáriasHowTo.tool / HowToToolIncluir apenas ferramentas nomeadas nos pré-requisitos.
Etapas visíveis ordenadasHowTo.step / HowToStepPreservar a contagem e a ordem exatamente.
Título imperativoHowToStep.nameCorresponder ao título visível da etapa.
Por quê, ação, sucesso, recuperaçãoHowToStep.textPreservar todo o significado instrucional visível, não apenas a ação de clique.
Imagem da etapaHowToStep.imageIncluir apenas a imagem visível anexada àquela etapa.
Âncora da etapaHowToStep.urlApontar para o identificador de fragmento estável da etapa visível.

A marcação deve espelhar o procedimento visível exatamente. Nunca adicione etapas ocultas, combine duas etapas visíveis em um item de esquema, reordene-as ou omita a orientação de recuperação para tornar a versão estruturada mais curta. Não aplique HowTo meramente porque uma página contém uma lista numerada; a página deve descrever um processo concluível.

A acessibilidade começa com uma <ol> contendo um <li> por etapa. O número e a ordem devem permanecer disponíveis para a tecnologia assistiva. Não digite números em títulos, pois o texto copiado, os contadores CSS e a saída do leitor de tela podem discordar. Use níveis de título lógicos, identificadores de fragmento estáveis, alternativas descritivas para capturas de tela e rótulos de texto para sucesso e recuperação em vez de apenas cor.

Evite controles interativos que alteram a ordem das etapas sem anunciar a alteração. Se as etapas recolherem, o controle precisa de um nome acessível e estado expandido, e o foco do teclado deve permanecer previsível. A saída para impressão e sem JavaScript deve reter o procedimento completo.

Regras de redação

Escreva de 3 a 10 etapas, normalmente de 50 a 140 palavras cada. Comece cada título de 2 a 8 palavras com um verbo imperativo e descreva um resultado. Explique o motivo antes de uma ação que os leitores possam pular, reordenar ou interpretar mal. Use linguagem calma e direta.

Cada etapa deve conter os cinco campos do contrato, embora o design renderizado não precise repetir rótulos volumosos quando a tipografia os comunica de forma acessível. O estado de sucesso deve ser observável: um status muda, um arquivo existe, um valor cai dentro de uma faixa declarada, um e-mail chega ou um teste passa. “Tudo parece bem” não é observável. A recuperação deve ser segura, específica e proporcional; distinga repetir de desfazer e identifique escalonamento quando o leitor não puder reparar o estado.

Não coloque informações de fundo não relacionadas, chamadas para ação promocionais, depoimentos, um segundo procedimento independente ou vários ramos de decisão dentro de uma etapa. Mova o contexto para acima da lista, a promoção para abaixo do resultado e os ramos substanciais para seções de solução de problemas. Não use “simplesmente”, “obviamente” ou “apenas” para uma ação que pode falhar. Nunca prometa uma tela, rótulo, tempo ou resultado que o produto não forneça realmente.

Tipos de postagem que o utilizam

Tipo de postagemUsoPosição
Guia de instruções (how-to guide)Sempre; o procedimento ordenado é a promessa central da página.Após os pré-requisitos e antes do resultado, solução de problemas e próxima ação.
TutorialGeralmente; use para cada fase orientada por dependência, não para ensino conceitual.Após o conceito necessário para a fase e antes da verificação da fase.
Página de solução de problemasÀs vezes; apenas quando diagnósticos ou reparos devem ser executados em uma ordem segura.Após o sintoma e as verificações de segurança, antes do escalonamento.
Página de processo ou lista de verificaçãoÀs vezes; use etapas para a parte de execução ordenada e caixas de seleção para portas independentes.Entre as entradas do processo e sua lista de verificação de revisão final.
Conteúdo de configuração de produtoÀs vezes; use quando um estado do produto desbloquear o próximo.Após os requisitos de acesso e antes da confirmação ou próximas etapas de integração.

O campo postTypes do frontmatter registra essas relações para uso em catálogo e validação. Apenas páginas de tipo de postagem registradas do playbook recebem links; outras linhas descrevem padrões editoriais suportados sem inventar rotas.

Lista de verificação de QA

Antes da publicação, verifique todos os itens a seguir:

  • Trocar etapas adjacentes alteraria, bloquearia ou invalidaria o resultado.
  • Os pré-requisitos nomeiam todo estado inicial, permissão, ferramenta, suprimento e risco necessários.
  • O procedimento contém de 3 a 10 etapas ou documenta uma exceção justificada.
  • Cada etapa tem um título imperativo, motivo, ação, estado de sucesso observável e caminho de recuperação.
  • Cada etapa produz uma mudança de estado significativa e permanece dentro de um nível de aninhamento.
  • Qualquer subprocedimento que tenha seus próprios pré-requisitos ou resultado foi separado.
  • Capturas de tela aparecem apenas onde a interface ou estado é ambíguo, com no máximo uma por etapa.
  • O bloco de resultado declara o que agora existe e o que o leitor pode fazer a seguir.
  • A semântica de lista ordenada, ordem de títulos, links de fragmento e texto alternativo funcionam sem cor ou script.
  • As propriedades HowTo, quando presentes, correspondem exatamente às etapas, ordem, duração, suprimentos, ferramentas, texto e imagens visíveis.
  • Os mapeamentos de Markdown portátil, Hugo e WordPress preservam os mesmos campos e significado.
  • Links e metadados passam na lista de verificação de QA pré-publicação mais ampla.

FAQ

Quantas etapas uma lista de etapas deve conter? Use de 3 a 10. Coloque uma ou duas ações em texto corrido; agrupe ou divida mais de dez.

O que torna uma lista numerada uma verdadeira lista de etapas? A ordem deve afetar o resultado, e cada etapa deve cumprir o contrato de cinco partes.

Toda etapa precisa de uma captura de tela? Não. Adicione uma apenas quando as palavras não conseguirem identificar a interface, localização ou estado de forma confiável.

Uma etapa pode conter subetapas? Sim, em um nível. Separe qualquer sequência com seus próprios pré-requisitos, resultado ou mais de três ações.

Quando deve se tornar uma lista de verificação? Quando os itens puderem ser concluídos em qualquer ordem ou forem portas de verificação independentes.

A Lista de Etapas é um dos elementos de conteúdo SEO que carrega comportamento além da apresentação. Sua qualidade é comprovada quando um leitor consegue se recuperar de uma falha e ainda assim alcançar o resultado prometido — não quando os números meramente parecem organizados.

← All SEO Playbook guides

Pronto para colocar em prática?

Verificação gratuita · Teste de 7 dias · sem cartão de crédito