Google モバイルコーディング(リッチスニペット、モバイルファースト、AMP)

モバイルファーストという言葉が出てきて久しい、検索結果でプラスアルファの情報が出るリッチスニペット、AMPは思っていたよりややこしそう

リッチスニペット

「スニペット」「リッチスニペット」「強調スニペット」3種類のスニペットの違いを理解していますか?
https://ferret-plus.com/6198?page=2

PageMap【Googleマニュアル】
https://support.google.com/programmable-search/answer/1628213?hl=ja

ページ内FAQの構造化データ化でGoogle検索の自サイト表示をリッチにする方法
https://www.maxmouse.co.jp/tips/2021/0409/
JSON-LD
microdata形式

リッチリザルト テスト【Google】
https://search.google.com/test/rich-results?hl=ja

モバイル フレンドリー【Google】
https://search.google.com/test/mobile-friendly

構造化データ マークアップ支援ツール【Google】
https://www.google.com/webmasters/markup-helper/

Google 検索セントラル 構造化データをテスト【Google】
https://developers.google.com/search/docs/advanced/structured-data

構造化マークアップとは?構造化マークアップの書き方とSEO的な効果について
https://kurokawaandco.jp/digitalmarketing/seo/what-is-structured-markup.html

初心者向け解説!構造化データの仕組みと書き方を理解しよう
https://sem-journal.com/seo/structured/

【初心者向け】構造化データとは?メリット・書き方・種類・ツールまとめ
https://digitalidentity.co.jp/blog/seo/schema-org/structured-data.html

モバイルファースト

Webページの表示速度の計測
https://developers.google.com/speed/pagespeed/insights/?hl=ja

Googleモバイルフレンドリーの基準とは?スマホのhtmlコーディングで気を付けたいポイント
https://b-risk.jp/blog/2015/04/googlemobilefriendly/#link04
Googleが提供するチェックツール「モバイルフレンドリーテスト」

モバイルSEOに役立つGoogle純正ツール×5
https://www.suzukikenichi.com/blog/six-mobile-seo-tools-by-google/
Chrome
PageSpeed Insights
Mobile-Friendly Test
Fetch as Google
モバイルユーザビリティ レポート

モバイルファーストデザインとはスマホ版から作ればOK?手順やCSS解説つき
https://pecopla.net/web-column/mobile-first-design

AMP (Accelerated Mobile Pages)

ついに始まった、Google AMP(Accelerated Mobile Pages)を試してみよう!
https://codezine.jp/article/detail/9300

AMP
https://amp.dev/ja/index-2021/
更新日:
作成日: