Tenoraを選ぶ理由
Tenoraは、家具、アウトドア用品、照明、インテリア雑貨を販売するストアのためのShopifyテーマです。3つのプリセット（Tenora、Terrace、Lantern）が付属し、価格は295 USDの買い切りです。
このページでは、Tenoraがお客様とストアのために何ができるかを説明します。各項目には、テーマで試せる機能や、私たちが実施したテストへのリンクがあります。外部の調査の数値を使っている箇所は、ページの最後に出典を記載しています。
家具の買い方に合わせた設計
ソファやダイニングテーブルをオンラインで買うのは大きな決断です。お客様は通常、次の3つの不安を抱えています。
- サイズ。 ドアを通るか。部屋に収まるか。
- 素材。 木材や生地は実際にどう見えるか。どうお手入れすればよいか。
- 配送。 どれくらいで届くか。組み立ては必要か。
Tenoraは、テーマエディターで追加するブロックを使って、これらの疑問に商品ページで答えます。データはShopifyのメタフィールドとメタオブジェクトから読み込まれるため、Shopify管理画面で一元管理できます。ブロックに必要なデータがない商品では、そのブロックは何も表示しないため、空の枠が表示されることはありません。
センチメートルとインチでのサイズ表示
サイズブロックは、幅、奥行き、高さ、座面高、重量を表示します。各値は、ミリメートル、メートル、インチ、フィート、グラム、ポンドなど、お好みの単位で一度入力するだけです。Tenoraがセンチメートルとインチ、キログラムとポンドに換算します。
- お客様は、1つの切り替えでcmとinを切り替えられます。選択した単位は、閲覧するすべての商品ページで保持されます。
- 最初に表示する単位は、ストアで選べます。
- 任意の正面図で、幅と高さを寸法線付きで表示できます。
「サイズは合いますか？」
サイズ確認ツールは、サイズ表の下にあります。お客様は2組の寸法を入力します。
- ドア： ドアの幅と高さ。ツールは、商品を立てた状態または横に倒した状態で運ぶ場合をチェックします。斜めに傾けられることは想定していません。
- 床面スペース： スペースの幅と奥行き、および任意で高さ。ツールは商品を90度回転させた場合も確認します。
結果は明確です。収まる（余裕の大きさも表示）、ぎりぎり収まる、または大きすぎる（どれだけ大きいかも表示）のいずれかです。各結果にはアイコンとテキストがあり、スクリーンリーダーでも読み上げられます。幅木、ドアノブ、階段の曲がり角、狭い角などを考慮して余裕を持たせるよう、短い注意書きも表示されます。チェックはお客様のブラウザ内で、お客様が選んだ単位で実行されます。
カードで表示する素材とお手入れ
各素材は、名前、画像、説明、お手入れ方法を持つ「material」エントリー（メタオブジェクト）として一度登録するだけです。その後、その素材を使うすべての商品に関連付けます。エントリーを更新すると、すべての商品に変更が反映されます。
商品ページでは、素材とお手入れブロックが各素材をカードで表示します。大きな画像、名前、説明の最初の1文、そして切り替えで開くお手入れのポイントです。コンパクトな表示がよければ、代わりにリストレイアウトを選べます。
サンプルを注文
仕上げを実際に見て触れたいお客様は、商品ページを離れずにサンプルをカートに追加できます。サンプル商品はメタフィールドで関連付けるか、ブロックの設定ですべての商品に共通のサンプルを1つ選びます。サンプルが無料の場合、カードには「無料」と表示されます。サンプル自体の商品ページでは、カードは非表示になります。
配送と組み立て
配送と組み立てブロックは、お客様が最もよく尋ねる詳細を表示します。
- お届けまでの目安（ストア独自の表現で。例：「受注生産、6〜8週間で発送」）
- 配送方法（例：「ご希望のお部屋まで設置する配送サービス」）
- 組み立てが必要かどうか
- 組み立て説明書（PDFなど）のダウンロードリンク
テキストはすべてストアが入力します。Tenoraが日付を作り出したり、カウントダウンタイマーを追加したりすることはありません。
お部屋から選ぶ
お部屋から選ぶセクションは、部屋の写真をショッピングリストに変えます。画像に最大8つの番号付きホットスポットを配置できます。各ホットスポットを開くと、商品、価格、クイック追加ボタンを表示する小さなパネルが表示されます。複数のバリエーションがある商品では、お客様がオプションを選べるよう、パネルから商品ページにリンクします。画像の横には、同じ商品の番号付きリストが表示されます。スマートフォンでは、パネルは画面の下からシートとして開きます。
速度とその重要性
高速なストアは、買い物がしやすいストアです。調査もこれを裏付けています。Googleの委託により55とDeloitteが実施した調査（2020年）では、ヨーロッパと米国の37のブランドサイト、3,000万件以上のユーザーセッションが分析されました。モバイルサイトの速度が0.1秒改善すると、小売サイトではコンバージョンが8.4%、平均注文額が9.2%上昇しました。
測定内容
実際のShopifyストアフロントで、TenoraをLighthouseでテストしました。
- 場所： パスワードで保護されたShopify開発ストア。テーマは開発テーマとしてインストール。
- 日時： 2026年9月26日（テーマバージョン0.9.0）。
- 方法： Lighthouseのモバイルとデスクトップのプリセットで、ページごとに3回実行。3回の中央値を記載しています。
| ページ | モバイルのパフォーマンス | デスクトップのパフォーマンス | アクセシビリティ（モバイルとデスクトップ） | モバイルのLCP |
|---|---|---|---|---|
| ホーム | 98 | 100 | 100 | 2.1 s |
| コレクション | 98 | 100 | 100 | 2.3 s |
| 商品 | 100 | 100 | 100 | 1.4 s |
| ブログ | 99 | 100 | 100 | 2.2 s |
| 記事 | 99 | 100 | 100 | 2.0 s |
| お問い合わせページ | 100 | 100 | 100 | 1.0 s |
| 検索 | 100 | 100 | 100 | 1.3 s |
| カート | 100 | 100 | 100 | 1.0 s |
| コレクション一覧 | 97 | 100 | 100 | 2.6 s |
LCP（Largest Contentful Paint）は、最も大きな画像またはテキストブロックが表示されるまでの時間です。レイアウトのずれ（CLS）はすべてのページで0.000〜0.004だったため、ページの読み込み中にコンテンツが動くことはありません。
2026年9月27日には、Shopify独自のテーマ審査用商品データ（100個のバリエーションがある商品や、長い説明文の商品を含む）で再度テストしました。テストした11ページすべてで、モバイルのパフォーマンスは97〜100、デスクトップのパフォーマンスは100でした。
ご注意： これらのスコアは私たちの開発ストアでの結果です。実際のスコアは、画像、コンテンツ、インストールするアプリによって異なります。
Tenoraが高速な理由
- 各ページは、使うスタイルとスクリプトだけを読み込みます。たとえば、商品ページのスタイルとフィルターのスタイルは、それぞれのページでのみ読み込まれます。
- 画像はレスポンシブで、ブラウザは画面に合ったサイズをダウンロードします。最初の画面より下にある画像は、お客様がそこまでスクロールしたときに読み込まれます。
- YouTubeとVimeoのプレーヤーは、お客様が再生ボタンを押したときにのみ読み込まれます。
- 本文のフォントは事前に読み込まれ、フォントの読み込み中もテキストがすぐに表示されます。
不要になるかもしれないアプリ
多くのストアは、以下の機能を追加するためにアプリをインストールしています。Tenoraではこれらが標準で組み込まれており、月額の追加費用はかかりません。
| Tenoraに組み込まれている機能 | ストアがよくアプリで追加する機能 |
|---|---|
| 「サイズは合いますか？」ツールとcm/in切り替え付きのサイズ表示 | サイズ表とサイズチェッカー |
| メタフィールドとメタオブジェクトによるサイズ、素材とお手入れ | 商品仕様タブ |
| 番号付きホットスポットのお部屋から選ぶ | コーディネート購入と画像ホットスポット |
| クイック追加付きのサンプルを注文 | 商品サンプル |
| 配送と組み立ての詳細 | 商品ページの配送情報 |
| 画像とお手入れのポイント付きの素材カード | 素材情報とスウォッチ表示 |
| 検索付きの国セレクター（8か国を超える国に販売するストア向け） | 国と通貨のセレクター |
| 英語に加えて30言語のストアフロントテキスト | テーマのテキスト翻訳 |
節約できる金額の試算
2026年9月に、Shopify App Storeでこれらのうち5つのカテゴリーのアプリの有料プランを調べました。小規模なストアは通常エントリーレベルの有料プランから始めるため、そのプランを使いました。
| アプリのカテゴリー | 一般的な有料プラン（月額） |
|---|---|
| サイズ表とサイズチェッカー | 約5〜9 USD |
| 商品仕様タブ | 約3〜10 USD |
| コーディネート購入と画像ホットスポット | 約7〜19 USD |
| 商品サンプル | 約9〜12 USD |
| 商品ページの配送情報 | 0〜約7 USD（無料のものもあり） |
| 合計 | 月額約24〜57 USD |
年間では約290〜680 USDになります。
試算を控えめにするため、次のものは含めていません。
- 翻訳：Shopify独自の翻訳アプリが無料のため。
- 国セレクター：これらのアプリの多くは、所在地に応じてお客様をリダイレクトする機能も持っていますが、Tenoraにはその機能がないため。
- 素材情報：商品仕様タブと重複するため。
これは試算であり、保証ではありません。 アプリの価格は変わることがあり、無料プランがあるアプリもあります。また、アプリは対応するTenoraの機能より多くのことができる場合があります（たとえば、配達日の計算など）。必要なアプリはストアによって異なります。試算の方法については、出典をご覧ください。
標準でアクセシブル
キーボード、スクリーンリーダー、ズーム機能を使う人を含め、誰もがストアで買い物できるべきです。Tenoraは開発中に次のテストを行いました。
- すべてのページテンプレートでの自動チェック。 アクセシビリティテストツールのaxeで、すべてのページテンプレートをWCAG 2.2のレベルAとAAのルールに照らしてスキャンしました。スキャンはデスクトップとスマートフォンの画面幅で、メニュー、ドロワー、検索、フィルター、ホットスポット、サイズ確認ツールを開いた状態でも実施しました。Chromium、Firefox、WebKitでそれぞれ39回のスキャンを行い、違反は検出されませんでした。
- キーボードテスト。 自動テストで、キーボードだけを使ってメニュー、ドロワー、カート、フィルター、フォームを操作します。フォーカスが見えること、Tabキーの順序がページの順序に従うこと、開いているドロワー内にフォーカスがとどまることを確認します。ChromiumとFirefoxで、51項目すべてのチェックに合格しています。
- 色のコントラスト。 3つのプリセットのすべての配色を確認しました。テキストと背景のコントラストは4.5:1以上、枠線とアイコンは3:1以上です。
- 視差効果を減らす。 お客様がデバイスで動きを減らす設定にしている場合、Tenoraは表示時のアニメーションとスムーズスクロールをオフにし、お知らせバーの自動切り替えを停止します。
- 代替テキスト。 すべての画像に
alt属性があります。装飾目的の画像には空の属性を設定し、スクリーンリーダーが読み飛ばすようにしています。商品ギャラリーでは、画像に独自の代替テキストがない場合、商品タイトルが使われます。 - タッチターゲット。 ボタンとリンクは24 × 24ピクセル以上です。
Lighthouseのアクセシビリティスコアは、テストしたすべてのページで100でした（測定内容をご覧ください）。
世界への販売に対応
- 言語。 ストアフロントのテキストは、英語に加えて30言語に翻訳されています。テーマエディターは、英語に加えて20言語で利用できます。自動チェックで、すべての言語ファイルにすべてのテキスト、プレースホルダー、複数形がそろっていることを確認しています。また、長い単語（ドイツ語、フィンランド語、ロシア語）や、日本語と中国語のテキストでもレイアウトをテストしました。
- 翻訳の品質。 翻訳は機械翻訳の支援を受けて作成し、自動でチェックしています。すべての言語でネイティブスピーカーによるレビューを予定しており、ドイツ語、フランス語、スペイン語、ポルトガル語（ブラジル）、イタリア語、オランダ語、日本語、トルコ語から始めます。テーマのテキストはすべて、Shopify管理画面のデフォルトのテーマコンテンツを編集で変更できます。
- 右から左に書く言語。 アラビア語やヘブライ語など、右から左に書く言語をストアに追加すると、ページの方向が右から左に切り替わり、ドロワーが正しい側から開きます。
- 通貨。 価格には、Shopifyマーケットの通貨形式が使われます。通貨コードの表示をオンにすることもできます（例：「$12.00」ではなく「$12.00 USD」）。複数の通貨が同じ記号を使う場合に役立ちます。
- 税金と関税。 商品ページとカートには、マーケットの設定に応じた正しい注記が表示されます。関税と税金を含む、税金を含む、関税を含む、どちらも含まない、のいずれかです。ストアに配送ポリシーがある場合、注記から配送ポリシーにリンクします。
- 検索付きの国セレクター。 8か国を超える国に販売する場合、お客様は国名、国コード、通貨コードで一覧を検索できます。アクセント記号は無視されるため、「Turkiye」でも「Türkiye」が見つかります。
SEOの基盤
Tenoraは、検索エンジンに対してわかりやすく構造化されたページを提供します。
- 構造化データ（JSON-LD）。
- ホームページ：Organization（ロゴとソーシャルメディアのリンクを含む）と、検索アクション付きのWebSite。
- 商品ページ：Shopifyの
structured_dataフィルターによるProductデータ。 - 記事ページ：同じフィルターによるArticleデータ。
- 商品、コレクション、コレクション一覧、ブログ、記事、ページの各テンプレート：パンくずリストセクションによるBreadcrumbList。
- メタタグ。 ページタイトル（使用時はページ番号とフィルタータグを含む）、メタディスクリプション（入力している場合）、canonical URL。
- ソーシャルシェア。 Open Graphタグ（タイトル、説明、ページの種類、サイズと代替テキスト付きの画像、商品ページでは価格）と、Twitterカードのタグ。
- わかりやすい見出し。 商品、コレクション、ブログ、記事、ページ、検索、カートの各ページでは、ページタイトルが
h1見出しになります。 - 言語。 すべてのページで、言語と文字の方向を明示しています。
- 画像の代替テキストと速度（上記のとおり）。
3つのプリセット、1つのテーマ
各プリセットは、それぞれ異なるスタイルの出発点です。3つとも同じ機能を備えています。
Tenora
家具ストア向け。温かみのあるオフホワイトとウォールナットブラウンの色、Cormorantの見出しとInstrument Sansの本文、角が直角のデザイン、素材サンプルのようなスタイルの商品カード。
Terrace
アウトドア・ガーデン用品のストア向け。モスグリーンとセージグリーンにテラコッタ、Frauncesの見出しとWork Sansの本文、角の丸いボタンとカード。
Lantern
照明とインテリア雑貨のストア向け。真鍮色のアクセントを効かせた、ほぼ黒のギャラリーのような色、Bodoni Modaの見出しとManropeの本文、セクション間の余白を広くとった広めのページ。
プリセットの切り替えや、色、フォント、余白の変更は、テーマエディターでいつでも行えます。
サポート
Tenoraを制作するスタジオKerflineが、サポートリクエストに2営業日以内に返信します。
お問い合わせ先：https://kerflinestudio.com/support
出典
- サイト速度の調査。 Google、55、Deloitte「Milliseconds Make Millions」（2020年）：モバイルサイトの速度が0.1秒改善すると、小売のコンバージョンが8.4%、平均注文額が9.2%増加したという結果が示されています。web.devの概要：Milliseconds make millions。レポート全文：Deloitte。
- Lighthouseの結果。 2026年9月26日と27日に、TenoraチームがShopify開発ストアで測定。Lighthouseのモバイルとデスクトップのプリセットを使い、ページごとに3回実行した中央値。
- アプリの費用の試算方法。
- 場所：Shopify App Store。アプリの掲載ページに表示されている価格を2026年9月28日に確認。
- 対象：各カテゴリーについて、App Storeのカテゴリーページまたはその機能の検索結果に表示される3〜4個のアプリを調べました。最も安い有料プランの価格と、場合によってはその次のプランの価格を記録しました。
- 範囲：年間の範囲の下限は、各カテゴリーの一般的な最低月額を合計して12を掛けたものです。上限は、一般的な最高月額を合計して12を掛けたものです。10 USD単位で四捨五入しました。
- 含まないもの：翻訳、国セレクター、素材情報（上記参照）、一回限りの料金、従量課金、税金。
- 価格はUSDで、予告なく変わることがあります。