Shopifyでファビコンを設定する方法｜管理画面からの手順・推奨サイズを解説

Shopifyストアにもファビコンは必要？

答えはイエスです。Shopifyストアを運営しているなら、ファビコンの設定はほぼ必須と言えます。

理由はシンプルです。お客さまがブラウザのタブやブックマークからあなたのストアを見たとき、ファビコンがないと他のタブに埋もれてしまうからです。ECサイトでは「あのショップをもう一度見たい」と思ったときにタブから見つけてもらえるかどうかが再訪率に直結します。

この記事では、Shopify管理画面からファビコンを設定する手順を解説します。

Shopifyは32×32px以上の画像を受け付けますが、高解像度ディスプレイでの表示を考慮して512×512pxで用意しておくのがベストです。

画像がない場合は、ファビコンデザイナーでショップ名の頭文字からサクッと作成できます。

ストアの管理画面（https://your-store.myshopify.com/admin）にアクセスします。

左メニューから 「オンラインストア」→「テーマ」 をクリック。現在のテーマの 「カスタマイズ」 ボタンを押します。

テーマエディタ左下の 歯車アイコン（テーマ設定） をクリックします。

「ファビコン」 セクションを探し、「画像を選択」 をクリック。用意した画像をアップロードします。

右上の 「保存」 をクリックして完了です。

もっとも多い原因です。Ctrl+Shift+R（Mac: Cmd+Shift+R）でスーパーリロードするか、シークレットモードで確認してください。

Shopifyのサーバー側キャッシュが原因の場合、数分〜数時間で自然に反映されます。急ぎの場合は、テーマの「アクション」→「コードを編集」からtheme.liquidを開いて何も変更せず保存することでキャッシュが更新されることがあります。

GIF形式やBMP形式はShopifyで正常に動作しない場合があります。PNG形式を使ってください。

ECサイトならではの理由があります。

Shopifyの管理画面からアップロードする場合はPNG形式でOKです。Shopifyが自動的に適切な形式で配信してくれます。

はい。Shopifyの全プランでファビコン設定は利用可能です。

Shopifyの一部テーマではSVGのアップロードに対応していますが、テーマによって動作が異なる場合があります。確実を期すならPNG形式を推奨します。

Shopifyでのファビコン設定は 「テーマ設定 → ファビコン → 画像アップロード」 の3ステップです。

画像の準備がまだの方は、ファビコンの作り方を参考に作成してみてください。当サイトのツールで作成したファビコンはすべて商用利用OKです。

ICO・PNG・SVGなどファビコンのファイル形式の違いについてはこちら。