HTML meta tag for Windows Phone “website pin to start”

Question

I'm developing website and I would like to know if it's possible to set shortcut icon for website (when you pin website to start screen on Windows phone mobile IE), just like on apple (apple touch icons).

I found this, but it doesn't work :(

<meta name="msapplication-TileImage" content="windows_phone_icon.png">
<meta name="msapplication-TileColor" content="#1B262B">

Thanks for your help!

Answer 1

Windows Phone now supports the msapplication meta tags, as well as browserconfig.xml and RSS feed. If you did the work for IE10 or 11, it will now work on Windows Phone as well.

The code you suggested should do the trick with the latest Windows Phone update.

Answer 2

Looks like there isn't an option as good as you typed.

I already saw many sites using a clever hack to accomplish this.

You need to provide to the user some way to know the site can be pinned.

The user needs to trigger an action to show what you want in the tile an after that he needs to invoke the ... and pin the site.

Here you can see a more elaborated post in Windows Phone Blog.

Answer 3

You might just be missing the self closing part in your tags:

<meta name="msapplication-TileImage" content="windows_phone_icon.png" />
<meta name="msapplication-TileColor" content="#1B262B" />