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の関連記事でサムネイル画像がない場合にAMPエラーになる

10 投稿
3 ユーザー
3 Reactions
1,367 表示
 Jun
(@Jun)
New Member
結合: 4年前
投稿: 3
トピックスターター  
Cocoonを利用させていただいており,素晴らしいテーマに心から感謝しております。
 
一点,解消できない問題がありお助けいただけないでしょうか。
 
当方,アイキャッチ画像を登録していない記事も多いのですが,その場合,AMPページの「関連記事」一覧の部分で,以下のようなコードが出力されます。
 
<amp-img class="&quot;no-image related-entry-card-no-image" width="160" height="90" alt="" sizes="(max-width: 160px) 100vw, 160px"></amp-img>
 
しかし,この場合に,AMPページの検証を行うと,次のようなエラーで引っかかってしまい,AMPページとして認識されません。
 
必須属性「src」がタグ「amp-img」にありません。
過去記事全てにアイキャッチ画像を登録しているのは非現実的なのですが,この点をテーマで修正していただくことなどご検討いただけないでしょうか。
 
勝手を申しており恐縮なのですが,何とぞご検討いただければ幸いです。

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

お手数ですがフォーラムの案内にありますように、該当ページのURLを提示していただいてよろしいでしょうか。

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


   
(@こうすけ)
New Member
結合: 4年前
投稿: 1
 

私のサイトでもJunさんと同じエラーが出ております。

Googleから

「サイト https://former-railroad-worker.com/ で「AMP」の問題が新たに検出されました」

とのメールが来たのが2日前で

「主なエラー」

「エラーにより、貴サイトのページまたは機能が検索結果に表示されなくなる可能性があります。貴サイトでは、以下のエラーが検出されました。」

これまで一度もこのようなエラーが出たことはありませんでした。

 

とりあえずcocoon-2.2.2.2に戻したところ、AMPテストでもエラーは出なくなりました。


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

@こうすけ

もしよろしければ、以下のようなエラーメッセージもいただくことはできますでしょうか。

投稿者:: @Jun
当方,アイキャッチ画像を登録していない記事も多いのですが,その場合,AMPページの「関連記事」一覧の部分で,以下のようなコードが出力されます。
 
<amp-img class="&quot;no-image related-entry-card-no-image" width="160" height="90" alt="" sizes="(max-width: 160px) 100vw, 160px"></amp-img>
 
しかし,この場合に,AMPページの検証を行うと,次のようなエラーで引っかかってしまい,AMPページとして認識されません。
 
必須属性「src」がタグ「amp-img」にありません。

自分のサイトでチェックしてみているんですが、同じようなエラーが出ていなくて。
https://validator.ampproject.org/#url=https%3A%2F%2Fwp-cocoon.com%2F2-2-3%2F%3Famp%3D1

 


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

<amp-img class="&quot;no-image related-entry-card-no-image" width="160" height="90" alt="" sizes="(max-width: 160px) 100vw, 160px"></amp-img>

赤字の部分がおかしいので、実際の不具合状態を見せていただけると幸いです。


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

@yhira 様。早速のご返信ありがとうございます。

例えば以下のページの検証結果をご確認いただけますでしょうか。

https://search.google.com/test/amp?url=https%3A%2F%2Fsenglish.info%2Ffunction-a-little-differently.html%3Famp%3D1

現時点で,以下のような検証エラーが出ております。

有効な AMP ページではありません
無効な AMP ページは、Google 検索結果に AMP 固有の機能が表示されません
必須属性「src」がタグ「amp-img」にありません。
 
気が付いたこととしましては,最新版のCocoonにバージョンアップしたタイミングから発生し始めたことを確認しております。(旧バージョンがいくつだったか断言できず恐縮ですが,テーマの更新は頻繁に行っております。)
 
そして「Cocoon設定」 -> 「画像」タブ -> 「NO IMAGE設定」 から,独自の画像をアップロードして使用しております。一度,NO IMAGE画像を削除して,再設定してみたのですが,特に挙動に変化はありませんでした。
 
また,「関連記事」のサムネイルのみならず,トップページにおけるサムネイル画像も表示されなくなっていることに気が付きました。
 
さらに,AMPページではなく,PCページにおいても,NO IMAGEで設定した画像は表示されていない事にも気が付きました。
 
Cocoon側のキャッシュ削除,Wordpress側のキャッシュ削除も試しましたが,挙動に変化はございませんでした。
 
取り急ぎ,情報としてお送りさせていただきます。
お時間を割いてくださり,ありがとうございます。
何とぞ,よろしくお願い申し上げます。

   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 

<amp-img class="&quot;no-image related-entry-card-no-image" width="160" height="90" alt="" sizes="(max-width: 160px) 100vw, 160px"></amp-img>

関連記事でサムネイル画像が設定されていない投稿が表示される場合のコードなので、

echo get_original_image_tag(get_no_image_160x90_url(), THUMB160WIDTH, THUMB160HEIGHT, '"no-image related-entry-card-no-image', '');

related-entry-card.php#L18が不具合の原因みたいです。


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

お手数おかけします。
修正版をアップしておきました。

------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


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

@yhira 様。最新版のものをダウンロードして適用したところ,ばっちり解消されました!

驚きの速さで対応してくださり,本当にありがとうございます。

今後ともCocoonを愛用させていただきます。


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

ご確認いただきありがとうございます。


   
共有:

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

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

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

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

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

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

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

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