ホームページ > ウェブフロントエンド > H5 チュートリアル > seozac: Google 用 AMP — モバイル ページの高速化

seozac: Google 用 AMP — モバイル ページの高速化

PHPz
リリース: 2017-04-02 11:09:06
オリジナル
2621 人が閲覧しました

原題: Google's AMP - Accelerated Mobile Pages の著者である Zac

は先週の第 6 回 SEO ランキングで講演し、国際 SEO 業界の最新動向の一部を共有しました。そのコンテンツの1つがGoogleのAMPプロジェクトであり、これについてもここで説明します。

AMP、Accelerated Mobile Pages、大まかに訳すと「加速されたモバイル ページ」は、モバイル ページのアクセス速度を向上させるために Google が昨年 10 月に発表した技術です。具体的な技術詳細は、Google の公式 Web サイトでご覧いただけます。プロジェクトには簡易中国語バージョンがあります。 (参照: Google AMP とは一体何ですか? )

簡単に言うと必ずしも正確ではありませんが、 AMP ページは大幅に簡素化されているため、読み込みが速くなったモバイル ページです。

AMP にはいくつかの機能があります:

AMP の HTML コードは、テーブル、フレームなどの一部のコードは使用できなくなりました。

CSS コードも簡素化されているため、使用する必要があります。 HTML で記述されているため、外部 CSS ファイルを呼び出すことはできません

JS のほとんどは使用できません。もちろん高速ですが、多くのインタラクティブな機能が失われています

写真、ビデオなどのリソース制御は、ユーザーは画像にプルダウンします

高度にキャッシュされ、Google は独自のサーバーにページをキャッシュします

特定の AMP アプリケーションは今年 2 月にリリースされたばかりで、AMP をサポートするニュース ページが表示されるニュースでのみ使用されます。トップ画像のカルーセル。ユーザーがニュースをクリックすると、Google サーバーにキャッシュされた非常に簡素化されたバージョンの AMP が文字通り数秒で開きます。

現在、AMP ニュース ページは中国とシンガポールを除く 10 か国以上でのみ表示されます。

ニュースサイトに限定されていれば、それほど気にしません。しかし、Googleは8月2日、AMPをあらゆる種類のモバイルページに適用すると発表した。実際、これ以前には、BBC や New York Times などのニュース Web サイトに加えて、eBay などの Web サイトでも AMP バージョンがリリースされていました。すべてのモバイル ページが AMP をサポートすれば、より多くの Web サイトが AMP バージョンを追加する動機になるでしょう。

通常のページの AMP は、通常の Google 検索結果にはまだ表示されていません。g.co/ampdemo のデモでのみ確認できます。Still などの情報 Web サイトでも AMP をすぐに試してみました。 AMPに非常に適しています。 WordPress への AMP の実装は非常に簡単で、AMP プラグインをダウンロードして有効にするだけです。プラグインは投稿ページの AMP バージョンを作成します (ホームページ、カテゴリ、ページめくりなどのページにはこれがありません)。たとえば、この投稿の URL は次のとおりです:

https://www.seozac.com/gg/google-amp/ ‎
ログイン後にコピー

AMP ページは、元のページの後に /amp/ を追加します:

https://www.seozac.com/gg/google-amp/amp/
ログイン後にコピー

元の投稿の HTML コードでは、amphtml タグを使用して AMP を示す必要がありますバージョン アドレス:

<link rel=”amphtml” href=”https://www.seozac.com/gg/google-amp/amp/” />
ログイン後にコピー

HTML コードの AMP バージョンも元のページ アドレスを示すために canonical タグを使用します:

<link rel=”canonical” href=”https://www.seozac.com/gg/google-amp/” />
ログイン後にコピー

このようにして、Google は誰が誰に対応するかを知ることができます。

はGoogleの検索結果でこのように表示されます(前述の通り、デモアドレスから確認できます):

seozac: Google 用 AMP — モバイル ページの高速化ページ説明の先頭に稲妻マークとAMPという単語があります。ユーザーがクリックすると、数秒でページが開き、Google サーバー上のキャッシュが表示されます:

https://www.google.com.sg/amp/www.seozac.com/baidu/aureum-algorithm/amp/
ログイン後にコピー

AMP ページは次のように開きます:

seozac: Google 用 AMP — モバイル ページの高速化この投稿の AMP アドレスをクリックすると、AMP バージョンを確認できます。デスクトップコンピュータにも同じことが当てはまります。正常にアクセスできます。現在の WordPress AMP プラグインはナビゲーションやコメントなどを削除し、投稿コンテンツ自体のみを残し、HTML ファイルはわずか数 KB です。 AMP バージョンを自分で開発した場合でも、重要なナビゲーションなどの追加を行うことができます。

AMP の目的はそれ以外になく、高速であり、確かに高速ですが、EC サイトなどのインタラクティブな機能が必要なページには必ずしも適しているとは限りません。ブログ投稿のようなページであっても、コメント機能を削除することが本当にユーザーフレンドリーであるかどうかはまだわかりません。純粋な情報ページは本当に適しています。

最近 Google は AMP を積極的に推進しています (

なぜ Google は AMP 計画を開始するのですか?

) AMP が国際情報 Web サイトのモバイル ページの主流になる可能性は非常に高いです。 AMP の使用はランキングに役立ちますか?現時点ではいいえ、Google はランキング アルゴリズムに AMP が含まれていないことを明らかにしていますが、将来は誰にもわかりません。 SEO 担当者、特に英語の Web サイトに取り組むSEO担当者は引き続き細心の注意を払う必要があります。

Baidu は AMP をサポートしますか?

おそらく短期的にはそうではない、(現在、Baidu Sogou がサポートを発表しています。詳細については、Baidu、Sogou、Yahoo が AMP を正式にサポートしています) Baidu に意欲があるかどうかではなく、AMP ページが電話する必要があるということです。公式ウェブサイトの JS ライブラリで、リソースなどの機能 (画像の遅延など) を制御しているようです:

外国のものは、強、強と言ってください、Baidu がサポートするのは危険です、中国の Web サイトは使用できません。ふふ、ふふ。

以上がseozac: Google 用 AMP — モバイル ページの高速化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート