ブログにAMPを使用する

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の推奨事項についてはこちらをご覧ください。

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

特定のブログ記事に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を追加し、Validateをクリックします。