Riferimento tecnico

Il referenziamento tecnico è il primo passo di qualsiasi attività di referenziamento. Le campagne SEO non andranno lontano se le basi non sono buone e se non si seguono le migliori pratiche – dopo tutto, non si costruisce una casa senza solide fondamenta.

Il vantaggio del SEO è che non solo ha un impatto sul traffico organico, ma migliora anche l’esperienza dell’utente su tutti i canali, riducendo al minimo gli errori del sito e aumentando la velocità del sito. Per quanto riguarda i siti web di Shopify, ci concentriamo su otto aree chiave:

  • Riparazione trappola per ragni
  • Miglioramento delle strutture degli URL
  • Implementazione di dati strutturati
  • Aggiunta tag sociale
  • Creazione di un piano per la gestione dei prodotti fuori produzione / fuori stock
  • Monitoraggio dei collegamenti interrotti
  • Ristrutturazione della mappa del sito XML
  • Migliorare la velocità del sito web

Trappole per ragni

Una trappola per ragni è una sezione di un sito web in cui un robot di indicizzazione si blocca in un loop, con conseguente scarsa efficienza di indicizzazione e riduzione della frequenza di indicizzazione di pagine importanti come prodotti e categorie. Queste pagine sono di solito costituite da pagine duplicate o “indesiderate”, accessibili attraverso più URL.

Anche se questo problema non è limitato ai siti Shopify, tende ad essere più comune tra i rivenditori online a causa delle tecnologie utilizzate per costruire i loro siti.

Le due cause principali di questo problema sono le seguenti:

  • Link malformati
  • Navigazione sfaccettata

Link malformati

I link malformati possono portare alla generazione di un numero infinito di pagine, tutte con lo stesso contenuto. Questo problema si verifica principalmente quando il sito web soddisfa i seguenti criteri:

  • Le regole di riscrittura degli URL vengono utilizzate per trasformare un URL di una stringa di query in un URL “user-friendly”.
    per esempio: /products.php?id=3423 è riscritto in /category/3423/nome prodotto
  • Le regole di riscrittura sono configurate in modo da ignorare parti della stringa di URL, in questo caso dopo l’ID del prodotto
    cioè: /categoria/3423/nome del prodotto e /categoria/3423/nome del raro visualizzerebbe lo stesso contenuto

Se queste due condizioni sono soddisfatte e c’è un link malformato dalla pagina, cioè

Un link relativo senza barra :

invece di <a href=”risorse/nome prodotto”> invece di <a href=”/risorse/nome prodotto”>.

Dimenticate http:// o https:// su un link assoluto
cioè: <a href=”www.domain.com/”> invece di <a href=”https://www.domain.com/”>
Un numero infinito di pagine potrebbe poi essere generato cliccando sui link, cioè

Relativamente

/categoria/3423/nome del prodotto
/categoria/3423/risorse/nome del prodotto
/categoria/3423/risorse/nome del prodotto
/categoria/3423/nome del prodotto/nome del prodotto/nome del prodotto

Mancanti HTTP / HTTPS

/categoria/3423/nome del prodotto
/category/3423/www.domain.com/
/category/3423/www.domain.com/www.domain.com/
/category/3423/www.domain.com/www.domain.com/www.domain.com/
Questi problemi possono di solito essere risolti semplicemente correggendo i link malformati, anche se a lungo termine è consigliabile forzare tutti i link a utilizzare URL assoluti e controllare che http:// o https:// non manchino nella marcatura dei link.

Navigazione sfaccettata

La Navigazione sfaccettata è un elemento di navigazione che permette agli utenti di filtrare o ordinare i risultati o i prodotti di una pagina web in base ad attributi specifici come il colore, la dimensione, ecc.

