ブログにAMPを使用する
更新日時 2023年 1月 18日
対象製品
すべての製品とプラン |
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を貼り付けます。
- 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ピクセルのキービジュアルがありません。
Thank you for your feedback, it means a lot to us.