SEO & Progressive Web App

Marie Pireddu

27 nov 2019 Aggiornato il 2 dic 2019 9 min di lettura

Che cos'è il SEO? SEO sta per Search Engine Optimization, ovvero aumentare la quantità e la qualità del traffico verso il tuo sito Web attraverso risultati organici dei motori di ricerca. In poche parole, aumenta la probabilità di indirizzare più traffico non pagato dai motori di ricerca, il che si traduce in attrazione di visitatori che sono veramente interessati ai prodotti offerti.
Avere un SEO buono o favorevole significa che la tua Progressive Web App si presenta come uno dei primi risultati restituiti dai motori di ricerca quando qualcuno digita le parole chiave su cui vuoi posizionarti.
Come funziona? Quando i motori di ricerca mostrano i risultati, si basano su 2 elementi:
- Indicizzazione
- Algoritmi

Per creare il loro indice, i motori di ricerca utilizzano robot di indicizzazione. Questi robot navigano sul Web e raccolgono informazioni sui siti Web visitati (contenuti, link, attività, ecc.).
Le informazioni salvate nell'indice vengono quindi utilizzate dagli algoritmi. Per ogni richiesta, calcolano e restituiscono l'elenco dei siti più pertinenti. Ci sono molte impostazioni prese in considerazione nel giudicare il livello di pertinenza. Alcune sono di natura tecnica, altre sono editoriali e alcune si riferiscono ai link che collegano tra loro i vari siti.

Quando ottimizzi il SEO per la tua Progressive Web App, ci sono 3 aspetti da considerare: tecnico, editoriale e costruzione dei link

1. Tecnico: la tua PWA deve essere correttamente indicizzata dai robot

L'accessibilità della tua Progressive Web App è alla base di tutti i tuoi sforzi con il SEO. La struttura tecnica della tua PWA ha un impatto cruciale sulle sue prestazioni e ci sono alcuni prerequisiti affinché il tuo sito sia visibile e ben indicizzato.
Con SEO e tecnologie in costante evoluzione, mantenersi aggiornati è un lavoro impegnativo.
È compito di GoodBarber tenere il passo con le continue innovazioni per migliorare le prestazioni della tua Progressive Web App: uno dei principali vantaggi del nostro app builder ;)

A. GoodBarber si occupa degli aspetti tecnici

Sia che tu stia utilizzando la piattaforma per lo Shopping o la piattaforma Classica, GoodBarber ti fornisce un codice sorgente ottimizzato per essere indicizzato dai robot. Alcuni elementi tecnici salienti includono:

HTTPS: a cosa serve un certificato SSL?
- Dal 2014, HTTPS è diventato un segnale nell'algoritmo di Google. Google preferisce i siti https e Chrome avvisa gli utenti quando una connessione non è protetta.
- Se hai una PWA per lo Shopping, ricorda che l'84% delle persone abbandonerà l'acquisto sul tuo sito se non è protetto.
- Con GoodBarber, tutte le pagine della tua PWA sono servite da https per default.
Velocità: Google e gli utenti si aspettano che i contenuti vengano caricati rapidamente. Se la tua PWA non soddisfa queste aspettative, i tuoi clienti passeranno rapidamente ad un altro negozio e il tuo posizionamento ne risentirà.
- GoodBarber Shopping App AMP (Accelerated Mobile Pages) aiuta a distribuire contenuti agli utenti mobili a una velocità maggiore.
- Compressione della pagina ottimizzata : le immagini sono una delle cause principali del caricamento lento delle pagine. Al fine di ridurre al minimo il consumo di larghezza di banda e ridurre i tempi di caricamento, GoodBarber ha sviluppato un algoritmo dedicato alla gestione della compressione delle immagini.
- CDN: ogni risorsa statica della tua PWA (codice Javascript e immagini) è distribuita su una rete di distribuzione di contenuti (CDN) utilizzando il protocollo HTTP/2. In qualsiasi parte del mondo, la tua PWA si caricherà rapidamente.
Rendering sul lato Server: La tua PWA GoodBarber esegue il codice javascript sia sul lato server che sul lato del cliente. La prima richiesta fatta dal browser viene elaborata dal server. Si chiama Server Side Rendering (SSR). Il SSR è utile per scopi SEO perché i bot possono indicizzare una pagina completamente renderizzata.
Markup dello schema: i contenuti sono strutturati in modo che i motori di ricerca possano comprendere meglio il contenuto delle tue pagine e abilitare funzionalità speciali per accompagnarle nel SERP (rich snippet).

