Themed Omnibox

Per dare all'utente un'esperienza più coinvolgente, è opportuno utilizzare i colori della tua PWA anche nella barra degli indirizzi del browser.

PWA

Perché definire un colore del tema per la barra degli indirizzi?

Per offrire all'utente un'esperienza più coinvolgente, è opportuno utilizzare i colori della vostra PWA (Progressive Web App) anche nella barra degli indirizzi del browser (questa funzione è supportata in tutti i browser).

 

Come viene visualizzato il controllo dei colori del tema per SeoChecker

Quando una pagina non utilizza un tema per la barra degli indirizzi, SeoChecker lo segnalerà.

themed omnibox

SeoChecker cerca una proprietà theme_color nel manifesto dell'applicazione Web e un meta tag theme-color nell'HTML della pagina.

 

Come posso impostare un colore del tema per la barra degli indirizzi?

 

1. Per ogni pagina che si desidera personalizzare, è necessario aggiungere un meta tag "theme-color":

<!DOCTYPE html>
<html lang="en">
<head>
  …
  <meta name="theme-color" content="#ECF3FF"/>
  …
</head>
…

2. Nel Web App Manifest aggiungere la proprietà theme_color:

{
  "theme_color": "#ECF3FF"
  …
}

Condividi questa Guida.

Ti è piaciuta? Condividila!

Share it!

Web tools per sviluppatori moderni. Provali!

Generatori, builder e validatori per migliorare le tue performance di ottimizzazione SEO e web

Home Back to top of the page