Apple Touch Icon

A PWA icon on iOS users’ screen is called “Apple touch icon”.

PWA

Correct use of Apple Touch Icon

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.

 

How the SeoChecker Apple Touch Icon audit is displayed

If you do not write the previous code in the <head> of your page, SeoChecker will notify it.

 

 

Share this Guide

Did you like it? Share it!

Share this tool

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

Home Back to top of the page