Website X5: La Guida Definitiva per Ottimizzare SEO, Performance e Mobile

Pubblicato da Giancarlo in Tutorial · Venerdì 30 Gen 2026

Website X5: La Guida Definitiva per Ottimizzare SEO, Performance e Mobile

Il tuo sito Website X5 non corre come vorresti? In questo articolo vediamo come intervenire su un progetto già strutturato per velocizzarne il caricamento, scalare i risultati di ricerca e renderlo perfetto su smartphone.

1. Mobile & Responsività

In Website X5, la gestione dei punti di interruzione (breakpoints) è fondamentale.

Gestione dei Contenuti: Non limitarti a rimpicciolire gli oggetti. Usa la funzione "Nascondi su questo breakpoint" per eliminare elementi superflui su mobile (come video di sfondo pesanti o decorazioni eccessive) che peggiorano l'esperienza utente.
Menu Mobile: Assicurati che l'icona "hamburger" sia facilmente raggiungibile e che i font del menu siano abbastanza grandi (almeno 16px-18px) per essere cliccati senza errori.
Test del "Dito": Verifica che i pulsanti (CTA) abbiano abbastanza spazio intorno per evitare clic accidentali.

2. Performance (Velocità)

La velocità è un fattore di ranking e di conversione.

Ottimizzazione Immagini: È il punto critico. Prima di importarle, passale sempre su strumenti come TinyPNG o convertile in formato WebP. Website X5 permette di impostare la qualità, ma un file già ottimizzato a monte è meglio.
Codice Esterno: Se usi molti widget esterni (meteo, chat, social feed), questi rallentano il caricamento. Valuta se sono davvero necessari o se puoi sostituirli con link statici.
Hosting: Se il progetto è cresciuto, un hosting economico potrebbe non bastare più. Assicurati che il server supporti HTTP/2 e abbia una buona gestione della cache.

3. SEO (Visibilità)

Tag Heading (H1, H2, H3): Controlla che ogni pagina abbia un solo H1 (il titolo principale) e che gli altri titoli seguano una gerarchia logica. Non usare gli Hx solo per "estetica" (per avere il testo grande), ma per struttura.
Descrizioni Alt: Assicurati che ogni immagine abbia il testo alternativo compilato. È fondamentale per l'accessibilità e per Google Immagini.
Dati Strutturati: Nelle proprietà della pagina, sfrutta i campi per il Schema.org (se utilizzi la versione Pro), specialmente per prodotti o articoli del blog.

4. Aspetto Grafico (UI/UX)

Spazi Vuoti (White Space): Un errore comune è voler riempire ogni centimetro. Dai "respiro" ai contenuti aumentando i margini tra gli oggetti.
Tipografia: Limita l'uso a 2, massimo 3 font. Usa i Google Fonts (integrati nel software) per un look moderno e leggero.
Coerenza Cromatica: Definisci una palette di 3-4 colori e applicala rigorosamente a pulsanti, titoli e icone. La coerenza trasmette professionalità.

Un consiglio extra: Analisi dei dati

Prima di fare modifiche strutturali, ti suggerisco di passare il tuo sito su due strumenti gratuiti (se non lo hai già fatto):

Google PageSpeed Insights: Ti dirà esattamente cosa rallenta la pagina.
Google Search Console: Ti indicherà se ci sono errori di usabilità sui dispositivi mobili.

Come ottimizzare le immagini senza perdere qualità o come strutturare meglio i tag SEO nel software

1. Ottimizzazione Immagini (Performance e SEO)

Le immagini sono quasi sempre la causa principale di un sito lento. Ecco come gestirle come un professionista:

Il formato WebP: Se non lo stai già facendo, converti le tue immagini in .webp (verifica prima che il tuo hosting sia compatibile). È un formato che mantiene un'alta qualità ma pesa fino all'80% in meno rispetto a JPG o PNG.
Tool consigliato: Usa Squoosh.app (di Google) o TinyPNG prima di importarle in X5.
Risoluzione corretta: Non importare una foto da 4000px se nel sito verrà visualizzata in un box da 800px. Ridimensionala alla misura esatta di cui hai bisogno.
Testo Alt: Nell'Oggetto Immagine, vai nella scheda "Esperto" o "Descrizione" e compila sempre il Testo Alternativo. Usa parole chiave descrittive (es: "scarpe-trekking-impermeabili-cuoio" invece di "IMG_001").

