Shopifyストアにファビコンを追加する方法：完全ガイド (2026)

数分でShopifyストアにカスタムファビコンを追加する方法を学びます。Dawn、Debut、カスタムテーマなど、すべてのShopifyテーマで機能します。

事前準備（やり直しを防ぐ）

Shopify管理画面でファビコンを設定する前に、正方形のアイコンを用意してください。推奨は512x512以上で、32x32と180x180も出力しておくと、ブラウザタブ・ブックマーク・iOSホーム画面をカバーできます。

• 形式：PNG推奨、背景は透明が無難。
• デザイン：細い線や小さな文字は避ける。
• ブランド：サイトのロゴやメインカラーと統一。

手順の流れ（確認ポイント付き）

1. Shopify管理画面にログインし、対象ストアの「オンラインストア」→「テーマ」を開く。
2. 現在のテーマの「カスタマイズ」をクリックし、テーマエディタを開く。
3. テーマ設定内の「Favicon」項目で、用意した画像をアップロードする。
4. 保存後、プレビューで確認し、本番URLでも表示を確認する。
5. 古いアイコンが残る場合は、ハードリロードやCDN・ブラウザのキャッシュ削除を行う。

変更したのにアイコンが変わらない場合

多くはキャッシュが原因です。Shopify側・ブラウザ・ブックマークが古いアイコンを保持していることがあります。「保存 → シークレットウィンドウで確認 → 別ブラウザで確認」の順で切り分けしてください。

• Chrome：Ctrl+Shift+R（MacはCmd+Shift+R）でハードリロード。
• Safari：サイトデータを削除してから再訪問。
• スマホ：タブを閉じて開き直す、必要ならブラウザ再起動。

Dawn / Debut / カスタムテーマの違い

多くの公式テーマでは標準のファビコン設定があります。カスタムテーマではheadに手書きのiconタグがある場合があり、管理画面で変更しても反映されないことがあります。テーマのコードで重複したicon指定がないか確認し、一か所に統一してください。

公開前の品質チェック

• ライト／ダークのタブどちらでも認識できる。
• 16x16でもロゴの輪郭が分かる。
• 色がくすんだり滲んだりしていない。
• スマホのホーム画面に追加したときも正常表示。

よくある質問

Q：ICOは必須ですか？
A：ShopifyではPNGで十分なことが多いですが、互換性のため複数サイズを用意することを推奨します。

Q：検索結果のアイコンはいつ更新されますか？
A：検索エンジンの更新は数日〜数週間かかることがあります。