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

ブログにAMPを使用する

更新日時 2023年 4月 4日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

AMP(Accelerated Mobile Pages)とは、モバイル端末でほぼ瞬時に読み込まれるモバイル専用のページフォーマットです。コンテンツをすばやく読み込めるように、ブログ記事のAMPバージョンは、Javascript ファイル、スタイルシート、HubSpotフォーム、ヘッドHTML、フッターHTMLを読み込みません。

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

  • 現時点では、AMPをHubSpotランディングページやウェブサイトページで使用することはできません。
  • AMPをオンにしたブログ記事の注目画像は幅1200ピクセル以上にしてください。
  • AMPがオンになっているコンテンツの閲覧数はノットAMPはHubSpotのトラッキングコードに含まれるJavaScriptをブロックするため、コンタクトのタイムライン上でトラッキングされる可能性があります。

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

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

注意: HubSpotがホスティングする複数のブログでAMPを有効にしたい場合は、各ブログでこの手順を繰り返す必要があります。 

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[ウェブサイト]>[ブログ]の順に進みます。
  • 複数のブログがある場合は、[修正するブログを選択]ドロップダウンメニューをクリックしてブログを選択します。
  • [Google AMP]タブに移動します。
  • クリックすると、「Google 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メールを直接送信して知らせます。

AMPの問題のトラブルシューティング

Google Search ConsoleでAMPページに問題があると報告された場合、HubSpotはAMPバリデーターを確認することをお勧めします。このツールでは、エラーについて説明するメッセージが表示され、エラーの位置が特定されます。 

  • ブラウザーでAMPバリデーターを起動し、新しいタブを開いてHubSpotにアクセスします。
  • HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • ブログ記事にカーソルを合わせ、[ 編集 ]をクリックします。
  • コンテンツエディターで、[設定]タブをクリックします。 
  • ブログのURLの横にある、「リンクをコピー」をクリックします。 
  • AMPバリデーターで、URL 欄にブログ記事のURLを貼り付けます。 

エンターユールインアンプバリデーター

  • URLの末尾に?hs_amp=trueを追加し、Validateをクリックします。
URLを検証すると、AMPのエラーがあれば、HTMLの下に表示されます。AMPのエラーが含まれる場合があります:
  • 属性'style'が<div>タグで表示されない:これは、多くの場合、AMPページではまだサポートされていないWistia埋め込みコードに起因しています。 
  • 特定の形式を除き <script>タグを使用できない:これは、多くの場合、AMPページではまだサポートされていないWistia埋め込みコードに起因しています。
  • <span>タグに 'style' 属性が表示されない。これはWistiaの埋め込みコードが原因であることが多く、AMP ページではまだサポートされていない。
  • <a>タグの属性'href'に対する不正なURL '...':記事本文にあるリンクURLが不適切にフォーマットされます。
  • <a>タグの属性'href'に対する無効なURLプロトコル '...':記事本文にあるリンクURLが不適切にフォーマットされます。
  • AMP向けの画像は、少なくとも1200ピクセルの幅が必要です。ブログ記事には、幅が少なくとも1200ピクセルのキービジュアルがありません。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。