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>
?
The easiest way is probably by bookmarking the page you are wishing to have the icon for and then changing the name of the bookmark by long pressing, then long press again to add it to your screen.
Launch Safari on your iPhone or iPad. Navigate to the site that you want to create a Home screen shortcut to. Tap the Share icon (the square with an arrow pointing out of it) at the bottom of the screen. Scroll down to the list of actions and tap Add to Home Screen.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With