Prompt AI per template SefeSite
Guida operativa con prompt, regole e checklist per creare template HTML body-only sicuri, responsive e compatibili con la piattaforma SefeSite.
Questa pagina definisce le istruzioni da dare all’AI quando deve creare template HTML per la piattaforma. L’obiettivo è ottenere sezioni pulite, sicure, responsive, modificabili, archiviabili ed esportabili come HTML standard.
Solo body
Il template deve essere incollabile nell’editor della pagina senza duplicare elementi già generati dalla piattaforma.
Codice sicuro
L’AI deve produrre HTML statico e CSS isolato, senza codice attivo o dipendenze esterne.
Zero perdita
Ogni blocco deve restare leggibile, esportabile, versionabile e recuperabile nel tempo.
Obiettivo della documentazione
SefeSite genera automaticamente la shell pubblica della pagina: SEO, URL, titolo principale, breadcrumb, menu e footer. Per questo motivo l’AI non deve creare una pagina completa, ma solo il contenuto centrale da inserire nell’area modificabile.
- Il template deve essere body-only: niente documento HTML completo.
- Il titolo principale della pagina è gestito dalla piattaforma: nel template si usano titoli interni di secondo livello.
- Il CSS deve essere isolato: tutte le classi devono avere un prefisso unico.
- Il risultato deve essere statico: niente codice eseguibile o elementi remoti obbligatori.
- Il contenuto deve restare portabile: deve funzionare anche in un export HTML statico.
Prompt master consigliato
Questo prompt può essere usato come base quando vuoi far creare all’AI una sezione, una landing, una pagina documentale, una pagina servizi o un blocco commerciale per SefeSite.
Devi creare un template HTML compatibile con SefeSite. CONTESTO La piattaforma genera già: - struttura pubblica della pagina - SEO - URL - titolo principale - breadcrumb - header - menu - footer - layout generale del sito REGOLE Restituisci solo il contenuto centrale da incollare nel body della pagina. Non creare: - documento HTML completo - area head - body globale - title o meta SEO - titolo H1 - header - menu - breadcrumb - footer - codice eseguibile - frame esterni - moduli liberi - eventi inline - librerie esterne obbligatorie STRUTTURA Usa: - una section principale - titoli interni da H2 in poi - paragrafi chiari - card o griglie ordinate - liste leggibili - eventuali box documentali - una CTA finale solo se utile CSS Se serve stile, includi CSS nello stesso blocco. Il CSS deve essere isolato con un prefisso unico. Non modificare elementi globali della piattaforma. Usa uno stile coerente con SefeSite: - sfondo chiaro - card bianche - bordi sottili - testo scuro - testo secondario grigio - accento arancione - bordi arrotondati - ombre leggere ACCESSIBILITÀ Il template deve essere leggibile, responsive e chiaro anche su mobile. I link devono avere testo comprensibile. Le sezioni devono avere una gerarchia ordinata. SICUREZZA Non generare codice attivo. Non usare sorgenti remote obbligatorie. Non usare attributi dinamici. Non inserire contenuti ingannevoli, sensibili o non verificati. OUTPUT Restituisci un unico blocco HTML pronto da incollare nell’editor SefeSite. Non aggiungere spiegazioni prima o dopo.
Contratto tecnico del template
Ogni template generato dall’AI dovrebbe rispettare un contratto chiaro. Questo permette alla piattaforma di validare, salvare, archiviare, esportare e ripristinare il contenuto senza perdere dati.
| Formato | Frammento HTML da inserire nel contenuto della pagina. |
|---|---|
| SEO | Gestita dalla piattaforma, non dal template. |
| Heading | Usare titoli interni di secondo e terzo livello. Non duplicare il titolo principale. |
| CSS | Isolato, prevedibile e senza effetti globali sulla shell del sito. |
| Sicurezza | Solo contenuto statico, senza codice eseguibile o integrazioni remote obbligatorie. |
| Portabilità | Il blocco deve restare leggibile anche esportando il sito come cartelle e file HTML. |
Cosa deve fare l’AI
- Creare sezioni statiche e responsive.
- Usare card, griglie, liste, FAQ e blocchi informativi.
- Scrivere testi chiari e modificabili.
- Usare CSS isolato con classi dedicate.
- Seguire lo stile visivo del sito.
- Duplicare elementi già generati dalla piattaforma.
- Creare codice eseguibile o dipendenze esterne.
- Usare classi globali generiche.
- Inserire contenuti non verificati o promesse assolute.
- Generare blocchi difficili da archiviare o ripristinare.
Checklist prima della pubblicazione
Prima di salvare un template creato dall’AI, controlla che rispetti questi punti.
- Compatibilità: il codice è solo contenuto centrale della pagina.
- Gerarchia: il template non contiene il titolo principale della pagina.
- Isolamento: le classi CSS non interferiscono con menu, footer o shell.
- Responsive: la struttura si adatta a desktop, tablet e mobile.
- Sicurezza: non ci sono elementi attivi, eventi dinamici o dipendenze obbligatorie.
- Export: il contenuto resta utile anche come file HTML statico.
- Archivio: il blocco può essere versionato e recuperato senza perdita.
Prompt rapido
Versione breve da usare quando vuoi generare velocemente una nuova sezione.
Crea un template HTML body-only per SefeSite. Deve essere pronto da incollare nell’editor della pagina. Non creare documento completo, area head, titolo principale, header, footer, breadcrumb o codice eseguibile. Usa titoli interni da H2 in poi, CSS isolato con prefisso unico, card bianche, bordi sottili, testo scuro, testo secondario grigio e accento arancione. Il template deve essere responsive, accessibile, sicuro, modificabile, archiviabile ed esportabile come HTML statico. Restituisci solo il blocco HTML finale.
L’AI può aiutare a creare contenuti e layout, ma SefeSite deve sempre mantenere il controllo su sicurezza, SEO, struttura, versioni, archivio, export e ripristino.