Best practice

Panoramica

Questa pagina fornisce le linee guida per progettare un'estensione di alta qualità e una scheda del Chrome Web Store. Questi consigli potrebbero essere aggiornati man mano che lo store continua a crescere e impariamo dalle esperienze degli sviluppatori. Ti consigliamo vivamente di creare estensioni che soddisfino gli standard di conformità, prestazioni, sicurezza ed esperienza utente, come descritto nelle sezioni seguenti.

Conformità

Le estensioni disponibili nel Chrome Web Store devono rispettare le norme del programma per gli sviluppatori. Se hai ricevuto un avviso di violazione delle norme o vuoi conoscere gli errori più comuni relativi alle violazioni, consulta la sezione Risoluzione dei problemi relativi alle violazioni del Chrome Web Store.

Versione manifest 3

Manifest V3 è la versione più recente della piattaforma delle estensioni di Chrome ed è la versione necessaria per l'invio di nuovi elementi al Chrome Web Store. Consulta la panoramica su Manifest V3 per scoprire di più sulle modifiche della piattaforma. Per le estensioni esistenti è consigliabile eseguire la migrazione a Manifest V3. Per istruzioni su come eseguire la migrazione, consulta Eseguire la migrazione a Manifest V3.

Sicurezza

La tua estensione deve essere sicura per i tuoi utenti. Ad esempio, invia i dati utente in modo sicuro tramite HTTPS o la sicurezza dei servizi web. Verifica che l'estensione non comporti minacce alla sicurezza e non utilizzi tattiche di installazione ingannevoli. Per ulteriori informazioni, vedi Preservare la sicurezza.

Privacy

Un'estensione è tenuta a indicare nella scheda Privacy quali dati utente raccoglierà e come verranno gestiti i dati utente. Queste informazioni devono essere accurate, aggiornate e corrispondere alle norme sulla privacy dell'estensione. Per ulteriori indicazioni sulla privacy, consulta le norme sulla privacy degli utenti sulla protezione e le Domande frequenti sui dati utente.

Prestazioni e funzionalità

Aggiungi test end-to-end utilizzando librerie di test come Puppeteer per assicurarti che l'estensione funzioni come previsto dall'inizio alla fine. Inoltre, prendi in considerazione l'esecuzione di test manuali accurati su diverse versioni dei browser, sistemi operativi e condizioni di rete per garantire una funzionalità senza problemi.

Esperienza utente

Progetta l'estensione pensando all'utente fornendo un'interfaccia utente semplice, intuitiva e senza interruzioni, rispettando al contempo la privacy dell'utente.

Esperienza di onboarding

Inizia l'onboarding degli utenti non appena raggiungono la tua scheda dello Store fornendo screenshot e un video del funzionamento dell'estensione. Ti consigliamo di seguire le linee guida sugli avvisi di autorizzazione per aumentare le probabilità che gli utenti installino la tua estensione.

Progettazione di un'interfaccia utente permanente

Evita di distrarre gli utenti quando implementi un'interfaccia utente permanente. Ad esempio, quando progetti un riquadro laterale per l'estensione, assicurati che migliori l'esperienza di navigazione dell'utente fornendo informazioni pertinenti e funzionalità utili. Un riquadro laterale dovrebbe aiutare gli utenti a svolgere le attività con il minimo sforzo.

Accedi con Google

Se l'estensione richiede l'accesso utente, ti consigliamo di supportare Accedi con Google, che offre una buona esperienza utente per gli utenti del Chrome Web Store, poiché è probabile che abbiano già eseguito l'accesso. Se disponi già di un sistema di accesso, valuta la possibilità di collegare l'ID Account Google all'account utente nel tuo sistema. Puoi utilizzare l'API Chrome Identity per supportare gli Account Google nei seguenti modi:

Scheda dello Store

Lo scopo della scheda del Chrome Web Store di un'estensione è impostare le aspettative dell'utente. Deve comunicare esplicitamente lo scopo dell'estensione. Per un elenco completo dei requisiti, consulta la sezione Requisiti degli elenchi.

Crea una scheda dello Store efficace

Migliore è la scheda dello Store dell'estensione, più utenti la scopriranno e proveranno. La creazione di un'ottima pagina della scheda fornisce linee guida per progettare la migliore esperienza della scheda dello Store. Quando scegli il nome dell'estensione, scrivi la descrizione e progetti il logo, tieni presente le linee guida per il branding di Google.

Fornire immagini di qualità

Includi tutte le immagini richieste (icona, riquadro, cornice intermittente e screenshot). Le immagini non devono essere sfocate o troppo occupate, come descritto nella sezione Immagini di una scheda di alta qualità.

Scegli bene la categoria dell'estensione

La Developer Console richiede di specificare una categoria per l'estensione. Scegli la categoria più appropriata:

