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カスタマイズ依頼

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

AMPを有効から無効にした場合の対処方...
 
共有:
通知
すべてクリア

[解決済] AMPを有効から無効にした場合の対処方法。

14 投稿
5 ユーザー
6 Reactions
6,485 表示
(@hiroboo)
New Member Registered
結合: 6年前
投稿: 4
トピックスターター  

こんにちは。お世話になります。

早速、質問なのですが、AMPのCSSを更新しても、全く反映せず、困っております。

とりあえず、AMPを有効から無効に変えたいのですが、「rel="amphtml" 」を削除するなど、やるべきことは、あるでしょうか?

また、すでにAMPページが、検索結果に反映されている場合、正規のURLへリダイクレトをした方が、良いのでしょうか?

宜しくお願いします。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

AMPのCSSを更新しても、全く反映せず、困っております。

キャッシュ系・高速化系のプラグインなどがあればキャッシュを削除しても無理ですか?

またサーバーのキャッシュを削除したり、高速化系のものを一旦停止して設定が変更されたときご確認いただくと反映されるとは思うのですが。

AMPを有効から無効に変えたいのですが、「rel="amphtml" 」を削除するなど

CocoonのAMPを有効にしている場合は、無効にしたらその記載消えますよ。

また、すでにAMPページが、検索結果に反映されている場合、正規のURLへリダイクレトをした方が、良いのでしょうか?

GoogleさんのAMPっていつ消えるか分かりませんが消えたあと、AMPページはない事を(Google)検索エンジン側に伝わってなければ、存在しないページになるのかもしれません?

※よくAMPページにアクセスしたら404になるとかよく聞くので。実際やったことないので分かりません。

って事で、AMP流入が多いページ念のためやってる方が安心っちゃ安心だと思います。

 

ただCocoonだけかな?わかりませんが、URL/?amp=1 のアドレスでも正常にページを表示するのは表示しますよ。

 

Googleさんも私たちが見れるのと同様にAMPタグのないソースを読んで表示してくれれば良いのに。詳細は知らないですけどねっ…


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17398
 

CSSが反映されない場合、Cocoon設定の「キャッシュ削除」にある「AMPキャッシュの削除」はされていますでしょうか?

AMPを無効にした場合は、基本放置で良いのではないかと思います。
そのうちGoogleにも反映されると思うので。


   
(@hiroboo)
New Member Registered
結合: 6年前
投稿: 4
トピックスターター  

お二人とも、ご回答、ありがとうございます。

「AMPキャッシュの削除」すると、一部の記事では、新しいCSSが反映されますが、一部の記事では、反映されない、不思議な状態になりました。

とりあえず、AMPを無効にして、放置します。

お手数をお掛けしました。

最後に、まだ別の疑問があるので、また質問すると思いますが、ご指南していただけると、幸いです。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

「AMPキャッシュの削除」すると、一部の記事では、新しいCSSが反映されますが、一部の記事では、反映されない、不思議な状態になりました。

なんででしょうかね?個人的にはAMPのキャッシュ削除をしなくても、CSSは反映されるんですよね。

※Cocoon設定のブラウザキャッシュが一部残っているなども考えられそうな勢いだと思います。

 

プラグインは今までキャッシュ系を使ってないって事ですね。

URLの提示があれば分かるかも知れませんが、分からない事もあると思います。

不具合・カスタマイズ対象ページのURLを提示してください

あとCocoon設定・テーマ情報もいければ。ダメであればサーバーがメジャーなのかな?とか不明点だらけですが^^;


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17398
 

個人的にはAMPのキャッシュ削除をしなくても、CSSは反映されるんですよね。

一応補足として、AMPキャッシュは、ログインユーザー(もしくは管理者だったかも)や、記事を更新したときなどはCSSは反映されます。
ただ、それ以外の場合は、AMPキャッシュは残るので、CSS等を変更したら「AMPキャッシュの削除」は必ずしておいた方が良いかもしれません。


   
(@hiroboo)
New Member Registered
結合: 6年前
投稿: 4
トピックスターター  

いろいろとすみません。

状況としてはこんな感じです。

  • サーバーはエックスサーバー。
  • キャッシュ系のプラグインは「WP Fastest Cache」。
  • Cocoonの高速化はすべてチェック。
  • AMPのキャッシュを削除。
  • WP Fastest Cacheのキャッシュも削除。
  • Cocoonは「バージョン: 1.4.1

すでに、AMPを無効にしてるので、何とも言えませんが、参考までに、CSSが反映されている記事と、反映されてない記事のURLを載せておきます。

 

AMPのCSSが反映されている。

https://doteiban.net/kerosine-stove-recommend/ ?amp=1

AMPのCSSが反映されていない。

https://doteiban.net/scary-too-happy-collapse/

お手数をお掛けしますが、宜しくお願いします。

 


   
(@hiroboo)
New Member Registered
結合: 6年前
投稿: 4
トピックスターター  

すみません。URLが間違ってました。

以下のURLが正しいです。

---------------------------------------------------------------------------------------

AMPのCSSが反映されている記事。

https://doteiban.net/kerosine-stove-recommend/?amp=1

もしくは、石油ストーブを選ぶならトヨトミとコロナのどっち?決め手は置き場所!で検索。

---------------------------------------------------------------------------------------

AMPのCSSが反映されてない記事。

https://doteiban.net/scary-too-happy-collapse/ ?amp=1

もしくは、「幸せすぎて怖い」は危険なサイン!幸せすぎた幸せを逃さない方法!で、で検索。

---------------------------------------------------------------------------------------

どちらもスマホのChromeから見た場合の結果です。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

あとCocoon設定にあるテーマ情報、一番最後のタブにあるPHPは7以降になってますよね??関係あるかどうか、現在不明ですが一応。

