brandvm/webflow-launch

Lançamento Webflow: do build aprovado ao site no ar e primeiros 30 dias

Começa onde a entrega da skill webflow-build termina: todas as páginas completas no staging e aprovadas contra o design. As regras permanentes de webflow-build continuam valendo (sem commit, push, publicação em domínio personalizado, liberação ou alteração de DNS sem autorização explícita; sem credenciais no chat).

Tags: [Claude] Claude faz · [Claude verifica] Claude verifica e relata · [Pessoa] uma pessoa faz; Claude pode acompanhar, nunca afirmar. Comandos são os scripts de verificação do webflow-build (pnpm wf:*, do repositório; adicione --live para verificar o que os visitantes recebem). Quando uma lista mencionar outra skill (webflow-performance-optimizer, asset-audit, safe-publish), use-a se a sessão a tiver; caso contrário, faça a verificação manualmente e informe.

Como executar:

1. Registre cada item conforme for feito com pnpm progress tick "<checklist>" "<início do item>" (--by check quando um script pnpm wf:* decidir o resultado), como em webflow-build › checklists.md › Como registrar progresso. O painel de Tarefas do Bench mostra a mesma lista; pnpm progress show a exibe, com os itens pendentes da pessoa.
2. Trabalhe de cima para baixo; relate o resultado de cada seção antes de prosseguir.
3. Qualquer falha vai para a lista de problemas conhecidos como "corrigir antes do lançamento" ou "corrigir após o lançamento", com um responsável.
4. Os scripts de verificação do webflow-build ainda funcionam no domínio ao vivo: use --live e aponte stagingUrl para o domínio ao verificá-lo.

Plano de SEO (durante a revisão, antes do QA pré-lançamento)

SEO é planejado e construído, não apenas verificado no final. O plano está em docs/handoff/SEO-PLAN.md (o template tem o esboço): o que o staging gera hoje, as etapas, o schema por página e o que é necessário do cliente.

• [Claude] Inventarie cada página e template: título e descrição (com comprimentos), campos e imagem do Open Graph, noindex, JSON-LD. Leia o HTML publicado (pnpm wf:seo), não as configurações da página.
• [Claude] Elabore títulos e descrições ausentes ou fracos; [Pessoa] aprova; [Claude] escreve nas configurações da página (templates vinculam um campo Meta Title e Meta Description).
• [Claude] Open Graph "igual ao SEO" em todo lugar; [Pessoa] aprova uma imagem de compartilhamento padrão 1200×630; templates vinculam um campo de imagem.
• [Claude] Tags do site que o Webflow não escreve (og:site_name, og:locale) vão no snippet head em loader.html: cole novamente e publique, depois pnpm wf:install.
• [Claude] Schema como arquivos JSON-LD no repositório, um por página (docs/seo/schema/<página>.jsonld) e docs/seo/schema/templates.md para templates CMS com suas vinculações {Field}. Cada item se refere a uma Organization por @id no domínio de produção. O arquivo é a fonte da verdade; o código head da página (ou jsonLdSchema através da ferramenta de páginas, onde o conector a tiver) é uma cópia. Vincule apenas campos de linha única: uma aspas ou quebra de linha quebra o JSON, e um apóstrofo vira '.
• [Claude] Plano de headings: pnpm wf:outline em cada página e template, verificado contra headings.md. Correções de tags vão no build; [Pessoa] aprova qualquer alteração na redação de H1 ou H2 (é cópia).
• [Claude] Mapa de redirecionamentos, quando o site substitui um antigo: pnpm wf:redirects map (o site antigo de liveUrl, ou --from) escreve docs/seo/redirects.csv no formato de importação do Webflow; cada linha exibida sob "precisa de verificação" é verificada e editada no arquivo. [Pessoa] aprova o mapa e exporta os 301s existentes do site, se houver (uma importação substitui todos; execute novamente com --existing).
• [Claude verifica] Cada página no sitemap tem seu título, descrição, canônico e um H1 no staging (pnpm wf:seo).
• [Claude verifica] Nenhum título ou descrição duplicada e um 404 real; títulos longos e descrições curtas são corrigidos ou aceitos; páginas sem schema estão em seo.noSchemaOk. Depois, o Teste de Resultados Enriquecedos do Google em uma página de cada tipo.
• [Pessoa] Fornece nome oficial, endereço, telefone, horário, perfis sociais e o domínio de produção (www ou apex).

