サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年7月23日 00:11
Cocoonのトグルボックスにあるよくある質問（FAQ）機能を今まで使っていたページに、寄付特典のFAQブロックを追加したんですけど、スニペットがばらばらになるせいでGoogleに正しく反映されないみたいです。
Cocoonの最新版をダウンロードしてインストールし直してみたりはしました。
機能をどちらかに統一して、ブロックも一種類にまとめたら直ると思うので修正お願いします。
2021年7月23日 11:58
スニペットがばらばらになるせいでGoogleに正しく反映されないみたいです。
バラバラになるというのは、どういった状態のことを指すのでしょうか。
ソースコード的には「Cocoon JSON-LD」と「Cocoon FAQ JSON-LD」のscriptがわかれているということでしょうか。
2021年7月23日 12:00
機能をどちらかに統一して、ブロックも一種類にまとめたら直ると思うので修正お願いします。
どちらかとは何と何のことでしょうか。
あと、一種類にまとめたら正常動作する情報元となっている物がありましたら後学のためにも教えていただければ幸いです。
2021年7月23日 12:12
FAQPageの記述だけを見ればリッチリザルトテストでは問題ないように見えます。
JSON-LDのscriptタグがわかれているとダメなんですかね…。
今3、4回のキーワードを変更して検索してみた限りではそれらしい結果は出てきませんでした。
キーワードを変えてもう少し検索してみます。
2021年7月23日 13:17
機能をどちらかに統一して、ブロックも一種類にまとめたら直ると思うので修正お願いします。
どちらかとは何と何のことでしょうか。
もしかしてスキン「SILK」の追加機能でしょうか。
わいひら reacted
トピックスターター 2021年7月23日 14:38
同じ感じで試してみました。
特典が追加される前、Cocoonのトグルボックス「よくある質問（FAQ）」で書いていたFAQの内容を１と３だとします。
このFAQページに特典のFAQブロックを使って、新たに２と４の内容を追加しました。
ブロックの順番は１→ ２→３→４と並べているんですけど、JSON-LDはスクショの通り２つになって、順番もばらばらになってます。
なので、１→ ２→３→４になるようにJSON-LDを１つにまとめれば正しくなると思います。
2021年7月23日 17:35
添付画像のこれかー。
「SILK」スキンのアコーディオン（トグル）機能にFAQ型のスタイルがあるのは知っていましたが、リッチリザルト機能までは把握してませんでした。
スキンの機能なのでどうしたものか。
とりあえず、ID指定という形でうまくいくのか後で試してみます。
https://www.suzukikenichi.com/blog/google-updated-structured-dataguidelines-for-multiple-items-on-a-page/
トピックスターター 2021年7月24日 14:38
Cocoonじゃなくて、SILKの機能だったんですね。
てっきりCocoonの機能かと思ってたんで、そんなすごいスキンだったとは知りませんでした。
はい、お願いします。
2021年7月24日 17:08
FAQPageがわかれて重複していると、リッチリザルトテストで『項目「FAQPage」が重複しています』と出るようですね。
2021年7月24日 17:11
ただわかれているJSON-LDに「"@id":"#FAQContents",」といったように@idを指定してやると、統合されて問題ないようです。
とりあえず、リッチスニペットでエラーは出なくなるので、これで大丈夫なのではないかと思います。
GitHubにアップしておきました。
https://github.com/yhira/cocoon
トピックスターター 2021年7月24日 17:54
同じやり方で試してみたんですけど、僕のやり方だと順番通りにならないみたいです。
- トグルブロック
- FAQブロック
- トグルブロック
- FAQブロック
この順番で試しています。
2021年7月24日 18:24
申し訳ないですがJSON-LDがわかれているので、順番通りにはなりません。
順番通りにするのであれば、どちらかに統一すべきかと思います。
トピックスターター 2021年7月24日 18:56
僕は順番通りにGoogleに表示されたらJSON-LDが1個でも2個でも構いません。
なので、JSON-LDをどちらかに統一する方法でよろしくお願いします。
2021年7月24日 20:49
親テーマとスキンで同一のJSON-LD出力に統合するということは申し訳ないですがやる予定はないです。
お役に立てず申しわけないです。
順番通りにGoogleに表示されたらOKであれば、どちらか一方を使うというのではダメなのでしょうか。
トピックスターター 2021年7月24日 21:24
FAQは普通、順を追って書かれるはずで、順番通りに表示されることはかなり重要だと思うんですけど…
スキンの作者様にお願いして、スキンで対応してもらうとかってできないんですか？
トピックスターター 2021年7月25日 10:07
あと、解決方法がないかプログラムを見てみました。
SILKの方は制御できる方法が用意されてるのに、FAQブロックは制御する方法が見当たらないです。
勝手に全部がJSON-LDに出力されるのは問題ありですし、同じテーマの中に元からある機能を使ってる人は新しい機能を使えないっていうのも整合性取れてなくておかしいと思います。
2021年7月25日 17:45
わいひらさんがご提案してくださっている
順番通りにGoogleに表示されたらOKであれば、どちらか一方を使うというのではダメなのでしょうか。
こちらではダメなのでしょうか。
今までSILKの機能の方の「よくある質問(FAQ)」を使ってきたのであれば、これからもそちらだけを使い続ければ問題ないのではないでしょうか。
現状、SILKのFAQと寄付特典のFAQに大きな機能の違い等はないように思います(強いて言えば寄付特典の方はスキンがSILKでなくても使える)。
一つの記事上で両方の機能を使い分けするような場面はないように思います。
スキンの作者様にお願いして、スキンで対応してもらうとかってできないんですか？
こちらに関してはわいひらさんがろこさんに依頼してスキンを作成してもらっているわけではないので筋違いだと思います。
わいひら reacted
トピックスターター 2021年7月25日 18:54
同じページで質問の意図で区切るために、デザインの違うFAQを使い分けています。
その中から、特によくある質問をピックアップして、ピックアップした項目だけを順番通りにJSON-LDで出力するようにカスタマイズしています。
SILKが後からその機能を追加してて、不具合が出てる状態なら筋違いだと思います。でも、把握不足でCocoonが後から追加した機能で不具合が出てて、スキンの方で対応が必要なら、スキン作者様に依頼して、可能なら対応してもらうのが筋だと思っています。
2021年7月25日 20:14
Cocoonの同梱版のシルクスキンはもうすでに作者様の手を離れてコードも違う部分があると思うので、サポート対象外だと思います。
あと方針については基本的に先日書いた通りですが、余裕があれば検討したいと思います。
2021年7月25日 22:29
はじめまして、Web制作をしているねこみと申します。
ちょうど似たような不具合が起きて困っていたところだったんです。
問題のサイトは公開できないのですが、テスト用のサイトを立ち上げて不具合を再現してみたのでこちらに書きこませていただきます。
対象のページのURL： http://nekomy.wp.xdomain.jp/2021/07/25/hello-world/
相談内容：SILKのFAQから特典のFAQに移すとリッチスニペットに対応しなくなります。
解決のために試したこと：プラグインは全部外しました。高速化設定も無効にしました。テーマをGitHubに置かれたものに更新しました。スキンを変えてみたりしてもダメだったんです。
環境情報：
----------------------------------------------
サイト名：テスト
サイトURL： http://nekomy.wp.xdomain.jp
ホームURL： http://nekomy.wp.xdomain.jp
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/silk/style.css
WordPressバージョン：5.8
PHPバージョン：7.4.13
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.3.11
カテゴリ数：1
タグ数：0
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
どうしたら新しい方のFAQでリッチスニペットに対応することができますか？
FAQブロックの記事とこちらの書き込みを読みましたが、解決方法はよく分からなかったです。
申し訳ありませんが、分かりやすく教えてほしいです。
2021年7月27日 16:28
スキンなしの方が分かりやすいかなって思いまして、一旦スキンをオフにしておきました。
トピックスターター 2021年8月6日 13:18
SILKを使ってないサイトにFAQブロックで入れてみたんですけど、上に同じく反映されませんでした。
FAQブロック自体にそもそも問題があるみたいです。
FAQブロックの修正は今のところしてもらえないみたいなので、結局FAQをGoogleに正しく反映させるにはSILKでよくある質問機能を使うしか方法はないっぽいですよ。
もう少し試してどうにもいかないようだったら、一応SILKの作者様にも報告を入れてはおきますけど。
2021年8月6日 19:39
全く同じ内容のFAQを作成してWordPress5.8、PHP7.41で試してみたのですが、自分の環境では出力されているようです。
同じソースコードをで試してみるので、お手数ですが以下の記事のソースコードをtxtファイルに保存してアップしていただけますか。
http://nekomy.wp.xdomain.jp/2021/07/25/hello-world/
2021年8月7日 13:55
お返事ありがとうございます。
FAQブロックをコピーして、txtファイルにペーストしてみました。
問題のサイトでテストしたブロックをテストサイトにもそのまま入れているので、ソースコードは変わらないと思います。
それから、もう一度スキンをオフからオンにしてみて、最初に公開していた両方のFAQブロックを並べてみた記事も再公開してみました。
2021年8月7日 19:31
ありがとうございます。
nekomy.wp.xdomain.jp環境だと、なぜかスクリプトが表示されないんですよね…。
スキンが適用されていないときも表示されていなかったので、スキンが原因ではないと思います。
2021年8月7日 19:35
ただ、こちらの環境でいただいたソースコードで試してみたのですが、表示はされるようです。
本番環境もxdomain.jpドメインサーバーなのでしょうか。
WordPressもPHPも同じバージョンだし、プラグインを入れていないのも一緒です。
他に何か違いがあるとしたら何だろうか…。
2021年8月7日 19:40
wp.xdomain.jp環境だと、なぜかスクリプトが表示されないんですよね…。
私もこれを思いました。
SNSフォローのコピーボタンに関するものだと思いますが、ないScriptがあるように思いました。（「コピーできた」という感じのものだったような。。。）
機能はしていますで、何かは良く分かっていません。（単に設定の違いかもしれません。）
今はスマホからですので、ここまでです。
FAQに関しては、私のテスト環境でも出てきていました。
後で、サーバーの環境でも試してみます。
わいひら reacted
2021年8月7日 20:39
私のサーバーの環境に、ソースコードを貼り付けてみましたが、出てきますね。
親テーマのバージョンは違うとは思いますが。
WordPressバージョン：5.8 PHPバージョン：7.4.13 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.3.4 カテゴリ数：55 タグ数：562 ユーザー数：2
SNSフォローのコピーボタンに関するものだと思いますが、ないScriptがあるように思いました。（「コピーできた」という感じのものだったような。。。）
上記は、設定の違いのようでした。
私のサーバーの環境にもありませんでした。
よって無関係かと。
わいひら reacted
2021年8月7日 21:30
問題を見つけた本番サイトはConoHaです。
あと、先ほどエックスサーバーでも同じものを入れてみましたが、そちらも不具合が再現されました。
スキンが原因でないのはある程度分かっていて、スキンあり＋スキンのFAQだけスクリプトが表示されていますので、表示を比較できるかなってことでした。
最初からスキンなしのときとスキンありからスキンなしに変えたときは表示されてません。
2021年8月7日 21:33
私のものは、エックスサーバーで、スキンなしです。
（この環境でスキンの設定はしたことがありません。）
何が違うんでしょう。。。
ローカル環境でも、出てくるんですよね。
どうすれば再現できるのかが分かればとは思うのですが。
2021年8月8日 19:15
環境情報を見ても全く問題になりそうなものはないんですよね…。
あとは、/tmp/json-ld-faq.phpで正規表現がヒットしていないのかとも思って、同じソースコードで試したのですが、こちらの環境ではFAQが出力されるようですし…。
サーバーの違いでも関係ないようですし、何がトリガーとなっているのか違いを探す必要があります。
2021年8月8日 19:16
ちなみに、僕の環境情報はこちらです。
----------------------------------------------
サイト名：cocoon
サイトURL： https://cocoon.local
ホームURL： https://cocoon.local
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child/style.css
WordPressバージョン：5.8
PHPバージョン：7.4.1
ブラウザ：Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36
サーバーソフト：nginx/1.16.0
サーバープロトコル：HTTP/1.0
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.4
カテゴリ数：3
タグ数：5
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：881バイト
functions.phpサイズ：2320バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
---------------------------------------------
2021年8月8日 22:33
重複しますが、先に書いた、私のサーバー上のテスト環境の情報です。
（すみませんが、URL非公開です。）
以下でも、問題なくScriptは出てきていました。
（先に書いた通り、スキンは使っていません。）
----------------------------------------------
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.8
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.4
カテゴリ数：55
タグ数：562
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：68228バイト
functions.phpサイズ：12367バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：1
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.10
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4.2
Edit Author Slug 1.8.2
Jetpack 10.0
Revision Control 2.3.2
SiteGuard WP Plugin 1.6.0
Wordfence Security 7.5.4
WP Multibyte Patch 2.9
----------------------------------------------
2021年8月10日 18:32
こちらの件に関して複数の方からお問い合わせが届いたので、SILK側で対応のコードを追加しました。
SILK側のJSON-LDにCocoonのFAQブロックにある内容も出力される形にしたので、Cocoon側のFAQ用JSON-LDを非表示にできるフックがほしいです。
https://github.com/yhira/cocoon/blob/master/lib/seo.php#L574
また、動作確認のために開発者用の特典コードなどがあれば、いただけると助かります。
2021年8月10日 20:42
CocoonとSILKの両方を新しくダウンロードしたものに更新したところ、どの組み合わせでもスクリプトが表示されるようになりました！
2021年8月10日 20:52
あっ...
と思ったのですが、スキンを変えてしまうとやっぱり表示されないみたいです。
2021年8月10日 20:56
お手数をおかけして申しわけありません。
フックを追加しました。
https://github.com/yhira/cocoon/commit/23f95214aad7cef4f3a63143b6a2237dbb799413
メール宛にアクティベートコードを送信しておきました。
2021年8月10日 21:40
フック追加とアクティベートコードありがとうございます。
対応版を公開しました。
SILKのよくある質問とCocoonのFAQブロックを組み合わせても、正しいJSON-LDが出力されるはずです。
スキンを変えてしまうとやっぱり表示されないみたいです。
内容を拝見した限りでは、nekomi様の不具合はCocoon側の問題なので、対応版にアップデートしてもSILK以外の設定では改善されていないと思います。
トピックスターター 2021年8月11日 10:27
SILKのサイトだとスニペットが正しく表示されるようになりました。
感謝します。
ですが、SILKを使ってないサイトはいまだにスニペットが反映されませんでした。
2021年8月12日 20:18
僕の環境では、どうしても不具合を再現できませんでした。
ですので、正常動作が確認されているsilkスキンのFAQ内容取得方法をそのまま参考にさせていただいて修正しました。
silkスキンも最新版にアップデートさせていただきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
silkスキンが適用されている場合は、CocoonのJSONは出力されないようにしました。
2021年8月13日 19:42
ご確認いただきありがとうございます！
また、ロコ様ご迷惑をおかけしました。
ご対応いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。