PWA
A PWA (Progressive Web App) icon on iOS users' screen is called “Apple touch icon”.
It's important to set it up, because otherwise iOS will generate the icon using a screenshot of the page itself.
Therefore, in the <head> of the page use:
<link rel="apple-touch-icon" href="/example.png">
n.b. replace “/example.png” with the image you want to use for the icon, making sure that the path is valid; the icon should be 180x180 px or 192x192 px with a no transparent background.
If you do not write the previous code in the <head> of your page, SeoChecker will notify it.
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
Images
Upload yours images and get the color palette. Get color palette for all dominant colors identified in your uploaded image.
Content Google
Find keyword ideas, suggestion and relevance score trought Google autofill suggested keywords.
Tester and validators
Test your Progressive Web App. Check the performance of your PWA, try to deliver high quality, engaging, fast and capable apps on every devices.
Server and proxy Tester and validators
Find out how website are built with. Detect technology, framework and CMS website are using.
Converters
Convert instantly color codes from HEX to RGB (red, green, blue) color schema and vice versa. Insert color and try it for free.
Builders and generators Social
Generate Twitter cards markup and improve yours html meta. Attach rich photos, videos and media experiences to Tweets and drive traffic to your site.
Check color contrast ratio WCAG 2 AA of your pages. Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.
Validate your Css file sheet with W3C validation Service. Check if the markup of your Cascading style Sheet document is W3C compliant.