* header com logo-menu.png * footer com logo-rodape.png * estética sofisticada * tipografia forte * layout limpo e moderno * pronto para publicação
2. Gerar o site no ChatGPT e ir refinando
Cole o prompt no ChatGPT e gere a primeira versão do site.
Faça ajustes em etapas, pedindo melhorias específicas até o layout ficar mais profissional.
Comandos úteis: “melhore o design”, “deixe mais moderno”, “melhore a copy”, “destaque mais os botões”, “melhore a responsividade”.
Depois da versão visual aprovada, peça uma revisão técnica completa sem alterar o layout.
Prompt SEO + Segurança + llms.txt
Prompt: SEO + Segurança + llms.txt
Agora mantenha exatamente o layout que já construímos e faça uma revisão técnica completa no código para deixar essa site institucional mais otimizada em SEO, performance, acessibilidade e segurança para publicação.
Importante:
- não altere visualmente a estrutura da página nem descaracterize o design
- preserve a responsividade
- mantenha a site em HTML e CSS, usando JavaScript apenas se for realmente necessário
- todos os botões da página devem apontar para este link:
https://kit.cursodescomplicandosites.com.br/
Quero que você aplique no código:
SEO
- HTML semântico
- apenas um H1 principal
- hierarquia correta de headings
- title e meta description bem otimizados
- meta robots
- canonical
- Open Graph
- Twitter Card
- alt text estratégico nas imagens
- schema markup em JSON-LD apropriado para página de oferta / produto digital / curso
- estrutura pensada para boa leitura por Google e IAs
Performance
- código mais limpo e enxuto
- otimização do CSS
- remoção do que for desnecessário
- imagens preparadas para boa performance
- lazy loading quando fizer sentido
- boas práticas de Core Web Vitals
- carregamento rápido principalmente no mobile
Acessibilidade
- estrutura clara para leitores de tela
- contraste adequado
- botões e links acessíveis
- atributos ARIA quando necessário
Segurança
Mesmo sendo uma site estática, aplique as boas práticas possíveis no front-end e me entregue também as recomendações do que precisa ser configurado no servidor/hospedagem, incluindo:
- Content-Security-Policy
- Referrer-Policy
- X-Content-Type-Options
- Permissions-Policy
- uso de rel="noopener noreferrer" onde for necessário
Além disso:
- gere um arquivo llms.txt para acompanhar a site, com uma versão estruturada da oferta para leitura por IAs
- esse llms.txt deve incluir: nome da oferta, proposta principal, público-alvo, benefícios, o que está incluso, FAQ resumido e CTA com o link principal
Na entrega final, me mostre:
1. o código final atualizado
2. o conteúdo do llms.txt
3. uma lista resumida das melhorias implementadas
4. um bloco separado com as configurações recomendadas no servidor
3. Colocar os links nos botões
Depois que o site estiver pronto, peça para substituir todos os botões pelos links corretos.
Agora é a parte de comprar hospedagem e domínio e escolher a melhor forma de publicar a página.
Opção 1: subir o HTML direto no ar
Ideal para páginas simples, sem formulário ou sem integrações mais complexas.
Fluxo: acessar a hospedagem, abrir o gerenciador de arquivos, criar ou editar o index.html, colar o código e publicar.
Opção 2: instalar WordPress + Elementor
Melhor para quem quer editar com mais facilidade depois.
Fluxo: instalar WordPress no Servidor, instalar Elementor, criar a página e colar o código em um widget HTML.
Depois que a versão técnica estiver pronta, peça a preparação dos arquivos finais para upload no Servidor.
Prompt: Preparar Arquivos no Servidor
Prompt: Preparar Arquivos HOSPEDAGEN
Com base neste arquivo que estou te enviando agora, quero que você faça apenas a preparação dos arquivos para publicação no SERVIDOR.
Importante:
- não refaça o layout
- não mude a copy
- não altere o design
- não repita a etapa de SEO, performance, acessibilidade e segurança, porque isso já foi feito antes
- use como base exatamente o arquivo que estou enviando agora
- não substitua os links atuais dos botões pelo domínio que vou informar
- o domínio informado serve apenas para configurar publicação, canonical, sitemap, caminhos finais e contexto da hospedagem
- os botões devem continuar com os links que já estão definidos no arquivo, a menos que eu peça alteração específica
O domínio onde a página será publicada é:
[COLE AQUI O DOMÍNIO]
Agora eu quero apenas que você organize e gere os arquivos necessários para subir essa site institucional em uma hospedagem da HOSPEDAGEM.
Sua tarefa é:
1. Preparar a estrutura final dos arquivos para publicação
2. Separar corretamente os arquivos do projeto, deixando tudo pronto para upload na hospedagem
3. Gerar os arquivos finais necessários para colocar a site no ar, como por exemplo:
- index.html
- style.css, caso o CSS esteja separado
- script.js, apenas se realmente existir necessidade
- llms.txt, caso já faça parte da versão atual
- robots.txt
- sitemap.xml
- .htaccess, se fizer sentido para hospedagem Apache na HOSPEDAGEM
4. Ajustar os caminhos internos dos arquivos para funcionarem corretamente no domínio informado
5. Garantir que a página abra corretamente quando eu subir os arquivos na HOSPEDAGEMr
6. Manter intactos os links dos botões já existentes no arquivo
7. Me entregar os arquivos completos, cada um separado pelo nome do arquivo antes do código
8. No final, mostrar também a estrutura de pastas final, exatamente como devo organizar os arquivos dentro do gerenciador de arquivos da HOSPEDAGEM
Também quero que você considere o seguinte:
- se essa site puder funcionar apenas com index.html e poucos arquivos auxiliares, prefira a estrutura mais simples possível
- se houver imagens ou arquivos externos necessários, identifique claramente onde cada um deve ficar
- se existir alguma configuração importante para o domínio funcionar corretamente com essa site estática, informe de forma objetiva no final
- mantenha tudo pronto para upload manual na HOSPEDAGEM, sem depender de frameworks, build ou terminal
No final da resposta, além dos arquivos, me entregue também:
1. a estrutura de pastas final
2. o passo a passo curto de upload na HOSPEDAGEM
3. qualquer observação importante para eu não errar na publicação
6. Se o site precisar de captura de dados
Se precisar de formulário, o ideal é usar WordPress + Elementor.
Use o layout criado em HTML como base visual e construa o formulário dentro do Elementor, caso precise captar dados.
Para formulários funcionais, use WordPress + Elementor ou outra ferramenta que salve e envie os dados corretamente.
6. Resumo final da lógica
Preencher as informações do prompt
Gerar o site com o prompt completo
Gerar o site institucional
Refinar o layout até ficar profissional
Inserir os links
Comprar domínio e hospedagem
Escolher entre HTML direto ou WordPress
Se houver formulário, usar WordPress + Elementor
Copiar texto manualmente
Use Ctrl+C ou Cmd+C depois de selecionar o conteúdo.
O ambiente bloqueou a cópia automática. O texto já foi selecionado para você copiar manualmente.