Shopify でファビコンが表示されない？その解決法
Shopify ではファビコンはサーバー上のファイルではなくテーマ設定です。テーマはエディターで選んだ画像から一つのアイコンの link をレンダリングするため、タブが空白ということは、未設定か、間違ったテーマを編集したか、フォーマットが拒否されたかのいずれかです。
ファビコンはテーマ設定です
Dawn をはじめとする Online Store 2.0 のテーマは、ファビコン設定を宣言しています。テーマエディターで画像を選ぶと、テーマは Shopify の画像 CDN が生成した URL を持つ一つのアイコンの link をレンダリングします。設定はテーマに属するため、テーマを変えると選び直す必要があります。
テーマの中にあるため、静かに失敗する二つのパターンは、公開しない下書きを編集してしまうことと、CDN が処理できないフォーマットを画像ピッカーに渡してしまうことです。
レンダリングさせる
- 1
テーマ設定でファビコンを設定する
「オンラインストア」→「テーマ」→「カスタマイズ」を開き、セクション一覧ではなくサイドバー下部のテーマ設定コントロールを選びます。Dawn ではファビコンが独自の見出しの下にまとめられています。
- 2
編集したテーマを公開する
カスタマイザーのプレビューと公開中のストアフロントは別々の URL です。下書きを編集した場合は、ファビコンが変わらないと判断する前に公開してください。
- 3
公開中のストアフロントをプライベートウィンドウで確認する
公開されれば、レンダリングされる link は CDN の URL です。その時点で古いアイコンが出るなら、それは Shopify ではなくブラウザのキャッシュです。
Shopify でファビコンが表示されない：よくある質問
Shopify のファビコンが表示されないのはなぜですか？
たいていはファビコン設定が空か、公開されていない下書きテーマを編集したか、画像 CDN が処理できない .ico をアップロードしたかです。テーマ設定で正方形の PNG を設定し、テーマを公開してください。
Shopify のファビコン設定はどこにありますか？
「オンラインストア」→「テーマ」→「カスタマイズ」→テーマ設定（左サイドバー下部の、セクション一覧とは別のコントロール）です。Dawn では独自の見出しがあります。
ストアのルートにファビコンファイルをアップロードできますか？
いいえ。Shopify が /favicon.ico で何を配信するかは制御できず、テーマのアセットは CDN から独自のパスで配信されます。すべてはテーマ設定か、レイアウト内の asset_url 参照を経由します。