なぜAMP?
モバイルデバイスから行われた検索の数は、デスクトップを追い抜いています。 にオープンソースの枠組みは、”加速モバイルページ”(AMP)を作成した一つの主要目標を高速負荷時のモバイルユーザー これは、出版社や企業によって繰り返し提起されていた問題である、短い読み込み時間の需要の増加に対する反応でした。
この取り組みは、すべてのステークホルダーに利益をもたらすシステムの確立を目指して開始されました。, 広告主、出版社、ユーザーはすべてAMPから利益を得るべきです。
AMPプロジェクトがどのように発展したか
“Accelerated Mobile Pages Project”は、Google、WordPress、ソフトウェア大手Adobeなどの企業グループによって2015年に立ち上げられました。 AMPを実装した最初のウェブサイトのいくつかは、ガーディアン（英国）、ワシントンポストとBuzzfeed（米国）、Frankfurter Allgemeine ZeitungとDie Zeit（ドイツ）、El Pais（スペイン）です。, TwitterとLinkedInは、テクノロジーパートナーとして初めからAMPにも関わってきました。
今日、ほぼすべての大規模なオンラインメディアはAMP技術を使用しています。 彼らは速読の移動式ウェブサイトから得られるべき大きい価値を確認した。 適切なプラグイ
AMPは良いアイデアである理由
過去十年間で、スマートフォンは、人々がオンラインに行くために使用する主要なデバイスになって、多くの産業や国, 私たちは近くのレストランを探すために私たちの携帯電話を使用して、私たちは私たちの携帯電話で買い物をしたり、私たちは仕事に電車の中 特に重要なものモバイルユーザーがサイトを負荷す。 クリティカルカットオフポイントは三秒であると言われています。 場合はウェブサイトな負荷、過半数のモバイルインターネットユーザーがバウンスのページです。
AMPは、モバイルデバイス上でできるだけ早く読み込むwebサイトを作成するように特別に設計されているため、良いアイデアです。,
問題：ウェブ…サイト…その…ロード…あまりにも…slow…ly
webコンテンツの読み込み速度は、接続の速度とwebサイトのファイルサイズによって異なります。 両方の側面が関連しています。 ロードするファイルの量が大きすぎる場合、接続速度が速い場合でも、一部のページはゆっくりとロードされます。 同様に、技術的に最適化した場合がありますので、あらかじめ荷重をゆっくりない場合、接続が遅すぎます。
ソリューション:AMP
AMPはインターネット接続の利用可能な容量に影響を与えることはできないため、この技術は影響を与える可能性のあるロード時間の面に焦点を当てています。, AMPは、データ転送が遅い場合でも、モバイルwebサイトをすばやく読み込むための最良の条件を作成します。 これを行うには、必要なJavaScriptおよびCSS要素の数を制限し、ページを表示するためにロードする必要があるリソースはほんのわずかであることを保証します。
AMPの短いロード時間の鍵は、主にロードする必要があるファイルの削減です。 もうひとつの重要な要因はプロキシサーバのキャッシュを保持対象のページです。, このコンテンツはコンテンツ配信ネットワークを介して送信され、ユーザーがどこからアクセスしていても、ページを常に同じ速度で構築できるという利点
AMPソースコード
一般的に、コードはよく知られたスクリプトに基づいているため、すべてのサーバーがAMPソースコードを読み取ることができます。 次の三つの要素がAMPの特徴です。
- AMP HTML:加速されたモバイルページのHTMLコードは必需品に限定されています。 ページが読み込まれると、一つのhttp要求のみが送信されます。
- AMP JavaScript:AMPは非同期JSコードを使用します。, これにより、すべてのJS要素がロードされる前にサイトの構築を開始できます。
- AMP CDN:すべてのAMP webサイトのキャッシュは、世界中のさまざまなサーバーに保存されます。 このコンテンツをユーザーによる最短経路を用いたコンテンツ配信ネットワーク. CDNのもう一つの利点は、ページの機能が継続的にチェックされることです。 この防止に役立ちます。
AMPを実装するためにHTMLコードにどの変更を加える必要がありますか？
WEBサイトのHTMLがAMPを介して実行されるために必要ないくつかの特定の機能があります。, すべての視聴覚メディアコンテンツには、amp-img、amp-video、amp-audio、amp-iframeなどの特別なAMPタグを付ける必要があります。 AMPを使用してページのソースコードに画像を挿入する方法の例は次のとおりです。
<amp-img src=”myimage。,jpg”alt=”画像に表示できるもの”height=”200″width=”300″></amp-img>
さらに、AMPを使用して正しく表示できるように、すべてのページに次のタグを含める必要があります。
異なる利害関係者グループに対するAMPの利点
前述したように、ampは、広告主、出版社、ユーザー：すべての人に利益をもたらすという壮大な目的で立ち上げられました。A
- 広告主:広告主は、さまざまな広告フォーマットでAMPを使用できます。, つまり、ページの読み込みを妨げる広告によってユーザーエクスペリエンスが妨げられることはありません。
- パブリッシャー:パブリッシャーは、ニュース環境でAMPウェブサイトの顕著な配置から利益を得ます。 のユーザビリティの高いモバイル最適化したwebサイトにも貢献している正のユーザーの信号です。
- ユーザー:AMPを使用しているウェブサイトは、ユーザーに最適です。 彼らはページがロードされるのを長く待つ必要はなく、遅いインターネット接続で閲覧しているときにも高性能を信頼することができます。,
AMPとモバイルファーストインデックス
AMPは、モバイルデバイス用のウェブサイトを最適化するための一つのアプローチに過ぎません。 SEOコミュニティの中だけでなく、モバイル最適化の重要性に対する意識は、特にウェブサイトのモバイルフレンドリーさを促進することを目的とした2015年のGoogleアップデート以来、成長しています。 検索エンジンGoogleは、その後、そのモバイルインデックスがあることを発表して、モバイルファーストアプローチに向かってさらに行っている-いくつかの点, これはAMPの重要性を高めるだけです。
AMP以外にも、レスポンシブWebデザイン、またはプログレッシブWebアプリでの個別のモバイルUrlの使用など、他のモバイル最適化戦略があります。
