iPhone の FavIcon 設定してますか?


記事元: Set “apple-touch-icon.png” to Customize a Websites iPhone Bookmark FavIcon.

通常のパソコンで、ブックマーク(お気に入り)を追加すると、サイトに関連するアイコンが先頭に のように付きます。これが FavIcon です。

iOSデバイスでも、safari でブックマークを「ホーム画面に追加」することで、そのベージを直接開くアイコンがホーム画面に作成されます。
FavIcon が無いと、内蔵のブックマークアイコンが使用されますが、自分のサイトなどで、iOSデバイス用アイコンを作成すると、ホーム画面にその FavIcon が表示されるようになります。

作成法

  1. 120×120 ピクセルの png ファイル形式で FavIcon を作成します。
  2. 作成したファイル名称を apple-touch-icon.png とします。
  3. apple-touch-icon.png ファイルをウェブサーバーのルートディレクトリ(フォルダ)におきます。

これで、モバイル safari でブックマークを「ホーム画面に追加」すると、apple-touch-icon.png ファイルのイメージがホーム画面に表示されます。

と書いているこのサイト、FavIcon 置いてないんですよね。近々設置します。(汗;

コメントをどうぞ