All'interno dello strumento SEO, dell'editor di contenuti e dei dettagli della pagina, è possibile analizzare i contenuti per ottenere raccomandazioni SEO. Per saperne di più sull'accesso alle raccomandazioni SEO.
Le raccomandazioni sono organizzate negli strumenti SEO in base al loro impatto sulla SEO del sito, alla difficoltà tecnica di risolverle e al ruolo suggerito della persona che le risolve. Le raccomandazioni con una difficoltà tecnica elevata richiedono solitamente l'assistenza di uno sviluppatore per essere risolte.
Le seguenti raccomandazioni sono organizzate per categoria e poi elencate in ordine di potenziale impatto SEO. Le raccomandazioni più semplici e quelle che richiedono l'assistenza di uno sviluppatore appariranno solo negli strumenti SEO di HubSpot.
Le immagini possono rendere difficile la comprensione dei contenuti da parte dei motori di ricerca e dei visitatori che utilizzano gli screen reader. Per risolvere questo problema, aggiungete alle immagini un testo alt che ne descriva l'aspetto e il contenuto. Questo migliorerà l' accessibilità e la SEO del vostro sito. Per saperne di più sull'accessibilità dei siti web, consultate la nostra documentazione per sviluppatori.
L'aggiunta di testo alt alle immagini di una pagina consente ai motori di ricerca e ai visitatori che utilizzano screen reader di comprenderne il contenuto. Alcune immagini, come le icone che separano parti di una pagina, non contengono contenuti significativi; queste immagini dovrebbero invece avere un attributo alt text vuoto. Esaminate le immagini con attributi alt text vuoti per verificare che non debbano contenere testo alt.
La lingua di una pagina è impostata dall'attributo "lang". I lettori di schermo si basano su questo attributo per determinare la libreria linguistica da utilizzare. Se la lingua non è impostata correttamente, il software di lettura dello schermo dei visitatori potrebbe non funzionare correttamente. Per saperne di più sull'uso dell'attributo "lang".
L'attributo "lang" viene impostato all'interno del tag <html> all'inizio del codice sorgente della pagina. Un attributo "lang" correttamente formattato avrà il seguente aspetto:
<html lang="en">...</html>.
Confrontare il codice della lingua nel tag <html> con l'elenco dei codici a due lettere accettati per le lingue, quindi sostituire il codice non valido. Se il tag <html> non contiene un attributo "lang", aggiungere lang="[codice lingua]" al tag.
Una pagina contenente il tag <meta http-equiv="refresh"> si aggiorna automaticamente dopo un determinato periodo di tempo. Questo può creare confusione nell'utente e interferire con i software di lettura dello schermo. Utilizzate invece Javascript per tutte le pagine che devono essere aggiornate automaticamente.
Se alcune pagine ospitate sul vostro dominio sono bloccate dai motori di ricerca, vedrete una raccomandazione per rivedere un elenco di queste pagine. Questo è un modo semplice per assicurarsi che non ci siano pagine del vostro sito web bloccate per errore dai motori di ricerca.
Se tutte le pagine elencate sono nascoste intenzionalmente dai risultati di ricerca, non è necessario intervenire.
Se vedete una pagina del sito web nascosta dai risultati di ricerca e che invece dovrebbe essere indicizzata, collaborate con l'amministratore del sito web per aggiornare il file robots.txt o per rimuovere eventuali tag dalla pagina che potrebbero bloccarla dai risultati di ricerca.
I motori di ricerca come Google utilizzano i link canonici per individuare la versione principale di una pagina da visualizzare nei risultati di ricerca. Per evitare problemi di contenuti duplicati, aggiungete un link canonico valido a ogni pagina. Per saperne di più su come gli URL canonici influenzano la SEO.
I collegamenti canonici saranno contrassegnati come non validi per uno dei seguenti motivi:
Ulteriori informazioni su come modificare l'URL canonico di una pagina dalla scheda Impostazioni nell'editor dei contenuti.
Nota bene: le pagine degli elenchi dei blog possono generare un falso allarme di contenuto duplicato.
I motori di ricerca preferiscono i link formattati come tag <a> con attributo href. Un link formattato correttamente si presenta così:
<a href="https://www.hubspot.com">Link text here</a>.
Assicuratevi che i link della vostra pagina seguano questo formato per consentire ai motori di ricerca di scansionarli.
Il crawler di HubSpot non è stato in grado di analizzare queste pagine a causa di un errore. Ciò potrebbe essere dovuto a uno dei seguenti motivi:
Collaborate con il vostro sviluppatore web per verificare che le pagine elencate siano impostate e funzionino correttamente.
L'utilizzo di link hreflang nel vostro sito web multilingue consente ai motori di ricerca di conoscere la lingua di una pagina. I motori di ricerca possono quindi fornire agli utenti internazionali un risultato di ricerca per la pagina che corrisponde alla loro lingua preferita. Per saperne di più sull'uso dei link hreflang per i vostri contenuti multilingue.
Se questi link hanno un codice lingua non valido, i motori di ricerca non saranno in grado di identificare correttamente la lingua della pagina o di includerla nei risultati per quella lingua per gli utenti internazionali. Le pagine multilingue ospitate su HubSpot utilizzeranno automaticamente codici lingua validi.
Confrontare i codici delle lingue nei link interessati con gli elenchi dei codici a due lettere accettati per le lingue e le regioni, quindi sostituire i codici non validi. L'indicazione di una regione nel link hreflang è facoltativa; se viene utilizzata, deve essere formattata come hreflang="[lingua]-[regione]". Ad esempio, una pagina in spagnolo destinata agli utenti spagnoli sarà formattata come hreflang="es-es", mentre una per tutti gli ispanofoni del mondo userà hreflang="es".
L'utilizzo di link hreflang nel vostro sito web multilingue consente ai motori di ricerca di conoscere la lingua di una pagina. I motori di ricerca possono quindi fornire agli utenti internazionali un risultato di ricerca per la pagina che corrisponde alla loro lingua preferita. Per saperne di più sull'uso dei link hreflang per i vostri contenuti multilingue.
Alcuni link hreflang utilizzano URL relativi, che contengono solo un percorso URL, anziché un URL completo che inizia con http/https. Anche se questi link possono funzionare, hanno un rischio maggiore di rompersi in futuro se l'URL originale cambia. Le pagine multilingue ospitate su HubSpot utilizzeranno automaticamente gli URL completi.
Modificare i link hreflang relativi nel codice sorgente della pagina. Per saperne di più sulla modifica del codice sorgente di una pagina nell'editor delle pagine e nell'editor dei moduli.
Per la pagina https://www.hubspot.com/example-page, un link relativo potrebbe avere il seguente aspetto:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />.
Si può cambiare in un link completo modificando l'href in modo che contenga l'URL completo, compreso il protocollo (http/https):
link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />.
In un link, il testo di ancoraggio è la parola o la frase cliccabile. Questo testo deve comunicare chiaramente l'obiettivo del link. Sostituite il testo di ancoraggio generico come "clicca qui" o "per saperne di più" con descrizioni specifiche del link. Per saperne di più sulle best practice di Google per il testo di ancoraggio o per leggere l' elenco delle frasi che attivano questa raccomandazione.
Gli elementi interattivi, come pulsanti e link, troppo piccoli o troppo vicini tra loro possono essere difficili da toccare sui dispositivi mobili. Gli elementi interattivi dovrebbero avere una dimensione minima di 48 pixel per 48 pixel. Se un elemento deve rimanere della stessa dimensione, l'aggiunta di un padding può risolvere questo errore.
Imparate a modificare le dimensioni o il padding di diversi tipi di elementi in HubSpot:
Il tag viewport controlla la scala dei contenuti del sito web su diversi tipi di dispositivi. Se questo tag manca o è impostato in modo errato, il sito web appare meno mobile-friendly ai motori di ricerca. Questo può avere un impatto negativo sul posizionamento nei risultati di ricerca.
Collaborate con il vostro sviluppatore per aggiungere o modificare il tag viewport della vostra pagina. Se non avete uno sviluppatore nel vostro team, potete ottenere consigli sul Forum degli sviluppatori CMS o collegarvi con un Solutions Partner.
Il titolo e la meta descrizione della pagina indicano ai motori di ricerca l'argomento della pagina. Per saperne di più sulla modifica del titolo e della meta descrizione della pagina nell'editor di contenuti di HubSpot.
Lo strumento di ottimizzazione analizza il conteggio delle parole solo dei post del blog, non delle pagine. Lo strumento conta tutte le parole contenute nel post, compresi il titolo del blog e l'autore. Si raccomanda di includere almeno 300 parole come regola generale. Assicuratevi di fare le vostre ricerche e di determinare la lunghezza migliore per l'argomento di cui state scrivendo.
Il numero di parole ideale per i vostri contenuti dipende dall'argomento di cui state scrivendo. La cosa più importante è considerare chi è il pubblico e che cosa ha bisogno di sapere sull'argomento. Un ottimo modo per determinare la lunghezza dei contenuti è vedere quali pagine si posizionano oggi ai primi posti nei risultati di ricerca per il vostro argomento o per una frase secondaria.
Lo strumento SEO e il pannello Ottimizzazione analizzano il contenuto del blog per contare il numero di parole incluse nel corpo del post:
Nota bene: lo strumento di ottimizzazione conta gli spazi bianchi unicode all'interno della classe blog-post-wrapper per rilevare il numero di parole del post. Ciò significa che il conteggio è più preciso per le lingue che utilizzano l'alfabeto latino. Se si nota un conteggio di parole inaspettato, verificare con il proprio sviluppatore web che non vi siano duplicati della classe blog-post wrapper all'interno del modello di post del blog codificato.
L'uso di file immagine di grandi dimensioni che vengono ridimensionati nell'editor può aumentare il tempo di caricamento della pagina. Per saperne di più su come le dimensioni delle immagini influenzano le prestazioni della pagina.
È possibile evitare questo errore ridimensionando le immagini di grandi dimensioni prima di caricarle su HubSpot o utilizzando un formato di immagine vettoriale, come SVG. Nell'editor di contenuti, è possibile utilizzare il ridimensionamento automatico delle immagini di grandi dimensioni quando si visualizzano le raccomandazioni SEO.
Gli sviluppatori possono ridurre i tempi di caricamento delle immagini esistenti implementando immagini responsive. Per saperne di più sulle opzioni a disposizione degli sviluppatori per ottimizzare le immagini per le prestazioni delle pagine.
Se una qualsiasi delle vostre pagine utilizza HTTP, vedrete la raccomandazione di cui sopra. Le pagine che utilizzano HTTPS sono un fattore di ranking di Google dal 2014. Le pagine caricate tramite HTTPS offrono inoltre un'esperienza di navigazione più sicura ai visitatori del sito.
Se una qualsiasi risorsa delle vostre pagine viene caricata su una connessione non sicura, vedrete la raccomandazione di cui sopra. Il caricamento di risorse (come immagini, file CSS, file JavaScript, ecc.) su una connessione non sicura riduce la sicurezza dell'intera pagina. Inoltre, i browser possono visualizzare un avviso di contenuto misto o bloccare le risorse interessate.
I collegamenti esterni che aprono una pagina in una nuova scheda del browser utilizzando l'attributo target="_blank" possono causare problemi di sicurezza e di prestazioni. È possibile evitare questi problemi aggiungendo rel="noopener" o rel="noreferrer" a questi link. Per saperne di più sui rischi potenziali di questo tipo di link esterni.
In alcuni moduli di HubSpot, come il modulo Follow Me, l'attributo rel="noopener" viene aggiunto automaticamente ai link esterni.
È necessario modificare i collegamenti esterni nel codice sorgente della pagina. Per saperne di più sulla modifica del codice sorgente di una pagina nell'editor delle pagine e nell'editor dei moduli.
Un collegamento che genera questo errore potrebbe avere il seguente aspetto:
<a href="https://www.google.com" target="_blank">.
Aggiungendo rel="noopener" o rel="noreferrer" a questo link, si eviteranno problemi di sicurezza e di prestazioni:
<a href="https://www.google.com" target="_blank" rel="noopener"> o
<a href="https://www.google.com" target="_blank" rel="noreferrer">.
I link rotti sul vostro sito web creano un'esperienza negativa per l'utente. Inoltre, rendono difficile ai motori di ricerca comprendere la struttura del vostro sito. Sostituite o aggiornate ogni link interno ed esterno rotto.
Nota bene: più istanze dello stesso URL non funzionante su una singola pagina appariranno solo una volta nelle raccomandazioni SEO.
Le risorse che non vengono caricate, come ad esempio le immagini non funzionanti, hanno un impatto negativo sull'esperienza dell'utente. Questo può anche influire sulla posizione del vostro sito web nei risultati di ricerca. La rimozione o l'aggiornamento dei riferimenti di pagina a ciascuna risorsa interrotta risolverà il problema.
Attualmente HubSpot rileva i seguenti tipi di risorse non funzionanti: font, immagini, contenuti audio/video, script, fogli di stile e XHR.
Individuate i riferimenti alla risorsa interrotta nella pagina, nel modello o nel foglio di stile. È necessario sostituire i collegamenti o risolvere il problema nelle risorse stesse.Il rapporto di aspetto di un'immagine è il rapporto tra la sua larghezza e la sua altezza. Quando si ridimensiona un'immagine, assicurarsi che il rapporto di aspetto rimanga costante. In caso contrario, l'immagine potrebbe apparire allungata o distorta.
Quando si ridimensionano le immagini nell'editor di contenuti di HubSpot, il rapporto di aspetto originale viene mantenuto automaticamente. Per risolvere un rapporto d'aspetto errato, controllate il vostro HTML e CSS per verificare se ci sono stili che influenzano la larghezza o l'altezza.