QA pré-lançamento

Conteúdo

• [Claude verifica] Nenhum texto placeholder ou links # (pnpm wf:links, que também sinaliza lorem ipsum); imagens provisórias verificadas contra problemas conhecidos.
• [Pessoa] Revise cada página.
• [Claude verifica] Nenhum marcador data-manual-todo deixado no HTML publicado (todas as etapas manuais concluídas); docs/handoff/REVIEW.md › Antes do lançamento, todos marcados.
• [Claude verifica] Dados de contato: telefones como links tel:, endereços, e-mails, horários; [Pessoa] confirma que estão corretos.
• [Claude verifica] Páginas legais presentes e vinculadas no rodapé; ano de copyright e links sociais.

Funcionalidades

• [Pessoa] Envie cada formulário uma vez: chega na caixa de entrada ou CRM correta, a confirmação aparece, o auto-resposta é enviado. (Claude não pode passar pela proteção antispam; navegadores headless são bloqueados por ela.)
• [Claude verifica] Todos os links e botões funcionam (pnpm wf:links --external; confirme falhas externas manualmente, alguns sites bloqueiam bots).
• [Claude verifica] Página 404, estados de carregamento, vazio, sucesso e erro.
• [Claude verifica] Busca, filtros, ordenação e paginação, se houver.
• [Pessoa] Pagamentos: uma compra de teste e um reembolso, se houver.

Dispositivos, acessibilidade, velocidade

• [Pessoa] Dispositivos reais: iPhone Safari, Android Chrome; desktop Chrome, Safari, Firefox, Edge.
• [Claude verifica] pnpm wf:overflow em cada template de página: nada ultrapassa a borda direita e não há rolagem lateral, em todas as larguras de 2560 a 360 (larguras de laptop entre os breakpoints incluídas).
• [Claude verifica] Nenhuma falha grave ou crítica de acessibilidade em nenhuma página, em todas as larguras (pnpm wf:a11y --all-widths). Alvo: WCAG 2.2 AA.
• [Claude] Navegação apenas com teclado em cada página: foco visível, ordem, menus, diálogos, Escape.
• [Pessoa] Verificação pontual com leitor de tela.
• [Claude verifica] Performance em um perfil de celular: CLS < 0.1, INP < 200 ms, LCP < 2.5 s como alvos (webflow-performance-optimizer); anote as trocas que o design faz.

SEO e rastreamento

• [Claude verifica] Cada página no sitemap tem seu título, descrição, canônico e um H1 (pnpm wf:seo).
• [Claude verifica] Tags OG e JSON-LD que analisam sem entidades HTML em cada página, e noindex apenas nas páginas em seo.noindexOk: o restante do relatório de SEO. Texto alternativo (asset-audit), favicon, schema onde SEO-PLAN.md planeja.
• [Claude verifica] Canônicos apontam para o domínio ao vivo (após o domínio ser anexado: liveUrl na configuração, depois pnpm wf:seo --live --canonical).
• [Claude verifica] pnpm wf:tracking --live assim que as tags estiverem no domínio (no staging primeiro, se carregarem lá): quais tags carregam em quais páginas, nenhuma visualização de página contada duas vezes, nada rastreia antes da escolha de cookie ou após Rejeitar, gclid e UTM sobrevivem aos redirecionamentos de host. Toda requisição que envia dados é bloqueada, então a verificação não adiciona nada aos relatórios do cliente. Não é possível dizer se uma conta recebeu algo.
• [Pessoa] GA4 e conversões chegam (Relatório em tempo real), após aceitar cookies no site ao vivo.