B. Ti offriamo gli strumenti per consentirti di fare di più.

GoodBarber ti dà l'opportunità di personalizzare le parti del codice che ti permetteranno di migliorare l'indicizzazione dei tuoi contenuti con parole chiave mirate.
Esistono varie opzioni che ti offrono tutto ciò di cui hai bisogno per essere perfettamente indicizzato. Nel back office della tua app (Shopping o Classic) sarai in grado di personalizzare gli elementi chiave per il tuo SEO.

Tag del titolo:

Un tag title è un elemento HTML che specifica il titolo di una pagina Web. I tag del titolo vengono visualizzati nelle pagine dei risultati dei motori di ricerca (SERP) come titolo selezionabile per un determinato risultato. Il tag del titolo di una pagina Web deve essere una descrizione accurata e concisa del contenuto di una pagina.
Nel back office di GoodBarber, le informazioni fornite nel campo dell'etichetta del titolo consentono di inserire il titolo del browser per una determinata pagina. Il contenuto di questo tag viene preso nei risultati di ricerca: può essere il nome del tuo sito, il nome di ogni pagina del prodotto, di una collezione ecc. Ti raccomandiamo di scegliere un titolo che abbia meno di 70 caratteri in modo che non venga troncato nei risultati .

Meta Description Tag

Lo scopo di questo contenuto è fornire una descrizione della tua PWA. Il contenuto di questo tag descrive la tua PWA nei risultati della ricerca. I motori di ricerca come Google mostrano spesso la meta descrizione (in genere lunga fino a 160 caratteri) nei risultati di ricerca, influenzando notevolmente la percentuale di clic degli utenti.
Prenditi il tempo necessario per scrivere la tua meta descrizione. Servirà come testo promozionale per la tua Progressive Web App. Scrivi una descrizione convincente usando parole chiave importanti.
Non duplicare le meta descrizioni. È importante avere descrizioni uniche su ogni pagina.
Shopping App: ogni prodotto ha una meta descrizione e un rich snippet per vedere in anteprima come verrà visualizzata sul motore di ricerca
App classica: ogni sezione del tuo CMS (articoli, video ecc.) Ha una meta descrizione.

Slug

Puoi riscrivere l'URL di un indirizzo web per renderlo più attraente, più leggibile, più breve... Fondamentalmente, offri all'utente un URL che abbia senso.
Gli slug dell'URL sono la parte finale dell'URL di una pagina specifica della PWA.

Perché gli URL contano nel SEO?
Ci sono 3 motivi principali:

Migliorano l'esperienza dell'utente, fornendo un'idea chiara di che cosa tratta la pagina
Classifiche: oltre a fornire URL più espliciti per i tuoi visitatori, la modifica di uno slug aiuta a migliorare l'ottimizzazione nei motori di ricerca, che tengono conto del contenuto dell'indirizzo web nel loro algoritmo. Con uno slug personalizzato, l'indirizzo della pagina contiene le parole chiave che miglioreranno l'indicizzazione e la visibilità della pagina nei risultati di ricerca.
Link: gli URL ben scritti sono più facili da usare e possono generare più clic se condivisi come link nei social media, blog ecc...

Dal tuo back office GoodBarber, puoi modificare e personalizzare gli slug predefiniti di qualsiasi pagina della tua PWA (Shopping o Classic).

Ricorda di non usare accenti, spazi e caratteri speciali nel tuo slug.

Parole chiave

Le parole chiave sono le parole e le frasi che gli utenti digitano nei motori di ricerca per trovare ciò che stanno cercando. Le tue parole chiave devono essere pertinenti a ciò che le persone stanno cercando, poiché determineranno il tipo di traffico che otterrai.
Ti consigliamo di utilizzare parole chiave mirate su ogni pagina della tua PWA (nelle descrizioni dei prodotti, articoli, titoli ecc.)
Fai attenzione: le parole chiave sono importanti, ma evita di usarne troppe. Facendo un uso eccessivo delle parole chiave, invii spam dei tuoi contenuti e Google potrebbe pensare che stai cercando di ingannare il sistema, il che non è sicuramente una buona cosa!

