Set a custom home screen title for your website on iOS devices

Here’s a neat little trick I’ve just learned. I’ve been setting up all the different icon sizes on mtvan.com for iPhone and iPad (including retina displays) for when you ‘Add to Home Screen’ and got the icons all working nicely.

The only thing that bugged me was my title tag. ‘mtvan – Courier Work and Networking for the Sameday Courier Industry’ is descriptive, accurate, great for Google and users alike however gets truncated the you add to home screen – far from ideal.

Turns out that from iOS 6 you can use the meta tag ‘apple-mobile-web-app-title’, and specify a nice appropriate and importantly short title! So on mtvan I added the following:

I used mtvan.com rather than mtvan to help differentiate from our iPhone app.

And this is the result:

Images in their correct resolution for iPhone, iPad, Retina displays and neat titles. Perfect.