Dia do lançamento

• [Pessoa] Congelamento de conteúdo acordado; aprovação de publicação e data do cliente.
• [Pessoa] DNS: reduza o TTL um dia antes; mantenha os registros de e-mail (MX, SPF, DKIM). Claude não altera configurações de DNS ou registrador.
• [Claude] Com uma autorização explícita: publique no domínio ao vivo (safe-publish se disponível: mostre o que mudou, confirme, publique); corte a release do repositório e defina RELEASE no snippet head (README › Release).
• [Claude verifica] pnpm wf:domain: o certificado é confiável e não está perto do vencimento, http e o outro host www redirecionam permanentemente para o host liveUrl, o domínio não expira em menos de 45 dias.
• [Claude verifica] pnpm wf:install --live: os snippets publicados correspondem a loader.html (com o novo RELEASE), uma meta viewport, nenhuma requisição para localhost.
• [Claude verifica] pnpm wf:seo --live --canonical: nenhum noindex restante fora de seo.noindexOk, todos os canônicos no domínio ao vivo.
• [Claude] Remova noindex e a senha do staging; robots.txt permite indexação.
• [Claude] Salve as baselines visuais do site ao vivo (pnpm wf:baseline save --live, cada página em pages) e faça commit delas.
• [Claude] Aplique os redirecionamentos 301: [Pessoa] importa docs/seo/redirects.csv (Configurações do site › Publicação › Redirecionamentos 301 › Importar) e publica; [Claude verifica] pnpm wf:redirects test --live: cada linha chega à sua página em um único salto permanente.
• [Claude verifica] sitemap.xml existe (Configurações do site › SEO › Gerar sitemap automaticamente) e não lista /design/style-guide ou /design/media: exclua ambos através da ferramenta de sitemap assim que o plano do site estiver ativo (responde 403 antes disso).
• [Pessoa] Envie sitemap.xml no Search Console.
• [Pessoa] Envie um formulário no site ao vivo e veja a visita no analytics.

Entrega ao cliente (publicação aprovada)

Tudo [Pessoa], Claude pode preparar os documentos:

• Site ao vivo; transferência de propriedade (site Webflow, faturamento de hospedagem, domínio, arquivos de design, licenças de fontes e imagens). [Claude] lista o que transferir: registrador, host DNS e datas de renovação (pnpm wf:domain), as tags com seus IDs e os serviços de terceiros que as páginas carregam (pnpm wf:tracking --live).
• Treinamento CMS (gravado) e notas de treinamento ([Claude] elabora a partir das notas do CMS).
• Acesso ao Analytics, Tag Manager e Search Console.
• Credenciais devolvidas; acesso da agência removido ou mantido sob contrato de suporte.
• Termos de suporte e roadmap das primeiras melhorias.

Após o lançamento (primeiros 30 dias)

• [Claude verifica] Dias 1 a 3: rastreie por 404s e cadeias de redirecionamento (pnpm wf:links --live --external); [Pessoa] verifica a cobertura do Search Console e exporta suas URLs "Não encontrado (404)"; [Claude verifica] pnpm wf:redirects test --live --file <export> e adiciona linhas ao mapa para as que falharem.
• [Pessoa] Semana 1: leads chegando, números do analytics parecem corretos.
• [Pessoa] Semanas 2 a 4: indexação e tráfego em relação à baseline.
• [Claude] Corrija os itens pós-lançamento da lista de problemas conhecidos.
• [Pessoa] 30 dias: check-in, retrospectiva, depoimento ou estudo de caso.
• [Claude verifica] pnpm wf:domain no check-in (e em qualquer visita de suporte futura): renovações futuras vão para quem pagar por elas.
• [Claude] Antes de cada nova release: pnpm wf:baseline compare --live após publicar no staging; cada mudança é esperada ou corrigida.
• [Claude] Ofereça as novas GOTCHAS do projeto template-candidate ao template (webflow-build › rules.md › Contribuindo); o template as coleta com pnpm harvest.