rel-shortcut

 rel-shortcut  is a means of representing key navigational links or opportunities within HTML. This can offer parity with the  member of the Web App Manifest.

Why
When websites are added to a user’s home screen or pinned to the dock/taskbar, it may be helpful for users to have access to key actions or locations within that site. Shortcuts provide that functionality.

How to use
The "shortcut" value for  can be applied in any of a number of ways. If you are interested in promoting your primary navigation to being shortcuts, you can add the  value directly to those links:

Messages

Alternately, you could define shortcuts in the  if your document using the   element:



When to use
By comparison, the  member of the Web App Manifest is a much more robust solution, offering the ability to provide a custom icon per shortcut and maintain a single list of shortcuts for an entire site. If you do not have a manifest for your site, however, this declarative model can provide similar utility.