最適なメールテンプレート幅の参照
このページで学べること
メール テンプレートのデフォルト幅が 600px である理由、それが現在のマーケティング メールの業界標準である理由、そしてデバイス間でメールの表示を一貫させる方法を学びましょう。
メールテンプレートの幅
Klaviyo で新しいメールテンプレートをデザインする場合、すべてのテンプレートのデフォルトの幅は 600 px です。この設定は、メール設定の スタイル タブで調整できますが、より高度なレイアウトのために必要な場合を除き、Klaviyo ではテンプレートの幅を広げることはおすすめしません。幅を 600 px より大きく調整する場合は、さまざまなメールクライアントやデバイスでメールがどのように表示されるかについて、堅牢なテストを実施することもおすすめします。
メール幅を理解する
Klaviyo でメールをデザインする際、テンプレートの幅の既定値がメールコンテンツの枠を作ります。テンプレートに追加するコンテンツはすべて、この枠内に収まる必要があります。
600 px のメール幅は、これまで一般的なすべてのデスクトップ メール クライアントにおけるビューポートの平均サイズが 500～600 px だったという歴史的背景から、メールマーケティング業界の標準になっています。ビューポートとは、受信者がメールを読むディスプレイ画面上の枠で囲まれた領域です。メールの幅を 600 px に設定すると、平均的なビューポート サイズにおいて、受信者がコンテンツ全体を表示するために左右に大きくスクロールする必要がなくなります。
幅 600 px のメールの標準は定着しており、モバイルなどのさまざまなデバイスでの最適化がますます重要になる中でも、現在も一般的です。Klaviyo は、お客様に "両方の長所" を提供できるよう尽力しています -- メールはデスクトップ クライアントで見栄えが良くなるよう幅 600 px で設計することを強くおすすめします。そのうえで、モバイル デバイスなどの小さな画面でもレスポンシブになるようにメールをレンダリングする難しい作業は、Klaviyo が行います。
ただし、幅を 600px にしておくと、Klaviyo で作成したメールをモバイルで表示する際の最適化に役立ちます。はるかに幅広く設計されたメールは、慎重に設計して最適化されていない限り、モバイルデバイスで縮小表示した際に表示が崩れる可能性が高くなります。そのため、複数のクライアント/デバイスでレイアウトを最適化するためのデザイナーやその他の専任リソースがない限り、テンプレートの幅を 600px を超えて増やさないことを推奨しています。
モバイル最適化に関する Klaviyo のオプションについての詳細はこちら。
テンプレートのコンテンツとメール幅を設定する
前述のとおり、テンプレートの設定済みの幅によって、メールコンテンツの枠が作成されます。テンプレートに追加するすべてのコンテンツが、メールの設定済みの枠内に収まる最大幅になっていることを手動で確認できますが、テンプレートにコンテンツを追加する際に、Klaviyo がこの処理も行います。
Klaviyo は、アスペクト比を維持したまま画像を自動的に縮小し、さらにすべてのブロックの幅がテンプレート自体の設定幅を超えないように制限します。つまり、テンプレートに画像を追加したり、複数列の表を作成したりしても、すべてのブロックがテンプレートのメール幅によって制約されていることを確認できます。
テンプレート ブロックにカスタム コードを追加する場合は、テンプレートのスタイル設定で設定されている幅を考慮してください。スタイル設定で設定されたメールの幅は、異なる、より大きい幅を設定しようとするカスタム コードを含むブロックも含め、すべてのテンプレート ブロックのレンダリングに影響します。