2. Editoriale: scrivi contenuti di qualità e aggiornali regolarmente

Contenuto di qualità: il contenuto di una pagina è ciò che lo rende degno di una posizione nei risultati di ricerca. È ciò che l'utente vuole vedere ed è estremamente importante per i motori di ricerca.

È quindi importante scrivere contenuti di qualità, pertinenti e che rispondano a una domanda dei potenziali utenti.
Tieni presente che stai scrivendo per delle persone, non per i robot. Non commettere l'errore di scrivere frasi difficili da capire o sgradevoli da leggere solo per inserire quante più parole chiave possibili.
Scrivi per il tuo pubblico, per rispondere alle loro esigenze. Gli utenti vogliono accedere rapidamente alle informazioni che stanno cercando.

- App di Shopping: la descrizione del tuo prodotto è il tuo contenuto. Sii creativo, questa è l'occasione per rivolgersi al tuo pubblico e utilizzare parole chiave pertinenti.
- App classica: applica questi concetti a tutti i tuoi contenuti: articoli, video ecc...

Altri vantaggi dei contenuti di qualità:

- È più probabile che vengano condivisi, aiutandoti con la costruzione di collegamenti.
- Ridurranno la frequenza di rimbalzo. Se il contenuto è ben scritto e pertinente, è probabile che gli utenti rimangano più a lungo sulla tua pagina.

Aggiornamenti regolari: l'aggiornamento dei contenuti è un criterio importante per i motori di ricerca nel determinare la pertinenza. Dovresti creare regolarmente il maggior numero possibile di articoli visibili pubblicamente (accessibili ai motori di ricerca), usando le parole chiave attorno alle quali vuoi posizionarti. Ricorda che i robot danno la priorità ai primi 100 caratteri in un articolo.

Riassumendo, se stai pubblicando contenuti nuovi, unici e pertinenti, è più probabile che le persone "giuste" li leggano, li trovino interessanti e li condividano. Ciò a sua volta aumenterà l'esposizione del tuo marchio, rafforzerà la fiducia dei lettori / clienti nella tua attività e migliorerà il tuo posizionamento nei motori di ricerca.

3. Acquisizione di link: backlink da siti simili

Conosciuti anche come “Inbound link” o “incoming link” ("link in entrata"), i backlink sono i link diretti verso la tua PWA.
Il numero di backlink indica la popolarità o l'importanza della tua PWA.
Cerca di ottenere quanti più link possibile da altri siti: puntando verso il tuo, indicano ai motori di ricerca che hai la loro fiducia e che offri dei contenuti pertinenti.
È preferibile avere dei link provenienti da siti Web dello stesso settore di attività.

4. Errori da evitare

Sebbene i 3 aspetti sopra indicati siano molto importanti, gli aspetti tecnici non sono tutto. Per differenziarsi dalla concorrenza, è necessario produrre contenuti originali e di alta qualità per catturare il pubblico. Se il contenuto è pertinente, il tuo pubblico creerà naturalmente dei link alla tua PWA.

Il SEO richiede tempo, non è un processo che si può compiere nell'arco di una notte. Ci vorranno alcune settimane prima che inizi ad apparire come risultato nei motori di ricerca principali. L'anzianità di una PWA è rilevante anche negli algoritmi, in quanto viene data priorità alle PWA più datate.

Diffida delle offerte allettanti che ti promettono la prima posizione su Google. Queste tecniche che mirano a ingannare i motori di ricerca ("black hat SEO") sono severamente punibili e possono portare alla totale esclusione dell'indice. Pertanto, dovresti evitare di far parte di directory, content farm, ecc.

I vantaggi di una PWA possono avere un grande impatto sulla tua attività ed essere un ottimo alleato per la tua Shopping app. La notorietà del marchio che puoi ottenere con un buon SEO ti consentirà di raggiungere un nuovo pubblico nelle diverse fasi della canalizzazione del marketing, riducendo i costi di ricerca a pagamento.
GoodBarber ti offre tutti gli strumenti necessari per ottenere un buon SEO e generare più traffico per la tua Progressive Web App, consentendoti di promuovere in modo efficiente la tua attività.