【超初心者質問】出力されるソースコードとFAQのリッチスニペットについて - ブログ相談 https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/ Cocoon ディスカッション掲示板 ja Fri, 10 Apr 2026 15:48:56 +0000 wpForo 60 RE: 【超初心者質問】出力されるソースコードとFAQのリッチスニペットについて https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76129 Sat, 23 Dec 2023 12:32:04 +0000 memeさん

確認できたようで良かったです。

ソース縮小した状態だと、見つけづらいと思います。

ちなみに、先の構造化データは以下のような感じで、横に長く画像に収まりませんでした。

 
ブラウザの検索機能で探さないと、見つからないです。
 
こういう場合は、先にリンクさせていただいた検証ツール等でご確認いただくのが、お手軽かと思います。
（ローカル環境だと、使用できませんけれど）
]]> ブログ相談 ｍｋ２ https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76129 RE: 【超初心者質問】出力されるソースコードとFAQのリッチスニペットについて https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76127 Sat, 23 Dec 2023 12:25:15 +0000 ｍｋ２さん、ご回答ありがとうございます。

ただいま確認しましたが、同じように出力されていました。

原因としては、cocoonの高速化設定が原因でした。

HTMLの縮小化だけではなく、Javascriptの縮小化のチェックも外さなければ見えにくい状態でした。

初歩的な設定ミスです。お騒がせしました。

すぐに検証していただき、また明確に答えていただき助かりました。ありがとうございます！

]]> ブログ相談 meme https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76127 RE: 【超初心者質問】出力されるソースコードとFAQのリッチスニペットについて https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76116 Fri, 22 Dec 2023 17:21:03 +0000 memeさん

（a）出力されるソースコードはどのように確認できますか？

（中略）

試しに、FAQブロックをつくって、Chromeで＜右クリック＞→＜ページのソースを表示＞をしてみたのですが、画像のような部分を見つけられませんでした。

この方法であっていると思います。

具体的に、どのページをご確認いただいたのか、ご提示いただければ、こちらでも確認できると思います。

 

【追記】

以下のような方法で、確認することもできると思います。

Google検索セントラル － 構造化データをテスト
https://developers.google.com/search/docs/appearance/structured-data?hl=ja

 

（b）FAQブロックを2個以上つくる場合はこの方法で良いですか？

FAQブロックを2個以上作る場合、

  1. +ボタンを押し、「FAQブロック」を追加
  2. FAQブロックを追加する場合は、下のブロックをクリックし、１の操作をする
  3. １と２を繰り返す。

のようにして増やしていけば良いのでしょうか？

この方法ですと、

https://www.maxmouse.co.jp/tips/2021/0409/

で示されている青領域（FAQエリア全体の領域(FAQPage)）のように囲まれないような気がします。

特に、何も考えずに普通にすれば、そんな感じだと思いますけれど。
（構造化データのために、何か操作を考えて書かなければならないということはないと思うのですが・・・）

(a)では構造化データを確認できなかったとのことですが、(b)のケースは確認ができたということでしょうか。
どのようにご確認になったのでしょう。

 

私の環境で、確認を行った結果を書きます。

 
 
上記は、上から以下のように並んでいます。
  • FAQブロック（デフォルト）
  • 段落ブロック
  • FAQブロック（アコーディオン）

上記のソースを確認すると以下のような感じでした。

 
上記のようになっているのは、リンクくださったものと違いますでしょうか。
（ちなみに、段落ブロックを削除しても、構造化データは同じでした）
 
 
もう遅いので、寝てしまいます。
]]> ブログ相談 ｍｋ２ https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76116 【超初心者質問】出力されるソースコードとFAQのリッチスニペットについて https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76114 Fri, 22 Dec 2023 16:59:21 +0000 いつもお世話になっております。

Cocoonの提供するFAQブロックを記事にいれてみたいと考えております。

そこで、2点質問があります。

（a）出力されるソースコードはどのように確認できますか？

https://wp-cocoon.com/faq-block/

cocoonのFAQブロック解説ページに「出力されるソースコードがこちら。」とあり、画像が添付されています。

このようなソースコードを確認したいです。

試しに、FAQブロックをつくって、Chromeで＜右クリック＞→＜ページのソースを表示＞をしてみたのですが、画像のような部分を見つけられませんでした。

（b）FAQブロックを2個以上つくる場合はこの方法で良いですか？

FAQブロックを2個以上作る場合、

  1. +ボタンを押し、「FAQブロック」を追加
  2. FAQブロックを追加する場合は、下のブロックをクリックし、１の操作をする
  3. １と２を繰り返す。

のようにして増やしていけば良いのでしょうか？

この方法ですと、

https://www.maxmouse.co.jp/tips/2021/0409/

で示されている青領域（FAQエリア全体の領域(FAQPage)）のように囲まれないような気がします。

なお、先ほど挙げた、cocoonの解説ページでは囲まれていますね。

 

(b)の方法で作成した場合、実際にどのように出力されているのか確認したくて、(a)のような質問をした次第です。

初心者すぎる質問で恐縮ですが、どうぞよろしくお願いいたします。

 

p.s.

どうやらGoogleは、FAQとHow-toのリッチリザルトの表示方法を変更していたようですね。（トホホ...

https://www.suzukikenichi.com/blog/google-changes-how-it-displays-faq-and-how-to-rich-results/

]]> ブログ相談 meme https://wp-cocoon.com/community/blog-manages/%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e8%b3%aa%e5%95%8f%e3%80%91%e5%87%ba%e5%8a%9b%e3%81%95%e3%82%8c%e3%82%8b%e3%82%bd%e3%83%bc%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%89%e3%81%a8faq%e3%81%ae/#post-76114