> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Criando um site

> Crie um site na Base44 que tenha ótima aparência, funcione para todos e seja encontrado nas buscas. Descreva sua ideia, personalize o design, conecte um domínio e otimize para SEO e visibilidade em IA.

## Por que criar seu site com a Base44

A Base44 não serve apenas para criar apps. Ela também é um [criador de sites com IA](https://base44.com/ai-website-builder), então você pode criar um site completo apenas descrevendo o que quer. Você não precisa de nenhuma habilidade de programação ou design. A Base44 cria tudo para você, incluindo design, páginas, conteúdo, hospedagem e tudo que roda nos bastidores.

<Frame caption="Um site criado com a Base44">
  <img src="https://mintcdn.com/base44/-o02K_mhjvYp1LR1/images/website-example.png?fit=max&auto=format&n=-o02K_mhjvYp1LR1&q=85&s=2f6a04da5d0d4f5de3377e4c7688095b" alt="Um site criado com a Base44" width="582" height="419" data-path="images/website-example.png" />
</Frame>

Um site é uma das coisas mais populares para criar na Base44. Seja uma página simples para compartilhar seu trabalho ou um site completo para o seu negócio, a Base44 cuida da parte técnica para você focar no seu conteúdo e na sua marca.

<Card title="Exemplos de sites que você pode criar na Base44">
  * Um site de empresa ou agência
  * Uma landing page para um produto ou evento
  * Um portfólio pessoal ou site de currículo
  * Uma loja online ou catálogo de produtos
  * Um blog ou site de conteúdo
  * Uma página de agendamento ou contato para seus serviços
</Card>

<Card title="Pronto para criar seu site?" color="#FF5500" icon="arrow-right-long" href="https://base44.com/">
  Criar meu site agora
</Card>

***

## Etapa 1 | Descreva seu site

Comece acessando a [Base44](https://app.base44.com/) e dizendo, com suas próprias palavras, que tipo de site você quer. Você pode descrever o propósito, as páginas necessárias e o estilo desejado. Por exemplo, "um site limpo de uma página para meu negócio de fotografia, com uma galeria e um formulário de contato."

Ao começar, você precisa se cadastrar para que seu trabalho seja salvo e você possa voltar ao seu site a qualquer momento.

Há algumas formas de começar, dependendo do que você já tem. Escolha a que se encaixa e siga o passo a passo completo em [Começando pelo seu primeiro prompt](/Getting-Started/starting-from-your-first-prompt).

<AccordionGroup>
  <Accordion title="Use um prompt">
    Descreva seu site em linguagem simples e deixe a Base44 criá-lo. Veja [Usando um prompt](/Getting-Started/starting-from-your-first-prompt#using-a-prompt).
  </Accordion>

  <Accordion title="Use o modo de planejamento">
    Molde seu site com a IA primeiro e depois transforme o plano em um site. Veja [Usando o modo de planejamento](/Getting-Started/starting-from-your-first-prompt#using-plan-mode).
  </Accordion>

  <Accordion title="Comece por uma URL existente">
    Comece por um site que você já possui e refine-o. Veja [Começando por uma URL existente](/Getting-Started/starting-from-your-first-prompt#starting-from-an-existing-url).
  </Accordion>

  <Accordion title="Comece por um design do Figma">
    Transforme um frame do Figma em um site funcional. Veja [Começando por um design do Figma](/Getting-Started/starting-from-your-first-prompt#starting-from-a-figma-design).
  </Accordion>

  <Accordion title="Conecte suas ferramentas">
    Traga ferramentas como Google Workspace, Slack e GitHub desde o seu primeiro prompt. Veja [Conectando suas ferramentas](/Getting-Started/starting-from-your-first-prompt#connecting-your-tools).
  </Accordion>
</AccordionGroup>

***

## Etapa 2 | Veja seu site ganhar vida

Depois que você compartilha sua ideia, a Base44 cria seu site automaticamente. Ela desenha o layout, escolhe cores e fontes, organiza as seções e adiciona as páginas e funcionalidades que você pediu, como um formulário de contato, uma galeria ou uma seção de agendamento.

A Base44 mantém sites simples enxutos, então seu site pode começar como uma única página. Peça à IA para adicionar mais páginas, como uma página Sobre ou Contato, sempre que precisar.

Toda a parte técnica é resolvida para você em segundo plano, incluindo hospedagem, armazenamento de dados e os fluxos de login ou cadastro de que seu site precisa. Veja seu site aparecer na janela de pré-visualização enquanto a Base44 trabalha, e navegue por ele para testá-lo imediatamente.

***

## Etapa 3 | Personalize seu design e conteúdo

Depois que seu site está pronto, você pode deixá-lo com a sua cara. A forma mais fácil é pelo chat de IA. Digite o que você quer mudar, e a Base44 atualiza seu site. Por exemplo, "Mude a cor principal para verde escuro," ou "Adicione uma página Sobre com as fotos da nossa equipe e uma breve história."

<Tip>
  Para trocar ideias ou fazer perguntas antes de aplicar mudanças, use o modo Discuss no chat de IA. Ele usa menos créditos. [Saiba mais sobre os modos do chat de IA](/Building-your-app/AI-chat-modes).
</Tip>

Há várias formas de moldar seu site:

<AccordionGroup>
  <Accordion title="Personalize a aparência">
    Mude cores, fontes, espaçamento e estilos para combinar com a sua marca. Você pode aplicar mudanças em todo o site ou em uma única página. Veja [Personalizando o design do seu app](/Building-your-app/Design).
  </Accordion>

  <Accordion title="Mantenha seu design consistente">
    Configure um sistema de design, layouts responsivos e estruturas de página reutilizáveis para que cada página pareça parte do mesmo site. Veja [Fundamentos de design e layout](/Building-your-app/Design-foundations-and-layout).
  </Accordion>

  <Accordion title="Adicione e gerencie páginas">
    Adicione novas páginas, controle quais aparecem na navegação e decida quais são públicas. Veja [Gerenciando as páginas do seu app](/Building-your-app/managing-your-pages).
  </Accordion>

  <Accordion title="Adicione imagens e mídia">
    Envie seu logotipo, fotos, vídeos e outros arquivos para destacar seu site. Veja [Enviando e gerenciando mídia](/Building-your-app/Using-media).
  </Accordion>
</AccordionGroup>

***

## Etapa 4 | Torne seu site acessível

Um site acessível funciona para todos, incluindo pessoas que usam leitores de tela, navegam com o teclado ou precisam de texto maior e contraste claro. A acessibilidade também melhora sua visibilidade nas buscas, já que a mesma estrutura que ajuda as pessoas ajuda os mecanismos de busca a entender suas páginas.

Tenha esta lista em mente enquanto você cria:

<Card title="Checklist de acessibilidade" icon="universal-access">
  <Icon icon="circle-check" color="#134f25" /> Use níveis de título claros para que cada página tenha um título principal e uma estrutura lógica.

  <Icon icon="circle-check" color="#134f25" /> Adicione texto alternativo descritivo às imagens para que leitores de tela possam descrevê-las.

  <Icon icon="circle-check" color="#134f25" /> Escolha combinações de cores com contraste suficiente entre texto e fundo.

  <Icon icon="circle-check" color="#134f25" /> Escreva textos de link descritivos, como "Veja nossos preços," em vez de "Clique aqui."

  <Icon icon="circle-check" color="#134f25" /> Confirme que as pessoas conseguem acessar cada menu, botão e formulário usando apenas o teclado.
</Card>

Você pode pedir ajuda ao chat de IA, por exemplo "Verifique minha página inicial em busca de problemas de acessibilidade e corrija o contraste de cores." Para saber mais sobre como criar um site acessível e bem estruturado, veja [Fundamentos de design e layout](/Building-your-app/Design-foundations-and-layout).

***

## Etapa 5 | Teste seu site

Antes de compartilhar seu site, teste como ele aparece e funciona da perspectiva dos seus visitantes.

<Card title="Checklist de testes" icon="clipboard-check">
  <Icon icon="circle-check" color="#134f25" /> Navegue pela pré-visualização como um visitante, seguindo os menus e verificando cada link.

  <Icon icon="circle-check" color="#134f25" /> Verifique seu site no desktop e no celular para encontrar problemas de layout ou navegação.

  <Icon icon="circle-check" color="#134f25" /> Abra seu site em uma janela anônima ou privada do navegador para ver a experiência de um visitante de primeira vez.

  <Icon icon="circle-check" color="#134f25" /> Teste cada formulário, cadastro e fluxo de pagamento de ponta a ponta para confirmar que funcionam e que você recebe os dados.

  <Icon icon="circle-check" color="#134f25" /> Revise seus textos e verifique se imagens e botões aparecem e funcionam como esperado.

  <Icon icon="circle-check" color="#134f25" /> Peça ao chat de IA para ajudar a testar fluxos importantes, como o envio do seu formulário de contato.
</Card>

***

## Etapa 6 | Conecte um domínio

Seu site fica no ar em um endereço web da Base44 assim que é criado. Conectar seu próprio domínio, como `seunegocio.com`, deixa seu site com aparência profissional, mais fácil de lembrar e de compartilhar. Isso também tem um grande impacto no seu ranqueamento, já que os mecanismos de busca consideram sites em um domínio personalizado mais confiáveis do que em um subdomínio compartilhado.

**Você tem algumas formas de configurar um domínio:**

* Compre um domínio diretamente da Base44 para a configuração mais simples, com DNS e SSL resolvidos para você. Veja [Comprando um domínio pela Base44](/Setting-up-your-app/Buying-a-domain-from-Base44).
* Conecte um domínio que você já possui atualizando seus registros DNS. Veja [Conectando um domínio externo](/Setting-up-your-app/Connecting-an-external-domain).
* Envie os e-mails do seu site pelo seu próprio domínio, como `hello@seunegocio.com`. Veja [Enviando e-mails de um domínio personalizado](/Setting-up-your-app/Sending-emails-from-a-custom-domain).

Para uma visão geral de como os domínios funcionam na Base44, veja [Conectando um domínio ao seu app](/Setting-up-your-app/Setting-up-your-custom-domain).

***

## Etapa 7 | Publique e compartilhe seu site

Quando estiver pronto para colocar seu site no ar, clique em **Publish** na barra superior. Publicar envia suas alterações mais recentes para o site ao vivo, para que os visitantes possam vê-las.

**Pelo menu de publicação, você pode:**

* Copiar o endereço web do seu site, ou editar a parte antes de `.base44.app`.
* Clicar em **Get domain** ao lado de **Suggested domain** para usar seu próprio endereço.
* Clicar em **Share your app** para obter um link que você pode enviar por e-mail ou postar nas redes sociais.
* Definir **App visibility** para escolher quem pode acessar seu site.
* Verificar o **Security status**, e clicar em **Run security scan** se estiver desatualizado.
* Clicar em **Publish** para colocar suas alterações mais recentes no ar.

<Frame caption="Publicando e compartilhando seu site">
  <img src="https://mintcdn.com/base44/6EvJBn9woLFC_jth/images/apps-editor-publish-app.png?fit=max&auto=format&n=6EvJBn9woLFC_jth&q=85&s=5cf198ead0713731746f1176c5e5e2ce" alt="Uma captura de tela do painel Publish your app mostrando o endereço do app, compartilhamento, visibilidade e status de segurança" width="2180" height="1180" data-path="images/apps-editor-publish-app.png" />
</Frame>

***

## Etapa 8 | Otimize para busca e visibilidade em IA

Depois que seu site está publicado e conectado a um domínio, você pode ajudar as pessoas a encontrá-lo. A Base44 cuida da base técnica de otimização para mecanismos de busca (SEO) e de otimização para mecanismos generativos (GEO), então seu site pode aparecer tanto em buscadores como o Google quanto em ferramentas de IA como ChatGPT e Gemini.

<Warning>
  Seu site precisa estar publicado para que mecanismos de busca e ferramentas de IA o alcancem. Conectar um domínio personalizado é a maior melhoria que você pode fazer na sua visibilidade nas buscas.
</Warning>

A página **SEO & GEO** no dashboard do seu app é onde você gerencia isso. Execute uma verificação para obter uma pontuação e um checklist priorizado, defina títulos e descrições personalizados para cada página e controle indexação e dados estruturados.

<Frame caption="Executando uma verificação de SEO e GEO no seu site">
  <img src="https://mintcdn.com/base44/d4g5saVYYqbxz0VH/images/seo-scrore.png?fit=max&auto=format&n=d4g5saVYYqbxz0VH&q=85&s=5ed9cc56bb4cf70bf64a7b55b8475878" alt="Seo Scrore" width="1136" height="463" data-path="images/seo-scrore.png" />
</Frame>

**Para que seu site seja encontrado:**

1. Aprenda os fundamentos em [Fazendo seu app ser encontrado nas buscas](/Performance-and-SEO/SEO-and-search-visibility).
2. Execute uma verificação e corrija os problemas pelo seu dashboard. Veja [Otimizando o SEO & GEO do seu app](/Performance-and-SEO/checking-your-seo-and-geo).

***

## Etapa 9 | Promova e faça seu site crescer

Com seu site no ar, você pode começar a atrair pessoas para ele.

* Gere uma estratégia de promoção social e conteúdo pronto para postar sobre seu site. Veja [Promovendo seu app](/promoting-your-app/social-content).
* Envie seu site para o Launchpad para ter a chance de ser destacado e alcançar a comunidade Base44. Veja [Enviando seu app para o Launchpad](/promoting-your-app/submitting-to-launchpad).

***

## Perguntas frequentes

Clique em uma pergunta abaixo para saber mais.

<AccordionGroup>
  <Accordion title="Minha primeira criação usa créditos?">
    Sua primeira criação usa uma quantidade pequena e fixa, cerca de 1 crédito, não importa o quão detalhado seja seu prompt ou qual modelo de IA você escolha. Depois disso, cada mudança que você pede custa créditos com base na quantidade de trabalho envolvida e no modelo usado.

    Os créditos são usados apenas quando a IA cria ou atualiza algo para você, então pré-visualizar seu site e navegar por ele são sempre gratuitos. Saiba mais sobre [créditos](/Account-and-billing/Credits) e [planos](/Account-and-billing/Billing-and-plans).
  </Accordion>

  <Accordion title="Preciso de um domínio personalizado para publicar meu site?">
    Não. Seu site fica no ar em um endereço web da Base44 assim que é criado, e você pode compartilhar esse endereço imediatamente. Um domínio personalizado é opcional, mas deixa seu site com aparência mais profissional e tem um grande impacto no seu ranqueamento nas buscas.
  </Accordion>

  <Accordion title="Meu site vai funcionar no celular?">
    Sim. A Base44 adapta seu site automaticamente para dispositivos móveis. Use o menu de dispositivos na barra superior para alternar para a visualização mobile e conferir como tudo aparece. Se quiser ajustar o layout mobile, peça ao chat de IA para fazer isso por você.
  </Accordion>

  <Accordion title="Como faço meu site aparecer no Google?">
    Publique seu site, conecte um domínio personalizado, depois execute uma verificação de SEO & GEO pelo dashboard do app e corrija os problemas encontrados. Para o processo completo, veja [Otimizando o SEO & GEO do seu app](/Performance-and-SEO/checking-your-seo-and-geo).
  </Accordion>

  <Accordion title="Posso definir meus próprios títulos e descrições de página para os resultados de busca?">
    Sim. A aba **Meta tags** na página **SEO & GEO** permite definir um título e uma descrição personalizados para cada página pública. Eles controlam o que aparece nos resultados de busca e quando alguém compartilha um link do seu site. Veja [Otimizando o SEO & GEO do seu app](/Performance-and-SEO/checking-your-seo-and-geo).
  </Accordion>

  <Accordion title="Posso atualizar meu site depois de publicado?">
    Sim. Continue editando seu site com o chat de IA ou com mudanças manuais a qualquer momento. Suas alterações entram no ar na próxima vez que você clicar em **Publish**.
  </Accordion>

  <Accordion title="Posso despublicar meu site?">
    Sim. Você pode despublicar seu site a qualquer momento. Enquanto ele está despublicado, as pessoas não conseguem acessá-lo até você publicá-lo de novo. Todos os seus dados e configurações são salvos quando você despublica.

    **Para despublicar seu site:**

    1. Clique em **Dashboard** no editor do seu app.
    2. Clique em **Settings** no menu esquerdo.
    3. Role até **Danger Zone**. Ao lado de **Unpublish App**, clique em **Unpublish**, e clique em **Unpublish** de novo para confirmar.
           <Frame caption="Despublicando um app pelas configurações">
             <img src="https://mintcdn.com/base44/eXrERXMoruZExiHn/images/apps-settings-unpublish.png?fit=max&auto=format&n=eXrERXMoruZExiHn&q=85&s=eb4d6029201ba6e6cb1cce6538d300ac" alt="Uma captura de tela da seção Danger Zone com a linha Unpublish App destacada" width="1640" height="420" data-path="images/apps-settings-unpublish.png" />
           </Frame>
  </Accordion>

  <Accordion title="Posso conectar um provedor de pagamento para vender no meu site?">
    Sim, no plano Builder ou superior. Você pode conectar um provedor de pagamento como o Stripe para aceitar pagamentos. Veja como [configurar pagamentos](/Setting-up-your-app/setting-up-wix-payments) no seu site.
  </Accordion>

  <Accordion title="Posso obter ajuda ou uma consultoria para revisar meu site Base44?">
    Para orientação autônoma enquanto você trabalha, clique no seu avatar no workspace e selecione **Help Center** para abrir nossa documentação, ou acesse [https://docs.base44.com/](https://docs.base44.com/).

    Se você precisa de ajuda mais prática, tem algumas opções para receber ajuda especializada com seu site Base44.

    Você pode trabalhar com um [Parceiro Base44](/Getting-Started/Hiring-a-partner) para receber suporte individual e sob medida em projetos maiores ou contínuos. Os parceiros podem ajudar a planejar e criar sites e apps completos, cuidar de integrações complexas e oferecer orientação estratégica de longo prazo. [Escolha seu parceiro](https://app.base44.com/partners) →

    Se você quer feedback de outras pessoas que criam com a Base44, também pode [entrar na nossa comunidade no Discord](https://discord.com/invite/ThpYPZpVts). É um ótimo espaço para se conectar com quem pode compartilhar conselhos, ajuda e dicas dos próprios projetos.
  </Accordion>
</AccordionGroup>

<Tip>
  **Precisa de mais ajuda ou inspiração?**

  Explore os [templates da Base44](https://app.base44.com/app-templates) para começar seu site a partir de uma base pronta.
</Tip>

<Note>Esta página foi traduzida usando IA. Para as informações mais precisas e atualizadas, consulte a [versão em inglês](/). </Note>