Mentre la navigazione sfaccettata può essere utile agli utenti, aiutandoli a trovare rapidamente ciò che cercano, può anche essere problematica quando si tratta di strisciare. Ogni opzione selezionabile può generare un nuovo URL sul sito web aggiungendo parametri come il colore o la dimensione. Ad esempio, le pagine seguenti assomiglierebbero molto ai motori di ricerca :

  • domain.com/categoria
  • domain.com/category?color=blue
  • domain.com/category?color=blue&size=piccolo
  • domain.com/category?color=blue&size=piccolo&ordine=prezzo-asc

Avendo solo 5 opzioni di filtraggio uniche, si possono generare fino a 3.125 URL diversi per pagina di categoria a seconda della configurazione di navigazione sfaccettata. Impedire ai motori di ricerca di strisciare queste pagine extra è relativamente semplice e richiede solo due modifiche:

  1. Utilizzare nofollow su tutti i link sfaccettati
  2. Distribuire meta-robot o x-robot noindex, nofollow su tutte le pagine aggiuntive

Strutture URL

Gli URL sono di solito la prima cosa che gli utenti e i motori di ricerca vedono prima che una pagina si carichi e servono come elementi costitutivi della gerarchia di un sito web. Anche se, di default, un CMS può usare stringhe di query/parametro per servire le pagine (domain.com/index.php?page=1), queste vengono solitamente sovrascritte durante la fase di sviluppo per produrre URL di facile utilizzo (domain.com/page-name).

La struttura dell’URL dovrebbe fornire agli utenti e ai motori di ricerca informazioni chiave sull’argomento della pagina e sulla sua posizione nella gerarchia. Idealmente, la struttura dell’URL dovrebbe seguire la gerarchia stabilita nella navigazione principale, mantenendo le convenzioni di denominazione il più breve possibile e includendo parole chiave rilevanti per il contenuto.

Ad esempio, si potrebbe creare un sito web di gioielli con la seguente struttura

domain.com/watch
domain.com/watches/branddomain.com/gioielli/branddomain.com
domain.com/gioielli/anelli di diamanti

Ci sono due approcci comuni quando si tratta di ottimizzare le strutture degli URL dei prodotti:

  1. Il prodotto si trova di default alla radice del dominio, cioè domain.com/nome del prodotto
  2. Prodotti in cartelle di categoria, ad es. domain.com/categoria/nome prodotto

Gli URL radice sono tradizionalmente più facili da implementare e forniscono URL più brevi. Gli URL dei prodotti a livello di categoria possono aiutare a guidare gli sforzi SEO raggruppando i contenuti in silos rilevanti, il che ha due vantaggi principali:

  1. Maggiore autorità tematica attraverso il raggruppamento dei contenuti rilevanti
  2. I link esterni aggiunti ad una pagina possono essere utili a tutte le altre pagine di questo silo.

Questo può portare a un maggior traffico di prodotti biologici con un budget ridotto.

Anche se non c’è un’opzione giusta o sbagliata, ci sono vantaggi e svantaggi per ciascuno:

URL radice

Vantaggi

La maggior parte dei sistemi di gestione dei contenuti per Shopify lo fanno di default.
Minore rischio di duplicazione delle pagine del prodotto a causa di una configurazione errata
URL più brevi

Svantaggi

Potrebbe essere necessario un lavoro aggiuntivo per implementare cestini significativi
La mancanza di silos di contenuto può portare ad una minore autorità topica
È difficile ottenere dati sulle prestazioni dei prodotti a livello di categoria.

categoria URLs

Vantaggi

Ottenere facilmente i dati sulle prestazioni del prodotto a livello di categoria
Il breadcrumb trail può essere implementato sulla base della struttura dell’URL
Tutti i contenuti sono contenuti in silos, il che contribuisce ad aumentare l’autorevolezza della notizia

Svantaggi

Ulteriori lavori di sviluppo / plugin necessari per realizzare questa struttura
Può generare più pagine per ogni prodotto se sono in più di una categoria (questo può essere risolto assegnando URL primari o tag canonici)
URL leggermente più lunghi

Dati strutturati

