Fino ad oggi gli sviluppatori WordPress non avevano la possibilità di inserire gli script in modo ottimale per il semplice fatto che WordPress non aveva un filtro dedicato per aggiungere gli attributi async e defer. Per fortuna non è più così. Dalla versione 4.1 di WordPress è stato introdotto un nuovo filtro che offre una soluzione per aggiungere attributi async e defer alle dipendenze JavaScript. Render-Blocking JavaScript Render-Blocking JavaScript è un termine che non ti suona nuovo? Lo vedi sempre sui tuoi report di GTmetrix? Le dipendenze JavaScript presenti nel tuo HTML possono ritardare la visualizzazione del contenuto della pagina perché il browser deve prima scaricarle ...
JavaScript
Async e Defer per chiamate asincrone alle dipendenze JavaScript
L'elemento HTML <script> consente di definire quando il browser deve iniziare ad eseguire il codice JavaScript nella tua pagina. Gli attributi async e defer sono stati aggiunti al WebKit a Settembre 2010. Gli attributi async e defer per gli elementi script sono utili per ottimizzare il caricamento della pagina evitando stop nel rendering della pagina HTML causati da elementi di blocco come dipendenze JavaScript. <script> Cominciamo col definire che cosa succede quando si richiama uno <script> senza alcun attributo. Il file HTML viene analizzato fino a quando non viene richiamata una dipendenza (uno <script>), a quel punto l'analisi si ferma ed il browser ...
SEO e AngularJS: scansione, indicizzazione e rendering
Indice: Premessa Le basi della SEO con AngularJS Fondamenti: quello che sappiamo su GoogleBot e JavaScript Redirect, link e tempi di esecuzione di JavaScript Il vecchio schema di Scansione AJAX (deprecato) Il rendering server side è un must 4 approcci differenti alla SEO con AngularJS Phantom.js e Prerender.io Hashbang o no? Canonical tag Impostare l'ambiente AngularJS Testare e validare le implementazioni Supersegreto Risorse e approfondimenti Premessa A settembre mentre ero al mare in totale relax mi chiama Roberto, un amico con cui collaboro: - Roberto: Ciao Giovanni, ho un nuovo progetto per te! - Io: Ottimo Roberto, di che si tratta? - Roberto: E' un cliente ...
Implementare ed ottimizzare AMP per la SEO
Indice: Cos’è AMP – Accelerated Mobile Pages Project AMP è utile alla SEO? Google Discovery – indica a Google le tue pagine AMP Ottimizzare AMP per la SEO Usa solo script asincroni Dichiara le dimensioni delle risorse esterne Non usare plugin/estensioni che bloccano il rendering Tieni i JavaScript di terze parti fuori dal percorso di rendering Tutte le regole CSS devono essere inline e occupare massimo 50k Richiama i Font in modo efficiente Riduci i ricalcoli di stile - style recalculations Utilizza solo animazioni accelerate dalla GPU Assegna priorità al caricamento delle risorse Carica le pagine in un istante Plugin e ...
Text/HTML Ratio: rapporto tra testo visibile e codice HTML
Uno dei fattori della mia SEO Check list è l'indice Text/HTML. Che sia chiaro, non è che migliorando questo indicatore vedrai il tuo sito scalare improvvisamente la SERP come se non ci fosse un domani. Come in Formula 1, in una nicchia competitiva ogni "limata" aiuta a migliorare il tempo sul giro. Ma prima di tutto vediamo cosa rappresenta questo indice. TEXT/HTML Ratio è un indice che rapporta il volume di testo di una pagina web visibile all'utente tramite browser, sul volume di testo presente nel codice HTML. Questo rapporto indica la qualità e l'efficienza del codice HTML. Essendo un rapporto, il Text/HTML ratio non è un valore da considerare in modo assoluto. Un rapporto ha senso ...
Guida ottimizzazione per motori di ricerca 2018
Stai per rifare il sito web? Condividi questa guida con il tuo webmaster o la tua agenzia web di riferimento per assicurarti che conosca almeno le basi della SEO. E' meglio partire con un sito SEO friendly piuttosto che correre ai ripari in ritardo spendendo il doppio! Il posizionamento sui motori di ricerca è un'insieme di attività molto varie tra di loro e di complessità crescente. Si può fare SEO partendo con attività relativamente semplici come il miglioramento dei contenuti, article marketing e link building. Fare SEO vuol dire anche implementare ottimizzazioni più difficili e complesse come rendere il sito fulmineo nei caricamenti delle pagine, studiare i log, ottimizzare i file di ...
Come leggere il log del web server
Indice: Intro A cose serve il log del web server Dove recuperare il log del web server Esempio di stringa estratta dal log Come aprire il file di log Gli elementi del log del web server Come unire molti file log in uno solo Leggere il log in tempo reale sulla SHELL Video Considerazioni Intro In questa guida vorrei spiegare come recuperare, leggere ed interpretare il log del web server con Excel. Se preferisci usare software server-side puoi provare GOACCESS. Prima di tutto però vediamo perché dovremmo dedicare tempo a questo file. Analizzare i dati presenti nel log del web server è fondamentale per capire come gli spider dei motori di ricerca navigano un sito web, ovvero ...
Aumentare il Crawl Budget, le scansioni giornaliere di Googlebot
Il tuo sito piace a Google? Scoprilo leggendo le statistiche di scansione All'interno della Google Search Console (il caro vecchio Webmaster Tools) puoi verificare uno dei dati diagnostici più importanti che Google ci fornisce: le statistiche di scansione relative agli ultimi 90 giorni, in inglese "Crawl Budget". Il crawl budget è un indicatore che riguarda il comportamento di Googlebot sul nostro web server, ci dice quanti file come file HTML, CSS, JavaScript, Flash, PDF e immagini vengono scansionati (o scaricati) ogni giorno, quanti kilobyte vengono scaricati e quanto impiega il web server a fornire i file. Le statistiche di scansione ottimali Pagine sottoposte a scansione ...
Elementi che penalizzano la SEO
Partendo dal presupposto che più un utente è soddisfatto di un servizio e più volentieri lo utilizzerà (e continuerà ad utilizzarlo) - Google ha sempre puntato molto ad offrire un'esperienza utente elevata, combattendo lo spam ed i risultati di bassa qualità. Per Spam intendo le forme più comuni di comportamento ingannevole o a scopo di manipolazione del ranking su Google. Google ha più volte affermato che i webmaster che si impegnano a rispettare i princìpi di base elencati nelle sue linee guida offriranno agli utenti un servizio decisamente migliore e, di conseguenza, godranno di un miglior posizionamento rispetto a coloro che si dedicano a cercare scappatoie. Un altro modo di vedere le ...
Come generare una lista di parole chiave correlate
Acquista il nuovo video corso avanzato in SEO copywriting. Generare liste di parole chiave è una attività SEO molto frequente e spesso sottovalutata sebbene sia la base per eseguire una corretta analisi delle parole chiave. Potrebbe sembrare semplice identificare le migliori parole chiave ma non lo è affatto, per fare un buon lavoro serve infatti molto tempo, attenzione e soprattutto metodologia. Un buon lavoro non ti farà pentire del tempo che hai impiegato perché ricordati - Content is the king! Per ottimizzare semanticamente una pagina web al fine di migliorarne il ranking nei Motori di Ricerca è importante scrivere contenuti ricchi di informazioni che rispondano non solo alla ...