Mostra un logo unico per il tuo brand nell'intestazione del sito.
Puoi caricare un logo in modo che l'immagine venga visualizzata al posto del titolo del sito. Si tratta di un ottimo modo per promuovere il tuo brand.
Cliccando sul logo, verrà sempre visualizzata la tua homepage.
Guarda un video
Aggiungere un titolo al sito
Prima di aggiungere il tuo logo, assicurati di aver sostituito il contenuto dimostrativo del Titolo del sito con il nome del tuo sito perché:
- Il titolo del sito crea il testo Alt del logo.
- I motori di ricerca indicizzano il titolo del sito e possono mostrarlo nei risultati di ricerca, quindi impostare un titolo del sito è consigliato per la SEO.
- Il titolo del sito può essere visualizzato nelle schede del browser, in base al formato del titolo SEO.
Per maggiori informazioni, visita Aggiungere un titolo al sito.
Preparare l'immagine del logo
Per ottenere risultati migliori:
- Prima di caricare il tuo logo, assicurati che l'altezza sia simile a quella che desideri venga visualizzata. Non richiediamo dimensioni esatte per i loghi dei siti. Tuttavia, nella versione 7.0, alcuni modelli prevedono un'altezza o una larghezza massima del logo. Per i dettagli specifici del modello, visita Ridimensionare un logo nella versione 7.0.
- È preferibile iniziare con un'immagine più grande, perché immagini più piccole possono apparire sgranate quando ridimensionate.
- Il logo può essere in formato .jpg, .gif o .png . Per ulteriori informazioni, consulta Requisiti delle immagini.
- Il logo sostituirà il titolo del sito. Per aggiungere del testo al logo, segui i nostri suggerimenti.
Se non hai ancora un logo, puoi crearne uno con Squarespace Logo. Non è possibile utilizzare immagini di archivio per il logo.
Aggiungere un'immagine del logo
Il modo in cui aggiungi un'immagine del logo su un computer dipende dalla versione del sito. Puoi anche aggiungere un logo sull'app Squarespace.
Per aggiungere un'immagine del logo:
- Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
- Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
- Clicca su Titolo del sito e logo.
- Nelle sezioni Immagine logo o Immagine logo mobile, clicca su + per aggiungere una nuova immagine:
- Per caricare un'immagine dal tuo dispositivo, seleziona Carica file.
- Per riutilizzare un'immagine, clicca su Seleziona dalla libreria.
- Scorri verso il basso per modificare l'altezza del logo sugli schermi reattivi o sui dispositivi mobili.
- Passa il mouse su Fatto, quindi clicca su Salva.
Per aggiungere un'immagine del logo:
- Passa il mouse sul titolo in qualsiasi pagina e clicca su Modifica. Visualizzerai il pannello Logo e Titolo. (Puoi anche andare al Menu Home e cliccare su Design, quindi su Logo e titolo.)
- Scorri verso il basso fino a Logo. Trascina l'immagine nello strumento di caricamento o clicca per selezionare un file dal tuo computer.
- Clicca su Salva e aggiorna la pagina.
Per aggiungere un'immagine del logo:
- Tocca Impostazioni, poi Impostazioni sito, quindi Logo e titolo.
- Tocca Logo.
- Tocca Aggiungi immagine.
- Scegli un'immagine:
- Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
- Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
- Scegli un'immagine da iCloud - Tocca Inserisci da....
- Tocca Indietro per tornare alle impostazioni di Logo e titolo, quindi tocca Salva per pubblicare le modifiche.
Dopo aver aggiunto un'immagine, puoi:
- Modifica la tua immagine
- Sostituisci o rimuovi l'immagine
Visualizzazione del logo
Di solito, il logo viene visualizzato nella parte superiore del sito. La definizione dello stile del logo dipende dalla versione del sito ed è supportata solo su computer.
È possibile modificare la posizione e le dimensioni del logo per la visualizzazione su computer e dispositivo mobile:
- Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
- Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
- Clicca sull'icona Computer o Mobile.
- Clicca su Layout intestazione, quindi clicca sul layout desiderato.
- Fai clic su Indietro per tornare all'editor principale dell'intestazione, quindi fai clic sull'icona Globale.
- Clicca su Titolo del sito e logo.
- Usa i cursori per modificare l'altezza del logo e l'altezza massima del logo su dispositivi mobili. Il layout intestazione su computer che hai selezionato potrebbe limitare l'altezza del logo.
- Passa il mouse su Fatto e clicca su Salva.
La posizione predefinita e le opzioni per spostare il logo variano in base al modello e possono apparire in modo diverso sui dispositivi mobili. Per maggiori informazioni, visita Site title and logo display.
Per maggiori informazioni sulle impostazioni del logo, esplora le opzioni di stile del tuo modello e consulta le nostre guide ai modelli.
Nella maggior parte dei modelli, puoi modificare le dimensioni del logo. Alcuni modelli prevedono altezze o larghezze massime.
Cancellare un logo
Il modo in cui rimuovi un'immagine del logo su un computer dipende dalla versione del sito. Puoi anche rimuovere il logo dall'app Squarespace. Rimuovendo un logo, farai riapparire il titolo del sito.
Per rimuovere il logo del sito, modifica l'intestazione:
- Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
- Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
- Clicca su Titolo del sito e logo.
- Sotto l'immagine del logo, fai clic su Sostituisci per scegliere un nuovo logo. Per eliminare il logo, clicca sui tre puntini, quindi seleziona Elimina.
- Passa il mouse su Fatto e clicca su Salva.
Per rimuovere il logo del sito:
- Nel Menu Home, clicca su Design, quindi su Logo e titolo.
- Scorri verso il basso e passa il mouse sul logo. Clicca sull'icona del cestino per eliminare l'immagine.
- Fai clic su Salva.
- Tocca Impostazioni, quindi tocca Logo e titolo.
- Tocca Logo.
- Tocca Rimuovi sotto l'immagine.
- Tocca Indietro per tornare alle impostazioni di Logo e titolo, quindi tocca Salva per pubblicare le modifiche.
Usare un logo con testo
Non è possibile visualizzare contemporaneamente un logo e un titolo del sito. Utilizza invece un'immagine del logo che includa il testo del titolo del sito.
Poiché il testo nel file immagine del logo non è indicizzabile dai motori di ricerca, ti consigliamo di mantenere il testo del titolo del sito nel campo Titolo del sito quando utilizzi un logo.
Sfondi trasparenti
Per creare un logo senza un colore di sfondo, assicurati che il logo sia in formato .png con uno sfondo trasparente. Puoi utilizzare software di terze parti per ottenere questo effetto oppure utilizzare Squarespace Logo per creare automaticamente sfondi trasparenti.
Nota: se modifichi l'immagine con il nostro editor di immagini integrato, questa verrà salvata in formato .jpg e la trasparenza verrà eliminata. Per mantenere il formato .png, ti consigliamo di utilizzare un software di terze parti.
Reindirizzare il logo
Cliccando sul logo, verrà sempre visualizzata la tua homepage. L'URL di collegamento del logo non può indirizzare ad una pagina diversa del tuo sito se non utilizzando codice personalizzato.
Tieni presente che aggiungere codice al tuo sito è una modifica avanzata e non possiamo offrire più assistenza sull'argomento.
Ridimensionare un logo nella versione 7.0
Suggerimento: se il tuo sito è nella versione 7.1, utilizza le impostazioni dell'intestazione per modificare le dimensioni del logo.
Utilizza i tweak riportati di seguito per ridimensionare il tuo logo nelle seguenti famiglie di modelli:
| Famiglia di modelli | Computer | Dispositivo mobile |
|
Adirondack |
Altezza logo. Altezza massima di 120 pixel. | Il titolo del sito viene sempre visualizzato. |
|
Avenue |
Dimensione logo (max). Dimensione massima di 300 pixel. | Dimensione logo su dispositivi mobili. Dimensione massima di 300 pixel. |
|
Aviator |
Dimensione logo e Dimensione logo Pagina informazioni. La dimensione massima per entrambi i loghi è del 100%. | Dimensione logo su dispositivi mobili e Dimensioni logo della Pagina informazioni. La dimensione massima è del 100%. |
|
Bedford |
Logo Container Width (Larghezza Container Logo) Altezza massima 100 pixel. |
Larghezza container logo. Altezza massima 65 pixel. |
|
Brine |
Larghezza logo nella sezione Intestazione: branding. Larghezza massima di 320 pixel. | Larghezza logo nella sezione Dispositivi mobili: branding. La larghezza massima è di 240 pixel, ma è vincolata dal punto di interruzione del dispositivo mobile. |
|
Farro |
Larghezza logo nella sezione Intestazione: branding. Larghezza massima di 320 pixel. | Larghezza logo nella sezione Dispositivi mobili: branding. Larghezza massima di 240 pixel. |
|
Five |
Altezza logo (banner) e Altezza logo (navigazione). Entrambi hanno un'altezza massima di 480 pixel. |
Come su computer. Viene visualizzato solo quando è selezionato Contenuto Banner: Titolo Sito Logo Tagline. |
|
Flatiron |
Altezza immagine logo. Altezza massima di 200 pixel. | Come su computer. |
|
Forte |
Altezza massima logo. Altezza massima di 200 pixel. | Come su computer. |
|
Galapagos |
Larghezza logo del sito. Larghezza massima del 100%. | Per il logo specifico per dispositivi mobili: Altezza Nav. |
|
Ishimoto |
Dimensione immagine logo. Dimensione massima di 240 pixel. | Come su computer. |
|
Momentum |
Altezza immagine logo. Altezza massima di 100 pixel. | Altezza fissa. |
|
Montauk |
Dimensione logo (max). Dimensione massima di 300 pixel. | Come su computer. |
|
Native |
Larghezza logo. Altezza massima di 120 pixel. | Come su computer. Altezza massima di 300 pixel. |
|
Pacific |
Larghezza logo. Larghezza massima di 300 pixel. | Come su computer. Altezza massima di 70 pixel. |
|
Skye |
Altezza logo. Altezza massima di 120 pixel. | Come su computer. |
|
Supply |
Dimensione logo. Dimensione massima di 160 pixel. | Altezza fissa. Seleziona l'opzione Usa titolo del sito in intestazione su dispositivi mobili per visualizzare il titolo del sito. |
|
Tremont |
Altezza logo. Altezza massima di 150 pixel. | Tablet: altezza logo e Dispositivi mobili: altezza logo. Altezza massima per entrambi di 150 pixel. |
|
Wells |
Larghezza immagine del logo. Larghezza massima di 600 pixel. | Dimensione immagine del logo mobile. Dimensione massima di 300 pixel. |
| Wexley | Dimensione massima immagine del logo. Dimensione massima di 200 pixel. | Come su computer. |
|
York |
Altezza massima logo. Altezza massima di 300 pixel. | Larghezza logo nella sezione Mobile: Barra. Larghezza massima di 240 pixel. |