I dati strutturati sono un formato standardizzato per la classificazione delle entità su una pagina web, che aiuta i motori di ricerca a comprendere meglio i contenuti e i siti web. L’aggiunta di dati strutturati alle pagine può anche contribuire a migliorare l’aspetto dei risultati della ricerca, rendendoli più facilmente cliccabili.

Sebbene i dati strutturati siano in circolazione da molti anni, molti siti di e-commerce non li hanno implementati e non beneficiano di un traffico organico aggiuntivo attraverso le classifiche che già possiedono. Ci sono cinque tipi di markup di schema.org che sono raccomandati per i siti Shopify, vale a dire

  • Organizzazione
  • Sito web
  • Breadcrumbs
  • Navigazione del sito
  • Prodotto

Anche se ci sono diversi modi per implementare il markup dello schema, abbiamo trovato più facile il deployment tramite JSON-LD nella maggior parte dei casi perché richiede meno modifiche degli elementi html della pagina, anche se il deployment dipende dal tipo di markup implementato e dal modo in cui è stato costruito un sito web, cioè il CMS utilizzato.

Markup organizzativo

Il markup organizzativo aiuta a generare segnali di marca per i motori di ricerca e a migliorare il knowledge graph di Google e gli estratti della pagina dei risultati dei motori di ricerca (SERP). Questo markup dovrebbe essere aggiunto solo a una pagina del vostro sito web, di solito una pagina con informazioni dettagliate sull’azienda, come la pagina “about”.

Markup dell’organizzazione di John Lewis nei risultati della ricerca

L’implementazione del markup dell’organizzazione è relativamente semplice in quanto richiede solo informazioni di base che non sono soggette a modifiche e possono essere codificate nella pagina tramite JSON-LD. La marcatura consigliata è la seguente:

<script type=”application/ld+json”>
{“@contesto”: “http://schema.org”,
“@tipo”: “Organizzazione”.
“legalName”: “Nome della società”,
“url”: “URL del sito web”,
“punto di contatto”: [{
“@tipo”: “ContactPoint”.
“Telefono”: “Numero di telefono”.
“contactType”: “Tipo di numero di telefono, cioè servizio clienti”.
}]
“Logo”: “Logo URL”,
“stessoCome”: [ URL di Facebook ]
“URL Twitter”.
“URL Youtube”.
“URL di Wikipedia”.
}
</Scripting.

Markup del sito web

Questo tagging può aiutare a generare la casella di ricerca Sitelinks per le ricerche sui marchi, consentendo agli utenti di cercare informazioni o prodotti sul vostro sito web direttamente dai risultati di ricerca di Google. Ciò consente agli utenti di accedere più velocemente ai contenuti che cercano, migliorando l’esperienza complessiva dell’utente.

Ricerca sul sito di John Lewis

Questo markup dovrebbe essere aggiunto solo alla home page e, come per il markup dell’organizzazione, può essere codificato nell’intestazione HTML perché è improbabile che cambi spesso. Il JSON-LD necessario per l’implementazione è :

<script type=”application/ld+json”>

{“@contesto”: “http://schema.org”,
“@type”: “WebSite”,
“nome”: “Nome della società”,
“url”: “URL del sito web”,
“potentialAction”: {
“@type”: “SearchAction”,
“target”: “URL della pagina di ricerca, cioè https://domain.com/?s={search_term}”,
“query-input”: “nome richiesto=ricerca_termine”}
}
</Scripting.

Breadcrumb beaconing

Breadcrumb consente di visualizzare frammenti di breadcrumb sulle vostre liste nelle SERP, dando agli utenti un po’ più di informazioni.

E’ meglio aggiungere questo markup tramite microdati, che richiede leggere modifiche al markup HTML utilizzato per inserire le tradizionali briciole di pane:

itemtype=”http://schema.org/ListItem”>
<a itemprop=”voce” href=”Homepage Link”>
<span itemprop=”nome”>Nome della pagina</span></a>
<meta itemprop=”posizione” content=”1″ />
</Non lo so.

