PWA
In order to give the user an experience more engaging, you should use the colors of your PWA (Progressive Web App) in the browser's address bar as well (this function is supported in all browsers).
When a page does not use a theme to the address bar, SeoChecker will notify it.
SeoChecker looks for a theme_color property in the Web App Manifest, as well as a theme-color meta tag in the HTML of the page.
1. For every page you want to personalize, add a theme-color meta tag:
<!DOCTYPE html> <html lang="en"> <head> … <meta name="theme-color" content="#ECF3FF"/> … </head> …
2. To the Web App Manifest, add the theme_color property:
{ "theme_color": "#ECF3FF" … }
Learn more about PWA
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Tester and validators
Validate your Css file sheet with W3C validation Service. Check if the markup of your Cascading style Sheet document is W3C compliant.
Server and proxy
Retrieve your Public IP Address and geolocation. Get your IP address, ISP-Organization information and geolocation data for free.
Converters
Pixel - Rem - Point units converter. Convert Pixel to REM or Point unit in seconds and vice versa with this free converrter.
Builders and generators
Create your personalized Barcode in over 70 formats. Choose your data, formats and colors and get your personalized Barcode.
Convert text into MD5, SHA-1 and Base64 hash string. Type or paste text and get Messade-Digest Algorithm 5, SHA-1 and Base64 hased string.
Check color contrast ratio WCAG 2 AA of your pages. Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.
Analytics Google Tracking script
Send Web Vitals metrics to Analytics for better tracking. Measures and send Google Core Web Vitals to your Analytics account.
Layout Grid Calculator: set your grid system, page width, margin, gutter and columns. Design your layout grid system for web pages and print design.
We and selected third parties use cookies or similar technologies as specified in the cookie policy. You can consent to the use of such technologies by accepting this notice.