Come creare un sito web multilingue con HubSpot CMS (Guida completa)

Una persona seduta accanto a un laptop con icone dei social media
Indice dei contenuti

Creare un sito web multilingue non è complicato come potresti pensare, soprattutto utilizzando un CMS come HubSpot. Questa piattaforma è progettata per semplificare il processo di creazione e gestione di siti in più lingue senza la necessità di codici complicati o impostazioni eccessivamente tecniche. Dalle impostazioni della pagina, alla navigazione, alle funzionalità di traduzione automatica, tutto è disponibile e può essere utilizzato subito.

In questa guida, copriremo i passaggi completi per creare un sito web multilingue con HubSpot CMS, dalla pianificazione della lingua, configurazione iniziale del sito, integrazione con strumenti di traduzione e pratiche SEO importanti per ottimizzare le prestazioni del tuo sito web in vari mercati. Procediamo un passo alla volta!

Perché scegliere HubSpot CMS per il tuo sito web multilingue?

Persona che lavora su un laptop con software di traduzione. Varie bandiere rappresentano le lingue.

Se stai cercando un CMS potente ma anche facile da usare per costruire un sito web multilingue, HubSpot CMS potrebbe essere la scelta perfetta. Questa piattaforma è progettata per rendere facile per chiunque, sia principiante che professionista, costruire siti web attraenti e ben strutturati in più lingue.

Ecco alcuni motivi per cui HubSpot CMS è un'ottima opzione per il tuo progetto di sito web multilingue.

  • Gratuito e facile da usare senza coding – HubSpot CMS offre strumenti gratuiti che puoi utilizzare senza alcuna conoscenza di programmazione. Con un editor drag-and-drop e temi flessibili, chiunque può creare un sito professionale senza bisogno di uno sviluppatore. Questo è perfetto se vuoi concentrarti sulla creazione di contenuti e sull'esperienza utente senza affrontare complessità tecniche.
  • Supporto multilingue integrato – HubSpot CMS ti consente di creare versioni native delle tue pagine in più lingue. Ogni versione può essere gestita separatamente ma rimane connessa all'interno di un sistema unificato, rendendo facile la navigazione e il controllo dei contenuti. Puoi anche configurare URL specifici per lingua e utilizzare funzionalità SEO multilingue come i tag hreflang.
  • Integrazione con gli strumenti di marketing e CRM – Puoi collegare senza problemi il tuo sito multilingue con gli strumenti di marketing, vendite e assistenza clienti di HubSpot. Ad esempio, puoi visualizzare moduli di contatto, chatbot o contenuti di marketing via email in base alla lingua dell'utente. Ciò crea esperienze utente più personalizzate e pertinenti.
  • Analitiche di sito integrate – HubSpot fornisce analitiche integrate per monitorare le prestazioni di ogni versione linguistica del tuo sito web. Puoi vedere quali pagine sono più visitate, da dove proviene il tuo pubblico e come interagiscono —tutto da un'unica dashboard, senza strumenti aggiuntivi.

Passo dopo passo per creare un sito web multilingue con HubSpot CMS

Uomo seduto alla scrivania con laptop e pianta. Lista di controllo sullo schermo.

La creazione di un sito web multilingue richiede una strategia ben ponderata, una struttura pulita e una piattaforma che supporti le esigenze multilingui con facilità - e HubSpot CMS li ha tutti. Iniziamo con i passaggi!

#1 Pianificazione della tua strategia multilingue

Una pianificazione attenta è il primo passo prima di utilizzare un editor. Ciò è fondamentale affinché il tuo sito multilingue abbia un bell'aspetto e funzioni bene per il pubblico di diverse regioni.

  • Scegli le lingue in base al mercato di destinazione o al pubblico che desideri raggiungere. Utilizza i dati del pubblico provenienti da analisi o ricerche di mercato per dare priorità alle lingue più rilevanti. Questa ricerca determinerà anche quali lingue aggiungerai al tuo sito web.
  • Decidi quale struttura URL utilizzare, HubSpot CMS supporta vari formati di struttura URL, come sottodomini (ad esempio fr.example.com), sottocartelle (example.com/fr) o parametri URL (example.com?lang=fr). Le sottocartelle sono generalmente le più consigliate per la SEO poiché rimangono nel dominio principale.
  • Decidi quali pagine chiave dovrebbero essere disponibili in ogni lingua. Ciò include la homepage, informazioni su di noi, servizi, contatti e articoli popolari. Con questa mappa dei contenuti, puoi garantire un'esperienza utente uguale in tutte le lingue.

 

