La creazione di un sito Web multilingue non è così complicata come si potrebbe pensare, soprattutto usando un CMS come HubSpot. Questa piattaforma è progettata per facilitare il processo di creazione e gestione dei siti in più lingue senza la necessità di una codifica complicata o impostazioni eccessivamente tecniche. Dalle impostazioni della pagina, nella navigazione, alle funzionalità di traduzione automatica, tutto è disponibile e può essere utilizzato immediatamente.
In questa guida, tratteremo i passaggi completi per la creazione di un sito Web multilingue con HubSpot CMS, dalla strategia linguistica, l'impostazione iniziale del sito, l'integrazione con gli strumenti di traduzione e importanti pratiche SEO per ottimizzare le prestazioni del tuo sito Web in vari mercati. Facciamo un passo alla volta!
Perché scegliere HubSpot CMS per il tuo sito Web multilingue?
CMS potente ma anche intuitivo per la costruzione di un sito Web multilingue, HubSpot CMS potrebbe essere la scelta perfetta. Questa piattaforma è progettata per rendere facile per chiunque, sia un principiante che un 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 codifica: HubSpot CMS offre strumenti gratuiti che è possibile utilizzare senza alcuna conoscenza della codifica. Con un editor di trascinamento e temi flessibili, chiunque può creare un sito dall'aspetto professionale senza bisogno di uno sviluppatore. Questo è perfetto se vuoi concentrarti sulla creazione di contenuti e esperienza utente senza affrontare le complessità tecniche.
- Supporto multilingue integrato- HubSpot CMS 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, semplificando la navigazione e il controllo dei contenuti. È inoltre possibile configurare URL specifici per la lingua e utilizzare funzionalità SEO multilingue come i tag hreflang.
- Integrato con strumenti di marketing e CRM: è possibile collegare perfettamente il tuo sito multilingue con gli strumenti di servizio di marketing, vendite e clienti di HubSpot. Ad esempio, è possibile visualizzare moduli di contatto, chatbot o contenuti di email marketing in base alla lingua dell'utente. Questo crea esperienze utente più personalizzate e pertinenti.
- Analisi del sito Web integrato- HubSpot fornisce analisi integrate per tenere traccia delle prestazioni di ogni versione linguistica del tuo sito Web. Puoi vedere da quali pagine sono più visitate, da dove proviene il tuo pubblico e come interagiscono, tutto da una singola dashboard, senza strumenti aggiuntivi.
Passo dopo passo per creare un sito Web multilingue con HubSpot CMS
Costruire un sito Web multilingue richiede una strategia ben ponderata, una struttura pulita e una piattaforma che supporta le esigenze multilingue con il CMS per facilità e hubspot ha tutto. Iniziamo con i passaggi!
#1 Pianificare la tua strategia multilingue
Un'attenta pianificazione è il primo passo prima di toccare un editore. Questo è cruciale in modo che il tuo sito multilingue abbia un bell'aspetto e funzioni bene per il pubblico di diverse regioni.
- Scegli le lingue in base al mercato target o al pubblico che desideri raggiungere. Usa i dati del pubblico di analisi o ricerche di mercato per dare la 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 (Esempio.com/fr) o parametri URL (Esempio.com?lang=fr). Le sottocartelle sono generalmente le più raccomandate per la SEO in quanto rimangono sul dominio principale.
- Decidi quali pagine chiave dovrebbero essere disponibili in ogni lingua. Ciò include la homepage, su di noi, servizi, contatti e articoli popolari. Con questa mappa dei contenuti, è possibile garantire un'esperienza utente uguale in tutte le lingue.
#2 Impostazione del tuo sito web
Una volta che la strategia è pronta, è tempo di impostare le basi del tuo sito Web su HubSpot CMS. Innanzitutto, assicurati di avere già un account HubSpot. Devi sapere che HubSpot fornisce anche una prova gratuita se vuoi provarlo per primo.
Dopo aver creato un account e aver effettuato l'accesso, verrai indirizzato alla loro pagina dashboard con varie opzioni di navigazione e configurazione del prodotto. Quando è stato inserito la seguente vista, selezionare il Pagine del sito Web . Per iniziare a creare una pagina Web, selezionare il pulsante Crea.
Quindi, scegli un tema o un modello reattivo che sia facile da personalizzare. HubSpot fornisce una vasta selezione di temi che è possibile utilizzare immediatamente o cambiare in base al tuo marchio con l'editor di trascinamento. Se hai scelto un tema, fai clic sul Set come tema attivo .
In tal caso, verrai indirizzato alla pagina dell'editor. Qui puoi modificare direttamente vari elementi in base alle esigenze del tuo sito Web.
Per modificare un elemento, fare clic su di esso e regolarlo nella Sommario a sinistra.
Allo stesso modo, se si desidera aggiungere nuove sezioni, moduli o layout. Qui, HubSpot CMS fornisce vari moduli come:
- Testo
- Commercio
- Progetto
- Forme e pulsanti
- Contenuto del corpo, ecc.
Devi solo selezionare il segno (+) o trascinarlo direttamente da sinistra sul lato destro dell'editor di pagina.
#3 Integrazione con strumenti di traduzione automatica
Una volta che hai finito di costruire le pagine del tuo sito Web, è tempo di integrare il sito Web HubSpot con uno strumento di traduzione automatico. In questo caso, utilizzeremo uno strumento esterno chiamato Linguise .
Ci sono diversi motivi per cui è necessario utilizzare uno strumento di terze parti con HubSpot, in particolare per i siti Web multilingue, perché HubSpot CMS non supporta automaticamente determinate funzionalità, come ad esempio.
Limiti di lingua e pagina in base al piano: HubSpot limita il numero di variazioni linguistiche per contenuto a seconda del livello di abbonamento. Ad esempio, il piano di avviamento consente solo fino a 3 lingue per contenuto, mentre Linguise offre un supporto linguistico illimitato, con un massimo di 85 lingue disponibili in tutti i piani e fornisce pagine illimitate.
Supporto multilingue limitato per determinati tipi di pagina - Le pagine di sistema come 404s non possono essere tradotte in più lingue e la traduzione del contenuto di Blog o Knowledge Base segue un processo diverso, più manuale rispetto alle normali pagine del sito Web
Nessun supporto per tag linguistico per file codificati: se si utilizzano modelli codificati, è necessario impostare manualmente il tag Lang nella sezione.
- Non esiste un'impostazione della direzione del testo per le lingue RTL: per lingue come l'arabo o l'ebraico, dovrai aggiungere l'attributo di 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 è una di queste. Linguise può tradurre automaticamente il contenuto in oltre 80 lingue con risultati di alta qualità.
Ci sono alcuni passaggi da seguire per installare Linguise sul sito Web HubSpot.
Innanzitutto, assicurati di aver creato un account Linguise Dopo aver effettuato l'accesso o la registrazione sulla Linguise , ti verrà richiesto di registrare il dominio che si desidera tradurre. Immettere il dominio completo, incluso https: // e scegliere l'opzione CMS ospitata dall'altra cloud.
Quindi, seleziona il linguaggio principale (fonte) del tuo sito Web e la lingua di destinazione che desideri aggiungere.
Una volta che il tuo dominio è stato registrato correttamente sulla Dashboard Linguise , vedrai un'opzione per collegare automaticamente il tuo DNS. Utilizzando una funzionalità chiamata Entri, è possibile aggiungere tutti i record DNS necessari senza configurazione manuale.
Entri controllerà i DN pubblici del tuo dominio, rileverà il provider di dominio (come CloudFlare) e visualizzerà la pagina di accesso per quel provider. Dopo aver effettuato l'accesso, l'ingresso 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 richiede in genere 20-30 minuti prima che il sito possa visualizzare pagine multilingue.
Il prossimo passo è incollare la Linguise , che puoi trovare nel tuo Linguise . Quindi, vai su Impostazioni> Lingua nel tuo account HubSpot e incolla lo script nel campo HTML Head.
Questo codice integrerà automaticamente il tuo sito Web con Linguise. Inoltre, genererà anche automaticamente uno switcher di lingua predefinito.
#4 Personalizzazione del linguaggio linguistico
Inoltre, è anche possibile impostare lo switcher linguistico in base alle tue preferenze sulla dashboard Linguise selezionando il menu di visualizzazione dei bandiere della lingua. Ad esempio, a partire dall'impostazione del nome della lingua che appare, icona della bandiera, colore, testo e molto altro.
In questa pagina, puoi anche ordinare quali lingue appariranno per prime sul switcher di lingua del tuo sito Web.
#5 traduci automaticamente il contenuto
Infine, tradurremo il sito Web HubSpot, creato automaticamente in un'altra lingua usando Linguise. Ad esempio, tradurremo dall'inglese al tedesco.
Come puoi vedere, tutti i contenuti del sito Web HubSpot verranno automaticamente tradotti rapidamente e accuratamente.
Best practice SEO per siti Web multilingue hubspot
Oltre a creare un sito Web multilingue con HubSpot, è necessario assicurarsi che le strategie SEO internazionali che implementate possano aiutare ogni versione linguistica del tuo sito ad apparire bene nei risultati di ricerca. Di seguito sono riportate le migliori pratiche SEO che puoi implementare per i siti multilingui basati su HubSpot.
Utilizzare correttamente i tag hreflang e canonici
Il tag Hreflang indica ai motori di ricerca la lingua di destinazione e la posizione di una particolare pagina. Questo è importante per evitare la duplicazione dei contenuti e garantire che gli utenti siano indirizzati alla versione linguistica appropriata.
La buona notizia è che se stai utilizzando HubSpot CMS con Linguise, il supporto per questi tag Hreflang viene impostato 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 su un articolo.
Nel frattempo, il tag canonico dovrebbe essere usato con cura. Non far puntare tutte le versioni linguistiche a un URL canonico; Ogni versione linguistica dovrebbe avere il suo canonico.
Ad esempio, una pagina francese dovrebbe avere una canonica per la versione francese dell'URL, non per la versione inglese. Questo aiuta a Google a capire che ogni versione della lingua è una pagina originale diversa e non considerarla come contenuto duplicato.
Ottimizza il tag del titolo e la meta descrizione in ogni lingua
I titoli di pagina (tag del titolo) e le meta descrizioni sono gli elementi SEO on-page più importanti. Se si utilizza un modello in HubSpot per più lingue, assicurati che ogni versione abbia un titolo e una meta descrizione che corrisponde alla lingua di destinazione. Ciò aumenta la pertinenza della ricerca e la velocità del click-through dei risultati della 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.
Utilizzare URL per il linguaggio SEO
La struttura URL svolge un ruolo importante nel SEO multilingue . Utilizzare strutture che indicano il linguaggio del contenuto, come sottocartelle (Esempio.com/fr/), sottodomini (fr.example.com) o parametri (Esempio.com?lang=fr). In Hubspot, le sottocartelle sono spesso l'opzione più semplice per la gestione del SEO.
Inoltre, assicurati che i tuoi URL siano diversi non solo in termini di struttura ma anche in termini di linguaggio. Ad esempio, la pagina inglese "About Us" potrebbe essere scritta come esempio.com/en/about-us, mentre la versione francese dovrebbe essere Esempio.com/fr/a-propos. Questo aiuta gli utenti e i motori di ricerca a comprendere immediatamente il contesto linguistico.
Presta attenzione alla traduzione del testo ALT di immagini e contenuti visivi
Il testo ALT sulle immagini viene spesso dimenticato nelle strategie SEO multilingue, anche se è importante per l'accessibilità e la visibilità sulle immagini di Google. Assicurati che ogni versione linguistica del tuo sito abbia un testo ALT che si traduce 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 Alt "Person Reading a Book" 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 sitemap multilingue a Google Search Console
Google deve sapere che hai più versioni linguistiche dei tuoi contenuti. è molto importante l'invio di una sitemap XML che include tutte le pagine multilingue alla console di ricerca di Google HubSpot CMS crea automaticamente il Sitemap, ma è necessario assicurarsi che ogni versione della lingua sia elencata.
Una sitemap multilingue dovrebbe idealmente includere un<xhtml:link rel=“alternate” hreflang=“…”> elemento per mostrare la relazione tra le lingue. Una volta inviato il sito corretto, Google indicirà più rapidamente tutte le versioni linguistiche del tuo sito e indirizzerà gli utenti alle pagine più pertinenti.
Conclusione
Ora capisci come creare un sito Web multilingue con HubSpot CMS. Puoi iniziare i passaggi dalla pianificazione delle lingue, dalla creazione di pagina e dall'ottimizzazione SEO, tutto in una piattaforma, senza la seccatura della codifica. Tuttavia, per un'esperienza utente veramente ottimizzata e prestazioni SEO, è altamente raccomandata l'integrazione con un servizio di traduzione automatizzato come Linguise .
Con Linguise , puoi tradurre l'intero contenuto del tuo sito Web in più di 80 lingue istantaneamente e accuratamente. Quindi, supponiamo che tu voglia offrire la migliore esperienza multilingue sul tuo sito Web HubSpot e raggiungere un pubblico globale in modo più efficiente. In tal caso, è tempo di iniziare a utilizzare Linguise per tradurre il tuo sito automaticamente e professionalmente!