<itemprop=”itemListElement” itemscope
itemtype=”http://schema.org/ListItem”>
<a itemprop=”voce” href=”Prima directory URL”>
<span itemprop=”nome”>Nome della pagina</span></a>
<meta itemprop=”posizione” content=”2″ />
</Non lo so.

<itemprop=”itemListElement” itemscope
itemtype=”http://schema.org/ListItem”>
<a itemprop=”item” href=”URL della seconda directory”>
<span itemprop=”nome”>Nome della pagina</span></a>
<meta itemprop=”posizione” content=”3″ />
</Non lo so.
</Non lo so.

Markup di navigazione del sito

Questo tagging può aiutare a influenzare i link organici forniti per il vostro sito web nelle SERP e può anche aiutare i motori di ricerca a capire un po’ meglio la struttura del vostro sito web.

Come il sentiero delle briciole di pane, è meglio implementato attraverso microdati, facendo piccole aggiunte al markup HTML generato per l’elemento principale di navigazione del sito web:

<ul itemscope itemtype=”http://www.schema.org/SiteNavigationElement”>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”></a></li></li>
<“nome”>a itemprop=”url””.
href=”URL della pagina”>Nome della pagina</a></li>
</ul>

Etichettatura del prodotto

L’etichettatura dei prodotti può migliorare il vostro estratto di SERP organica aggiungendo ulteriori dettagli come il prezzo, la disponibilità e le valutazioni – dando agli utenti le informazioni di cui hanno bisogno prima di cliccare sul vostro sito web.

John Lewis Prodotto Tagging

L’aggiunta di uno schema di prodotto ad un sito web tramite JSON-LD è relativamente facile perché tutte le informazioni richieste devono esistere nel database, il markup di base consigliato è :

<script type=”application/ld+json”>
{
“@contesto”: “http://schema.org/”,
“@type”: “Prodotto”,
“nome”: “Nome del prodotto”,
“immagine”: [“Immagine del prodotto URL”],
“descrizione”: “Descrizione del prodotto”,
“marchio”: {
“@tipo”: “Coso”,
“nome”: “marchio”: “Brand Name
},
“aggregateRating”: {
“@type” : “AggregateRating”,
“ratingValue”: “rating”,
“reviewCount”: “Numero di recensioni
},
“offerte”: {
“@tipo”: “Offerta”,
“prezzo-valuta”: “Valuta”: GBP,
“prezzo”: “prezzo”: cioè 99,99″,
“disponibilità”: “http://schema.org/InStock”.
}
}
</Scripting.

Fari sociali

mettI tag sociali come Open Graph e le mappe di Twitter aiutano a definire il modo in cui il frammento deve essere visualizzato quando una pagina è collegata ad un’altra tramite piattaforme sociali come Facebook e Twitter. Anche se ciò non apporta valore aggiunto in termini di ottimizzazione dei motori di ricerca, può contribuire a ridurre il tasso di click through nei social media e, a sua volta, a guidare il traffico supplementare.

Metadati da grafici aperti

Il markup Open Graph è relativamente facile da implementare, richiedendo l’inserimento di informazioni di base sul contenuto nei meta tag di intestazione HTML. Tutte queste informazioni devono già esistere nel database del vostro sito web, quindi sono sufficienti semplici chiamate al database per implementare :

<meta property=”og:title” content=”Nome della pagina” />
<meta property=”og:type” content=”Content Type” />
<meta property=”og:url” content=”URL della pagina” />
<meta property=”og:description” content=”Breve descrizione del contenuto” />
<meta property=”og:image” content=”URL immagine” />
John Lewis apre il grafico dei waypoint

Metadati della mappa di Twitter

Come per Open Graph, le mappe di Twitter sono implementate tramite meta tag nell’intestazione html, il markup di base è :

<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:sito” content=”Twitter Handle” />
<meta name=”twitter:title” content=”Titolo della pagina” />
<meta name=”twitter:descrizione” content=”Breve descrizione del contenuto” />
<meta name=”twitter:image” content=”URL immagine” />

