AMPページで画像が表示されない - Cocoonテーマに関する質問

RE: AMPページで画像が表示されない

高山ママ — Fri, 15 Feb 2019 11:43:16 +0000

かうたっく様　わいひら様

早速のご確認とコメントありがとうございました！

お二人のコメントの通りで、Search Console からフェッチリクエストを実施してしばらく経った現在は、問題なく AMP でも表示できております。

どうもありがとうございました ?

RE: AMPページで画像が表示されない

わいひら — Fri, 15 Feb 2019 10:52:58 +0000

かうたっくさんも書かれているように、以下のページでは問題なく表示されています。

https://hida-takayama.site/child_land/?amp=1

おそらくGoogleのキャッシュが古いのが原因ではないでしょうか。
Googleキャッシュはテーマ側から更新することはできないので、クロールを待つしかないのではないかと思います。

RE: AMPページで画像が表示されない

かうたっく — Fri, 15 Feb 2019 00:25:40 +0000

実際のURLは以下ですね。GoogleのAMP

https://www.google.co.jp/amp/s/hida-takayama.site/%25E3%2583%2581%25E3%2583%25A3%25E3%2582%25A4%25E3%2583%25AB%25E3%2583%2589%25E3%2583%25A9%25E3%2583%25B3%25E3%2583%2589/%3famp=1

CocoonのAMP

https://hida-takayama.site/child_land/?amp=1

Googleの画像のパスは以下で404になります。

h　ttps://hida--takayama-site.cdn.ampproject.org/i/s/hida-takayama.site/wp-content/uploads/2019/02/img_9203.jpg

https://gyazo.com/ca283700b46c7028c672572bf402a629

実際のパスは、以下でキチンと表示される。

h　ttps://hida-takayama.site/wp-content/uploads/2019/02/childland_takayama2.jpg

ファイル名が違ってるんですね。

おそらくimg_9203.jpgを削除されたんだと思いますが、画像ファイルを削除してませんか？

削除まえにGoogleにキャッシュされたから、次クロールされたらchildland_takayama2.jpgで表示されると思います。

サーチコンソールでFetch as Google、もしくはURL 検査を行ってクロールにきてもらいGoogleのキャッシュ（AMP）が更新されるのを待って表示されるかご確認いただけますか。

AMPページで画像が表示されない

高山ママ — Thu, 14 Feb 2019 14:34:37 +0000

初めまして。数日前より、Cocoonを使わせて頂きブログを初めています。AMP のバリデーションチェックはパスし、デスクトップから ?amp=1 で表示しても崩れや問題もなく安心していました。しかし、実際に iPhone の Google 検索から AMP でブログを表示させて見ると、添付スクリーンショットのように、ヘッダーやアイキャッチ、本文中の画像などが表示されません。利用プラグインを全て無効にした状態でも同様でした(現在は有効に戻しております)。

Cocoon 起因かどうかは分からないのですが、類似の事象が検索でも見つからなかったので、こちらに投稿させて頂いている次第です。ご助言いただければ幸いです。

＊問題のURL

https://hida-takayama.site/child_land/

＊環境情報

----------------------------------------------
サイト名：子供と楽しむ飛騨高山
サイトURL：https://hida-takayama.site
ホームURL：https://hida-takayama.site
コンテンツ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
スキン：/wp-content/themes/cocoon-master/skins/skin-colors-blue/style.css
Wordpressバージョン：5.0.3
PHPバージョン：7.1.5
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8,zh-CN;q=0.7,zh;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：1.6.0
カテゴリ数：4
タグ数：9
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.6
----------------------------------------------
Gutenberg：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.1
Cocoon Blocks 0.1.2
Compress JPEG & PNG images 3.1.0
Google Fonts for WordPress 1.5.0
Google XML Sitemaps 4.1.0
SiteGuard WP Plugin 1.4.3
WPForms Lite 1.5.1
----------------------------------------------

amp_issue.png