Setting "Home Screen" icon name for mobile Safari

icons, iphone, mobile-safari, safari

Solution

In iOS 6 this is solved with a meta tag:

<meta name="apple-mobile-web-app-title" content="Short name">

As cwap rightly commented: It's now official documentation. Here's all the info on setting `meta` tags for web apps: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Problem

By default, when "bookmarking" a website as an icon (by choosing to Add to Home Screen from within Safari's "+" menu), the icon name defaults to the page's `<title>`, truncated to 12 characters. In much the same way that `apple-touch-icon` lets you specify your own iconified representation of the page, is there a way for the webpage to specify a default icon name other than its `<title>`?

Original source