Trattamento dei prodotti ritirati dal mercato e dei prodotti fuori stock

I prodotti vanno e vengono in continuazione, il corretto trattamento di queste pagine può fare la differenza in termini di referenziamento. I siti Shopify affrontano questo problema in vari modi, ad esempio rimuovendo completamente la pagina o reindirizzando ad un altro URL, ma pochissimi di loro gestiscono questa situazione in modo corretto.

Quando un prodotto viene interrotto o esaurito, il reindirizzamento o la cancellazione della pagina può spesso comportare la perdita di qualsiasi classificazione organica e il conseguente traffico, poiché i contenuti rilevanti cessano di esistere. Per ovviare a questo problema, vi suggeriamo di aprire il vostro software di analisi e di cercare il valore del vostro prodotto.

Se il prodotto aveva un valore, è possibile lasciare la pagina live con un messaggio “Esaurito o interrotto”, mantenendo il resto del contenuto invariato, ma aggiungendo un elenco di prodotti alternativi per garantire il massimo valore possibile. Se il prodotto non ha funzionato bene tramite la ricerca organica, allora si consiglia di reindirizzare l’URL alla pagina della categoria più rilevante, in modo da conservare l’eventuale valore residuo, cioè l’autorità dei link esterni.

Monitoraggio dei collegamenti interrotti

Molte pagine web vengono rimosse dal web ogni giorno e se un sito web non viene tenuto aggiornato
I collegamenti possono quindi essere facilmente interrotti – il che può portare a una brutta esperienza per l’utente e a un vicolo cieco per i crawler. Anche se un numero ridotto di link interrotti su un sito web spesso non è un problema, può inviare un segnale ai motori di ricerca che il contenuto non è aggiornato. A parità di altre cose, questo può essere il fattore che porta ad un altro sito web a guadagnare la preferenza nelle classifiche.

È importante monitorare attentamente tutti i collegamenti interni ed esterni, garantendo che i collegamenti interrotti siano riparati in modo tempestivo. Il modo migliore per farlo è quello di eseguire un audit mensile o bimestrale, utilizzando un web crawler desktop come ScreamingFrog per esplorare il sito web, o strumenti basati su cloud come Deep Crawl per monitorare costantemente il tuo sito web.

Ci sono tre passi da fare per risolvere i problemi di collegamento interrotto:

  1. Rimuovere il link
  2. Trovate il nuovo URL del contenuto a cui siete collegati
  3. Collegamento a una fonte alternativa

Anche se la rimozione totale del link è l’opzione più semplice / più veloce, il link è stato posto lì per un motivo, di solito il miglioramento dell’UX complessivo, quindi nella maggior parte dei casi l’aggiornamento del link sarebbe l’opzione migliore da prendere.

Configurazione della mappa del sito XML

Una sitemap XML è una lista di tutte le pagine che esistono su un sito web, viene utilizzata dai robot dei motori di ricerca come elenco definitivo di ciò che dovrebbero strisciare e indicizzare. Sebbene sia uno strumento utile, molti siti web generano automaticamente questo file e il processo può portare a URL indesiderati o a un file troppo grande per essere elaborato dai motori di ricerca.

Le sitemap possono essere impostate manualmente utilizzando strumenti come Screaming Frog, che permette di costruire la sitemap o di ottenere un elenco di tutte le pagine del sito web e quindi aggiungere i tag corrispondenti. Mentre questo processo può alleviare alcuni dei problemi associati alle sitemap automatizzate, la creazione manuale delle sitemap può richiedere molto tempo e le nuove pagine devono essere aggiunte manualmente, anche se non dovrebbe esserci alcun impatto negativo se mancano nuove pagine per un breve periodo di tempo, consentendo la produzione di sitemap create manualmente su base bimestrale.

Uno dei principali vantaggi delle sitemap manuali è che possono essere suddivise in file più piccoli. Per i siti Shopify, è possibile avere una mappa del sito contenente le pagine chiave e gli URL delle categorie e un’altra contenente tutti gli URL dei prodotti, che consente di mantenere le dimensioni del file il più piccolo possibile.

