更新日時 2022年 6月 16日
AMPつまり加速されたモバイルページは、モバイルデバイスにほぼ瞬時に読み込まれモバイル固有のページ形式です。コンテンツをすばやく読み込めるように、ブログ記事のAMPバージョンは、Javascript ファイル、スタイルシート、HubSpotフォーム、ヘッドHTML、フッターHTMLを読み込みません。
AMPの使用には次のような制限事項があります。
- 現時点では、AMPをHubSpotランディングページやウェブサイトページで使用することはできません。
- AMPをオンにしたブログ投稿のアイキャッチ画像は、少なくとも1200ピクセル幅である必要があります。
- AMPがオンになっているコンテンツのビューは、AMPがHubSpotトラッキングコードに含まれるJavaScriptをブロックするため、連絡先のタイムライン上でトラッキングされません。
ブログのすべての投稿記事、または特定の投稿記事に関してAMPをオンにすることができます。
すべてのブログ投稿記事にAMPを適用する
注：HubSpotでホスティングされている複数のブログでAMPをオンにする場合は、各ブログについてこれらの手順を繰り返す必要があります。
- HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン ］をクリックします。
- 左のサイドバーメニューで、［ウェブサイト］>［ブログ］に移動します。
- 複数のブログがある場合は、［修正するブログを選択］ドロップダウンメニューをクリックしてブログを選択します。
- ［Google AMP］タブに移動します。
- クリックして、[Google AMP形式のページをオンにする]をオンに切り替えます。
- Google AMPページのロゴ、フォント、およびフォントの色をカスタマイズします。このコンテンツに関するGoogleの推奨事項をご覧ください。
- ［保存］をクリックします。
特定のブログ投稿記事にAMPを適用する
注意:このオプションは、ブログの設定でAMPがオンになって いない場合にのみ使用できます。
- HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
- ブログ記事の上にカーソルを置き、［編集］をクリックします。
- ［スケジュール］タブに移動します。
- ［Google AMP］セクションで、［このブログ記事のためだけにGoogle AMPを有効にする］チェックボックスを選択します。
- 右上の［更新］または［公開］をクリックして、変更内容を稼働状態にします。
HubSpotはこの特定のブログ記事を検証します。Googleが次回にブログ投稿記事をクロールするとき、AMPバージョンがキャッシュされます。AMPバージョンにエラーがある場合、GoogleはEメールを直接送信して知らせます。
AMPの問題のトラブルシューティング
Google Search ConsoleのレポートでAMPページに問題がある場合は、HubSpotは［AMP検証］ツールを確認することを推奨します。このツールでは、エラーについて説明するメッセージが表示され、エラーの位置が特定されます。
- ブラウザでAMPバリデーターを開き、新しいタブを開いてHubSpotにアクセスします。
- HubSpotアカウントにて、［マーケティング］ > ［ウェブサイト］ > ［ブログ］の順に進みます。
- ブログ投稿の上にカーソルを置き、[編集]をクリックします。
- コンテンツエディターで、［設定］タブをクリックします。
- [ブログURL]の横にある[リンクをコピー]をクリックします。
- AMPバリデーターで、URLフィールドにブログ投稿のURLを貼り付けます。
- URLの最後に? hs_amp = trueを追加し、[検証]をクリックします。
- 属性'style'が<div>タグで表示されない：これは、多くの場合、AMPページではまだサポートされていないWistia埋め込みコードに起因しています。
- 特定の形式を除き <script>タグを使用できない：これは、多くの場合、AMPページではまだサポートされていないWistia埋め込みコードに起因しています。
- 属性'style'が<span>タグで表示されない：これは、多くの場合、AMPページではまだサポートされていないWistia埋め込みコードに起因しています。
- <a>タグの属性'href'に対する不正なURL '...'：記事本文にあるリンクURLが不適切にフォーマットされます。
- <a>タグの属性'href'に対する無効なURLプロトコル '...'：記事本文にあるリンクURLが不適切にフォーマットされます。
- AMP向けの画像は、少なくとも1200ピクセルの幅が必要です。ブログ記事には、幅が少なくとも1200ピクセルのサムネイル画像がありません。
