AMP（Accelerated Mobile Pages）とは、モバイル端末でほぼ瞬時に読み込まれるモバイル専用のページフォーマットです。コンテンツの読み込みを高速化するために、ブログ記事のAMPバージョンではJavaScriptファイル、スタイルシート、HubSpotフォーム、ヘッドHTML、フッターHTMLは読み込まれません。
制限事項と考慮事項について
- HubSpotのランディングページまたはウェブサイトページではAMPは利用できません。
- AMPをオンにしたブログ記事のキービジュアル は、 幅が1200ピクセル以上である必要があります。
- AMPをオンにしたコンテンツの表示は、 「コンタクト」のタイムラインで追跡されません。これは、AMPがHubSpotのトラッキングコードに含まれるJavaScriptをブロックするためです。
- ブログの全ての投稿記事、または特定の投稿記事に関してAMPをオンにすることができます。
ブログの全ての記事にAMPを適用する
このオプションを使って、既存および今後の全てのブログ記事でAMPをオンにします。この方法は、ブログを投稿ごとに管理せずに、ブログ全体に一貫してAMPを適用する場合に最適です。
注： HubSpotがホスティングする複数のブログでAMPを有効にしたい場合は、各ブログでこの手順を繰り返す必要があります。
- HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左のサイドバーメニューで、コンテンツ > ブログに移動します。
- 複数のブログがある場合は、[ 現在のビュー]ドロップダウンメニューをクリックし、 ブログを選択します。
- [ Google AMP ]タブをクリックします。
- [ Google AMPフォーマットのページをオンにする ]スイッチをオンに切り替えます。
- Google AMPページのロゴ、フォント、およびフォントの色をカスタマイズします。、このコンテンツに関するGoogleの推奨事項。
- 完了したら、［保存］をクリックします。
HubSpotはブログテンプレートの各ブログ記事を検証します。Googleが次回にブログ記事をクロールするとき、AMPバージョンがキャッシュされます。AMPバージョンにEメールがある場合は、Googleが直接Eメールを送信してお知らせします。
特定のブログ記事にAMPを適用する
このオプションは、特定のブログ記事に対してのみAMPを有効にする場合に使用します。これは、AMPをテストしている場合や、特定のコンテンツにのみ必要な場合に便利です。
注：このオプションは、ブログの設定でAMPがオンに設定されていない場合にのみ利用可能です。
- HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
- あなたの投稿の名をクリックしてください。
- コンテンツエディターで、右上の「公開」。
- ダイアログボックスで、[このブログ記事のためだけに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」と入力し、[検証]をクリックします。
- URLを検証すると、HTMLの下にAMPエラーが表示されます。AMP エラーには次のものがあります。
-
- <div>タグ内にアトリビューション 'style' が表示されない: これは、 Wistia 埋め込みコードによって頻繁に発生します。この埋め込みコードは、AMPページではまだサポートされていません。
- <script>タグは特定のフォーム以外では許可されません。 これは Wistia 埋め込みコードによってよく起こりますが、AMPページではまだサポートされていません。
- <span>、「style」アトリビューションが表示されない。 これは、 Wistia 埋め込みコードが原因であることが多い。埋め込みコードは、AMPページではまだサポートされていない。
- <a>タグ内の属性 'href' の URL '...' が不正です: 投稿本文内のリンク URL の書式が不正です。
- 無効なURLプロトコル「...」FOR 属性「href」の <a> タグ: POSTリクエスト本文のリンクURLの形式が正しくありません。
- AMP向けの画像は、少なくとも1200ピクセルの幅が必要です。 ブログ記事には、幅が少なくとも1200ピクセルの キービジュアルがありません。
Blog
Account Management