Velocità del sito web

I progressi tecnologici sono aumentati drasticamente, così come le aspettative degli utenti di ricevere risposte immediate alle loro domande. È stato ampiamente riportato che il 47% degli utenti si aspetta che un sito web si carichi in meno di due secondi e il 40% potrebbe lasciarlo se il processo di caricamento richiede più di 3 secondi.

I sistemi di gestione dei contenuti (CMS) di Shopify sono sempre stati noti per il loro tempo di caricamento più lento, di solito in Shopify a causa della potenza di elaborazione aggiuntiva che questi tipi di CMS richiedono rispetto ai tradizionali sistemi di gestione dei contenuti come WordPress o Umbraco. Per mantenere il carico di pagine di un sito Shopify il più basso possibile, si raccomanda di considerare i seguenti punti

  • Piattaforma di hosting
  • Numero di richieste HTTP
  • Peso totale della pagina
  • Compressione dei file
  • Caching HTTP
  • Piattaforma di hosting

Se l’infrastruttura tecnica non è all’altezza del compito, il sito web sarà più lento a dare una risposta iniziale, il che aumenterà il tempo necessario per l’invio del primo byte di informazioni all’utente finale. Ci sono molte possibilità di hosting, ma l’hosting condiviso e in alcuni casi i server privati virtuali non sono sufficienti.

Piattaforma di hosting

È necessario monitorare l’utilizzo delle risorse hardware, come la CPU, la RAM e l’utilizzo della rete durante le ore di punta per vedere come sta andando l’installazione corrente. Se si raggiunge spesso il 100% di utilizzo in qualsiasi area, si consiglia di effettuare l’upgrade per garantire che non abbia un impatto sui clienti.

Oltre all’hardware, l’aggiornamento da HTTP/1.1 a HTTP/2 può anche potenziare la vostra infrastruttura riducendo la latenza complessiva e accelerando i tempi di download dei contenuti. Una panoramica completa delle differenze tra HTTP/1.1 e HTTP/2 si trova qui.

Numero di richieste HTTP

I browser sono limitati al numero di connessioni HTTP simultanee che possono essere effettuate da un unico dominio, il che limita il numero di immagini, CSS e file JS che possono essere scaricati contemporaneamente. Una volta raggiunto il limite, il browser deve attendere che finiscano i download attuali prima di scaricare il resto delle risorse necessarie per far funzionare il vostro sito web.

Con il passare degli anni i siti web sono diventati più interattivi e il numero di risorse aggiuntive, soprattutto JavaScript, è aumentato. Alcuni siti Shopify utilizzano più di 20 diversi file JavaScript per aggiungere funzionalità aggiuntive non presenti nell’HTML standard.

La soluzione migliore per combattere questo fenomeno è quella di combinare tutte le risorse simili, cioè se si hanno 4 file CSS e 10 file JS, molto probabilmente si può ridurre questo numero a uno di ogni tipo. Inoltre, tutte le immagini potrebbero essere servite da una CDN (rete di distribuzione dei contenuti), che aggiungerebbe un secondo dominio al mix e quindi raddoppierebbe il numero di percorsi di download per garantire che immagini, CSS e JS siano scaricati in parallelo – velocizzando così il tempo di download del sito web.

Peso totale della pagina

Il peso della pagina corrisponde alla dimensione combinata dei file del vostro sito web in MB. Più grande è, più tempo l’utente deve aspettare prima di scaricarlo. Più grande è, più tempo l’utente deve aspettare prima di scaricarlo. Poiché i siti web di oggi richiedono molto più codice, soprattutto a causa della loro crescente complessità, il peso complessivo dei siti web è aumentato.

L’aumento della navigazione mobile, dove la velocità di download è molto più lenta, ha costretto i siti web a perdere un po’ di questo peso. I due modi migliori per farlo sono i seguenti:

  • Ottimizzazione delle immagini
  • Minimizzazione del codice

