Como publicar um Artefato do Claude como um site de verdade

O recurso de Artefatos do Claude é uma das formas mais rápidas de gerar um site completo. Você descreve o que precisa, o Claude escreve o HTML e o CSS e você vê a prévia ali mesmo, na janela da conversa. Fica ótimo.

Aí você esbarra num muro: como colocar isso de fato na internet?

O Artefato vive dentro do Claude. Você pode ver a prévia, copiar o código, até compartilhar o link da conversa, mas ele não é um site de verdade. Não tem um endereço que você possa pôr num cartão de visita. Não aparece no Google. Some se você perder a conversa. E, com certeza, não dá para conectá-lo a um domínio próprio.

Este guia mostra como ir de um Artefato do Claude a um site hospedado e no ar, com endereço próprio, certificado SSL e formulário de contato funcionando, em menos de cinco minutos.

O que é um Artefato do Claude?

Quando você pede ao Claude para criar algo visual (um site, um gráfico, um app interativo), ele gera o código e mostra uma prévia ao vivo em um painel ao lado da conversa. A Anthropic chama isso de Artefatos. São arquivos HTML/CSS/JS independentes, que rodam no navegador.

Para gerar sites, os Artefatos são realmente impressionantes. O código é limpo, os designs são modernos e o comportamento responsivo normalmente funciona de primeira. O problema não é a qualidade, é a entrega. Um Artefato é uma prévia, não uma publicação.

Passo 1: tire o código de dentro do Claude

Primeiro, você precisa levar o arquivo HTML do Artefato para o seu computador. Há duas maneiras:

Opção A: copiar o código

1. Clique no painel do Artefato no Claude para expandi-lo.
2. Clique no ícone de código (ou em “Ver código-fonte”) para ver o HTML bruto.
3. Clique em Copiar para copiar o bloco de código inteiro.
4. Abra um editor de texto simples (o Bloco de Notas no Windows, o TextEdit no Mac, no modo de texto simples).
5. Cole o código e salve o arquivo como index.html na sua área de trabalho.

Opção B: baixar o Artefato

Alguns planos do Claude permitem baixar o Artefato direto como arquivo HTML. Se houver um botão de download no painel do Artefato, use-o: é mais rápido. Só confira se o arquivo baixado se chama index.html (renomeie, se for preciso).

Passo 2: solte o arquivo no SiteDrop

Agora você tem um arquivo index.html no computador. Para colocá-lo na internet:

1. Acesse o SiteDrop e entre na sua conta (começar é grátis).
2. Arraste o seu arquivo index.html para o painel do SiteDrop. É só isso. Um arrasto.
3. Em menos de cinco segundos, o SiteDrop publica o seu site em uma CDN global, protege com um certificado SSL gratuito (HTTPS) e entrega um link no ar.

Seu Artefato do Claude agora é um site de verdade, acessível a qualquer pessoa no mundo.

Passo 3: tenha o seu próprio domínio

O link gratuito do SiteDrop funciona perfeitamente para compartilhar, mas se você quer um endereço profissional (como www.seunegocio.com), pode registrar um direto pelo painel do SiteDrop:

1. Abra as configurações do seu site no painel.
2. Busque o nome de domínio que você prefere.
3. Registre-o: o SiteDrop faz toda a configuração de DNS automaticamente. Sem painéis de registradores, sem registros de servidores de nomes, sem esperar 48 horas.

Passo 4: tenha um formulário de contato que funciona (grátis)

Se o seu Artefato do Claude incluir um formulário de contato (e a maioria dos sites de negócios deveria ter um), o SiteDrop o conecta automaticamente. As mensagens enviadas pelo formulário chegam à sua caixa de entrada integrada do SiteDrop sem hospedagem de e-mail, sem ferramentas de formulário de terceiros, sem mensalidades.

Essa é uma das maiores vantagens em relação a outras opções de hospedagem: o seu formulário de contato realmente funciona desde o momento em que você envia o site.

Dicas para Artefatos melhores no Claude

A qualidade do seu site depende da qualidade do seu prompt. Aqui vão algumas dicas para obter Artefatos melhores do Claude:

Seja específico sobre o seu negócio

“Crie um site de uma página para um negócio de tosa de cães a domicílio chamado Paws & Shine, em Manchester. Inclua uma seção principal com um slogan, uma seção de serviços com 4 serviços e preços, depoimentos de clientes e um formulário de contato. Use uma paleta de verde-azulado quente e creme, com elementos de design modernos e arredondados.”

Quanto mais específico você for, mais polido será o resultado. Inclua o nome real do seu negócio, os serviços reais, os preços reais e as cores que você prefere.

Peça tudo em um só arquivo

Acrescente “coloque todo o CSS dentro do arquivo HTML” ou “faça um único index.html independente” ao seu prompt. Isso deixa o envio ao SiteDrop sem atrito: um arquivo, um arrasto, pronto.

Peça responsividade para celular

Acrescente “deixe totalmente responsivo para celular, tablet e computador” ao seu prompt. O Claude geralmente faz isso bem, mas pedir de forma explícita garante que ele não pule nenhum ponto de quebra.

Use o Criador de Prompts do SiteDrop

Não sabe como escrever um bom prompt? O Criador de Prompts do SiteDrop faz algumas perguntas sobre o seu negócio e gera o prompt perfeito para colar no Claude. Ele cuida de todos os detalhes técnicos por você.

Por que não compartilhar simplesmente o link da conversa do Claude?

O Claude permite compartilhar o link de uma conversa, e quem o receber consegue ver o Artefato. Então, por que usar o SiteDrop? Porque um link de conversa compartilhada:

• Não é um endereço de verdade: você não pode colocar o link de uma conversa do Claude em um cartão de visita ou na sua ficha do Google.
• Não tem domínio: o seu site fica em claude.ai/share/..., e não no nome do seu negócio.
• Não pode ser rastreado: os buscadores e os mecanismos de resposta de IA não conseguem encontrá-lo nem citá-lo.
• Não tem formulário de contato: os visitantes não conseguem falar com você.
• Pode desaparecer: se a Anthropic mudar a política de compartilhamento ou você perder a conversa, o link quebra.
• Mostra a marca do Claude, e não a marca do seu negócio.

Um site hospedado no SiteDrop é seu. Seu domínio, sua marca, seu formulário de contato, suas estatísticas. É um site de verdade, e não uma prévia dentro do produto de outra empresa.

O que mais você pode fazer depois de publicar?

• Editar o conteúdo visualmente: use o editor visual do SiteDrop para mudar textos, imagens e conteúdo direto na página.
• Adicionar as suas próprias imagens: troque qualquer imagem provisória pelas fotos reais do seu negócio.
• Atualizar quando quiser: gere o Artefato de novo no Claude com as mudanças, envie outra vez ao SiteDrop e o seu site no ar é atualizado na hora.
• Acompanhar os visitantes: veja quantas pessoas visitam o seu site pelo painel do SiteDrop.

O processo completo, passo a passo

1. Abra o Claude e descreva o seu site (ou use o Criador de Prompts).
2. O Claude gera um Artefato: veja a prévia para ter certeza de que gostou.
3. Copie o código ou baixe o arquivo HTML.
4. Arraste o arquivo para o SiteDrop.
5. Seu site está no ar. Se quiser, registre um domínio próprio.

Tempo total: menos de cinco minutos. Custo total: começar é grátis.