テーマを作り直しました。見た目もよく、コンバージョンも上がり、火曜の朝に公開します。するとドイツの顧客がサイトを開き、アナウンスバー、カートドロワー、フッターがまた英語に戻っています。
これは多言語Shopifyストアでもっともよくある驚きのひとつで、不具合ではありません。Shopifyがテーマの翻訳をどこに保存しているかが原因です。仕組みさえ分かれば対処は簡単で、公開後ではなく公開前に済ませられます。
新しいテーマが未翻訳で始まる理由
Shopifyは、翻訳対象によって保存場所を変えています。
商品名、説明文、コレクションの文言、ページ本文、ブログ記事、メタフィールドは、それぞれのレコードに紐付きます。描画するテーマではなく、商品そのものに属しています。テーマを切り替えても、そのまま残ります。
テーマコンテンツは別です。テーマエディタで編集する文言と、テーマ自身の言語ファイルは、そのテーマに紐付いています。新しいテーマは新しいレコードなので、翻訳が空の状態で届きます。
リニューアルが作業の半分を消したように感じるのは、このためです。カタログは無事です。その周りの外枠が無事ではありません。
要点
商品の翻訳は残ります。テーマの翻訳は残りません。新しいテーマは新しいレコードで、空の状態から始まります。
よくある失敗の流れ
たいていはこの順番で起きます。
- 代理店または社内の開発者が公開中のテーマを複製し、作り替えを始める。
- 全員がソース言語、多くは英語で新しいテーマを確認する。プレビューが最初にその言語を表示するからです。
- 静かな朝にテーマが公開される。
- 翻訳済みの市場で、ナビゲーション、ボタン、アナウンスバーが突然英語になる。
- 誰かが翻訳を再実行し、ジョブが文言を処理する間、ストアは半分だけ翻訳された状態で表示される。
ここに手抜きはありません。翻訳済みの市場が、通常のテーマ確認の対象に入っていないだけです。翻訳は旧テーマ側にあったので、誰も見る理由がありませんでした。
解決策: 公開前にテーマを翻訳する
LocaleFlowは、公開中のテーマだけでなく、ストア内のすべてのテーマを一覧表示します。Online Storeタブに「Themes to translate」という一覧があり、各テーマに役割が表示されます。
- Live は買い物客がいま見ているテーマです。
- Unpublished はテーマライブラリにあるテーマで、作り替え中の複製などが該当します。
- Development はShopify CLIで開発者のマシンからプッシュされたテーマです。
翻訳したいテーマにチェックを入れます。公開中のテーマは未チェックのままにできるので、新しいテーマだけを翻訳できます。
次に Restart translation をクリックします。カードに「Job queued. Translation will start shortly.」と表示されます。続いて緑色のバナーがジョブの実行中を知らせます。新しいコンテンツは自動で翻訳され、その横にCheck statusリンクが表示されます。
完了したら、対象言語のいずれかで未公開テーマをプレビューします。ナビゲーション、ボタン、アナウンスバーが正しく読めれば、テーマは準備完了です。公開すれば、最初の1分からストアが翻訳済みになります。
翻訳の実行で実際に起きること
チェックした各テーマは、ソース言語から翻訳されます。LocaleFlowが旧テーマから文言を取り出して新しいテーマに入れることはありません。
この違いは見た目以上に重要です。作り替えたテーマが旧テーマと同じ文言を使うことはまれで、セクション名が変わり、コピーが書き直され、新しいブロックが増えるからです。ソースから翻訳すれば、以前は存在しなかった文言も含めて新しい文言をカバーできます。
設定は実行時にもそのまま効きます。
- カスタム用語の翻訳 は決めた訳語を維持するので、昨年決めた用語が今回も使われます。
- 除外キー はソース言語のまま残ります。ブランド名や品番ではこれが望ましい挙動です。
- カスタムプロンプトと言語別プロンプト がブランドのトーンを保つので、新しいテーマも旧テーマと同じ響きになります。
結果として、置き換える前のテーマと同じトーンの新しいテーマができあがります。用語集を入力し直す必要はありません。
テーマ公開前のチェックリスト
公開の1週間前に使ってください。
- 公開中のテーマを複製する、または開発テーマをプッシュして、テーマライブラリに表示させる。
- まずソース言語でコピーを確定させる。変更が続くテーマを翻訳すると実行が無駄になります。
- LocaleFlowを開き、Online Storeタブで新しいテーマにチェックを入れる。公開中のテーマは未チェックのままにする。
- Restart translationをクリックし、ジョブの完了を待つ。
- 対象言語ごとに未公開テーマをプレビューし、商品ではなく外枠を読む。
- 読みにくい箇所をカスタム用語で直し、再実行する。
- テーマを公開する。
- 公開したばかりのテーマにチェックを入れて以後の編集が同期され続けるようにし、引退したテーマのチェックを外す。
手順8は忘れられがちです。切り替え後は、実際に編集しているテーマをLocaleFlowが同期する対象にしてください。
ほかにテーマ固有のもの、そうでないもの
ストアのどの部分がテーマに従い、どの部分が従わないかを知っておくと、リニューアル後に何を確認すべきかが分かります。
テーマ固有なので、上記の実行が必要です。
- テーマエディタのコンテンツ。アナウンスバー、トップページの文言、セクション見出しなど
- テーマの言語ファイルの文言。ボタンのラベル、カートの文言、フォームのラベルなど
テーマ固有ではないので、そのまま残ります。
- 商品、コレクション、ページ、ブログ、ブログ記事
- メタフィールドとメタオブジェクト
- メニュー、ストアポリシー、絞り込みラベル、配送方法名
- 画像の代替テキストと商品オプション名
LocaleFlowは15のリソースタイプすべてに対応しているため、同じ設定で両方のグループを扱えます。リニューアルで変わるのは、テーマコンテンツがどのテーマレコードに属するかだけです。
一度だけ設定する
テーマ公開のチェックリストに、速度テストのすぐ隣に翻訳の実行を追加してください。クリック1回で、多言語ストアにおける公開初日の最悪の驚きがなくなります。
関連記事
LocaleFlowの無料デモを試す - 自分のストアの内容が翻訳される様子を確認できます。