お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Email

Eメールをモバイル用に最適化する

更新日時 1月 24, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic

モバイルデバイス用にEメールテンプレートとコンテンツを最適化する方法について説明します。さまざまなタイプのデバイスでHubSpotのEメールがどのように表示されるか、プレビューすることもできます。

レスポンシブなEメールテンプレートを使用する

HubSpotのすべてのドラッグ&ドロップテンプレートはデフォルトでレスポンシブなものになっています。つまり、テンプレートは表示される画面に合わせて調整されます。HubSpotは、コンテンツエディターでも画像を最大幅で表示するため、最大幅の設定を追加するためにソースコードを編集する必要はありません。

HubSpotでコード化されたEメールテンプレートを作成する場合は、HubSpotのレスポンシブなEメールテンプレートのマークアップを使用するようにしてください。レスポンシブなEメールテンプレートは、テンプレートマーケットプレイスから購入することもできます。

画像ファイルのサイズを縮小する

ほとんどの場合、モバイルデバイス上での速度はデスクトップよりも遅くなります。小さい画像ファイルを使用すると、Eメールの読み込み時間を短縮できます。HubSpotでは、タグにwidth属性が含まれている画像を自動的にサイズ調整します。FastStone Photo ResizerJPEGminiなどのサービスでも、画像の質を損なうことなく最大80%までファイルサイズを縮小できます。

リンクとCTAボタンのサイズを大きくする

コンテンツのサイズを、モバイルデバイス上でもはっきり読めるだけの大きさにしてください。購読者がコンテンツをはっきりと読んでクリックできるようにするには、すべてのテキストリンクとCTAボタンを57x57ピクセル以上の大きさにします。

モバイルデバイスでEメールをプレビューする

リストにEメールを送信する前に、さまざまなクライアントとデバイスでEメールがどのように表示されるかをプレビューできます。

他のメールクライアントでEメールをテストするには、HubSpotのEメールエディター内で、左側のサイドバーペインにある[チェックマーク]をクリックします。[モバイル]セクションで目的のEメールクライアントを選択し、[今すぐEメールをテスト]をクリックします。これによって、そのクライアントで表示される場合のEメールのプレビューが生成されます。

デバイスプレビューツールを使用することもできます。左側のサイドバーペインにある目の アイコン表示をクリックするだけで、デスクトップ、タブレット、モバイル電話上で表示される場合のEメールを確認できます。