Questa finestra iniziale, la prima del Passo 1, ha l'obiettivo di raccogliere attraverso opportuni campi, alcune informazioni necessarie per configurare i parametri di base del Progetto a cui si sta lavorando, come per esempio il titolo, la URL o la lingua.
Tutti i parametri possono essere definiti subito o in un secondo momento.
Nello specifico, le Informazioni sul Sito richieste sono:
| ▪ | Titolo del Sito: campo per digitare il titolo da dare al Sito. Questo titolo verrà visualizzato nella Barra del titolo del Browser ed è, ovviamente, un parametro importante per permettere a Utenti e Motori di ricerca di individuare correttamente il Sito. |
Come Titolo del Sito viene automaticamente ripreso il nome assegnato al Progetto (vedere: Modifica un Progetto già esistente): in qualsiasi caso, il Titolo del Sito può essere modificato e stabilito in base all'argomento trattato e alle specifiche esigenze di ottimizzazione.
Cliccando sul pulsante 
presente nel campo, è possibile richiamare MagicText, l'assistente per la generazione di contenuti testuali basato sull'Intelligenza Artificiale. MagicText comprende il linguaggio naturale: è sufficiente inserire le informazioni necessarie per definire il tipo di testo che si vuole ottenere perché questo venga composto.
Oltre che come valore del tag <title>, il titolo viene inserito nel codice delle Pagine anche attraverso il tag Open Graph og:title.
| ▪ | Descrizione del Sito: campo per digitare una breve descrizione del Sito. È bene che il contenuto della descrizione sia conciso, efficace e significativo per il Sito a cui fa riferimento: questa descrizione, infatti, verrà utilizzata nel codice HTML come contenuto del meta tag <description> e sarà analizzata dagli spider dei Motori di ricerca. |
Anche in questo caso è possibile cliccare sul pulsante presente nel campo per richiamare MagicText e utilizzarlo per comporre il testo necessario.
Questa descrizione verrà ripresa anche come valore del tag Open Graph og:description.
|
La Descrizione del Sito inserita viene automaticamente associata alla Home Page del Sito. Per una migliore ottimizzazione del Sito è però consigliabile associare a ciascuna Pagina, o almeno alle più importanti, una Descrizione e un elenco di Parole chiave specifici. Per far questo è sufficiente accedere alla finestra Creazione della Mappa, selezionare la Pagina su cui si vuole lavorare e cliccare sul comando Proprietà. |
| ▪ | Icona per il Sito: specifica quale icona (file .ICO, .PNG, .GIF e .JPG) associare alle pagine Web del Sito. Questa icona verrà visualizzata alla sinistra della URL nella barra degli indirizzi del Browser Internet. |
|
Come icona associata a un Sito (o favicon, dall'inglese favorites icon) può essere utilizzate un'immagine in formato .ICO, .PNG, .GIF e .JPG. Mentre i file .ICO vengono importati così come sono, per i file in formato .PNG, .GIF e .JPG, di qualsiasi dimensioni essi siano, WebSite X5 crea automaticamente una copia come file .PNG di 16x16 pixel e utilizza tale copia come favicon. |
Oltre alle informazioni citate, per maggior completezza è possibile aggiungere i seguenti Dettagli:
| ▪ | Autore del Sito: campo per digitare il nome della persona o della società che deve figurare come autore del Sito. Il nome dell'autore viene riportato nel codice HTML delle pagine realizzate come valore del meta tag <author>: in questo modo si appone la firma sul lavoro fatto. |
| ▪ | Categoria del sito: permette di assegnare una categoria in base all'argomento trattato dal sito. |
|
Le categorie proposte sono le stesse presenti anche nella Gallery, la raccolta di siti realizzati con WebSite X5 in cui potrà essere segnalato il nuovo sito una volta pubblicato online. |
| ▪ | Lingua dei contenuti: specifica quale Lingua impostare per il Sito. In base alla Lingua scelta, viene utilizzata la corrispondente versione dei testi inseriti in automatico dal programma: link ad Ancore interne, etichette dell'Oggetto Modulo di Contatto, etichette e testi dei Carrello di e-commerce, testi della Mappa del Sito. |
|
Per poter agire sui testi inseriti in automatico dal Programma o aggiungere nuove lingue è sufficiente cliccare sul pulsante |
| ▪ | Direzione di scrittura: specifica quale senso di scrittura deve essere seguito nel Progetto. È possibile fare in modo che venga automaticamente applicato il senso di scrittura seguito dalla Lingua impostata per il Sito attraverso l'apposita opzione Lingua dei contenuti: in questo caso verrà impostata la modalità LTR (Left-To-Right) per lingue come l'italiano, l'Inglese o il Tedesco, e la modalità RTL (Right-To-Left) per lingue come l'Arabo o l'Ebraico. In alternativa, è possibile forzare la direzione di scrittura da sinistra a destra (RTL) o da destra a sinistra (LTR). |
Se nel definire la direzione di scrittura, il Progetto passa da LTR a RTL o viceversa, viene visualizzata una finestra di dialogo che chiede di scegliere come devono essere trattati i contenuti:
| • | Specchia automaticamente i contenuti: in questo caso, non solo cambia il senso di scrittura dei testi, ma cambia anche la disposizione dei contenuti all'interno della pagina che, di fatto, risultano specchiati rispetto a un'ipotetico asse verticale posto a metà della pagina stessa. Questa impostazione è utile quando, per esempio, è stato creato un sito in una lingua LTR e si vuole creare una nuova versione per una lingua RTL. |
| • | Lascia i contenuti inalterati: in questo caso, invece, pur cambiando il senso di scrittura dei testi, i contenuti di Pagina rimangono nella loro posizione originale. Questa impostazione è utile se i contenuti del sito erano già stati posizionati in base al nuovo senso di lettura e, pertanto, non devono essere modificati dal programma. |
|
Nel caso in cui i contenuti vengano specchiati, la modifica avrà effetto sia sulla disposizione degli Oggetti nella Griglia del Passo 3, sia sulle Pagine finali del Sito. |
Per gestire al meglio la Condivisione sui canali Social è poi disponibile l'opzione:
| ▪ | Immagine per il Sito: specifica quale immagine (file .JPG, .PNG e .GIF) associare al Sito. Tramite il tag Open Graph og:image, questa immagine verrà inserita nel codice di tutte le Pagine del Sito e verrà utilizzata in caso di condivisione sui Social Network (Facebook, Twitter, Google+, ecc.). Se viene condiviso un post del Blog in cui è presente uno slideshow, al posto dell'immagine specificata per il Sito verrà ripresa la prima immagine presente nello slideshow stesso. |
|
Facebook suggerisce di utilizzare immagini di 1200×630 pixel, ma il minimo affinché l’immagine in evidenza sia visibile in formato grande (e non quadrata, piccola sulla sinistra) è di 600 x 315 pixels. Per maggiori informazioni sul Protocollo Open Graph, cliccare sul pulsante |
Infine, è possibile fare in modo che il sito venga installato come Web App per dispositivi mobile, grazie alla tecnologia PWA – Progressive Web App. Per ottenere questo risultato occorre attivare l'opzione Visualizza banner per installare l'app su dispositivo mobile. Fatto questo, è poi possibile agire sulle seguenti opzioni:
| ▪ | Nome breve: campo per digitare il nome dell'icona dell'App che verrà installata nella schermata home del dispositivo. |
| ▪ | Colore del tema: specifica quale colore deve essere utilizzato per la finestra del browser in cui verrà visualizzato il sito. |
|
Una PWA (Progressive Web App) è un sito web progettato per offrire un’esperienza simile a quella di un’app tradizionale. Può essere installata sul dispositivo dell’utente, funzionare a schermo intero, e in alcuni casi anche offline. A differenza delle app native, però, non richiede passaggi tramite store. |
Leggi le Guide:
e utilizzare le opzioni disponibili nella finestra richiamata 
e accedere al Sito ufficiale: