A diferença entre um site "feito com IA" e um site profissional feito com IA não está na ferramenta; está na ordem. Quem abre o gerador primeiro e decide depois recebe o padrão e passa semanas tentando consertar. Quem decide primeiro e gera depois recebe um site que já nasce com as páginas certas, os textos certos e a cara da empresa, e gasta a IA no que ela faz bem: executar rápido.
Este texto organiza esse método em oito etapas, com o que entra em cada uma, os prompts que funcionam, o tempo esperado e o checklist que define quando o site está pronto para ser chamado de profissional. Vale para Lovable, Hostinger, Wix, Framer e assistentes de conversa.
O que faz um site feito com IA ser profissional
Profissional, aqui, não é adjetivo: é um conjunto de condições verificáveis. Um site é profissional quando aparece para as buscas do mercado, transmite confiança a quem compara, converte visita em contato, carrega rápido no celular, respeita as regras do setor e mede o que acontece. Nenhuma dessas condições é criada pela IA; todas podem ser executadas com ela.
| Condição | Como se verifica | Quem garante |
|---|---|---|
| Aparece para as buscas | Search Console mostra impressões e cliques por serviço | Estrutura por busca + SEO on-page |
| Transmite confiança | Fotos reais, dados verificáveis, identidade própria | Briefing + direção visual + fotografia |
| Converte | Taxa de conversão dentro da faixa do mercado | Captação pelo WhatsApp com contexto e prova |
| Rápido no celular | PageSpeed acima de 80 | Imagens otimizadas, código leve |
| Respeita o conselho | Textos e imagens dentro das normas (CFM, OAB, CRP, CREA…) | Revisão humana |
| Mede | GTM, GA4 com eventos-chave, Search Console | Configuração e teste |
A definição completa, com os 12 critérios, está em o que é um site premium; o que um site precisa ter, em o que um site profissional precisa ter.
Etapa 1: briefing com dados reais (2 a 3 horas)
Tudo o que a IA não sabe sobre a empresa precisa estar escrito antes do primeiro prompt. O briefing é o documento que separa o profissional do genérico.
- Identidade: nome, segmento, cidade e área de atendimento, tempo de atuação, registros profissionais.
- Oferta: cada serviço com o que inclui, para quem é, como funciona, duração, o que esperar.
- Público: quem procura, com qual problema, em qual momento.
- Prova: números com fonte, equipe nomeada, certificações, convênios, parceiros.
- Diferenciais verificáveis: o que a empresa faz que pode ser conferido (avaliação de 50 minutos, resposta em 15 minutos, planejamento digital).
- Tom: três adjetivos; palavras proibidas; o que nunca prometer.
- Regras: o que o conselho profissional permite e veda.
- Contato: WhatsApp principal, telefone, endereço, horários, Instagram.
Erro comum
Pular o briefing e "completar depois". A IA preenche o vazio com números e depoimentos inventados, e o site vai ao ar com informação falsa.
Etapa 2: mapa de páginas por busca (1 a 2 horas)
Cada serviço que traz cliente ganha uma página, com a busca exata no H1 e na URL. É a etapa que decide se o site aparece.
- Para cada serviço, digitar no Google o nome com a cidade e anotar o autocomplete e o "As pessoas também perguntam".
- Montar a tabela: página › URL › H1 (busca) › dúvidas a responder.
- Home: nome da empresa + busca mais ampla. Sobre: prova. Contato: endereço e WhatsApp. Blog: dúvidas do mercado, se houver fôlego para publicar.
- Agrupar buscas quase iguais; separar intenções diferentes.
| Página | URL | H1 | Dúvidas |
|---|---|---|---|
| Home | / | Clínica de fisioterapia em Campinas | O que a clínica faz; para quem; onde |
| Ortopédica | /fisioterapia-ortopedica | Fisioterapia ortopédica em Campinas | Quantas sessões; dói; convênio |
| Esportiva | /fisioterapia-esportiva | Fisioterapia esportiva em Campinas | Lesões tratadas; retorno ao esporte |
| Pós-cirúrgica | /fisioterapia-pos-cirurgica | Fisioterapia pós-cirúrgica em Campinas | Quando começar; duração |
| Pilates | /pilates-clinico | Pilates clínico em Campinas | Diferença para o pilates comum |
O método está em como estruturar um site para o primeiro lugar do Google.
Etapa 3: direção visual antes de gerar (1 a 2 horas + fotografia)
A IA entrega o padrão quando não recebe direção. A direção é curta e objetiva.
- Fotografia: sessão no espaço da empresa (fachada, recepção, equipe, atendimento). No celular com luz natural já muda o site; profissional muda o patamar.
- Tipografia: um par de fontes (títulos e texto), do Google Fonts.
- Paleta: duas cores neutras (fundo e texto) e uma de destaque, só em botões e detalhes, com códigos hexadecimais.
- Referências: dois ou três sites de que a empresa gosta, com o motivo.
- Ritmo: hero em duas colunas (texto e foto real), seções alternando claro e uma escura, cards com borda fina, sem gradientes.
- Movimento: revelação suave ao rolar, hover discreto, nada piscando.
Por que isso importa está em por que site feito por IA não fica premium.
Etapa 4: escolher a ferramenta e gerar (30 minutos a 2 horas)
Com briefing, mapa e direção prontos, a escolha da ferramenta é a decisão de menor peso, e o prompt é só a soma dos três documentos.
| Prioridade | Ferramenta | Tutorial |
|---|---|---|
| Publicar rápido com hospedagem inclusa | Hostinger Website Builder | como fazer um site com IA na Hostinger |
| Código próprio e visual moderno | Lovable | como fazer um site no Lovable |
| HTML leve e controle total | ChatGPT, Gemini ou Claude | como fazer um site com o ChatGPT |
| Comparar antes de escolher | — | qual a melhor IA para criar sites |
Estrutura do prompt profissional
"[Briefing completo]. Páginas e rotas: [tabela do mapa]. Para cada página: title ≤60 começando pela busca, meta description ≤155, um H1 com a busca exata, primeiro parágrafo respondendo o que é/para quem/onde, seções 'como funciona', 'para quem é', 'o que esperar', prova, perguntas frequentes (6) e botão de WhatsApp com mensagem que identifica a página. Direção visual: [fontes, paleta, ritmo, movimento]. Use somente os dados fornecidos; não invente números, depoimentos ou logotipos. Imagens: espaços reservados que vou substituir pelas fotos reais."
Etapa 5: revisão humana de tudo (2 a 4 horas)
- Ler cada página inteira; conferir todo número, nome e afirmação contra o briefing.
- Cortar clichês; garantir que cada seção abre com a resposta.
- Trocar todas as imagens de exemplo pelas fotos reais, com alt descritivo.
- Conferir as regras do conselho em texto e imagem.
- Clicar em todos os botões de WhatsApp e conferir número e mensagem.
- Testar no celular real: legibilidade, botões, menu, velocidade.
- Pedir ajustes à IA em frases curtas e específicas, uma por vez.
Teste do concorrente
Trocar o nome da empresa pelo de um concorrente e reler. Se o texto continuar servindo, não está pronto.
Etapa 6: SEO e publicação com domínio próprio (2 a 4 horas)
- Title, description, H1, canonical por página; URLs limpas; página 404 real.
- Em geradores React (Lovable), confirmar a pré-renderização pela Inspeção de URL do Search Console.
- Dados estruturados: LocalBusiness no layout, FAQPage nas páginas de serviço.
- Domínio próprio no nome da empresa; DNS; SSL; versão única (www ou sem www).
- Search Console verificado; sitemap enviado; indexação solicitada.
- Perfil da Empresa no Google com o endereço do site.
Os detalhes estão em como fazer SEO em um site feito por IA e como colocar domínio em um site feito por IA.
Etapa 7: captação pelo WhatsApp (1 a 3 horas)
- Botão fixo em todas as páginas, com mensagem que diz a página de origem.
- Botão no fim de cada página de serviço com mensagem própria.
- Pré-qualificação curta (serviço, urgência, cidade) quando o volume de curiosos justificar.
- Formulário de três campos, enviando ao e-mail, testado.
- Prova perto da ação: registro, tempo de atuação, foto da equipe.
- Processo de resposta: quem, em quanto tempo, com qual mensagem inicial.
A estrutura completa está em como fazer um site que converte.
Etapa 8: medição (1 a 2 horas)
- Google Tag Manager em todas as páginas, na conta da empresa.
- GA4 pelo GTM; eventos whatsapp_click (com página) e generate_lead (no sucesso do formulário).
- Eventos de contato como eventos-chave.
- Google Ads vinculado e conversões importadas, se houver campanhas.
- Planilha mensal: sessões por canal, contatos por página, taxa de conversão.
Os tutoriais estão em como instalar o Google Tag Manager no site e como rastrear cliques no WhatsApp no Google Analytics.
Quanto tempo leva fazer um site profissional com IA
| Etapa | Horas | Quem |
|---|---|---|
| 1. Briefing | 2 a 3 | Dono |
| 2. Mapa por busca | 1 a 2 | Dono (ou quem entende de busca) |
| 3. Direção visual | 1 a 2 + sessão de fotos | Dono + fotógrafo |
| 4. Geração | 0,5 a 2 | Ferramenta |
| 5. Revisão | 2 a 4 | Dono |
| 6. SEO e publicação | 2 a 4 | Dono ou técnico |
| 7. Captação | 1 a 3 | Dono |
| 8. Medição | 1 a 2 | Técnico ou dono com tutorial |
| Total | 11 a 22 horas + fotografia |
A geração ocupa 5% do tempo. Os outros 95% são o que torna o site profissional. A conta em dinheiro está em quanto custa um site feito por IA.
Os prompts das oito etapas, prontos para copiar
Cada etapa tem um pedido que funciona. Trocar os colchetes e enviar um por vez.
| Etapa | Prompt |
|---|---|
| Briefing (organizar) | "Organize estas informações em um briefing estruturado com as seções Identidade, Oferta, Público, Prova, Diferenciais verificáveis, Tom, Regras do conselho e Contato. Não invente nada; marque com [FALTA] o que eu não informei: [colar anotações soltas]." |
| Mapa de páginas | "A partir do briefing, proponha o mapa de páginas: para cada serviço, a busca mais provável no Google com a cidade, a URL em minúsculas com hífen e o H1 igual à busca. Liste também as dúvidas que a página precisa responder. Não escreva o conteúdo ainda." |
| Direção visual | "Sugira dois pares de fontes do Google Fonts (título e texto) e uma paleta de três cores (fundo, texto, destaque) coerentes com um [segmento] [tom]. Explique em uma linha por que cada escolha. Sem gradientes." |
| Textos de uma página | "Escreva a página [serviço] com H1 '[busca]'. Primeiro parágrafo: o que é, para quem, onde. Depois: como funciona (lista), para quem é indicado, o que esperar, prova, perguntas frequentes (6) e chamada para o WhatsApp. Use só os dados do briefing. Tom: [tom]. Sem promessas de resultado." |
| Geração do site | "Gere o site com estas páginas e estes textos [colar], com title ≤60 começando pela busca, meta description ≤155, canonical, um único H1 por página, botão de WhatsApp fixo (https://wa.me/55…?text=…) e botão por página com mensagem própria, fontes [par], paleta [cores], hero em duas colunas com espaço para foto real, seções alternando claro e uma escura, revelação suave ao rolar. Sem gradientes, sem depoimentos, sem logotipos de clientes." |
| Revisão | "Liste todos os números, nomes e afirmações factuais presentes nas páginas, com a página de cada um, para eu conferir contra o briefing." |
| SEO | "Gere sitemap.xml com todas as rotas, robots.txt apontando para ele, e JSON-LD LocalBusiness no layout e FAQPage nas páginas de serviço, usando os dados do briefing." |
| Medição | "Insira o Google Tag Manager GTM-XXXXXXX no head e no body de todas as páginas. Em todos os links de WhatsApp, execute dataLayer.push({event:'whatsapp_click', page_path: location.pathname}) antes de abrir. No sucesso do formulário, dataLayer.push({event:'generate_lead', form_id:'contato'})." |
Regra de uso
Os prompts são o meio, não o método. O método é a ordem: nenhum deles funciona bem se o briefing e o mapa não existirem. Quem pula para o prompt de geração recebe um site bonito e genérico, exatamente o que o texto inteiro tenta evitar.
Checklist: quando o site feito com IA pode ser chamado de profissional
- Nenhum dado, número, depoimento ou logotipo inventado.
- Uma página por serviço principal, com a busca no H1 e na URL.
- Fotos reais em todas as páginas; nenhuma imagem de banco no hero.
- Tipografia, paleta e ritmo definidos e consistentes em todas as páginas.
- Title, description e H1 únicos por página; sitemap no Search Console.
- Domínio próprio no nome da empresa, https, versão única.
- WhatsApp fixo e por página, com mensagem contextual; formulário curto testado.
- PageSpeed no celular acima de 80.
- GTM e GA4 com eventos-chave; conversas aparecendo no tempo real.
- Regras do conselho respeitadas.
- Teste do concorrente: o texto só faz sentido para esta empresa.
Onze de onze é profissional. Faltando dois ou mais, o roteiro de como melhorar um site feito por IA resolve na ordem certa.
Exemplo: um escritório de arquitetura do briefing ao site no ar
Dois arquitetos, cidade média, sem orçamento para agência. Seguiram as oito etapas em três fins de semana.
| Etapa | O que fizeram | Tempo |
|---|---|---|
| Briefing | Dados: CAU, 6 anos, 40 projetos entregues; serviços: residencial, reforma, interiores, aprovação de projeto; tom técnico e próximo | 2 h |
| Mapa | Buscas com a cidade: "arquiteto para projeto residencial", "reforma de apartamento", "projeto de interiores", "aprovação de projeto na prefeitura"; 4 páginas + home, portfólio, contato | 1,5 h |
| Direção | Fotos de 6 obras com fotógrafo; fontes serifa + sans; paleta areia, grafite e um verde discreto; referências de dois sites de arquitetura | 2 h + fotos |
| Geração | Lovable com o prompt completo; 7 rotas na primeira versão | 1 h |
| Revisão | Dois números inventados removidos; textos ajustados; fotos substituídas; 14 pedidos de ajuste | 4 h |
| SEO e publicação | Title/description/H1 por rota; pré-renderização; sitemap; domínio .com.br; Search Console | 3 h |
| Captação | WhatsApp por página; pré-qualificação (tipo de projeto, metragem, prazo); formulário de 3 campos | 2 h |
| Medição | GTM, GA4, whatsapp_click, generate_lead; planilha | 1,5 h |
Quarto mês: três das quatro páginas de serviço na primeira página para a busca com a cidade; 9 contatos pelo site no mês, 5 qualificados pela pré-qualificação, 2 projetos fechados. O site foi feito com IA; o que o tornou profissional foram as 17 horas em volta dela.
Perguntas sobre fazer um site profissional com IA
Como fazer um site profissional com IA
Decidindo antes de gerar: briefing com dados reais, mapa de páginas por busca, direção visual e fotos próprias; depois gerar, revisar tudo, fazer o SEO, publicar com domínio próprio, estruturar a captação pelo WhatsApp e medir.
Qual a diferença entre site feito com IA e site profissional feito com IA
A ordem: no profissional, as decisões (briefing, estrutura, direção) vêm antes da geração e a revisão vem depois; no genérico, a geração vem primeiro e o resto nunca.
Quanto tempo leva
De 11 a 22 horas mais a sessão de fotos, distribuídas em uma a três semanas.
Qual ferramenta usar
Hostinger para publicar rápido, Lovable para código próprio e visual moderno, assistentes de conversa para HTML leve. Com briefing e mapa prontos, a ferramenta é a decisão de menor peso.
Preciso de fotógrafo
Fotos reais são obrigatórias; fotógrafo profissional é o investimento visual de maior retorno, mas fotos no celular com luz natural já tiram o site do padrão.
A IA pode escrever os textos
Pode escrever a primeira versão a partir do briefing; a revisão humana de cada dado e das regras do conselho é obrigatória.
Como saber se ficou profissional
Pelo checklist de 11 itens: dados reais, página por serviço, fotos reais, identidade consistente, SEO por página, domínio próprio, WhatsApp contextual, velocidade, medição, conformidade e teste do concorrente.
E se eu já publiquei sem seguir o método
O roteiro de melhoria em seis fases corrige na ordem certa sem refazer, na maioria dos casos.
Resumo · como fazer um site profissional com IA
- Profissional = condições verificáveis: aparece, convence, converte, carrega rápido, respeita o conselho, mede.
- 1. Briefing com dados reais; 2. Mapa de páginas por busca; 3. Direção visual e fotos.
- 4. Gerar com o prompt que soma os três; 5. Revisar tudo (teste do concorrente).
- 6. SEO e publicação com domínio próprio; 7. Captação pelo WhatsApp; 8. Medição.
- Tempo: 11 a 22 horas + fotografia; a geração é 5%.
- Checklist de 11 itens define "profissional".
Fazer um site profissional com IA é fazer o trabalho em volta da IA: decidir antes, conferir depois. Quem quer esse trabalho feito por uma equipe encontra o método do Grupo KOP em criação de site profissional. O próximo passo, para quem precisa de um site institucional, é como fazer um site institucional.