2. Struttura SEO dei Contenuti

Molti utenti di Website X5 commettono l'errore di usare i titoli solo per l'estetica. Per Google, invece, la gerarchia è tutto.

I Tag Heading (H1-H3): 1. Apri l'Oggetto Testo. 2. Seleziona il titolo della tua sezione. 3. Usa l'apposito menu a tendina nella barra degli strumenti del testo per assegnare il tag H1 (solo uno per pagina!), H2 o H3. 4. Trucco: Non cambiare font e dimensione manualmente ogni volta. Definisci gli stili nel "Passo 2: Impostazioni Modello" -> "Testi e Pulsanti", così il sito sarà coerente e il codice pulito.
Titolo e Descrizione della Pagina: Vai al "Passo 3: Creazione della Mappa", seleziona una pagina e clicca su "Proprietà".
Il Titolo della pagina deve contenere la parola chiave principale.
La Meta Description deve essere un invito al clic (massimo 150-160 caratteri).

3. Migliorare l'Esperienza Mobile (UX)

Spesso su mobile il sito appare "strizzato" o troppo lungo.

Gestione dei Breakpoints: Vai al "Passo 2: Risoluzioni e Dispositivi". Non aver paura di aggiungere un breakpoint specifico se vedi che a 480px il layout si rompe.
Nascondere oggetti pesanti: Se in Home Page hai un video o una galleria complessa che su mobile rallenta tutto, seleziona l'oggetto, vai nelle impostazioni di visibilità e nascondilo per le risoluzioni più basse. Sostituiscilo con un'immagine statica più leggera dedicata solo agli smartphone.
Distanza tra i link: Assicurati che i menu e i pulsanti siano facili da cliccare con il pollice. Aumenta il margine (padding) degli oggetti nel "Passo 4".

4. Pulizia del Codice (Avanzato)

Compressione HTML/CSS: Al momento dell'esportazione (Passo 5), verifica se la tua versione di X5 permette di attivare la minimizzazione del codice. Questo elimina gli spazi vuoti inutili nel file finale, rendendolo più leggero.
Analisi dei font: Stai usando troppi font diversi? Ogni font è una chiamata al server. Cerca di limitarti a 2 max 3 font della famiglia Google Fonts: uno per i titoli e uno per il corpo del testo.

WebSite X5: Guida Definitiva ai Tag H1, H2 e H3 (Manuale vs Automatica)

Gestire la gerarchia dei titoli in WebSite X5 è fondamentale per scalare le posizioni su Google. Esistono due strade: una meticolosa (Manuale) e una rapida (Automatica Intelligente). Ecco come configurarle correttamente per evitare errori e doppioni.

1. La Gerarchia Logica (La Regola del Libro)

Indipendentemente dal metodo scelto, la struttura deve sempre essere coerente:

H1 (Titolo del Capitolo): Unico per pagina. Deve contenere la parola chiave principale.
H2 (Paragrafi principali): Dividono il contenuto in macro-sezioni.
H3 (Approfondimenti): Sottoparagrafi annidati negli H2.

2. La Strategia Rapida: Gestione Automatica "Intelligente"

Se non vuoi inserire manualmente i titoli in ogni pagina, puoi sfruttare un comportamento specifico del software per rendere efficace l'automazione.

Il problema del "Titolo Scomparso"

Molti utenti scelgono l'opzione "H1 per Titolo della Pagina", ma se al Passo 2 (Stile dei Testi) l'opzione per visualizzare il Titolo della Pagina nell'intestazione è disattivata (magari per ragioni estetiche), il software spesso non genera alcun tag H1 nel codice.

La soluzione (Il Trucco del Formato Title)

Per forzare il software a creare sempre un H1 corretto e "parlante", segui questa combinazione:

Imposta il Formato Title: In Impostazioni Avanzate > Statistiche e SEO, imposta il formato come: [PAGE_TITLE] - [SITE_TITLE].
Attiva l'opzione "Aggressiva": Al Passo 1 > SEO, scegli l'opzione "3 - H1 Intestazione Sito, H2 Titolo pagina".

Perché questa configurazione funziona?