Ottimizzazione dell’immagine

Anche se può essere conveniente caricare immagini ad alta risoluzione sul vostro sito web, nella maggior parte dei casi questo non è necessario e può comportare un notevole aumento del peso totale della pagina. Nella maggior parte dei casi, le immagini possono essere ottimizzate per ridurre le dimensioni del file utilizzando gli editor di immagini in due semplici passi:

  1. Ridurre l’altezza e la larghezza del file ad una dimensione simile a quella che verrà visualizzata sul sito web
  2. Ridurre il più possibile la qualità dell’immagine fino a quando non diventa percepibile all’occhio umano.

Nella maggior parte dei casi, questi due fattori possono portare a una riduzione del 70-80% delle dimensioni dei file di immagine, che riduce il tempo complessivo di caricamento del sito web.

Ridurre al minimo il codice

Il codice è sempre scritto in un formato di facile lettura, utilizzando schede e spazio bianco tra i diversi elementi. Il problema è che lo spazio bianco si aggiunge al peso complessivo del codice, e rimuoverlo può comportare una riduzione di almeno il 10% delle risorse HTML, CSS e Javascript senza compromettere la funzionalità.

Come suggerisce il nome, la compressione dei file riduce la dimensione dei file (tipicamente fino al 70%) in modo che possano essere trasferiti all’utente finale molto più velocemente.

Controllare se la compressione Gzip è abilitata sul vostro sito web è abbastanza semplice, basta inserire l’indirizzo del vostro sito web in questo strumento online e vi dirà se la compressione è stata abilitata o disabilitata. Abilitare la compressione può essere un po’ più difficile, mentre alcuni sistemi CMS hanno un semplice segno di spunta o un’opzione di attivazione o hanno plugin / moduli che aggiungono questa caratteristica – altri richiedono alcune modifiche alla configurazione del server.

Server Apache

Al file .htaccess va aggiunto quanto segue

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Necessario solo per i browser più vecchi
BrowserMatch ^Mozilla/4 gzip solo testo/html
BrowserMatch ^Mozilla/4 ^Mozilla/4.0 [678] no-gzip
BrowserMatch! no-gzip! gzip-only-text/html
Intestazione e Appendice Vary User Agent

Server IIS

  1. Aprire IIS Manager e navigare al livello che si desidera gestire. Per ulteriori informazioni sull’apertura di IIS Manager, vedere Open IIS Manager (IIS 7). Per ulteriori informazioni sulla navigazione verso le posizioni dell’interfaccia utente, vedere Navigazione in IIS Manager (IIS 7).
  2. Nella Feature View, fare doppio clic su Compressione.
  3. Nella pagina Compressione, selezionare la casella accanto a Abilita la compressione dinamica dei contenuti.
  4. Clicca su Applica in Azioni

Caching HTTP

Il caching HTTP consiste essenzialmente nell’immagazzinare localmente le risorse di un sito web (CSS, immagini, ecc.) sulla macchina di un utente alla prima visita, in modo che possano essere riutilizzate per ogni successivo caricamento di pagina senza che il browser debba scaricarle nuovamente. Poiché non c’è bisogno di scaricare nuovamente le risorse, ogni visita dopo il caricamento della prima pagina è più veloce, offrendo agli utenti una migliore esperienza complessiva di navigazione del sito web.

Uno dei problemi del caching è che le cose sul web cambiano continuamente, come piccole modifiche ai CSS o alle funzionalità. Se gli utenti hanno già memorizzato questi file nella cache, non saranno in grado di vedere questi cambiamenti. Per aggirare quest’ultima intestazione modificata, è possibile utilizzare gli ETag o le intestazioni a scadenza per garantire che gli utenti possano ottenere la versione più recente del vostro sito web.

Whew! Congratulazioni se siete arrivati fin qui. Fateci sapere se volete essere i cervelli del nostro team tecnico.