Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

PCとスマホで表示が大きく異なります
 
共有:
通知
すべてクリア

PCとスマホで表示が大きく異なります

15 投稿
5 ユーザー
7 Reactions
11.1 K 表示
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

お世話になります。

スマホで検索結果から個別記事を閲覧すると全く異なるデザインが表示され困惑しています。

・ヘッダーロゴが表示されない
・見出しのデザインが表示されない
・ボックスが表示されない
・Rinkerが表示されない

TOP画面を経由し個別記事を見ると大丈夫です。
Cocoon設定からキャッシュも全てクリアしましたが回復しません。
全ての個別記事で発生しています。

何が原因なのでしょうか?
サイト名:セケンバナシ
サイトURL: https://poor-money.com
ホームURL: https://poor-money.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:4.9.10
PHPバージョン:7.1.18
ブラウザ:Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP
----------------------------------------------
テーマ名:Cocoon
バージョン:1.7.0
カテゴリ数:11
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:0
AMP:0
PWA:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Add Code to Head 1.13
Admin Columns 3.4.1
AdSense Integration WP QUADS 1.8.2
Akismet Anti-Spam 4.1.1
All In One SEO Pack 2.12
Amazon Associates Link Builder 1.9.2
AMP 1.0.2
Category Order and Taxonomy Terms Order 1.5.5
Contact Form 7 5.1.1
EWWW Image Optimizer 4.7.0
Google XML Sitemaps 4.1.0
Head, Footer and Post Injections 3.1.2
Jetpack by WordPress.com 7.1.1
Movable Type and TypePad Importer 0.4
Regenerate Thumbnails 3.1.0
Rinker 1.4.5
Search Regex 1.4.16
Table of Contents Plus 1601
TinyMCE Advanced 5.0.1
WordPress Ping Optimizer 2.35.0.1.3
WP Content Copy Protection & No Right Click 1.6.2
WP Multibyte Patch 2.8.2
Xserver Migrator 1.1.0
----------------------------------------------


   
引用
(@jamkun)
Estimable Member Registered
結合: 6年前
投稿: 158
 

AMPプラグインのせいです。スマホもしくはスマホ表示で、次の2ページをご確認ください。

Cocoonの表示

https://poor-money.com/nagabuchi_car/

AMPプラグインの表示(検索結果)

https://poor-money.com/nagabuchi_car/amp/

 

CocoonはテーマでAMPに対応しているため、AMPプラグインを使う必要がありません。AMPページを使いたい場合には、Cocoon設定より「AMPの有効化」にチェックを入れるだけです。

CocoonでAMPページに対応させた場合には、スタイル(見た目)もほぼ変わらず、表示が可能になります。


   
わいひら reacted
返信引用
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

ご回答ありがとうございます。

Cocoon設定でAMPを有効化させましたが
・AMPプラグインを停止⇒本文のみ404エラーになる
・AMPプラグインを有効化し、設定で【投稿】にチェックを入れる⇒404エラーは解消するが、やはり表示が異なる。

原因が特定できません。。。

 


   
返信引用
(@jamkun)
Estimable Member Registered
結合: 6年前
投稿: 158
 

AMPプラグインを停止⇒本文のみ404エラーになる

「本文」とは例に挙げている記事だと「アツい男」~「アスリートが多数いることでも知られる。」までの領域が404エラーで、「タイトル」は表示されるのでしょうか。

それとも「該当ページ全体」(該当投稿ページ)が404エラーになるのでしょうか。

 

後者、ページ全体が404エラーであるのであれば、AMPプラグインを停止した後には、いったん「CocoonのAMPキャッシュ」・「サーバーのキャッシュ」を削除いただいたあと、以下URLで正常な表示がなされるか試していただけますでしょうか。

https://poor-money.com/nagabuchi_car/?amp=1

(Cocoonの設定でAMPをオンにしないと使えません)


   
わいひら reacted
返信引用
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

・Cocoonの設定でAMPをオンになっています。
・AMPプラグインは削除しました。

AMPキャッシュとサーバー(エックスサーバー)のキャッシュも削除しましたが添付画像の通り、ヘッダーやカルーセル、カテゴリー、人気記事は表示されており、本文のみが404エラーになります。

全ての記事で発生しているため悩んでいます。
よろしくお願いいたします。


   
返信引用
(@jamkun)
Estimable Member Registered
結合: 6年前
投稿: 158
 

いま私が確認したところ、AMPプラグインを削除いただいたおかげか、Cocoonテーマで設定されている通常ページにかなり近くなったAMPページが見えています。

ブラウザのキャッシュやサーバーのキャッシュ等、タイミング的な問題もあるのかもしれません。少なくとも404エラーは、他のページを拝見しても当方環境からは確認できませんでした。


   
わいひら reacted
返信引用
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

ありがとうございます。

私はiPhoneを使ってGoogleから検索(長渕 愛車)と検索し、確認しましたがやはり本文に404エラーが表示されたままです。

他にAMP系のプラグインは入れていないのでわかりません。。。


   
返信引用
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

現在はエックスサーバーのサイト転送設定でリダイレクトさせています。

根本的な解決にはなりませんが・・・


   
返信引用
(@jamkun)
Estimable Member Registered
結合: 6年前
投稿: 158
 

