Molti proprietari di aziende online e marketing online conoscono l’importanza del SEO nel traffico di guida al tuo sito. Ciò che molti non sanno, tuttavia, è il collegamento tra SEO e il codice sorgente del tuo sito web.
Non importa quanti strumenti SEO e plugin hai, ad un certo punto, dovrai esaminare il codice sorgente del tuo sito web, per eseguire un audit SEO completo o per controllare singoli elementi che hanno un impatto sul SEO del tuo sito web.
Ti stai chiedendo cos’è esattamente il codice sorgente di un sito e cosa fa?
Normalmente, quando apri una pagina web, vedi la tipografia perfetta, belle immagini, vari elementi che aggiungono funzionalità, chiamate all’azione perfettamente posizionate e così via.
Sotto questi elementi visibili si trova il codice sorgente del tuo sito web, che è ciò che determina come tutto appare sul tuo sito web.
Fondamentalmente, il codice sorgente alimenta l’intero sito ed è responsabile dell’aspetto, della sensazione, della funzionalità e dell’esperienza utente del sito.
Oltre ad alimentare il tuo sito, il codice sorgente è ciò che i motori di ricerca come Google leggono per determinare se e come le tue pagine web dovrebbero essere indicizzate e come dovrebbero apparire nei risultati di ricerca.
Ciò significa che il tuo codice sorgente gioca un ruolo cruciale nel SEO del tuo sito.
Se si verificano errori nel codice sorgente, ciò potrebbe comportare dati SEO imprecisi, con conseguente scarsa classifica di ricerca.
Pertanto, è importante rivedere periodicamente il codice sorgente del tuo sito web e assicurarsi che tutto appaia a posto.
La domanda è: come vedi il tuo codice sorgente e cosa dovresti esattamente essere alla ricerca quando rivedi il tuo codice sorgente?
COME LEGGERE IL CODICE SORGENTE DEL TUO SITO WEB
Durante la visualizzazione del codice sorgente del tuo sito Web è abbastanza semplice, diversi browser hanno diversi comandi per la visualizzazione del codice sorgente.
Inoltre, i comandi sono diversi per PC e Mac.
Di seguito sono riportati i comandi per la visualizzazione del codice sorgente del sito Web a seconda del sistema operativo e del browser.
PC
Firefox: Per visualizzare il codice sorgente di Firefox su un PC, tenere premuto il tasto CTRL e quindi premere il tasto “U” tenendo premuto CTRL. È inoltre possibile visualizzare il codice sorgente della pagina facendo clic sul menu di Firefox, selezionando l’opzione “Sviluppatore Web” e facendo clic su “Fonte della pagina.”In alternativa, è possibile fare clic destro sulla pagina web e fare clic su “Visualizza fonte pagina.”
Microsoft Edge: Per visualizzare il codice sorgente della pagina su Microsoft edge, tenere premuto il tasto CTRL e premere “U”, oppure fare clic destro sulla pagina Web e fare clic su ” Visualizza sorgente.”Lo stesso funziona per Internet Explorer.
Google Chrome: Tenere premuto il tasto CTRL e premere ” U. ” In alternativa, fare clic sulle tre linee orizzontali nell’angolo in alto a destra per visualizzare il menu di Chrome, selezionare “Strumenti” e quindi fare clic su “Visualizza sorgente.”
Opera: Tenere premuto il tasto CTRL e premere “U”, oppure fare clic destro sulla pagina web e fare clic su “Visualizza origine pagina.”
Mac
Safari: Per visualizzare il codice sorgente della pagina su Safari, tenere premuti i tasti” Opzione “e” Comando “e premere il tasto” U”. In alternativa, fare clic destro sulla pagina web e fare clic su “Mostra origine pagina.”
Firefox: È possibile visualizzare il codice sorgente della pagina tenendo premuto il tasto” Command ” e premendo U. In alternativa, vai al menu di Firefox, seleziona ” Sviluppatore “e quindi fai clic su” Visualizza origine pagina “o fai clic con il pulsante destro del mouse sulla pagina Web e fai clic su” Origine pagina.”
Chrome: Tenere premuti i tasti” Opzione “e” Comando” e quindi premere ” U. “In alternativa, vai al menu di Chrome, fai clic su” Altri strumenti “e seleziona” Strumenti di sviluppo.”È inoltre possibile visualizzare il codice sorgente facendo clic destro sulla pagina e selezionando “Visualizza sorgente.”
PERCHÉ È IMPORTANTE LEGGERE IL CODICE SORGENTE DEL TUO SITO WEB
Come ho detto prima, il codice sorgente del tuo sito web ha un enorme impatto sul SEO del tuo sito web.
La visualizzazione del codice sorgente è un modo semplice per verificare se vari aspetti del SEO del tuo sito sono impostati correttamente.
Inoltre, il controllo del codice sorgente del tuo concorrente ti consente di vedere cosa stanno facendo sui loro siti web.
Puoi decodificare ciò che è sul loro codice sorgente per ottenere risultati simili sul tuo sito web.
Di seguito sono riportati alcuni motivi per cui dovresti leggere il tuo codice sorgente.
È utile per controllare i tag Title
Il tag title è uno degli elementi più importanti per il tuo SEO on-page, ed è quindi la cosa più importante che dovresti verificare quando rivedi il tuo codice sorgente.
Ogni volta che cerchi qualcosa su Google, tutti i risultati sono derivati dai tag del titolo delle varie pagine Web a cui i risultati puntano.
Questo significa che, senza title tag sul tuo sito web, il tuo sito web non può essere trovato su qualsiasi motore di ricerca.
Per capire l’importanza del tag title, userò un’illustrazione. Quando cerchi il nome “Intelligentismo”, questo è ciò che viene fuori.
La parte evidenziata in rosso è stata direttamente derivata dal nostro tag title. Quando si va avanti e aprire il nostro sito web e visualizzare il codice sorgente, questo è quello che vedrete.
La parte evidenziata, che appare tra l’apertura <titolo> tag e di chiusura </titolo> tag è quello che viene definito come il tag del titolo.
Come puoi vedere, è esattamente simile a quello che appare nei risultati di ricerca quando cerchi il termine “Cleverism.”
Quando leggi il codice sorgente del tuo sito web, la prima cosa che devi assicurarti è che ciascuna delle tue pagine web abbia un tag title. Non è sorprendente trovare pagine web che non hanno tag title.
Ricorda, se il tuo sito web non ha tag titolo, non apparirà mai sui risultati di ricerca. Dovresti anche assicurarti che il tag del titolo si trovi nella sezione <head> della tua pagina web.
Oltre ad essere necessario che il tuo sito web appaia nelle pagine dei risultati dei motori di ricerca, il tag del titolo influenza anche il modo in cui appari nei risultati di ricerca. Google e altri motori di ricerca guardare le parole chiave sul tag titolo per determinare che cosa il vostro sito web o pagina web è di circa.
Ad esempio, nel nostro esempio sopra, se qualcuno cerca la frase “ottieni il lavoro dei tuoi sogni”, potrebbe imbattersi nel nostro sito Web, perché abbiamo la stessa frase nel tag del titolo.
Pertanto, se vuoi che la tua pagina si classifichi per un particolare argomento, dovresti assicurarti che il tag titolo di questa pagina includa parole correlate a quell’argomento. È possibile controllare questo post per saperne di più su title tag optimization.
Altre cose importanti da tenere a mente quando si tratta di tag titolo è che si dovrebbe avere un solo tag titolo per ogni pagina web, e che ogni tag titolo sul tuo sito dovrebbe essere unico.
Inoltre, è necessario assicurarsi che ci sia un tag title per ogni pagina del tuo sito web.
Aiuta a controllare le tue Meta descrizioni
Un’altra cosa che dovresti controllare quando rivedi il codice sorgente del tuo sito web sono le tue meta descrizioni.
Proprio come i tag del titolo, le meta descrizioni si trovano anche nella sezione<head> del tuo sito web HTML. La descrizione del metallo è fondamentalmente una breve (160 caratteri) descrizione di ciò che una pagina web è di circa.
Quando la tua pagina web viene visualizzata nelle pagine dei risultati dei motori di ricerca, la meta descrizione appare appena sotto il tag del titolo.
Ancora una volta, eseguiamo una ricerca del termine “Intelligentismo” per capire quale ruolo gioca la meta descrizione.
Quando cerchi il nome “Cleverism”, questo è ciò che viene fuori.
La parte evidenziata in rosso è quella contenuta nella meta description. Quando torni al codice sorgente del nostro sito web, questo è ciò che vedrai.
La parte evidenziata è quella che viene chiamata meta description.
Come puoi vedere, è esattamente simile a quello che appare nei risultati di ricerca sotto il tag del titolo quando cerchi il termine “Cleverism.
Poiché le persone possono leggere la tua meta description senza dover aprire il tuo sito web, la meta description funge da copia pubblicitaria gratuita che aiuta i potenziali visitatori a determinare se troveranno ciò che stanno cercando sul tuo sito web.
Un numero sorprendentemente alto di proprietari di siti web e sviluppatori dimentica la meta description, ma non dovresti ignorarla.
Controlla e assicurati che ogni pagina del tuo sito web abbia la sua meta descrizione e allo stesso tempo assicurati di non avere più meta descrizioni.
A volte, potresti avere due plugin diversi che potrebbero causare la duplicazione della tua meta descrizione.
Dovresti anche assicurarti che la meta description sia unica per ogni pagina. Resistere alla tentazione di duplicare la stessa meta descrizione su ogni pagina.
Inoltre, assicurati che le meta descrizioni si trovino nella sezione<head> del tuo HTML.
Infine, dal momento che la meta description è fondamentalmente pubblicità gratuita che determina se la gente click-through al tuo sito web, prendere un momento per mestiere grande copia che contribuirà ad aumentare il vostro click-through e guidare più visitatori al tuo sito.
E ‘ utile per Controchecking I tag di intestazione
La prossima cosa che dovete controllare quando si esamina il codice sorgente è se si sta utilizzando tag di intestazione correttamente, dal momento che hanno anche un impatto sul vostro on-page SEO.
Esistono diversi livelli di tag di intestazione, con i più comuni tag H1, H2 e H3.
La prima cosa da fare quando si controllano i tag di intestazione è assicurarsi di non avere più di un tag H1 su una singola pagina.
A volte, a seconda del CMS, del tema WordPress o dei plugin installati, potresti trovare più tag H1 su una singola pagina Web.
Il problema con questo è che la maggior parte dei motori di ricerca interpretarlo come over-ottimizzazione, che non è una buona idea per il vostro SEO.
Quindi, assicurati che ci sia solo un tag H1 per pagina Web, e questo dovrebbe essere usato per dare ai visitatori un’idea chiara di cosa aspettarsi sulla pagina.
Dovresti anche verificare se hai tag H2 e H3 sulle tue pagine web.
Questi vengono utilizzati per suddividere il contenuto per migliorare la leggibilità.
Puoi anche includere parole chiave secondarie nei tag H2 e H3 per completare le parole chiave principali.
Controprova i tuoi script
Gli script sono ottimi per il tuo sito web. Sono utili per aggiungere funzionalità al tuo sito. Gli script più comunemente usati sono JavaScript.
Nonostante la loro utilità, gli script possono essere dannosi per la SEO e l’esperienza utente del tuo sito. Innanzitutto, avere troppi script rallenta il tempo di caricamento.
Inoltre, molti sviluppatori caricano gli script vicino alla testa del contenuto.
L’idea alla base di questo è che permette agli script di caricare presto quando un visitatore apre la pagina.
Il problema con questo, tuttavia, è che il caricamento anticipato degli script significa che il tuo sito richiede molto più tempo per essere caricato.
Quindi, perché questo è un problema? Gli utenti di Internet hanno pochissima pazienza.
Per ogni secondo in cui i tuoi visitatori aspettano che la tua pagina venga caricata, potresti riscontrare una riduzione della conversione del 7% man mano che i visitatori abbandonano il tuo sito.
Questo può avere un impatto significativo sulle entrate del tuo sito.
Questo è il motivo per cui è molto importante controllare i tuoi script.
La prima cosa che devi fare qui è controllare il numero di script sul tuo sito.
Quanti sono? Hai davvero bisogno di tutti questi script?
A volte, potresti scoprire che alcuni script sono ancora attivi sul tuo sito web anche se non sono più necessari.
Non solo tali script rallentano il tempo di caricamento, ma possono anche portare a errori aggiuntivi.
L’altra cosa che dovresti fare è spostare gli script in fondo alla pagina. Posizionali appena prima della chiusura<body> tag nell’HTML del tuo sito.
In alternativa, puoi creare un file JavaScript contenente tutti i tuoi script e quindi collegarti a questo file nella parte inferiore del tuo HTML.
Uno di questi due approcci significa che gli script non devono essere caricati prima del resto del sito, portando così ad un aumento significativo della velocità di caricamento del sito.
Quando si controllano gli script, è necessario verificare se i codici di monitoraggio installati, come il codice di monitoraggio di Facebook o Google Analytics, sono installati correttamente.
Se questi codici di monitoraggio non sono installati correttamente, è possibile che non si raccolgano dati rilevanti.
Infine, la controchecking dei tuoi script ti consente di scoprire se il tuo sito è stato violato. Come si passa attraverso gli script installati, confermare che tutti gli script attivi sono stati autorizzati da voi.
Se trovi uno script che non riconosci o non autorizzi, c’è la possibilità che possa essere stato iniettato da un hacker.
La visualizzazione del codice sorgente è l’unico modo per ottenere una visibilità completa di tutti gli script che sono stati installati sul tuo sito.
Controlla i link NoFollow
Come proprietario di un sito web o un internet marketer, probabilmente sai quanto sia importante la creazione di link per i tuoi sforzi SEO.
Tuttavia, tutti i tuoi backlink potrebbero non servire a nessuno scopo effettivo se non sono seguiti.
Per capire cosa sono esattamente i nofollows e perché è importante controllarli, ho bisogno di parlare di qualcosa conosciuto come “link juice.”
Durante l’indicizzazione di siti web, i motori di ricerca interpretano i link al tuo sito come approvazioni da altri siti web. Se qualcuno ha scelto di collegarsi al tuo contenuto, significa che il contenuto del tuo sito è rilevante e prezioso.
I siti più esterni che hai il collegamento al tuo sito, il più autorevole il tuo sito è percepito come dai motori di ricerca, che aumenta la probabilità del tuo sito di essere classificato più alto dai motori di ricerca.
L’influenza di tali collegamenti alle classifiche di ricerca è ciò che viene indicato in termini non scientifici come link juice.
A volte, è possibile codificare un attributo in link per impedire che il succo di collegamento passi al sito collegato. Questi attributi sono noti come nofollows.
Fondamentalmente, l’attributo nofollow dice ai robot dei motori di ricerca che strisciano attraverso un sito di ignorare quel link.
Se un sito web che collega al tuo sito ha nofollowed il link, quindi il link non passa alcun succo di collegamento e non contribuisce alla tua classifica di ricerca.
Questo è il motivo per cui è importante passare attraverso il codice sorgente e verificare la presenza di eventuali link esterni che hanno l’attributo nofollow anche se non dovrebbero.
Controllare l’ottimizzazione delle immagini
Lo sapevate che le immagini sul tuo sito contribuiscono anche alla SEO del tuo sito?
La chiave per utilizzare le immagini per scopi SEO è garantire che le immagini abbiano tag title e alt.
I robot dei motori di ricerca che strisciano attraverso i siti Web non hanno la possibilità di visualizzare ciò che è contenuto nelle immagini.
Con i tag title e image alt, fornisci a questi robot un modo per capire di cosa si tratta la tua immagine.
Il tag titolo immagine dà all’immagine un titolo, mentre il tag alt immagine contiene una breve descrizione dell’immagine.
L’utilizzo dei tag title e alt per le tue immagini è particolarmente importante se stai utilizzando le immagini per vendere prodotti su un sito di e-commerce.
Quando si utilizzano le immagini per l’e-commerce, è necessario includere il nome del marchio del prodotto e una breve descrizione come parte del tag alt dell’immagine.
Altre immagini che devono avere tag alt includono loghi, infografiche, diagrammi esplicativi, foto di squadra e così via.
Tuttavia, non è necessario includere tag alt per le immagini decorative, come quelli che appaiono nel carosello di immagini nella parte superiore della pagina.
Quando scrivi la descrizione per i tag alt dell’immagine, evita di inserire troppe parole chiave, poiché ciò potrebbe penalizzare il tuo sito.
Quando si esamina l’origine della pagina, è possibile visualizzare le immagini cercando il tag<img> o navigando nel pannello “elementi” dopo aver aperto il codice sorgente.
Nel pannello elementi, è possibile controllare la dimensione delle immagini per vedere se aumentano il tempo di caricamento.
È anche possibile controllare la loro reattività per vedere se sono ottimizzati per la visualizzazione su schermi diversi.
Countercheck Meta Robots Tags
Questa è un’altra cosa comune che molti marketer e proprietari di siti web dimenticano o scelgono di ignorare.
I tag meta robots forniscono ai robot dei motori di ricerca istruzioni sull’indicizzazione o meno di pagine specifiche, se i link all’interno del contenuto devono essere seguiti o meno e così via.
Ecco perché è molto importante controllare i tag meta robot.
Se il contenuto nei tag meta robot non è corretto, darà le istruzioni sbagliate ai robot dei motori di ricerca, il che significa che saboterai i tuoi sforzi SEO impedendo a questi robot di indicizzare i tuoi contenuti.
Se leggi la fonte della pagina di questo articolo sul nostro sito web, noterai che ha un tag meta robot, che è evidenziato nell’immagine qui sotto.
Questo meta tag consente ai crawler di sapere che questa pagina dovrebbe essere indicizzata e che i link sulla pagina dovrebbero essere seguiti.
Conferma che Google Analytics è installato correttamente
Come webmaster o marketing online, probabilmente stai già utilizzando Google Analytics per monitorare e tracciare varie statistiche sul tuo sito web.
Tuttavia, c’è la possibilità che Analytics non sia installato su tutte le pagine, nel qual caso potresti non monitorare alcune statistiche importanti.
Fortunatamente, puoi verificare se Analytics è installato correttamente tramite il codice sorgente del tuo sito web.
Per verificare l’installazione di Google Analytics, apri semplicemente il codice sorgente del tuo sito web e cerca “UA.” Ad esempio, se apriamo il codice sorgente dell’articolo che abbiamo usato nell’esempio sopra, noterai che Google Analytics è installato sulla pagina.
Se ti imbatti nelle lettere UA seguite da un codice di 7 o 8 cifre, questo dimostra che Google Analytics è installato su quella pagina (non sull’intero sito web).
Si dovrebbe anche controllare per assicurarsi che il codice di monitoraggio non appare più di una volta in una singola pagina.
Ripetere questa procedura su ogni pagina per assicurarsi che Analytics sia installato sul resto delle pagine.
Se ti imbatti in una pagina che non ha un codice di monitoraggio, ciò significa che non ricevi alcuna analisi da quella pagina.
Se si dispone di un sito enorme tale che non è possibile controllare manualmente il codice di monitoraggio analytics su ogni singola pagina, è possibile utilizzare uno strumento come xml-sitemaps.com per rendere il lavoro più facile per te.
CONCLUDERE
Potresti non averlo considerato, ma visualizzare il codice sorgente del tuo sito Web può essere un ottimo modo per eseguire un audit SEO sul tuo sito e confermare che tutto sul tuo sito è a posto.
La parte migliore è che non è necessario essere uno sviluppatore web o avere molte competenze tecniche per scegliere il codice sorgente del tuo sito web.