Forza l'H1: Anche se il titolo è nascosto graficamente nel modello, questa impostazione spinge il software a scrivere l'H1 nel codice HTML.
Priorità alla Pagina: Grazie al formato impostato ([PAGE_TITLE] al primo posto), il tuo H1 inizierà con la parola chiave specifica della pagina (es. Contatti o Tutorial X5), dando a Google il segnale corretto, mentre il nome del sito rimarrà in fondo come rinforzo del brand.

3. La Strategia Professionale: Gestione Manuale

Per chi vuole il controllo totale (scelta consigliata per pagine di vendita o landing page competitive):

Disattiva gli automatismi: Al Passo 1, imposta la gestione dei tag su "Manuale".
Usa l'Oggetto Testo: Inserisci un oggetto testo in cima alla pagina e assegna il tag H1 dal menu a tendina dell'editor.
Vantaggio: Puoi scrivere un H1 diverso dal titolo della mappa (es. Titolo Mappa: "Servizi" -> H1 Manuale: "Consulenza SEO Professionale a Milano").

4. Come evitare i doppioni (Il controllo finale)

Il rischio maggiore è avere due tag H1. Questo succede se usi il "Trucco" dell'automazione e contemporaneamente aggiungi un H1 manuale nell'oggetto testo.

Regola d'oro:

Se usi la Strategia Rapida (Automatica): Nell'Oggetto Testo usa solo H2 e H3.
Se usi la Strategia Manuale: Assicurati che l'intestazione automatica sia disattivata.

Verifica in 10 secondi

Una volta online, premi F12 sul browser e cerca (CTRL+F) il tag <h1>.

Deve comparire una sola volta. Se vedi [Titolo Pagina] - [Nome Sito], la tua automazione intelligente sta funzionando perfettamente!

Conclusione

Non esiste una scelta sbagliata, ma ora hai gli strumenti per decidere: la Strategia Rapida è ottima per blog e siti ampi; la Strategia Manuale è l'arma segreta per le tue pagine più importanti.

Sintesi Estrema: Gestire i Tag su WebSite X5 senza errori

1. La Regola d'Oro

Un solo H1 per pagina: È il titolo principale e più importante per Google.
Gerarchia Rigida: Segui sempre l'ordine H1 - H2 - H3 (come i capitoli di un libro). Mai saltare un livello.
SEO vs Estetica: Non scegliere mai un tag (es. H3) solo perché è "più piccolo". Imposta il tag corretto per la gerarchia e cambia la sua dimensione nel Passo 2 (Stile dei Testi).

2. Strada A: Gestione Manuale (Il controllo totale)

Cosa fare: Passo 1 (SEO) > Imposta la gestione tag su "Manuale" o "Nessuna".
Azione: In ogni pagina, trascina un Oggetto Testo in alto, scrivi il titolo e seleziona H1 dal menu a tendina.
Perché: È la scelta migliore per la SEO avanzata. Ti permette di scrivere un H1 "pulito" (senza il nome del sito) e ottimizzato per una specifica parola chiave.

3. Strada B: Gestione Automatica (Il "Trucco" della concatenazione)

Cosa fare: Passo 1 (SEO) > Scegli "H1 Intestazione Sito, H2 Titolo pagina".
Il trucco: In Statistiche e SEO, imposta il formato Title come [PAGE_TITLE] - [SITE_TITLE].
Perché: Anche se nascondi il titolo graficamente, il software "forza" la creazione di un H1 nel codice. Grazie a questo trucco, l'H1 inizierà sempre con il titolo della pagina (più rilevante per la SEO), seguito dal nome del sito.

4. L'Errore Fatale: Il Doppione

Non mescolare mai le due strade. Se attivi l'automatismo (Strada B) e inserisci anche un H1 a mano nell'oggetto testo (Strada A), avrai due H1. Questo è un errore grave che confonde i motori di ricerca e diluisce la forza dei tuoi contenuti.

5. Verifica Finale (Il test del programmatore)

Una volta online, controlla sempre il tuo lavoro:

Apri la pagina nel browser.
Premi CTRL + U (visualizza sorgente) o F12 (ispeziona).
Cerca con CTRL + F il comando <h1>.
Deve comparire una sola volta. Se vedi <h1>Titolo Pagina - Nome Sito</h1>, hai fatto un ottimo lavoro.

recensione

Mara B.

Venerdì 06 Feb 2026

wow!!! Ottima guida, davvero completa! Finalmente dei consigli chiari su come gestire la SEO con WebSite X5. Grazie per la condivisione.