更新日時 2020年 10月 19日
モバイルデバイス用にEメールテンプレートとコンテンツを最適化する方法について説明します。さまざまなタイプのデバイスでHubSpotのEメールがどのように表示されるか、プレビューすることもできます。
レスポンシブなEメールテンプレートを使用する
HubSpotのすべてのドラッグ＆ドロップテンプレートはデフォルトでレスポンシブなものになっています。つまり、テンプレートは表示される画面に合わせて調整されます。HubSpotは、コンテンツエディターでも画像を最大幅で表示するため、最大幅の設定を追加するためにソースコードを編集する必要はありません。
HubSpotでコード化されたEメールテンプレートを作成する場合は、HubSpotのレスポンシブなEメールテンプレートのマークアップを使用するようにしてください。レスポンシブなEメールテンプレートは、テンプレートマーケットプレイスから購入することもできます。
画像ファイルのサイズを縮小する
ほとんどの場合、モバイルデバイス上での速度はデスクトップよりも遅くなります。小さい画像ファイルを使用すると、Eメールの読み込み時間を短縮できます。HubSpotでは、タグにwidth属性が含まれている画像を自動的にサイズ調整します。FastStone Photo ResizerやJPEGminiなどのサービスでも、画像の質を損なうことなく最大80％までファイルサイズを縮小できます。
リンクとCTAボタンのサイズを大きくする
コンテンツのサイズを、モバイルデバイス上でもはっきり読めるだけの大きさにしてください。購読者がコンテンツをはっきりと読んでクリックできるようにするには、すべてのテキストリンクとCTAボタンを57x57ピクセル以上の大きさにします。
モバイルデバイスでEメールをプレビューする
リストにEメールを送信する前に、さまざまなクライアントとデバイスでEメールがどのように表示されるかをプレビューできます。
他のメールクライアントでEメールをテストするには、HubSpotのEメールエディター内で、左側のサイドバーペインにある[チェックマーク]をクリックします。[モバイル]セクションで目的のEメールクライアントを選択し、[今すぐEメールをテスト]をクリックします。これによって、そのクライアントで表示される場合のEメールのプレビューが生成されます。
デバイスプレビューツールを使用することもできます。左側のサイドバーペインにある目の アイコンをクリックするだけで、デスクトップ、タブレット、モバイル電話上で表示される場合のEメールを確認できます。