Accessibilità
Estensioni progettate per migliorare l'esperienza di navigazione degli utenti con disabilità visiva, perdita dell'udito, destrezza limitata e altre disabilità. Sono inclusi strumenti come screen reader, estensioni per la modalità Buio o utilità che aiutano con la navigazione, utilizzando scorciatoie da tastiera e comandi vocali, tra gli altri.
Arte e design
Queste estensioni forniscono gli strumenti per visualizzare, modificare, organizzare e condividere immagini e foto. Potrebbero anche offrire funzionalità per acquisire screenshot, cercare immagini e integrarsi con i più diffusi servizi di hosting o modifica delle immagini.
Comunicazione
Estensioni che consentono le comunicazioni. Questa categoria riguarda una vasta gamma di argomenti: composizione e modelli delle email, gestione dell'email, condivisione dello schermo, miglioramenti e app per videoconferenze e molto altro ancora.
Strumenti per sviluppatori
Estensioni che aiutano gli sviluppatori web a eseguire attività come il debug, l'analisi del rendimento, l'analisi del codice tramite lint e strumenti che migliorano gli strumenti per sviluppatori del browser. Ad esempio, modifica in tempo reale HTML/CSS/JavaScript, test API e ispezione CSS.
Istruzione
Estensioni che insegnano o favoriscono l'insegnamento, tra cui apprendimento delle lingue, appunti, sussidi per l'insegnamento e insegnamento della lingua dei segni.
Intrattenimento
Queste estensioni sono progettate per gli appassionati di sport, musica, televisione e cinema.
Funzionalità e interfaccia utente
Estensioni che migliorano l'interfaccia utente di Chrome, ad esempio gestori di schede, gestori di scorciatoie e Avvio app.
Giochi
Estensioni che offrono una vasta gamma di giochi per computer desktop e in stile arcade.
Nucleo familiare
Estensioni per il supporto in casa. Questa categoria include gestori e utenti che risparmiano ricette, budget, ricerche di prodotti e altro ancora.
Divertimento
Queste estensioni sono concepite per l'intrattenimento. Possono includere giochi, sfondi interessanti per le nuove schede, widget stravaganti, barzellette, quiz e altro ancora.
Notizie e meteo
Queste estensioni tengono gli utenti informati sugli eventi attuali e sulle condizioni meteo. Possono raccogliere notizie da più fonti, presentare aggiornamenti meteo in tempo reale, inviare notifiche sulle ultime notizie e altro ancora.
Privacy e sicurezza
Estensioni come VPN, cassette di sicurezza per le password e deterrente contro il phishing.
Shopping
Lo scopo di queste estensioni è migliorare l'esperienza di acquisto online. Potrebbero offrire funzionalità come confronto dei prezzi, strumenti per la ricerca di coupon, recensioni e valutazioni, gestione della lista dei desideri e altro ancora.
Social media e networking
Queste estensioni sono progettate per migliorare le piattaforme di social media. Possono integrarsi con servizi e offrire funzionalità come condivisione semplice, notifiche, aggiornamenti di stato e altro ancora.
Strumenti
Strumenti che non rientrano in altre categorie
Viaggiare
Estensioni per la pianificazione dei viaggi.
Benessere
Estensioni per auto-aiuto, mindfulness e sviluppo personale.
Flusso di lavoro e pianificazione
Estensioni per aiutare gli utenti a svolgere le proprie attività in modo più efficiente. Potrebbero includere tracker del tempo, strumenti per mantenere la concentrazione, gestori di elenchi di cose da fare, organizzatori di email, editor di documenti e utilità di calendario, tra gli altri.

Revisioni delle categorie

A metà del 2023 le categorie sono cambiate. La maggior parte delle nuove categorie corrisponde a quelle precedenti. Molte categorie sono state sostituite da più categorie. Se in precedenza hai utilizzato una delle categorie sostituite, utilizza la tabella riportata di seguito per decidere quale nuova categoria è più adatta alla tua estensione.

Svago
* Intrattenimento
  • Giochi
  • Divertimento
Foto
* Arte e design
Produttività
* Istruzione
  • Funzionalità e interfaccia utente
  • Nucleo familiare
  • Privacy e sicurezza
  • Strumenti
  • Flusso di lavoro e pianificazione
Social network e comunicazione
* Comunicazione
  • Social media e networking
  • Viaggiare
  • Benessere

Scegli bene la categoria del tuo tema

La Developer Console ti chiede inoltre di specificare una categoria per il tuo tema. Scegli la categoria più appropriata:

Animali
Temi ispirati agli animali.
Arte e design
Temi creati solo per migliorare l'aspetto del tuo browser.
Auto
Temi correlati alle auto, ad esempio le auto attuali e classiche.
Colori
Temi che modificano l'aspetto del browser con colori personalizzati.
Scuro e nero
Temi con immagini e colori scuri.
Intrattenimento
Temi ispirati a intrattenimento popolare, come serie televisive e cinematografiche.
Giochi e anime
Temi ispirati a videogiochi e anime.
Minimalista
Temi che semplificano l'aspetto del browser.
Natura e paesaggi
Temi ispirati ai grandi spazi aperti.
Spazio
Temi ispirati allo spazio.
Altro
Una categoria per i temi che non hanno una sede altrove.