ブログ投稿の軽量バージョンを作成することで、モバイル端末での読み込みを高速化できます。

AMP (Accelerated Mobile Pages) は、Webページの軽量バージョンを作成して、モバイル端末での読み込みを高速化します。AMPバージョンのページは、アイキャッチ画像や見出しとともにGoogleの検索結果に表示されます。訪問者が検索結果をタップすると、簡素化されたデザインでモバイルでの読みやすさを優先したAMPバージョンのページが表示されます。

ヒント: AMPのWebサイトにアクセスして、ブログ投稿の例を参照し、詳細を確認してください。このサイトにはAMPを有効にする手順が記載されていますが、これらはスキップできます。AMPは、すべてのSquarespaceサイトで自動的に有効にすることができます。

始める前に

• AMP形式で表示できるのはブログ投稿のみです。他のページではAMPを利用することができません。
• AMPはGoogleのモバイル検索結果にのみ表示されます。他のモバイル検索エンジンでは、ブログ投稿の標準モバイル バージョンへのリンクが表示されます。
• Googleの検索結果をクリックするか、ブラウザーにブログ投稿のAMPバージョンのURLを手動で入力することで、モバイル端末でブログ投稿のAMPバージョンを表示することができます。他の方法でアクセスした場合、AMPが有効でも、ブログ投稿の外観は変わりません。
• Squarespace Analyticsは、AMPが有効なブログ ページのトラフィックを記録しません。

AMPで投稿がどのように変化するか

AMP形式では、ページのHTMLが必要最低限にそぎ落とされます。Squarespaceにおいて、これはAMP投稿では一部のブロックが表示されない可能性があることを意味しています。AMPデザインはすべてのブログ投稿の標準であり、サイトのスタイルとは無関係です。

AMPでは、以下のような大きな変化がいくつか発生します。

• ページの余白が再調整されます。
• すべてのテキストがMuliフォントで表示されます。
• 対応しているブロックは1列にスタックされます。これは、AMPが有効になっていない場合でも、モバイル上のすべてのSquarespaceサイトの標準です。
• CSSやその他のカスタム コードは表示されません。
• 投稿の下部に、サイト全体にリンクする [もっと見る] リンクが表示されます。

AMP投稿には次のブロックが表示されます。

• オーディオ ブロック
• 埋め込みブロック
• ギャラリー ブロック - すべてのギャラリー ブロック タイプはスライドショーとして表示されます。
• 画像ブロック
• 線ブロック
• マークダウン ブロック
• 引用ブロック
• テキスト ブロック
• 動画ブロック

他のすべてのブロックはAMP投稿に表示されません。代わりに、訪問者には、すべてのコンテンツを見るための完全な投稿へのリンクが表示されます。

AMP投稿における画像ブロック

ブログ投稿にインライン レイアウトの画像ブロックが含まれている場合、キャプションはすべてプレーン テキストで入力し、余分な書式設定を含めないようにしてください。キャプションに余分な書式設定が含まれていると、投稿がAMP投稿に変換されない可能性があります。

他のレイアウトの画像ブロックでは、キャプションの代わりにタイトルとサブタイトルが使用されます。これらのテキスト フィールドはAMP投稿には表示されません。訪問者が画像のタイトルとサブタイトルを表示するには、完全なサイトにアクセスする必要があります。

AMP形式を有効にする

AMPを有効にするには、次の手順に従います。

1. [ブログ設定] パネルを開きます。
2. [Accelerated Mobile Pages] まで下にスクロールします。
3. [AMPを使用] にチェックを入れます。

これで、Googleが最適化されたブログ投稿をインデックスに登録できるようになりました。Google Search Consoleを使用してインデックスの再作成をリクエストすると、このプロセスを高速化できます。

AMP投稿をプレビューする

AMPを有効にすると、Googleのモバイル検索結果でAMPバージョンのURLが自動的に生成されます。投稿のURLを手動で変更する必要はありません。

AMP投稿をプレビューするには、投稿のURLの末尾に「?format=amp」を追加します。これにより、コンピューターまたはモバイル端末でブログ投稿のAMP形式バージョンが生成されます。

たとえば、標準のブログ投稿URLが次の形式の場合

http://myblog.com/blog/2016/2/19/mypost

AMPバージョンを表示するには、次のURLを使用します。

http://myblog.com/blog/2016/2/19/mypost?format=amp

このURLを使用してAMP投稿を訪問者と共有することもできますが、サイトにはすでにレスポンシブなモバイル用スタイルが含まれているため、おすすめしません。

ヒント: 標準のブログ投稿のURL形式は、[ブログ設定] パネルでカスタマイズできます。

よくある質問

AMP投稿のデザインを変更できますか？

すべてのAMP投稿は、モバイルで最高のビジュアル体験を提供するために自動的にフォーマットされており、サイトのデザインに依存しない標準的なスタイルが設定されています。

ブログ投稿エディターを開いてブロックを並べ替えることで、ブロックの順序を変更することはできます。

Googleの検索結果でAMP形式のブログ投稿が見つからない

AMPが有効になっていない場合でも、投稿が特定の検索語句の結果として表示されない理由はいくつかあります。まず、[ブログ設定] パネルでAMPが有効になっていることを確認してから、サイトの表示を妨げている可能性のある一般的なシナリオを確認してください。

投稿の構造化データのテストでロゴ エラーが発生した

サイトにロゴがない場合、URLをGoogleのStructured Data Testing Toolでテストすると、ロゴ エラーが表示されます。サイトのロゴがなくても、投稿はAMP用にフォーマットされますが、ロゴを追加すると、Googleの検索結果で投稿が上位に表示される可能性があります。