📄 ページテンプレート初級

404エラーページ

ページが見つからないときに表示する404エラーテンプレート。訪問者に対して「ファイルが見つかりません」というメッセージを中央配置で伝える。

用途

存在しないURLにアクセスされたときの標準レスポンス。古い外部リンクや入力ミスで到達したユーザーに、ページが削除または移動したことを知らせる。

設置場所

templates/404.liquid として配置。Shopify は自動的にこのテンプレートを認識し、404ステータスで応答する。カスタムメッセージやナビゲーションリンクを追加する場合は、dialog div 内に要素を加える。

注意点

Shopify 管理画面の「ナビゲーション」セクションでURL リダイレクトを設定することで、頻繁にアクセスされる存在しないURLを自動的に別ページに転送できる。h1 テキストを自ストアのトーンに合わせて日本語に変更し、ホームページや人気ページへのリンクをdialog 内に追加することで、ユーザーの離脱を防げる。検索エンジンにインデックスされないよう、theme.liquid の head 内に `<meta name="robots" content="noindex">` の追加も推奨する。

タグ:error-page404templateuser-experiencenavigation

コード

16 行 / liquid

{% comment %}

NOTE: If there are specific nonexistent URLs which your visitors are likely 
to request on a regular basis (maybe due to old links from elsewhere on the web), 
you can set up URL redirection by clicking on your Navigation tab and following 
the link in the sidebar.

{% endcomment %}

<div class="outer">
  
  <div class="dialog" style="text-align: center;">
    <h1>Sorry, File Not Found</h1>
    
  </div>
</div>

出典・ライセンス

Source:: Shopify/mcliquid-theme/templates/404.liquid
Repository:: https://github.com/Shopify/mcliquid-theme
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

404エラーページ

コード

出典・ライセンス

関連項目

ページテンプレート

リダイレクト

トップページの基本テンプレート

固定ページのテンプレート

ページの基本テンプレート

固定ページのテンプレート