Come pubblicare un Artifact di Claude come sito web vero

La funzione Artifacts di Claude è uno dei modi più rapidi per generare un sito completo. Descrivi ciò che ti serve, Claude scrive HTML e CSS e puoi vedere l'anteprima direttamente nella finestra della chat. Sembra tutto perfetto.

Poi ti scontri con un muro: come lo metti davvero online?

L'Artifact vive dentro Claude. Puoi vederne l'anteprima, copiare il codice, persino condividere il link della conversazione, ma non è un sito web vero. Non ha un URL da stampare su un biglietto da visita. Non compare su Google. Sparisce se perdi la conversazione. E di certo non puoi collegarlo a un dominio personalizzato.

Questa guida ti mostra come passare da un Artifact di Claude a un sito online, ospitato, con un indirizzo tutto suo, il certificato SSL e un modulo di contatto funzionante, in meno di cinque minuti.

Cos'è un Artifact di Claude?

Quando chiedi a Claude di creare qualcosa di visivo (un sito, un grafico, un'app interattiva), genera il codice e mostra un'anteprima in diretta in un pannello accanto alla conversazione. Anthropic li chiama Artifacts. Sono file HTML/CSS/JS autonomi che girano nel browser.

Per la generazione di siti, gli Artifact sono davvero impressionanti. Il codice è pulito, i design sono moderni e il comportamento responsive di solito funziona subito. Il problema non è la qualità, ma la consegna. Un Artifact è un'anteprima, non una pubblicazione.

Passaggio 1: porta il codice fuori da Claude

Prima di tutto devi portare sul tuo computer il file HTML dell'Artifact. Ci sono due modi:

Opzione A: copia il codice

1. Clicca sul pannello dell'Artifact in Claude per espanderlo.
2. Clicca sull'icona del codice(o su «Visualizza sorgente») per vedere l'HTML grezzo.
3. Clicca su Copiaper copiare l'intero blocco di codice.
4. Apri un editor di testo semplice (Blocco note su Windows, TextEdit su Mac, assicurandoti che sia in modalità testo semplice).
5. Incolla il codice e salva il file come index.html sul desktop.

Opzione B: scarica l'Artifact

Alcuni piani di Claude permettono di scaricare l'Artifact direttamente come file HTML. Se vedi un pulsante di download nel pannello dell'Artifact, usalo: è più veloce. Assicurati solo che il file scaricato si chiami index.html (rinominalo se serve).

Passaggio 2: trascinalo su SiteDrop

Ora hai un file index.html sul tuo computer. Per metterlo su internet:

1. Vai su SiteDrop e accedi (iniziare è gratis).
2. Trascina il tuo file index.html sulla dashboard di SiteDrop. Tutto qui. Un solo trascinamento.
3. In meno di cinque secondi SiteDrop pubblica il tuo sito su una CDN globale, lo protegge con un certificato SSL gratuito (HTTPS) e ti dà un link online.

Il tuo Artifact di Claude ora è un sito web vero, raggiungibile da chiunque nel mondo.

Passaggio 3: ottieni un dominio tuo

Il link gratuito di SiteDrop funziona benissimo per condividere il sito, ma se vuoi un indirizzo professionale (come www.yourbusiness.com), puoi richiederne uno direttamente dalla dashboard di SiteDrop:

1. Apri le impostazioni del tuo sito nella dashboard.
2. Cerca il nome di dominio che preferisci.
3. Richiedilo: SiteDrop gestisce in automatico tutta la configurazione DNS. Niente dashboard del registrar, niente record dei nameserver, niente attese di 48 ore.

Passaggio 4: ottieni un modulo di contatto funzionante (gratis)

Se il tuo Artifact di Claude include un modulo di contatto (e la maggior parte dei siti di attività dovrebbe averlo), SiteDrop lo collega in automatico. I messaggi inviati tramite il modulo arrivano nella tua casella integrata di SiteDrop senza hosting di posta, senza strumenti di terze parti per i moduli, senza abbonamenti mensili.

È uno dei maggiori vantaggi rispetto ad altre soluzioni di hosting: il tuo modulo di contatto funziona davvero fin dal momento in cui carichi il sito.

Consigli per Artifact di Claude migliori

La qualità del tuo sito dipende dalla qualità del tuo prompt. Ecco alcuni consigli per ottenere Artifact migliori da Claude:

Sii preciso sulla tua attività

«Crea un sito di una sola pagina per un'attività di toelettatura di cani a domicilio chiamata Paws & Shine a Manchester. Includi una sezione hero con uno slogan, una sezione dei servizi con 4 servizi e i relativi prezzi, le testimonianze dei clienti e un modulo di contatto. Usa una combinazione di colori verde acqua caldo e crema, con elementi di design moderni e arrotondati.»

Più sei preciso, più curato sarà il risultato. Includi il vero nome della tua attività, i servizi reali, i prezzi reali e i colori che preferisci.

Chiedi tutto in un unico file

Aggiungi al tuo prompt «metti tutto il CSS inline nel file HTML» oppure «fai un unico index.html autonomo». Così il caricamento su SiteDrop è immediato: un file, un trascinamento, fatto.

Richiedi l'adattamento al cellulare

Aggiungi al tuo prompt «rendilo completamente responsive per cellulare, tablet e desktop». Di solito Claude lo fa bene, ma essere espliciti ti assicura che non salti nessun punto di rottura.

Usa il Prompt Creator di SiteDrop

Non sai come scrivere un buon prompt? Il Prompt Creator di SiteDrop ti fa qualche domanda sulla tua attività e genera il prompt perfetto da incollare in Claude. Si occupa lui di tutti i dettagli tecnici.

Perché non condividere semplicemente il link della conversazione di Claude?

Claude ti permette di condividere il link di una conversazione, e chi lo riceve può vedere l'Artifact. Allora perché scomodare SiteDrop? Perché il link di una conversazione condivisa:

• Non è un URL vero — non puoi mettere il link di una conversazione di Claude su un biglietto da visita o in una scheda di Google.
• Non ha un dominio — il tuo sito vive su claude.ai/share/..., non sul nome della tua attività.
• Non è indicizzabile— i motori di ricerca e i motori di risposta basati sull'IA non possono trovarlo né citarlo.
• Non ha un modulo di contatto — i visitatori non riescono a scriverti.
• Potrebbe sparire — se Anthropic cambia la politica di condivisione o se perdi la conversazione, il link si rompe.
• Mostra il marchio di Claude — non quello della tua attività.

Un sito ospitato su SiteDrop è tuo. Il tuo dominio, il tuo marchio, il tuo modulo di contatto, le tue statistiche. È un sito web vero, non un'anteprima dentro il prodotto di qualcun altro.

Cos'altro puoi fare dopo la pubblicazione?

• Modificare i contenuti in modo visivo — usa l' editor visivo di SiteDrop per cambiare testi, immagini e contenuti direttamente sulla pagina.
• Aggiungere le tue immagini — sostituisci i segnaposto con le foto vere della tua attività.
• Aggiornare quando vuoi— rigenera l'Artifact in Claude con le modifiche, ricaricalo su SiteDrop e il tuo sito online si aggiorna all'istante.
• Monitorare i visitatori — dalla dashboard di SiteDrop vedi quante persone visitano il tuo sito.

L'intero processo, passo dopo passo

1. Apri Claude e descrivi il tuo sito (oppure usa il Prompt Creator).
2. Claude genera un Artifact: guarda l'anteprima per assicurarti che ti piaccia.
3. Copia il codice o scarica il file HTML.
4. Trascina il file su SiteDrop.
5. Il tuo sito è online. Se vuoi, richiedi un dominio personalizzato.

Tempo totale: meno di cinque minuti. Costo totale: iniziare è gratis.