ブログにAMPを使用する

AMPつまり加速されたモバイルページは、モバイルデバイスにほぼ瞬時に読み込まれモバイル固有のページ形式です。コンテンツをすばやく読み込めるように、ブログ記事の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の推奨事項をご覧ください。

• ［保存］をクリックします。 

特定のブログ記事に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を貼り付けます。