お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
ブログにAMPを使用する
更新日時 2023年 6月 22日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
AMP(Accelerated Mobile Pages)とは、モバイル端末でほぼ瞬時に読み込まれるモバイル専用のページフォーマットです。コンテンツを素早く読み込むため、AMPバージョンのブログ記事は、Javascriptファイル、スタイルシート、HubSpotフォーム、ヘッドHTML、フッターHTMLを一切読み込みません。
AMPの使用にはいくつかの制限がある:
- 現時点では、AMP は HubSpot ランディングページまたはウェブサイトページでは使用できません。。
- AMP をオンにしたブログ記事の注目画像は、少なくとも幅 1200 ピクセルでなければなりません。
- AMPはHubSpotのトラッキングコードに含まれるJavaScriptをブロックするため、AMPがオンになっているコンテンツのビューはコンタクトのタイムラインでトラッキングされません。
ブログのすべての投稿記事、または特定の投稿記事に関してAMPをオンにすることができます。
ブログのすべての記事にAMPを適用する
注: HubSpotがホスティングする複数のブログでAMPを有効にしたい場合は、各ブログでこの手順を繰り返す必要があります。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左サイドバーのメニューから、ウェブサイト > ブログに移動します。
- 複数のブログがある場合は、修正するブログを選択ドロップダウンメニューをクリックし、ブログを選択します。
- Google AMPタブに移動する。
- クリックして、Google AMP フォーマットページをオンにするスイッチをオンに切り替えます。
- Google AMPページのロゴ、フォント、およびフォントの色をカスタマイズします。、このコンテンツに関するGoogleの推奨事項。
- [保存]をクリックします。
特定のブログ記事にAMPを適用する
ご注意:このオプションは、ブログの設定でAMPがオンに設定されていない場合にのみ利用可能です。
- HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
- ブログ記事の上にカーソルを置き、[編集]をクリックします。
- コンテンツエディターで、右上のPublish。
- ダイアログボックスで、Enable Google AMP just for this blog postチェックボックスを選択し、Publish nowをクリックする。
HubSpotはこの特定のブログ記事を検証します。Googleが次回にブログ記事をクロールするとき、AMPバージョンがキャッシュされます。AMPバージョンにエラーがある場合、GoogleはEメールを直接送信して知らせます。
AMPの問題のトラブルシューティング
Google Search ConsoleでAMPページに問題があると報告された場合、HubSpotはAMPバリデータを確認することをお勧めします。このツールは、説明的なエラーメッセージを提供し、エラーの場所を特定します。
- ブラウザーでAMPバリデーターを開き、、新しいタブを開いてHubSpotにアクセスします。
- HubSpotアカウントにて、[マーケティング]>[ウェブサイト]>[ブログ]の順に進みます。
- ブログ記事にカーソルを合わせ、[ 編集 ]をクリックします。
- ファイルメニューをクリックし、ブログ設定を選択する。
- Post URLセクションで、Copy linkをクリックする。
- AMPバリデーターで、URL 欄にブログ記事のURLを貼り付けます。
- URLの最後に、?hs_amp=trueを追加し、Validateをクリックする。
- <div>タグに 'style' 属性が表示されない: これは、 Wistia の埋め込みコードが原因で発生することが多いのですが、AMPページではまだサポートされていません。
- <script>タグは、特定のフォームを除いて許可されません。 これは、 Wistia 埋め込みコードによってよく起こりますが、AMPページではまだサポートされていません。
- style」属性が<span>タグに表示されない。これは、Wistiaの埋め込みコードが原因でよく発生する。これは、AMPページではまだサポートされていない。
- <a>タグ内の属性 'href' の URL '...' が不正です: 投稿本文内のリンク URL の書式が不正です。
- 無効な URL プロトコル '...' for attribute 'href' in <a> tag:投稿本文内のリンク URL の書式が正しくありません。
- AMPの場合、画像は幅1200ピクセル以上であるべきです。あなたのブログ記事には、幅1200ピクセル以上のフィーチャー画像がありません。
Blog
Account Settings
貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。