ChatGPT como construtor de sites – isso realmente funciona A primeira coisa que você precisa entender sobre IA é que ela não é uma varinha mágica que resolverá todos os problemas criativos.
Existem limites para o que você pode e o que não pode fazer. Mas uma vez que você entende no que o ChatGPT é bom (e no que é ruim), ele se torna um assistente razoável para ajudá-lo no processo de construção de seu site.
Ao construir um site usando ChatGPT, percebemos rapidamente que pedir à plataforma para gerar todo o código necessário para fazer o site funcionar de uma vez seria um fracasso. Muito provavelmente o código gerado não funcionará.
No entanto, você obterá resultados muito melhores se dividir a tarefa em partes menores e usar seu conhecimento para preencher as lacunas e solucionar problemas conforme necessário. E quanto mais específicas forem as instruções, melhores serão os resultados.
Quer saber exatamente como construí meu site usando ChatGPT? Devo construir meu site usando ChatGPT ou é mais fácil escolher um dos melhores construtores de sites de IA?
planeje seu site
Quando comecei a planejar meu site usando ChatGPT, não sabia por onde começar. Então decidi deixar o ChatGPT gerar um esboço para me ajudar a definir a estrutura do meu site.
Comecei dando ao ChatGPT uma visão geral do que eu queria realizar com meu site. Eu disse a eles que estava criando um site de portfólio para mostrar meu trabalho como redator freelance e profissional de marketing de conteúdo. Eu disse que queria uma página sobre, um exemplo de redação, um blog e um formulário de contato.
Com base na minha opinião, o ChatGPT gerou um resumo detalhado das seções que deveriam ser incluídas em cada página. Por exemplo, sugeri ter uma seção de herói de destaque na página inicial com uma foto profissional, uma breve biografia e um apelo à ação para conferir meu trabalho. Também foi recomendado que eu categorizasse meus exemplos de escrita por tipo (postagens em blogs, textos da web, e-books, etc.). Para blogs, sugeri focar em dicas de redação, insights de marketing de conteúdo e estudos de caso de clientes.
Mediante solicitação, também conseguimos gerar os metadados necessários para cada página, incluindo títulos, slugs, meta descrições e um detalhamento de subtítulos para cada página. Até agora, as sugestões foram bastante precisas, mesmo que um tanto básicas.
Procurando inspiração em design
Em seguida, decidi testar minhas habilidades de design do ChatGPT. Tendo usado construtores de sites sem código durante toda a minha vida, tenho um bom conhecimento dos princípios básicos de design, mas decidi recorrer ao ChatGPT para ver que tipo de resultados poderia obter.
Comecei pedindo ao ChatGPT que sugerisse paletas de cores e combinações de fontes que seriam apropriadas para um site de portfólio profissional. Eu disse que queria um design que não só transmitisse criatividade, mas também confiabilidade e confiabilidade.
ChatGPT agora está disponível em vários esquemas de cores diferentes. Uma opção é um visual clean e moderno que combina o azul profundo com tons de cinza e branco. A outra é uma paleta mais colorida que incorpora tons de azul-petróleo, coral e ouro para um toque artístico e glamoroso. Para tipografia, ChatGPT recomendou uma combinação de fontes elegantes sem serifa para títulos e fontes serifadas mais clássicas para o corpo do texto. Eles também ofereceram combinações específicas de fontes do Google para experimentar, como Open Sans e Lora e Montserrat e Merriweather. No entanto, o ChatGPT não conseguiu fornecer quaisquer razões concretas para justificar estas escolhas de fontes, mesmo quando questionado diretamente.
Em seguida, recorremos ao ChatGPT para inspiração de layout. Essa primeira proposta foi bastante básica. Então, pedi a eles que criassem links para exemplos específicos de ótimos sites de portfólio na web e detalhassem o que há de melhor em cada um deles. Graças às suas capacidades de navegação na web, o ChatGPT retornou desta vez algumas ideias de layout muito interessantes, fornecendo links para seguir e uma análise de cada um.
desenvolvimento de sites
Agora vem a parte difícil. Não sou desenvolvedor, mas entendo HTML e CSS básicos. Ainda assim, programar um site do zero era completamente novo para mim. Em vez de escrever o código para todo o site de uma vez, decidi fazer com que o ChatGPT o executasse página por página e seção por seção.
Primeiro, pedimos ao ChatGPT para gerar a estrutura HTML básica para nossa página inicial. Forneci a cópia e o layout geral que tinha em mente. Em vez disso, a plataforma me forneceu um modelo padrão para minha página inicial que incluía o HTML necessário. Testei o HTML usando CodePen e estava bem limpo e sem erros.
Claro, o código gerado era bastante básico e sem estilo. Então meu próximo passo foi pedir ajuda com CSS. Referenciei paletas de cores e tipografia anteriores para ilustrar a aparência que eu buscava. ChatGPT então forneceu código CSS para estilizar a página.
Mesmo assim, o resultado foi um site bastante básico para o meu gosto e que não me destacou para clientes em potencial. Então decidi customizar cada container individualmente para ver se conseguia melhorar os resultados. Exigiu muitos ajustes manuais e solução de problemas. Em vez de solicitar todo o recurso antecipadamente, ele solicita primeiro apenas a estrutura HTML, depois CSS e depois JavaScript. Gostaria também de citar um exemplo concreto para mostrar ao ChatGPT exatamente o que eu queria, para poder reproduzir o design.
Construir um site usando ChatGPT exigiu muito esforço prático e solução de problemas, mas foi possível. Ainda assim, não posso deixar de me perguntar se meus esforços poderiam ter sido melhor aproveitados simplesmente usando uma plataforma visual e sem código como Wix ou Framer.
Crie novo conteúdo
Com a estrutura e o design do site definidos, a peça final do quebra-cabeça era preenchê-lo com conteúdo envolvente. É aqui que os recursos de geração de conteúdo do ChatGPT realmente brilham.
Concentrei-me primeiro na cópia das páginas principais, como a página inicial, a página sobre e a seção de serviços. Forneci ao ChatGPT um breve resumo do que queria transmitir em cada página, bem como algumas informações básicas sobre minha experiência e ofertas.
Foram necessárias várias tentativas, pois produzi diversas versões diferentes de cópias até encontrar uma que se adequasse ao meu gosto. Com o lançamento de Bate-papoGPT 4-o, a plataforma é muito melhor para conduzir pesquisas em primeira mão e escrever conteúdo que reflita com precisão meu tom de voz. No entanto, ainda tem dificuldade para parecer autêntico quando se trata de conteúdo não padronizado.
Mas as habilidades de pesquisa do ChatGPT foram especialmente úteis quando passei a gerar algumas postagens de blog para o novo site. Agora você pode gerar conteúdo bem pesquisado com estatísticas reais, exemplos e estudos de caso para respaldar seus pontos principais. Também apreciamos a integração com o DALL-E 3. Isso me permitiu criar alguns recursos visuais básicos para apoiar minha postagem no blog.
Publique seu site
Esta não é a primeira vez que construo um site auto-hospedado, mas decidi perguntar ao ChatGPT como eles fazem essa parte para ver que tipo de respostas eu obteria.
Primeiro, pedimos ao ChatGPT uma visão geral básica do processo de publicação do site. Desde a compra de um nome de domínio até a escolha de um host e o upload dos arquivos do seu site, cobrimos as principais etapas envolvidas.
Em seguida, pedimos recomendações de provedores de hospedagem na web confiáveis e fáceis de usar. ChatGPT sugeriu algumas opções populares, como Bluehost e HostGator, e descreveu seus principais recursos e preços. Ele também forneceu orientação sobre o que procurar em um host, incluindo fortes garantias de tempo de atividade, suporte ágil ao cliente e fácil integração com WordPress.
ChatGPT então me orientou no processo de conexão do meu nome de domínio e instalação do WordPress em meu novo host. Instruções passo a passo com capturas de tela reduziram a dificuldade de configuração técnica. Ele também forneceu instruções sobre como começar a usar o WordPress e recomendou vários plug-ins do WordPress.org para ajudar na segurança, manutenção e personalização.
Havia algumas pequenas lacunas nas instruções, mas elas podem ser facilmente resolvidas se você fizer alguma pesquisa pessoal. No geral, esta parte do processo de construção do site foi fácil.
ChatGPT como construtor de sites – considerações finais
Afinal, ChatGPT é uma IA conversacional e não se destina realmente a web design. Embora possa recomendar maneiras de melhorar ou personalizar trechos de código individuais, não é robusto o suficiente para construir um site totalmente funcional de uma só vez. Também carece de outros recursos essenciais, como hospedagem na web, registro de domínio e SSL.
Se você é um profissional ou proprietário de uma empresa e está considerando a IA como uma forma de construir um site rapidamente, este não é o caminho a seguir. Se você tiver orçamento, é melhor trabalhar com uma agência. Além disso, se você quiser adotar uma abordagem DIY econômica, escolher um dos melhores construtores de sites pode ser sua melhor opção. Embora construir um site usando uma plataforma como o ChatGPT possa ser uma experiência interessante, não é recomendado para uso profissional no momento.