#2 Configurazione del tuo sito web

Una volta che la strategia è pronta, è il momento di impostare le fondamenta del tuo sito web su HubSpot CMS. Innanzitutto, assicurati di avere già un account HubSpot. Devi sapere che HubSpot offre anche una prova gratuita se vuoi provarla per prima.

Dopo aver creato un account e aver effettuato l'accesso, verrai indirizzato alla loro pagina di dashboard con varie opzioni di navigazione del menu e configurazione del prodotto. Quando avrai inserito la seguente vista, seleziona il menu Contenuti > Pagine del sito web . Per iniziare a creare una pagina web, seleziona il pulsante Crea.

Rimuovi i codici di tracciamento indesiderati dalle pagine del sito web

Successivamente, scegli un tema o un modello reattivo facile da personalizzare. HubSpot offre una vasta selezione di temi che puoi utilizzare immediatamente o modificare in base al tuo marchio con l'editor drag-and-drop. Se hai scelto un tema, clicca il pulsante Imposta come tema attivo.

Una donna che lavora su un laptop con esempi di design del marchio

Se è così, verrai indirizzato alla pagina dell'editor. Qui puoi modificare direttamente vari elementi in base alle esigenze del tuo sito web. 

Crea il tuo sito web dei sogni con Linguise. Screenshot del cruscotto del costruttore di siti web.

Per modificare un elemento, cliccaci sopra e regolalo nella sezione Contenuti sulla sinistra.

Schermata dell'interfaccia di un sito web con Linguise. Una persona è mostrata mentre lavora su un computer.

Allo stesso modo, se desideri aggiungere nuove sezioni, moduli o layout. Qui, HubSpot CMS offre vari moduli come:

  • Testo
  • Commercio
  • Design
  • Moduli e pulsanti
  • Contenuto del corpo, ecc.

Devi solo selezionare il segno (+) o trascinarlo direttamente dal lato sinistro al lato destro dell'editor di pagina. 

Uno screenshot dell'interfaccia del software di editing video che mostra uno strumento di animazione.
Abbattere le Barriere Linguistiche
Dì addio alle barriere linguistiche e saluta una crescita senza limiti! Prova il nostro servizio di traduzione automatica oggi.

#3 Integrazione con strumenti di traduzione automatica

Una volta terminata la creazione delle pagine del tuo sito web, è il momento di integrare il tuo sito web HubSpot con uno strumento di traduzione automatica. In questo caso, utilizzeremo uno strumento esterno chiamato Linguise.

Ci sono diverse ragioni per cui l'utilizzo di uno strumento di terze parti con HubSpot è necessario, soprattutto per i siti web multilingue, poiché HubSpot CMS non supporta automaticamente determinate funzionalità, come ad esempio.

  • Limiti di lingua e di pagina in base al piano – HubSpot limita il numero di varianti linguistiche per contenuto in base al tuo livello di abbonamento. Ad esempio, il piano Starter consente solo fino a 3 lingue per contenuto, mentre Linguise offre supporto linguistico illimitato, con fino a 85 lingue disponibili in tutti i piani e fornisce pagine illimitate.

  • Supporto multilingue limitato per determinati tipi di pagina – Le pagine di sistema come le 404 non possono essere tradotte in più lingue e la traduzione di contenuti di blog o knowledge base segue un processo diverso e più manuale rispetto alle pagine web regolari

  • Nessun supporto per tag di lingua per file codificati – Se si utilizzano modelli codificati, è necessario impostare manualmente il tag lang nella sezione o .

  • Non esiste un'impostazione di direzione del testo per le lingue RTL – Per lingue come l'arabo o l'ebraico, dovrai aggiungere tu stesso l'attributo dir=”rtl” per rendere corretta la direzione del testo.

Ecco perché gli strumenti di traduzione di terze parti che supportano tutte queste funzionalità e si integrano bene con HubSpot CMS sono essenziali—Linguise è uno di questi. Linguise può tradurre automaticamente i contenuti in oltre 80 lingue con risultati di alta qualità.

Ci sono alcuni passaggi da seguire per installare Linguise traduzione automatica sul tuo sito web HubSpot.

Prima, assicurati di aver creato un Linguise account. Dopo aver effettuato l'accesso o la registrazione sul Linguise cruscotto, ti verrà chiesto di registrare il dominio che desideri tradurre. Inserisci il dominio completo, incluso https://, e scegli l'opzione OTHER CLOUD HOSTED CMS.

