BOOTHやBASEのショップをホーム画面に追加するとアイコンが変わる問題

BOOTHやBASEでショップを運営していると、「ホーム画面に追加した時のアイコンがラクダ・三角ロゴになるのが気になる」と感じたことはありませんか？

本記事では、 なぜショップのアイコンが勝手にサービスのロゴに置き換わるのか、そして どうすれば自分のショップのアイコンでホーム画面に置いてもらえるのか を、開発者視点でわかりやすく解説します。

BOOTHやBASEのアイコンが「自分のショップアイコン」にならない理由

iPhoneの「ホーム画面に追加」は、 Webサイト側に設定されている apple-touch-icon を参照してアイコンを決めます。

つまり、 BOOTHならBOOTHのアイコン（ラクダ） BASEならBASEのアイコン（三角ロゴ） が使われるのは、サービスがそう設定しているためです。

ショップ個別のアイコンが使われないのは、あくまで「あなたのショップ」ではなく BOOTHというサービスの一部ページ と見なされているからです。

ショップをホーム画面に置いてもらえるのは嬉しいことです。

ショートカットを使って好きなアイコンを設定する方法もありますが、次の理由でお客さんにやってもらうのは現実的ではありません。

OJapp は、Webサイトをホーム画面に追加する時の アイコン・タイトル・URL を自由に設定できるWebツールです。

生成されたページを開いて「ホーム画面に追加」を押すだけで、お客様にも簡単に自分のアイコンで置いてもらえます。

ショップのアイコンが自分のロゴになるだけで、ホーム画面の印象は大きく変わります。