WP AMPテーマ– Accelerated MobilePagesテンプレート

WP AMPテーマ– Accelerated MobilePagesテンプレート | AMPThemes.io

説明

WordPress Accelerated Mobile Pages Themesプラグインは、ブロガー、パブリッシャー、その他のコンテンツ作成者がWordPressWebサイトにAMPサポートを簡単に追加するのに役立ちます。 WP AMPテーマプラグインには、WordPress管理領域を介してカスタマイズ可能な1つの無料AMPテーマ(OBLIQ)が含まれています(色、フォント、外観)。
Accelerated Mobile Pages(「AMP」)プロジェクトは、パブリッシャー、コンシューマープラットフォーム、クリエーター、ユーザーなど、すべての人のモバイルコンテンツエコシステム全体を改善する必要性について、パブリッシャーとテクノロジー企業の間で話し合ったオープンソースイニシアチブです。
今日、コンテンツは超高速で読み込まれ、簡単に探索できることが期待されています。現実には、コンテンツの読み込みには数秒かかる場合があります。または、ユーザーが遅いページを放棄したため、完全に読み込まれることはありません。 Accelerated Mobile Pagesは、ほぼ瞬時に読み込まれるように設計されたWebページです。これは、すべての人にとってより優れたモバイルWebへの第一歩です。
スピードが重要であり、インスタントが理想的です。調査によると、ウェブページの読み込みが遅いほど直帰率が高くなります。 AMP形式を使用すると、人々がより多くのコンテンツを消費して関与することがはるかに魅力的になります。しかし、これは速度とパフォーマンスだけではありません。また、サイト運営者がオープンウェブの潜在的なコンテンツをプラットフォームやアプリ全体ですばやくどこにでも表示できるように、配信の強化を促進したいと考えています。これにより、広告やサブスクリプションを通じて収益を増やすことができます。
Accelerated Mobile Pagesは、他のHTMLページと同じですが、オープンソースのAMP仕様によって定義および管理される、許可されている技術機能のセットが制限されています。すべてのウェブページと同様に、Accelerated MobilePagesは最新のブラウザやアプリのウェブビューに読み込まれます。
AMPファイルは、速度を優先するさまざまな技術的およびアーキテクチャ的アプローチを利用して、ユーザーにより速いエクスペリエンスを提供します。 AMP開発者は、ビデオやソーシャルポストなどのリッチメディアオブジェクトを埋め込んだり、広告を表示したり、分析を収集したりする機能を提供する、豊富で成長しているWebコンポーネントのライブラリを使用できます。目標は、コンテンツの外観と雰囲気を均一化することではなく、ページ間でより一般的な技術コアを構築して、読み込み時間を短縮することです。
さらに、コンテンツがユーザーのモバイルデバイスに到達するまでにかかる時間を短縮するために、AMPファイルをクラウドにキャッシュできます。コンテンツプロデューサーは、AMP形式を使用することにより、AMPファイルのコンテンツをサードパーティがキャッシュできるようにしています。このタイプのフレームワークでは、パブリッシャーは引き続きコンテンツを制御しますが、プラットフォームはコンテンツを簡単にキャッシュまたはミラーリングして、ユーザーへの最適な配信速度を実現できます。 Googleは、誰でも無料で使用できるGoogle AMPキャッシュを提供しており、すべてのAMPはGoogleAMPキャッシュによってキャッシュされます。他の企業も独自のAMPキャッシュを構築する場合があります。
要約すると、目標は、限られた技術的機能とキャッシングを中心に構築された配信システムの組み合わせが、ページのパフォーマンスを向上させ、パブリッシャーのオーディエンス開発を向上させることです。
OBLIQ AMPテーマ(無料で利用可能)には、投稿の詳細のサポートが付属しており、カテゴリとページを含むサイドメニューが含まれています。
OBLIQを構築するときに使用したAMPコンポーネントの一部:

アンプ-アコーディオン
amp-img
アンプサイドバー
アンプカルーセル
amp-social-share

AMPThemes.ioには、BASE、ELEVATE、FOLIO、INVISION、POPSICLE、PULSE、GHOST、PHANTOM、LUCID、EXTRUDE、VEDI、BLEND、PURE、GOTHAM、FUTURE&PALMなどのプレミアムAMPテーマが多数あります。
AMPはどのように機能しますか?
基本的にモバイルWebページを作成するためのフレームワークであるAMPは、次の3つの基本的な部分で構成されています。

AMP HTML:HTMLのサブセットであるこのマークアップ言語には、いくつかのカスタムタグとプロパティ、および多くの制限があります。ただし、通常のHTMLに精通している場合は、既存のページをAMPHTMLに簡単に適合させることができます。基本的なHTMLとの違いの詳細については、AMPHTMLページに「必須」である必要なマークアップのAMPプロジェクトのリストを確認してください。

AMP JS:モバイルページ用のJavaScriptフレームワーク。ほとんどの場合、リソース処理と非同期ロードを管理します。サードパーティのJavaScriptはAMPでは許可されていないことに注意してください。

AMP CDN:オプションのコンテンツ配信ネットワーク。AMP対応のページを取得してキャッシュし、パフォーマンスを自動的に最適化します。

AMPはGoogleでどのように表示されますか?
Googleは、AMP機能がSERPでどのように表示されるかのデモを提供しています。携帯電話でg.co/ampdemoに移動して(またはChromeデベロッパーツール内でエミュレートして)試してみることができます。次に、「ドナルドトランプ」のようなものを検索します。
AMPの記事が表示されたカルーセルが上部に表示されます。 SERPに埋め込まれた読書体験については、いずれかをクリックしてください。右または左にスワイプして、別のAMP対応の記事を読むことができます。これは、単にサイト運営者のAMPページに移動するのとは異なるエクスペリエンスです。
モバイルアドベンチャーを楽しんでください!
リポジトリ
Github開発リポジトリは次のとおりです。
* https://github.com/appticles/wp-amp-themes –プラグインファイル。WordPress.orgでダウンロードできるものと同じです。

インストール

WordPressv4.4以降の簡単な

インストール

このプラグインには、AMPプラグインが

インストール

されている必要があります。

[プラグイン] / [新規追加]メニューに移動します
wp-amp-themes.zipをアップロードし、[今すぐ

インストール

]を押します。
楽しい。

包括的なセットアップ
より包括的なセットアッププロセスと構成ガイドは次のとおりです。

ファイルシステムでWordPressの

インストール

を見つけます
wp-amp-themes.zipのコンテンツをwp-content / pluginsに抽出します

wp-content / pluginsに、wp-amp-themesという名前のディレクトリが表示されます。

http://yoursite.com/wp-adminでWordPress管理パネルにログインします

[プラグイン]メニューに移動します。
プラグインの[アクティブ化]をクリックします。
[WPAMPテーマ]管理パネルに移動します。
設定を編集します。
これですべて完了です。

インストール

のテスト
投稿の詳細ページを開き、URLの最後に「/ amp」を追加します。 AMPテンプレートが表示されているはずです。
AMP投稿がGoogleによってキャッシュされると、Google検索結果の横に表示されるAMP稲妻記号によって、モバイルデバイスで簡単に認識できます。
ユーザーがAMPリンクをクリックすると、AMPコンテンツがGoogleAMPキャッシュからブラウザに直接読み込まれます。
AMPページを表示した後、ユーザーは記事内のリンクをクリックするか、戻る矢印をクリックしてGoogle検索に戻ることができます。

プラグインの作者

AMPThemes.io

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/wp-amp-themes/
WP AMPテーマ– Accelerated MobilePagesテンプレートプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です