Menu delle impostazioni di compilazione automatica con varie opzioni

Quindi, seleziona la lingua principale (di origine) del tuo sito web e la/e lingua di destinazione che desideri aggiungere.

Schermata della pagina dell'elenco delle lingue di traduzione. Vari linguaggi elencati.

Una volta registrato correttamente il tuo dominio sulla dashboard di Linguise , vedrai un'opzione per connettere automaticamente il tuo DNS. Utilizzando una funzione chiamata Entri, puoi aggiungere tutti i record DNS necessari senza configurazione manuale.

Come creare un sito web multilingue con HubSpot CMS (Guida completa)

Entri controllerà il DNS pubblico del tuo dominio, rileverà il provider del dominio (come Cloudflare) e visualizzerà la pagina di login per quel provider. Dopo aver effettuato l'accesso, Entri aggiungerà automaticamente tutti i record DNS richiesti:

  • Un record TXT per la verifica del dominio
  • Un record CNAME per ogni lingua che aggiungi

Il processo di propagazione DNS solitamente richiede 20–30 minuti prima che il tuo sito possa visualizzare pagine multilingue.

Il passo successivo è incollare lo script Linguise, che puoi trovare nel tuo dashboard Linguise. Quindi, vai su Impostazioni > Lingua nel tuo account HubSpot e incolla lo script nel campo Head HTML.

Menu delle impostazioni del sito web con opzioni di lingua e avanzate.

Questo codice integrerà automaticamente il tuo sito web con Linguise. Inoltre, genererà automaticamente un selettore di lingua predefinito.

Uomo che lavora al computer, costruisce il suo sogno.

#4 Personalizzazione dello switcher di lingua

Inoltre, puoi anche impostare il selettore di lingua in base alle tue preferenze sulla dashboard di Linguise selezionando il menu di visualizzazione delle bandiere linguistiche. Ad esempio, partendo dall'impostazione del nome della lingua che appare, l'icona della bandiera, il colore, il testo e molto altro.

In questa pagina, puoi anche ordinare quali lingue appariranno per prime nel selettore di lingua del tuo sito web.

#5 Traduci i contenuti automaticamente

Infine, tradurremo il sito web HubSpot, che è stato creato automaticamente, in un'altra lingua utilizzando Linguise. Ad esempio, tradurremo dall'inglese al tedesco.

Come puoi vedere, tutti i contenuti del sito web HubSpot verranno tradotti automaticamente in modo rapido e preciso.

Un uomo davanti a uno schermo di computer

Migliori pratiche SEO per siti web HubSpot multilingue

Una donna in maglietta gialla lavora su un laptop verde. È seduta accanto a una pianta in vaso.

Oltre a creare un sito web multilingue con HubSpot, devi assicurarti che le strategie SEO internazionali che implementi possano aiutare ogni versione linguistica del tuo sito a comparire bene nei risultati di ricerca. Di seguito sono riportate le best practice SEO che puoi implementare per siti multilingue basati su HubSpot.

Utilizzare correttamente i tag hreflang e canonical

Tag di link SEO verdi e arancioni per l'ottimizzazione

Il tag hreflang

La buona notizia è che se stai utilizzando HubSpot CMS con Linguise, il supporto per questi tag hreflang è configurato automaticamente. Ciò significa che non è necessario aggiungere tag manualmente, poiché il sistema genererà e gestirà hreflang per ogni versione linguistica del tuo sito. Ecco un esempio di implementazione di hreflang in un articolo.

Uno screenshot di un editor di codice con la barra di ricerca di Lingoose

Nel frattempo, il tag canonical dovrebbe essere utilizzato con attenzione. Non fare in modo che tutte le versioni linguistiche puntino a un unico URL canonical; ogni versione linguistica dovrebbe avere il suo canonical. 

Ad esempio, una pagina in francese dovrebbe avere un canonical per la versione francese dell'URL, non per la versione inglese. Ciò aiuta Google a capire che ogni versione linguistica è una pagina originale diversa e non considerarla come contenuto duplicato.

Ottimizza il tag title e la meta description in ogni lingua

I titoli delle pagine (tag title) e le meta descrizioni sono gli elementi di SEO on-page più importanti. Se si utilizza un modello in HubSpot per più lingue, assicurarsi che ogni versione abbia un titolo e una meta descrizione che corrisponda alla lingua di destinazione. Ciò aumenta la pertinenza della ricerca e il tasso di clic dei risultati di ricerca.

Ad esempio, personalizza il contenuto invece di scrivere la meta descrizione in inglese per tutte le versioni. Se la tua pagina vende prodotti di abbigliamento e ti rivolgi al mercato spagnolo, una meta descrizione come “Compra ropa moderna para hombre y mujer con envío gratis” sarebbe molto più efficace della versione inglese.

Utilizza URL amichevoli per la SEO e relativi alla lingua

La struttura dell'URL gioca un ruolo importante nella SEO multilingue. Utilizza strutture che indicano la lingua del contenuto, come sottocartelle (example.com/it/), sottodomini (it.example.com) o parametri (example.com?lang=it). In HubSpot, le sottocartelle sono spesso l'opzione più facile per gestire la SEO.

Inoltre, assicurati che i tuoi URL siano diversi non solo in termini di struttura ma anche in termini di lingua. Ad esempio, la pagina inglese "About Us" potrebbe essere scritta come example.com/it/about-us, mentre la versione francese dovrebbe essere example.com/fr/a-propos. Ciò aiuta gli utenti e i motori di ricerca a comprendere il contesto linguistico immediatamente.

Prestare attenzione alla traduzione del testo ALT delle immagini e del contenuto visivo

Un uomo con una maglia verde che presenta dati su un laptop. Sta indicando lo schermo.

Il testo alternativo sulle immagini viene spesso dimenticato nelle strategie SEO multilingue, anche se è importante per l'accessibilità e la visibilità su Google Immagini. Assicurati che ogni versione linguistica del tuo sito abbia un testo alternativo che traduca correttamente e descriva il contenuto dell'immagine in modo pertinente.

Ad esempio, un'immagine che mostra una persona che legge un libro potrebbe avere il testo alternativo “Persona che legge un libro” nella versione inglese e “Personne lisant un livre” nella versione francese. Ciò non solo aiuta gli utenti con disabilità visive, ma aumenta anche le possibilità che l'immagine appaia nelle ricerche di immagini locali.

Invia la sitemap multilingue a Google Search Console

Google deve sapere che hai più versioni linguistiche dei tuoi contenuti. Pertanto, inviare una sitemap XML che include tutte le pagine multilingue a Google Search Console è molto importante. HubSpot CMS crea automaticamente la sitemap, ma devi assicurarti che ogni versione linguistica sia elencata.

Una sitemap multilingue dovrebbe idealmente includere un elemento <xhtml:link rel=“alternate” hreflang=“…”> per mostrare la relazione tra le lingue. Una volta inviata la sitemap corretta, Google indicizzerà più rapidamente tutte le versioni linguistiche del tuo sito e indirizzerà gli utenti alle pagine più rilevanti.

Pronto a esplorare nuovi mercati? Prova il nostro servizio di traduzione automatica gratuitamente con la nostra prova gratuita di 1 mese senza rischi. Nessuna carta di credito richiesta!

Conclusione

Ora capisci come creare un sito web multilingue con HubSpot CMS. Puoi iniziare i passaggi dalla pianificazione della lingua, creazione di pagine e ottimizzazione SEO, tutti in una sola piattaforma, senza il fastidio della codifica. Tuttavia, per un'esperienza utente e prestazioni SEO veramente ottimizzate, l'integrazione con un servizio di traduzione automatica come Linguise è altamente raccomandata.

Con Linguise, puoi tradurre l'intero contenuto del tuo sito web in più di 80 lingue istantaneamente e con precisione. Quindi, supponi di voler offrire la migliore esperienza multilingue sul tuo sito web HubSpot e raggiungere un pubblico globale in modo più efficiente. In tal caso, è il momento di iniziare a utilizzare Linguise per tradurre il tuo sito automaticamente e professionalmente!

Potresti essere interessato anche a leggere

Non perdere l'opportunità!
Iscriviti alla nostra Newsletter

Ricevi notizie sulla traduzione automatica del sito web, SEO internazionale e altro ancora!

Invalid email address
Provalo. Una volta al mese e puoi annullare l'iscrizione in qualsiasi momento.

Non andartene senza condividere la tua email!

Non possiamo garantire che vincerai la lotteria, ma possiamo promettere alcune notizie informative interessanti sulla traduzione e occasionali sconti.

Non perdere l'opportunità!
Invalid email address