Il pulsante della barra degli strumenti "Impostazioni" apre una finestra in cui è possibile controllare:

• impostazioni generali del sito
• sintesi sito
• verifica del sito da parte dei motori di ricerca
• metadati per i motori di ricerca
• icone del sito web
• generazione e compressione delle immagini
• metadati di condivisione dei social network
• integrazione Instagram
• impostazioni di Google Analytics
• impostazioni di Google AdSense
• organizzazione
• attività locale
• impostazioni di pagamento
• dati sensibili
• protezione password (vedi protezione con password)
• impostazioni sulla privacy (vedi privacy e legge sui cookie )
• impostazioni di pubblicazione (vedi pubblicazione ed esportazione )
• altre impostazioni varie
• strumenti sviluppatore (vedi strumenti sviluppatore)

Impostazioni generali del sito

Questa sezione contiene indirizzo e lingua del sito web. L'indirizzo è un’informazione importante per i motori di ricerca e per la condivisione.

Anche la lingua del sito web è un aiuto per i motori di ricerca e altri software che visitano il sito, che possono determinare con certezza la lingua del sito web senza tentare di dedurla dal testo contenuto.

I motori di ricerca cercano di trovare pagine che corrispondono alla lingua di chi cerca, quindi se stai traducendo il sito web in più lingue, puoi aggiungere anche qui ogni lingua aggiuntiva, che ti consentirà di indicare per ogni pagina del tuo sito la sua lingua specifica, e le pagine corrispondenti nelle altre lingue. Per ogni lingua aggiunta è necessario indicare il collegamento di base o la radice comune a tutti gli indirizzi di pagina, usata quando le pagine tradotte si trovano su un dominio diverso.

Sintesi sito

La sintesi contiene un conteggio dei numeri e delle dimensioni dei file nel progetto, a scopo informativo.

Verifica del sito

Il primo passo dopo aver completato il tuo sito web è renderlo noto ai motori di ricerca, in modo che possano iniziare a indicizzarlo. Qui puoi incollare i codici forniti dalla sezione webmaster dei principali motori di ricerca.

Motori di ricerca

I motori di ricerca possono utilizzare un file chiamato "sitemap.xml" che dice esattamente al bot del motore di ricerca quali sono i file disponibili nel sito web. Questo è accoppiato con un file chiamato "robots.txt", che dice al bot cosa può e cosa non può vedere. Questo pannello di impostazioni dice a Sparkle di produrre i file. Le pagine hanno un ulteriore controllo sull’indicizzazione (disponibilità per la ricerca) e l’archiviazione (memorizzazione per uso futuro) da parte dei motori di ricerca.

Icona del sito web

L'icona del sito web, a volte chiamata favicon, è un'immagine associata al sito e visualizzata in posizioni diverse a seconda del browser. Ad esempio Safari lo mostra nella barra degli indirizzi, accanto all'indirizzo del sito web e nel menu Cronologia, accanto al titolo della pagina. Google Chrome lo mostra nella scheda, accanto al titolo della pagina. Safari su iOS lo mostra nella griglia di siti recenti quando si crea una nuova scheda.

Puoi scegliere una singola immagine quadrata che verrà ridimensionata a tutte le dimensioni richieste o controllare le singole icone selezionandone ciascuna nel menu.

Safari supporta anche un'icona specifica per i siti ancorati e per la Touch Bar di MacBook Pro. Questa icona viene utilizzata come maschera e deve essere un file vettoriale in formato SVG. La pagina delle impostazioni offre un'anteprima molto fedele di come apparirà l’SVG in un sito ancorato e nella Touch Bar.

In generale i browser web presumono che l'icona del sito web non venga modificata frequentemente, pertanto mantengono l'icona per molto molto tempo. Per questo motivo il servizio di anteprima di Sparkle non mostra le icone del sito web. Una volta modificata l'icona del sito web, sarà necessario svuotare la cache delle icone del browser. I visitatori del sito vedranno la nuova icona dopo che la cache delle icone del browser è scaduta, che può essere molte settimane o addirittura mesi dopo.

Immagini

Questo pannello di impostazioni ti permette di scegliere quali schermi saranno supportati dalle immagini generate: @2x è comune per telefoni moderni e tablet come qualunque iPhone 4 o successivo, @3x è una risoluzione molto alta disponibile in telefoni come gli iphone con schermo senza bordo.

Generare immagini @2x e @3x rende il sito più nitido al costo della generazione di più immagini, ma ogni visitatore del sito scaricherà solo le immagini ottimali per il proprio dispositivo.

L’opzione WebP porta Sparkle a generare una immagine aggiuntiva nel formato di compressione immagini WebP per ogni immagine del sito. È molto diffuso ed è consigliato l’utilizzo.

Sparkle genera il codice della pagina in un modo da garantire che i browser moderni scarichino solo le immagini di risoluzione appropriata, quindi sebbene su disco o sul web host il sito potrebbe essere molto grande, solo una piccola parte delle immagini è utilizzata da ogni dato visitatore.

Le dimensioni e i formati di immagine aggiuntivi influenzano solo il tempo di pubblicazione del sito web e le dimensioni sul disco del sito web, non influenzano il tempo di download della pagina per i visitatori del sito, ma bensì migliorano la qualità dell'immagine, la velocità o entrambi.

Per la compressione JPEG e WebP, l’impostazione "Compressione migliore" di Sparkle usa l’ottimizzazione percettiva per trovare un livello di compressione ottimale. Per le immagini PNG "Compressione migliore" usa algoritmi relativamente lenti che trovano le impostazioni migliori per ridurre la dimensione dell’immagine. Il risparmio varia in base all’immagine, ma è generalmente buono.

Condivisione

Abilitando la casella di spunta principale in questo pannello viene abilitata la generazione dei metadati OpenGraph necessari per la condivisione sui principali social network, Facebook, Linkedin, Pinterest e condivisione in-app in Telegram, Slack, ecc. Alcuni meta tag vengono aggiunti alla pagina in modo che anche il tuo sito sia compatibile con Twitter.

Dopo aver abilitato questa impostazione, le impostazioni di pagina di ciascuna pagina possono quindi includere facoltativamente un'immagine che diventerà l'immagine di copertina della scheda di condivisione. Ad esempio, ecco le impostazioni della pagina e la corrispondente scheda Facebook.

Instagram

From here you can authenticate Sparkle with your Instagram account, to enable the post sharing features in the Instagram element, the image element and the gallery element.

Google Analytics

Se disponi di un account Google Analytics, puoi attivare il tracciamento degli utenti sul tuo sito web inserendo l'identificativo trovato nel pannello di controllo di Analytics.

L’opzione di profilazione ti permette di far funzionare Google Analytics in modalità anonima o in modalità di tracciamento, la quale raccoglie le informazioni di identificazione del visitatore. Quest’ultima ha un impatto sul consenso alla privacy e le leggi sui cookie. Vedi la sezione privacy.

Il pulsante "Aggiungi Informativa Privacy" crea un elemento di testo con la politica sulla privacy di Google, che gli utenti di Google Analytics hanno accettato di aggiungere al sito.

Fai riferimento alla documentazione di Google Analytics per ulteriori informazioni: http://www.google.com/analytics/

Google AdSense

Qui inserisci il publisher ID per il tuo account Google AdSense.

Organizzazione

Le informazioni inserite in questo pannello non saranno visibili ai visitatori del sito direttamente, piuttosto sono memorizzate come i cosiddetti "dati strutturati" che i motori di ricerca leggono. Questi metadati migliorano il modo in cui i motori di ricerca mostrano i risultati di ricerca sul tuo sito web e lo collegano ad altre proprietà web.

Attività locale

Le informazioni inserite in questo pannello non saranno visibili direttamente ai visitatori del sito, ma saranno memorizzate sotto forma di cosiddetti "dati strutturati" che i motori di ricerca leggono, questi aiutano a migliorare la rilevanza di ricerca nei risultati di ricerca locali. In alcuni casi i motori di ricerca mostreranno una scheda riepilogo del tuo sito web, facendolo risaltare nei risultati di ricerca.

Pagamento

Ogni servizio di pagamento richiede una chiave di autenticazione dal tuo account utente sul loro sistema. Qui è dove li inserisci, per far funzionare le funzionalità di pagamento.

Memorizzazione dati sensibili

Alcuni dati che sono memorizzati nel tuo file di progetto non dovrebbero essere facilmente accessibili da chiunque apra il file di progetto, sono "dati sensibili" perché contengono informazioni di login e password. Questi dati sono memorizzati nel progetto protetti da una password. Da questo pannello di controllo puoi impostare e cambiare tale password.

Varie

Il ridimensionamento automatico per smartphone scalerà il layout del dispositivo mobile alle risoluzioni più comuni degli smartphone, estendendo ciò che si progetta nel canvas ai bordi dello smartphone, indipendentemente dalla larghezza effettiva dello smartphone. Questa è un'opzione perché su alcuni dispositivi il testo viene ridimensionato in un modo che a volte lo rende incoerente con ciò che è disposto nel canvas.

Nascondere il testo che si estende oltre la cornice di testo garantisce che il layout di Sparkle sia sempre preciso e il più vicino possibile alla composizione dell’area di lavoro.

L'aggiunta di una barra di scorrimento verticale sempre visibile, anche su pagine che non richiedono lo scorrimento, è un modo per evitare che la pagina salti orizzontalmente quando si passa da una pagina all'altra di lunghezza mista. Questa opzione è visibile solo se il sistema mostra barre di scorrimento verticali, che non è il default se si dispone di un dispositivo di puntamento touch.