Come aggiungere tag hreflang su WordPress
Pubblicato: 2023-02-12
Stai costruendo un sito Web che supporta più lingue e regioni? Un sito multilingue può espandere esponenzialmente il tuo pubblico potenziale, ma può anche sembrare difficile da gestire.
La buona notizia è che l'aggiunta di tag hreflang può migliorare l'ottimizzazione per i motori di ricerca (SEO) e l'esperienza utente (UX) del tuo sito. Non è così difficile da realizzare e puoi iniziare a beneficiare rapidamente dell'aumento del traffico e del coinvolgimento.
In questo articolo, esamineremo cosa sono i tag hreflang e alcune delle migliori pratiche per utilizzarli. Riveleremo quindi i metodi che puoi utilizzare per implementare questi tag sul tuo sito Web WordPress. Andiamo a lavorare!
Cos'è l'hreflang?
Il tag hreflang è un codice HTML che indica a Google quale versione di una pagina Web visualizzare per determinate lingue e regioni. Ecco un esempio di come può apparire quel codice:
<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />
Ogni tag include una combinazione di dettagli sulla lingua e sulla posizione, ad esempio "en-us" per l'inglese e gli Stati Uniti o "fr-fr" per il francese e la Francia.
Sebbene Google sia in grado di rilevare la lingua di una pagina Web, la mancanza di tag hreflang può comunque danneggiare il posizionamento nelle ricerche. Questo perché senza questi tag, le tue pagine in lingue diverse possono finire per competere l'una contro l'altra per i migliori posizionamenti. Sebbene i tag hreflang non siano di per sé fattori di ranking, aiutano Google a offrire agli utenti le pagine giuste.
hreflang e il tuo sito multilingue: best practice
Puoi raggiungere un pubblico più ampio con un sito Web multilingue WordPress, ma devi implementare alcune best practice per ottenere risultati. Una delle migliori pratiche per questo tipo di sito Web è utilizzare i tag hreflang, ma esistono anche altre tecniche intelligenti.
Per la migliore esperienza utente, è consigliabile utilizzare contenuti scritti da madrelingua e non testi tradotti automaticamente. Un'altra best practice consiste nell'utilizzare il tag facoltativo x-default per le lingue senza corrispondenza. Questo dovrebbe essere utilizzato nelle home page, dove gli utenti possono selezionare la posizione e la lingua che desiderano.
Se il tuo sito web utilizza tag canonici, dovrai anche fare attenzione quando aggiungi tag hreflang. Questi due tipi di tag possono entrare in conflitto, inviando segnali contrastanti a Google sulla pagina da visualizzare. Mentre puoi lasciare i tag hreflang fuori dalle pagine che hanno tag canonici, è meglio aggiungere semplicemente i tag della lingua con attenzione.
Come implementare i tag hreflang su WordPress
I tag hreflang hanno un valore inestimabile sui siti Web WordPress, ma solo se implementati correttamente. Esistono tre metodi che puoi utilizzare per aggiungere questi tag al tuo sito web. I plugin sono il metodo più semplice e più comune. Tuttavia, puoi anche aggiornare l'intestazione del tuo sito Web o modificare la sua mappa del sito XML. Diamo un'occhiata a tutte e tre le tecniche.
plugin hreflang
Il metodo più semplice per implementare hreflang è utilizzare un plugin per WordPress. Plugin come MultilingualPress aggiungono tag hreflang automaticamente e non dovrebbero causare problemi di prestazioni:
MultilingualPress ha anche una funzione di traduzione, che può essere trovata nell'editor dei post. Quando accetti una traduzione, il plug-in aggiunge i tag hreflang appropriati all'intestazione del tuo sito. La funzione di traduzione non è limitata ai post e funziona su tag e categorie, sincronizzandosi bene anche con plugin come Yoast e WooCommerce.
Un'altra opzione di plugin per l'implementazione di hreflang è Polylang:
Polylang è un popolare strumento gratuito che ti aiuta a gestire i siti Web WordPress in più lingue. Puoi creare contenuti come al solito e quindi assegnargli una lingua. Successivamente, Polylang si prenderà cura dei tag hreflang per te.
Aggiungi hreflang a <head>
Puoi aggiungere tag hreflang al tuo sito Web WordPress senza plug-in, aggiornando il tuo file header.php . Per accedere a questo file, devi accedere a Aspetto > Editor tema o utilizzare File Transfer Protocol (FTP).
Dopo aver aperto il file, dovrai cercare l'apertura <head> e incollare questo codice:
<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>
In questo esempio, i tag devono essere aggiunti al contenuto in lingua inglese. Anche i tag x-default e English hreflang puntano alla pagina dei contenuti in inglese.
D'altra parte, i tag hreflang spagnolo e francese reindirizzano alle versioni linguistiche corrette della pagina. Naturalmente, puoi aggiungere più tag hreflang per qualsiasi altra lingua utilizzata sul tuo sito web.
Aggiungi hreflang alla Sitemap XML
Se non vuoi modificare il tuo file header.php , puoi invece aggiornare la sitemap XML del tuo sito. L'utilizzo di questo metodo assicura che Google trovi le tue pagine in una lingua alternativa e le indicizzi correttamente. L'aggiornamento della tua mappa del sito riduce anche le dimensioni delle tue pagine web, per tempi di caricamento più rapidi.
I tag hreflang per la tua sitemap XML sono leggermente diversi:
<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
Mentre la modifica della tua Sitemap XML aiuta con l'indicizzazione, può anche diventare complicata. Se hai un sito web di grandi dimensioni, la mappa del sito potrebbe gonfiarsi. L'aggiunta di tag hreflang alla mappa del sito può anche richiedere più tempo rispetto all'utilizzo di altri metodi descritti sopra.
Come convalidare hreflang su WordPress
Anche quando sono inclusi, i tag hreflang sono spesso implementati in modo errato sui siti Web multilingue. La convalida dei tag hreflang può aiutarti a determinare se li hai aggiunti correttamente.
Per convalidare i tag, puoi utilizzare vari strumenti online. Questi strumenti offrono informazioni simili, ma le presentano in modi diversi. Lo strumento di test dei tag hreflang di Sitrix mostra i tag sul tuo sito web e ti consente di sapere se ci sono errori:
Lo strumento di test dei tag hreflang di Merke fornisce anche una ripartizione dei tag e degli errori sul tuo sito web:
Se vuoi solo vedere gli errori, tuttavia, lo strumento di test dei tag hreflang di SALT.agency è un'altra opzione.
Continua ad imparare con WP Engine
Se hai un sito web con contenuti in più lingue, i tag hreflang aiuteranno Google a fornire le pagine giuste ai visitatori giusti. Fortunatamente ci sono diversi modi per aggiungere tag hreflang al tuo sito web, con l'opzione più semplice che consiste nell'installare un plugin dedicato.
Se stai lottando con qualsiasi altro aspetto della gestione del tuo sito Web multilingue, WP Engine è dedicato ad aiutarti a trovare le risorse di cui hai bisogno. Dai un'occhiata ai nostri piani oggi!