Gli elementi più importanti della SEO on-page
Le attività di ottimizzazione SEO si dividono in tre branche: tecnica, on-page e off-page.
Tecnica: Si focalizza su come i motori di ricerca scansionano il tuo sito e indicizzano il contenuto.
On-page: Si concentra sul contenuto del sito, su come è ottimizzato per certe determinate keyword e su come fornire una buona customer experience ai visitatori.
Off-page: Si focalizza sui link in entrata da altri siti verso il tuo sito. I link naturali da siti autorevoli e rilevanti vengono visti come voti di fiducia e ti aiutano a costruire l’autorevolezza del tuo sito nella tua nicchia di riferimento.
In questo articolo andremo a vedere alcuni elementi della SEO on-page che bisogna tenere in considerazione quando si ottimizza una pagina.
Nello specifico andremo a vedere che cosa sono e come ottimizzare al meglio i seguenti elementi:
I meta tag da conoscere: title e description
I meta tag sono snippets/porzioni di testo che descrivono il contenuto della pagina e non appaiono nel contenuto visibile. Si tratta quindi di piccole descrizioni di contenuto che aiutano a dire ai motori di ricerca di che cosa la tua pagina tratta.
I meta tag esistono solo nell’HTML, di solito nella sezione head della pagina, e sono visibili solo ai motori di ricerca (e alla persone che sanno dove guardare).
[caption id="attachment_2690" align="aligncenter" width="908"]
Fig. 1 “Meta tag visibili nella SERP”
Fonte: Moz.com[/caption]
Per scoprire se una pagina sta usando o meno dei meta tag, basta far un click col tasto destro (sia con Chrome e con Firefox) e selezionare “visualizza sorgente pagina”.
Un nuovo tab sul tuo browser si aprirà e nella parte superiore della pagina, dove c’è la sezione head, potrai trovare i meta tag se presenti.
[caption id="attachment_2691" align="aligncenter" width="877"]
Fig. 2 “Meta tag visibili nel sorgente della pagina”
Fonte: Moz.com[/caption]
Ma come inserire questi meta tag all’interno delle tue pagine? Tutto questo dipende dal CMS che utilizzi per gestire il tuo sito.
Per esempio in Wordpress per gestire i meta tag delle tue pagine, basta installare Yoast SEO, un plugin che ti permette di ottimizzare SEO alcuni aspetti del tuo sito.
Per ogni pagina del sito, comparirà un menù dedicato dove potrai inserire un meta title e description personalizzato. Vedi l’immagine sotto per maggiori informazioni:
[caption id="attachment_2692" align="aligncenter" width="827"]
Fig. 3 “Yoast SEO plugin menu”
Fonte: wordpress.org[/caption]
Il meta title: la prima impressione è quella che conta
LUNGHEZZA CONSIGLIATA: 50-60 caratteri
STRUTTURA CONSIGLIATA: Keyword primaria - Keyword secondaria | Brand
ESEMPIO: Yoast SEO: the #1 WordPress SEO Plugin | Yoast
I title tag sono i titoli del documento e sono spesso utilizzati nelle pagine dei risultati dei motori di ricerca (chiamate comunemente SERP). Puoi trovare un esempio qui sotto:
[caption id="attachment_2693" align="aligncenter" width="929"]
Fig. 4 “Meta title nella SERP”
Fonte: Vistaprint.it[/caption]
Il meta title deve essere un’accurata descrizione del contenuto della pagina.
Ecco le caratteristiche principali che deve avere:
Meta description: come presentarsi al meglio
LUNGHEZZA CONSIGLIATA: circa 155 caratteri
ESEMPIO: Un'ampia selezione di formati, tipi di carta e design per creare un biglietto da visita unico come la tua attività. Crea biglietti da visita che riflettano il tuo stile! (Fonte: Vistaprint.it)
La meta description è una breve spiegazione del contenuto della pagina e viene anche lei visualizzata nello snippet nelle pagine dei risultati di ricerca.
[caption id="attachment_2694" align="aligncenter" width="929"]
Fig. 5 “Meta description nella SERP”
Fonte: Vistaprint.it[/caption]
La meta description è importante per attirare click da parte degli utenti. Questi paragrafi brevi sono un’ottima opportunità per pubblicizzare il contenuto della pagina e per far sapere esattamente agli utenti le informazioni che la pagina contiene.
Inoltre al suo interno dovrebbero essere presenti le parole chiave distribuite in maniera intelligente.
Ecco le caratteristiche principali:
Alt text: una descrizione che non ti aspetti
L’alt text (alternative text) è usato all’interno dell’HTML per descrivere l’apparenza e la funzione dell’immagine nella pagina.
Gli usi principali dell’alt text sono i seguenti:
Ogni immagine dovrebbe avere un alt text descrittivo e unico.
Esempio:
<img src=”patatine.jpeg” alt=”Patatine Doritos”>
[caption id="attachment_2695" align="aligncenter" width="941"]
Fig. 6 “Esempio alt text”
Fonte: Moz.com[/caption]
Usare un alt text nelle tue immagini può migliorare sicuramente la tua user experience, ma può aiutarti ad ottenere benefici SEO.
I crawler dei motori di ricerca non riescono ancora a vedere le immagini in una pagina web come fa un essere umano, quindi è necessario dargli tutto l’aiuto possibile con descrizioni aggiuntive. Se le immagini non vengono capite correttamente dai motori di ricerca, è possibile che tu possa posizionarti per keyword non volute o non posizionarti affatto.
In questo senso, l’alt text ti offre un’altra opportunità per includere le tue keyword e posizionarti per i temi voluti.
Ecco alcuni consigli su come scrivere un buon alt text:
Fonti:
Che cos’è la metadescription - https://searchenginewatch.com/2016/05/26/how-to-write-meta-descriptions-for-seo-with-good-and-bad-examples/
Che cos’è il meta-title -
Come scrivere una buona meta-description-
https://blog.hubspot.com/marketing/how-to-write-meta-description-ht
7 consigli su come scrivere un’ottima meta-description -
Che cos’è un meta-title e come scriverlo al meglio -
https://www.wix.com/blog/2017/09/how-to-write-seo-title-tag/#
cosa sono i meta-tag -
https://www.wordstream.com/meta-tags
come scrivere al meglio i meta-title -
https://blog.kissmetrics.com/how-to-write-meta-descriptions/
Metatitle -
https://moz.com/learn/seo/title-tag
Metadescription -
https://moz.com/learn/seo/meta-description
Alt-text -
https://moz.com/learn/seo/alt-text
Che cosa sono i meta-tag -