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

ブログで 加速されたモバイルページ(AMP)を有効にする

更新日時 2021年 5月 11日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

AMPつまり加速されたモバイルページは、デバイスにほぼ瞬時に読み込まれモバイル固有のページ形式です。コンテンツをすばやく読み込めるように、ブログのAMPバージョンは、Javascript ファイル、スタイルシート、HubSpotフォーム、ヘッドHTML、フッターHTMLを読み込みません。

AMPには次のような制限事項があります。

  • 現時点では、AMPをHubSpotランディングページやウェブサイトページで使用することはできません。
  • AMPが有効になったブログ投稿記事のサムネイル画像は、少なくとも1200ピクセル幅でなければなりません。
  • AMP対応コンテンツの閲覧数はコンタクトのタイムラインでトラッキングされません。これは、HubSpotトラッキングコードに含まれるJavaScriptがAMPによってブロックされるためです。

ブログのすべての投稿記事、または特定の投稿記事に関してAMPを有効にすることができます。 

すべてのブログ投稿記事にAMPを適用する

注:HubSpotでホストされている複数のブログでAMPを有効にする場合は、各ブログについてこれらの手順を繰り返す必要があります。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ブログ]の順に進みます。
  • [修正するブログを選択]ドロップダウンメニューをクリックして、AMPを有効にするブログを選択します。
  • [Google AMP]タブに移動します。
  • [Google AMPフォーマットのページを有効にする]スイッチをクリックしてオンに切り替えます。

enable-amp

  • Google AMPページのロゴ、フォント、およびフォントの色をカスタマイズします。このコンテンツに関するGoogleの推奨事項をご覧ください。
  • [保存]をクリックします。 
HubSpotはブログのテンプレートの各ブログ投稿記事を検証します。Googleが次回にブログ投稿記事をクロールするとき、AMPバージョンがキャッシュされます。AMPバージョンにエラーがある場合、GoogleはEメールを直接送信して知らせます。

特定のブログ投稿記事にAMPを適用する

注:このオプションは、ブログ設定でAMPが有効になっていない場合にのみ使用できます。


  • HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • 更新するブログ投稿記事にカーソルを置き、[編集]をクリックします。
  • [スケジュール]タブに移動します。 
  • [Google AMP]セクションで、[このブログ記事のためだけにGoogle AMPを有効にする]チェックボックスを選択します。

enable-google-amp-for-this-post

  • 右上の[更新]または[公開]をクリックして、変更内容を稼働状態にします。
これを有効にすると、HubSpotはこの特定のブログ投稿記事を検証します。Googleが次回にブログ投稿記事をクロールするとき、AMPバージョンがキャッシュされます。AMPバージョンにエラーがある場合、GoogleはEメールを直接送信して知らせます。