たくさん聞きたいことがあるのですが、どれからだろ?WP Fastest Cacheの設定は猛烈に詳細全部設定されてる感じですかね?

※ちなみにCocoonと同じ設定は、スルーしてもしなくても同じですかね?

 

エックスサーバー、サーバーパネルの高速化は3つoffですかね?

※一番下は速攻on・OFFの変更ができた気もします。

※Xアクセラレータのキャッシュがonの場合、キャッシュ削除を行ってみるとどうなるのかな?と思います

使いまわしでスミマセンがこんな感じです。

あとエックスサーバーのサーバーパネルにある以下設定はどのようになっていますか?

https://gyazo.com/7d6cee45452afac6f873a752dcb80044

 

ブラウザキャッシュ設定

https://gyazo.com/259803cbd73ac55c5655d083b28481c4

画像はOFFですが、on・offに変更が反映するのに時間がかかります。

 

Xアクセラレータ

https://gyazo.com/f3ea9cd2d50a9a8c2387da2f94fef81e

 

あとAMPが反映しないページの共通点などありますかね??

 

反映しない。となっているのは更新されたようですが、エックスサーバーの高速化は、場合によっては関係ないかもしれません。

※何を変更されたのか不明ですし。

※それで一部のAMPのCSSで何らかの変更が有効になるかどうかも試さないと不明です。

AMPのCSSはどんな記載が反映されなかったんですか?

怖いほど質問ぜめになりそうなので、とりあえずサーバーのキャッシュなどキャッシュ関連はどんな感じとかって話と。あと共通点が分かればヒントになるかもしれませんし、ならないかもしれません?


   
わいひら reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

スマホのキャッシュ機能って、プラグインの有料か何かで強烈になる感じですかね?

PCでみてもAMPはキチンと表示されますけど、、

ってかGoogleさんのAMPのことですかね??

https://www.google.co.jp/amp/s/doteiban.net/scary-too-happy-collapse/%3famp=1

コチラのどこが反映されてない感じですか?

追記

見出しですね。

リビジョン追加っていうのか、記事の更新されてない方がCSSが反映されてないのか。夜は特にぼーっとしているので、翌日合間みて私も冷静に考えてみますね。

この投稿は6年前ずつかうたっくに変更されました

   
わいひら reacted
(@ヒロシ)
Active Member
結合: 6年前
投稿: 13
 

お手数をお掛けして申し訳ございません。

※エックスサーバー、サーバーパネルの高速化は3つoffですかね?

  • 「mod_pagespeed設定のみOFF。あとはON[推奨]。
  • 「一応、すべてOFFにして様子を見たけど変わりませんでした。」

※Xアクセラレータのキャッシュがonの場合、キャッシュ削除を行ってみるとどうなるのかな?

  • 「削除したけど特に変わりませんでした。」

自分なりに、いろいろと調べると、検索結果からAMPページを見たときだけ、CSSが反映されておらず、直接URLの末尾に「amp=1」をプラスしたときは、反映していました。

しばらく様子を見ながら、チェックを続けたいと思います。

いろいろと、ご迷惑をお掛けました。ありがとうございました。

 

 


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

自分なりに、いろいろと調べると、検索結果からAMPページを見たときだけ、CSSが反映されておらず、直接URLの末尾に「amp=1」をプラスしたときは、反映していました。

それは Google が保存している AMP キャッシュが更新されていないためです(Cocoon の AMP キャッシュのことではありません)。

CSS を変更しても、自動的に AMP キャッシュは更新されません。なので、一時的に古い CSS が反映されます。

AMP キャッシュを更新するには、2 つの方法があります。

  • update-cache を使う
  • 誰かが AMP キャッシュ URL にアクセスする

update-cache の使い方は、下記のページをご参考ください。簡単な方法とは言えません。

Update AMP Content

もう 1 つの AMP キャッシュ URL にアクセスするには、下記の 3 つの方法があります。

  • モバイル検索から AMP ページにアクセスする
  • AMPBench で AMP 検証を行い、「Indexed in Google AMP Cache?」項目にある「URL is indexed in the Google AMP Cache」 の URL からアクセスする
  • AMP Cache URL Formatでオリジナル AMP URL(末尾に amp=1 が付いているもの) を AMP キャッシュ URL に変換し、アクセスする

AMP キャッシュ URL に誰かがアクセスすれば、自動的に AMP キャッシュが更新されます。若干タイムラグはありますが、次にアクセスした人には新しい CSS が反映されます。

また、こちらの記事もご参考ください。

AMPキャッシュの強制更新にはupdate-cacheを使う。従来のupdate-pingは廃止


   
わいひら reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

検索結果からAMPページを見たときだけ、CSSが反映されておらず、

もうAMP化をオフにしてるんですよね?amp化した状態で確認されましたか?

でしたら通常ぺージでご確認されてると思います。

AMP化して確認したら反映されているかどうか分かるかもですが。

AMP化したページは問題ないのであれば、それをGoogleさんが読み取ってくれるでしょうし、既に検索結果でAMPの表示はないですよ。

 

ちなみにエックスサーバーのブラウザキャッシュをoffにしてすぐ確認すればまだonのままです。数分時間(最大15分とかいてあります)を置いてから確認しないと意味がないと思います。

ただもうAMP化する気がないようであれば、無理にする必要もないと思います。

 

404にならずにAMPから通常ページになっている事も確認できました。クロール済みカモだから当たり前かもですが^^;


   
わいひら reacted
(@ヒロシ)
Active Member
結合: 6年前
投稿: 13
 

お二人とも、ありがとうございました。

再び、AMPを導入する際は、教えてもらったことに、注意します。

たぶん、また違う質問をするので、その際は、ご面倒を掛けますが、宜しくお願いします。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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