Googleからの検索(ほかにもTwitterからのリンク等)でのAMP表示は、それぞれにキャッシュ保持も存在しているため、サイトやサーバー側で変更を加えても、反映されるまで時間がかかってしまう場合があります。

お急ぎであれば、サーチコンソールからインデックス登録の再登録をリクエストし、クロールを促してもいいでしょうが、回数制限もありますし、すぐに反映が保証されているものでもありません。それでも行うのであれば念のため「CocoonのAMPキャッシュ・サーバーのキャッシュ削除」後に「インデックス登録の再リクエスト」を行ってみるのがいいのではないでしょうか。

 

人によっても検索結果にAMPが表示されるのか、通常ページが表示されるのか、というのも少々異なるので、どのようなリダイレクト処理をしているのかはわかりませんが、変にいじりすぎると原因不明のエラー続きや検索結果順位の下落等、マイナスなことも起こり得る原因となります。

一度に手を進めすぎてしまいますと、結果として原因の切り分けがしにくくなり解消に時間がかかるのはよくある話ですよ。

(私がよくやるとも言います…)


   
わいひら reacted
返信引用
(@ha0305ru)
Active Member Registered
結合: 6年前
投稿: 6
Topic starter  

ありがとうございます。
リダイレクトは不安が残りますので、サーチコンソールからインデックス登録の再登録をリクエストしようと思います。

手順は
①エックスサーバーのサイト転送設定を削除
②Cocoon設定でAMPを有効化
③CocoonのAMPキャッシュ、エックスサーバーのキャッシュ削除
④インデックス登録の再リクエスト

でよろしいでしょうか?時間がかかるのは覚悟の上ですが。。。


   
返信引用
(@jamkun)
Estimable Member Registered
結合: 6年前
投稿: 158
 

手順は
①エックスサーバーのサイト転送設定を削除
②Cocoon設定でAMPを有効化
③CocoonのAMPキャッシュ、エックスサーバーのキャッシュ削除
④インデックス登録の再リクエスト

はい、その順番で1つずつ進めていただければ、間違えは起こりにくいかと思います。

 

①に関してですが、「転送前」と「転送後」のURLが『別物』として扱われるため、状況にもよりますが検索順位としてはやや不利になる可能性があります。

(「/amp/」が末尾についていたプラグインのAMPページと「?amp=1」で動かしていたCocoonのAMPページによって、変動があるかも)

一度お試しいただいたあと、「数日経とうが更新されぬ!」という状況でしたら、その後は①はそのままに再クロールを待ち続けたほうが無難な気も。

「何が原因か」(単に時間か、サーバーの設定か、CocoonやWordPress設定になにかあるのか等)切り分けのためには、①を「削除」「とりあえずそのまま」どちらか統一で確認されるのがよろしいかと。④でAMP機能と①の転送設定が正常に動いていないと、エラー表示でわかるようになっています。


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

Cocoon設定でAMPを有効化させましたが
・AMPプラグインを停止⇒本文のみ404エラーになる
・AMPプラグインを有効化し、設定で【投稿】にチェックを入れる⇒404エラーは解消するが、やはり表示が異なる。

原因が特定できません。。。

AMPプラグインを停止すれば、amp用アドレスが消えて404になります。

スマホ検索結果のAMP用リンクはAMPプラグイン用のampアドレスを表示している状態であれば、アクセスすれば404になると思いますよ。

クロールされたら、Cocoonのampがスマホ用検索結果にも反映されますし。

amp やめる とかで検索したら、キチンと対処する場合の方法があると思います。


   
わいひら reacted
返信引用
(@abc123coc)
New Member
結合: 6年前
投稿: 1
 

お世話になります。

この度新しく登録させていただきました。

よろしくおねがいします。

 

アドセンスがPCでは普通に写っているのですが

スマホでは約倍くらいになっています。

 

同じ方の質問にあるAMPプラグインは入っていません。

 

実はつい最近SimplicityからCocoonにテーマを切り替えました。

Cocoonの使い方が不慣れかと思いいろいろ

検討しましたがわからなくてメールさせておいただきました。

 

お手数ですが解決の道するべを

与えていただきたくよろしくおねがいします。

 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

アドセンスがPCでは普通に写っているのですが

スマホでは約倍くらいになっています。

 

同じ方の質問にあるAMPプラグインは入っていません。

おそらくですが、トピックを  建て  たてられた方とは状況が違っている可能性もあります。

詳細確認できない状況ですので、回答しようにも状況が把握できません。

※URLをご提示いただいて、はじめて状況を把握しようと、サイト内でおかしなところはどこだ?と、探す作業にはります。

※質問が漠然とし過ぎでして。時間があれば割いて調べようにも何もできない状況

https://gyazo.com/c52e0f45998d25f6b7022772567c9880

上記画像のお願いを提示するは必須。トピックが上がりきった今、そんな場合が多いな。と言ったイメージでしかないですね。

This post was modified 6年前 by かうたっく

   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

お手数ですが、当トピックの内容とは別の内容になるので、新しくトピックを立てていただければ幸いです。
またその際に、該当ページのURLを提示していただければと思います。
実際に見てみないとわからない部分でもあるので。


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました