Risorse e guide
01/10/2021
PWA è l’acronimo di Progressive Web App, un’applicazione che mira a fornire agli utenti un’esperienza simile a quella di un’app nativa.
29/09/2021
I Core Web Vitals sono legati al caricamento di un sito web, di conseguenza sono fondamentali per la User Experience.
27/09/2021
L’ottimizzazione delle immagini del vostro sito web è utile per migliorarne il posizionamento?
Lo scopo della SEO On-Page è quello di migliorare i parametri SEO tecnici e local di una singola pagina web.
06/10/2021
Al centro di una campagna di marketing digitale c’è l’importanza del monitoraggio delle prestazioni.
Il SEO Specialist è una delle figure emergenti più importanti nel mondo del digital marketing.
Speed performance
Le operazioni eseguite dal codice JavaScript possono monopolizzare il thread principale per lunghi periodi di tempo.
Lighthouse aiuta a mantenere le dimensioni e la quantità di richieste di rete al di sotto di quanto programmato.
Il traffico di rete ha due importanti componenti: la latenza e la larghezza di banda.
Con User Timing API è possibile dare un’occhiata alle prestazioni JavaScript della propria applicazione.
Accessibility
Gli elementi dt e dd devono essere racchiusi in un elemento dl padre.
Gli elenchi di definizione devono essere contrassegnati correttamente per evitare un output errato.
Gli utenti non udenti o ipoudenti hanno bisogno di didascalie che gli forniscano le informazioni relative ai video presenti in una pagina web.
Per essere sicuri che i contenuti fuori dallo schermo siano nascosti, utilizzate uno screen reader.
Per agevolare le tecnologie assistive, è necessario impostare un’intestazione di tabella per ogni colonna.
In ogni pagina Web, i controlli personalizzati devono avere un determinato ruolo.
Nelle pagine Web, si consiglia di rendere "focalizzabili" i controlli interattivi personalizzati.
Tutti i componenti della vostra pagina web hanno (o dovrebbero avere) un ruolo e uno scopo.
Verifica il budget per la quantità e la dimensione delle risorse di pagina.
Le Critical request chains sono necessarie per il corretto rendering di una pagina web.
Security
I CSP indeboliscono gli attacchi cross-site scripting (XSS) impedendo l’inserimento di script dannosi da parte degli eventuali aggressori.
Esistono innumerevoli web crawler automatizzati e appositamente creati per scansionare il vostro sito alla ricerca di vulnerabilità.
I nomi dei controlli (HTML o ARIA custom) devono essere accessibili per poter essere comunicati dalle tecnologie assistive.
PWA
I siti web devono essere in grado di funzionare su tutti i browser per consentire il maggior numero possibile di visite da parte degli utenti.
Perché ogni pagina PWA ha bisogno di un URL unico?
L’icona di una PWA sullo schermo degli utenti iOS è chiamata "icona Apple touch".
Per dare all’utente un’esperienza più coinvolgente, è opportuno utilizzare i colori della tua PWA anche nella barra degli indirizzi del browser.
Se utilizzate uno splash screen personalizzato per la vostra PWA, riuscirete a farla assomigliare di più a un’app.
Per abilitare le funzionalità tipiche di una PWA, è necessario registrare un service worker.
Perché i manifest dovrebbero avere una maskable icon
Quando gli elementi hanno un valore tabindex maggiore di 0
Qunado un pulsante non ha un nome accessibile
Quando gli aria attributes non corrispondono ai loro ruoli
Non usare API deprecate
Quando i collegamenti a destinazioni cross-origin non sono sicuri
Cache delle applicazioni
Come impostare correttamente l’evento di unload
Come migliorare le prestazioni dello scrolling utilizzando event listenerpassivi
JavaScript libraries noticed
Errori del browser nella console
Perché è necessario il doctype HTML
Un’immagine renderizzata risulta distorta se presentata con un aspect ratio diverso da quello naturale.
Perché associare le label agli elementi dei form?
Come impostare correttamente la meta viewport
Perché utilizzare un titolo per gli elementi <frame> o <iframe>
Come mai una pagina dovrebbe contenere un’intestazione, uno skip link o una landmark region?
Come impostare un sufficiente rapporto di contrasto
Perché gli <li> dovrebbero essere contenuti all’interno di elementi padre di tipo <ul> o <ol>?
Come usare correttamente gli elenchi
Perché un elemento html deve avere un valore valido per l’attributo lang?
Perché inserire un attributo lang tra gli elementi html
Uso del preload
Come migliorare i tempi di risposta del server (TTFB)
Non utilizzare document.write
Come gestire le grandi dimensioni del DOM
Come gestire grandi carichi di rete
Uso corretto dei contenuti animati
Seo content
Perché il file robots.txt non è valido
Evitare troppi redirect
Perché utilizzare i suggerimenti per le risorse preconnect
Come comprimere correttamente il testo
Come ottimizzare le immagini
I CSS inutilizzati devono essere rimossi
Come ottimizzare una pagina web: minificare i file JavaScript
Come minificare i CSS per risparmiare spazio
Risparmiare spazio con le immagini off-screen
Come usare correttamente JavaScript di terze parti
Come adottare una politica di cache efficiente
Eliminare le risorse che bloccano il rendering
Come assicurarsi che il testo rimanga visibile durante il caricamento della pagina
Tempo di esecuzione JavaScript: come ridurlo
Come minimizzare il funzionamento del thread principale
Che cos’è il parametro Total Blocking Time?
Cosa’è il Cumulative Layout Shift?
Cos’è il parametro Largest Contentful Paint?
Cos’è il parametro Max Potential First Input Delay?
Che cos’è il parametro Time To Interactive?
Come migliorare l’indice di velocità
Che cos’è il parametro First Contentful Paint?
Come ridurre il payload di rete
Qual è il significato di "charset"?
Che cosa significa risoluzione dell’immagine?
Che cos’è un’immagine responsive?
Seo main factors
A cosa serve hreflang?
Che cos’è la viewport in HTML?
Perché il codice di stato HTTP è così importante?
Perché l’HTTPS è importante?
Come si rende una pagina crawlabile?
What does it mean to be crawlable?
Che cos’è la codifica delle dichiarazioni charset?
A cosa serve il link canonico?
Condividi le risorse di SeoChecker
Ti sono piaciute? Condividile!