投稿日:2016年1月19日AMPを実装してみたAMP時代到来の兆しを受けて、試しに私も本ブログの一部ページでAMPを導入してみました。このブログはWordPressですので、単純に提供されているAMPプラグインを導入したバージョンと、改めてAMPを自分でヘッダーから構築したバージョンと2パターン作ってみましたので、(noindexにしつつ)実際のページとしてご紹介したいと思います。↓AMPプラグイン導入ページ↓//fuwafuwa.biz/seo/concrete-internal-links-improvement-procedure/amp/JavaScript部分が無くなり、フォントがデフォルトフォントとなります。WordPressのデフォルトテーマ(テンプレート)になるイメージです。カスタムしたUIも崩れます。「WordPressのプラグインでブログをAMP対応にしてみた」例もございますが、私も行ってみました。AMPプラグインを実装すると、JavaScript機能部分がキャンセルされるイメージですね。↓ヘッダーからAMPを構築↓//fuwafuwa.biz/amp-html/concrete-internal-links-improvement-procedure/改めてAMPを自分でヘッダーから構築してみたものです。ルールに倣いJSON-LD以外のJavaScriptは無くしてコーディングしています。本来であれば、リンク先までしっかりとAMP化して設定しなければならないのですが、面倒なのでそこまでしていません。ちなみにPHPコードは一応WordPressにて読み込んでくれるようですので、(私のサイトでは、従来のデスクトップ上のサイドバーがレスポンシブウェブデザインとしてフッターに回り込むように)サイドバーも下に表示することができました。プラグインとコーディングが異なる点は、AMPを実装するために自分でJavaScript部分を無くしていくイメージですね。自分でAMPを構築する上で手間がかかる部分としては、CSSからしっかりと直打ちしなければならないことAMP-IMGタグを書くときに幅と高さをしっかり指定しないと表示が崩れること<p>タグにて段落をしっかりと指定しないと表示順に不具合が生じることこの3点です。リンクやファイルを設置する際には、AMP対応記事を呼び出すために1つずつ指定していかなければなりません。レスポンシブの場合は??これ...AMP対応したページを作る場合、そもそもレスポンシブウェブデザインですと、デスクトップ(PC)での表示も変わるというか、崩れるわけです...。従来のデスクトップページをしっかりと表示させつつ、モバイル(スマホ)の場合のAMPページ化するためには、別ファイルにしなければなりません。それですとアノテーション設定しなければならず...結局管理が面倒になります。私が提唱してきた「レスポンシブの方が良い」という意見と相反してしまうわけなんです...。これは...どうしていけば良いんでしょうね...。レスポンシブのままAMPを担保するためにはレスポンシブウェブデザインのままAMPを導入し、そのデザイン性も担保するためにはどうすべきか...。そもそもAMP表示前提でデスクトップUIを考えるしかないですね。JavaScriptに依存せず、徹底的にCSSでレスポンシブのルール付けを行っていくか、デスクトップUIでもワンカラムとかで展開していくか、といった感じでしょうか。ないと、AMP対応ページを別ファイルにしてアノテーション設定を頑張ることになります。願わくば、WordPressの場合、このジレンマを解消できるプラグインが生まれれば良いのですが...(笑)。マジョリティ優先で何においても基本情報はあるものです。サービスに関しても一般的で基本的なサービスや情報があるからこそ、特殊なサービスや情報が活きてきます。そこで今回は、それと同様に「検索結果においてもまずは基本情報やサービス等、マジョリティとなるコンテンツが優先されるのでは...?」という持論の話です。...(続きを読む)レビュースニペットをGSCで確認リッチリザルトに関しては、リッチリザルトテストツールを使うことで、リッチリザルト対象ページの有無や構造化データマークアップの整合性やリッチリザルト化した表示例(結果のプレビュー)を確認することが出来ました。Blogにて2020年1月に行ったことを発表しました。先日、強調スニペット化したサイトページの所在についてご紹介しましたが、まだまだこれが結構厄介な状態になっています。...(続きを読む)コメントを書くコメントは承認から反映までしばらく時間がかかる場合がございます。メールアドレスが公開されることはございません。Thanks本ブログは日々の業務活動におけるSEOやSNSの必要情報をメモ代わりに個人活用しています。