指定画像のURLが403エラーになってるのが原因じゃないでしょうか？

ご意見ありがとうございます。

お伺いしたいのですが「画像のURLが403エラーになっている」とは、どうやって確認するのでしょうか？

アイキャッチに設定した画像のURLをブラウザで開いてみても、設定した画像が表示され、403エラーとは表示されませんでした。

ソースにある指定画像URLを選択してそのURLへ移動とすると403がかえってきます

なので外部からアクセスできない状態となっていて画像の取得が出来ないんだと思います

URLをコピペして開くと見れるんですけどね…

ご教示いただきありがとうございます。

教えていただいた内容を参考に、添付画像の手順にて確認を行ったのですが、自分の環境ではエラーを確認することができませんでした。

ですが、仮にエラーを確認できたものとして話をさせていただきたいのですが、原因や対処法について何か心当たりはございますでしょうか？

Twitterカードで画像が表示されない関連の不具合について調べているのですが、403エラーや類似の現象に関する情報が見つからず、途方に暮れております。

厚かましいようで心苦しいのですが、何かお気付きの点などがあれば、ご教示いただけないでしょうか？

とりあえず、トップページの以下の画像は403になっているようですね。
ttps://neetneed.net/wp-content/uploads/2018/11/be99d671e0e69177e92ac3a34351ead5.jpg

上記画像に何か心当たりはありますか？

ない場合は、Cocoon設定の「OGP」タブにある「ホームイメージ」の画像を変更してみてください。

haineonsさんの内容と画像を拝見した限りですが、サーバー側か.htaccessファイルで他ドメインで画像を表示させないように設定したなどありませんか？

画像の直リンクとかが嫌な人は他ドメインで403（閲覧禁止）に設定したり別途画像を準備して表示させるような事をやると思いますが。

その類ではないでしょうか？心当たりはないですか？

サーバー名　画像　403　とか直リンクとか閲覧拒否とかあたりで探せば情報はあるかと思います。おそらくですが。

皆様、貴重なご意見をありがとうございます。

以下の方法を試してみましたが、変化はありませんでした。

• Cocoon設定の「OGP」タブにある「ホームイメージ」の画像変更
• 403エラーが発生する場合 – ColorfulBox（カラフルボックス） サポートサイト

また、画像の直リンク関連の設定についてですが、robots.txtや.htaccessファイルなどに関する情報が見つかりました。

これらの設定やファイルに関して、自分の方では心当たりが無いため、現在サーバー側での設定について問い合わせ中です。

今回の問題に関して、いくつか試したので報告したいと思います。

試したこと

• サーバー側への問い合わせ

「こちらでは問題を再現できません」とのこと。

• テスト環境構築（新しいドメインでの再現）

新しく無料のドメインを登録して、そこにワードプレスをインストール、テスト環境を構築。
テスト環境ではアイキャッチが正常に表示された。
「コクーン設定」の「バックアップ」や、「ツール」「インポート」「ワードプレス」の「インポーターを実行」を行っても、エラーは再現されなかった。

• htaccessファイルを編集

以下のサイトを参考に、htaccessを編集

Twitterカード用の設定は正しいのに画像が表示されない件が解決した │ 脳無しの呟き《土鍋と麦酒と炬燵猫》

手順：CPanelのファイルマネージャーから「public_html/.htaccess」に、以下の記述を追加

# Twitter のクローラを許可
SetEnvIf User-Agent "^Twitterbot.*$" tw_crawler
Allow from env=tw_crawler

結果：変化なし

• サーチコンソールでrobots.txtを編集

上記のサイトを参考に、robots.txtを編集

しかし、サーチコンソール上で編集が反映されず、結果を確認することができない。

robots.txtの編集手順は、以下の通り

1,サーチコンソールの「robots.txt　テスター」画面で、以下をコピペ

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/
Disallow: /*.php$
 
User-agent: Twitterbot
User-agent: Googlebot
Allow: /wp-content/
 
User-agent: Googlebot-Image
Disallow: /wp-content/
 
Sitemap:  https://neetneed.net/sitemap.xml 

2.「送信」から「ダウンロード」

3.ダウンロードしたrobots.txtをCPanelのファイルマネージャーからpublic_htmlにアップロード

4.サーチコンソールで「アップロードされたバージョンを確認」

↑ここで変更が反映されていない

5.「Googleに更新をリクエスト」で「送信」

結果：変化なし

【新しく浮上した問題】

何故robots.txtの変更が反映されないのか？

【補足】

当初のrobots.txtの内容は以下の通り

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

Sitemap:  https://neetneed.net/sitemap.xml 

当初のhtaccessファイルの内容は以下の通り

RewriteEngine on

# php -- BEGIN cPanel-generated handler, do not edit
# “ea-php56” パッケージを既定の “PHP” プログラミング言語として設定します。

# php -- END cPanel-generated handler, do not edit

RewriteCond %{HTTP_REFERER} !^ http://neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://neetneed.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://neetneed.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://neetneed.net/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://neetneed.net$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.net/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ http://www.neetneed.net$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.net/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://neetneed.net$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.neetneed.cfbx.jp/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.neetneed.cfbx.jp$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.net/.*$       [NC]
RewriteCond %{HTTP_REFERER} !^ https://www.neetneed.net$       [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ - [F,NC]

※添付画像でも確認できます。

【追記】

.htaccessで直リン禁止でもFacebook,Twitter,feedlyは許可する場… - 人力検索はてな

上記のサイトを参考に、以下2つの記述を試してみましたが、駄目でした。

パス：/home/ユーザー名/public_html/neetneed.net/wp-content/uploads/.htaccess

<Files ~ "\.(gif|png|jpg|jpeg)$">
SetEnvIf Referer "^ https://neetneed.ne t" ref_ok
SetEnvIf Referer "^ https://twitter\.co m" ref_ok
SetEnvIf Referer "^ https://www\.facebook\.co m" ref_ok
SetEnvIf Referer "^ https://feedly\.com /" ref_ok
order deny,allow
deny from all
allow from env=ref_ok
</Files>

# URL 書き換え処理を ON にする
RewriteEngine on
# 画像へのリンクを許可するサイトを記載
# 複数ある場合は行を分けて書く
RewriteCond %{HTTP_REFERER} !^http(s)?://neetneed.net [NC]
RewriteCond %{HTTP_REFERER} !google\. [NC]
RewriteCond %{HTTP_REFERER} !yahoo\. [NC]
RewriteCond %{HTTP_REFERER} !bing\. [NC]
RewriteCond %{HTTP_REFERER} !search\?q=cache [NC]
# SNS からの画像参照を許可
RewriteCond %{HTTP_USER_AGENT} !(twitter|facebookexternalhit|google) [NC]
# bot のアクセスを許可
RewriteCond %{HTTP_USER_AGENT} !(|googlebot|yahoo|bingbot) [NC]
# 直リンク禁止ファイルアクセス時にエラーを返す
RewriteRule \.(jpg|png|gif)$ - [F]

また、テスト環境にて表示に成功した時のキャプチャを添付致します。

解決できました！

結局の原因や、何が功を奏したのかなど、自分でも分かっていない部分が多いのですが、一先ず報告させていただきます。

修正にあたり、こちらのページを参考にしました。

WordPress初心者に贈る！robots.txtの書き方と設定方法全手順

上の投稿で「robots.txtの変更がサーチコンソールに反映されない」との問題がありましたが、上記のリンクを確認して、アップロード先の階層を間違えていることに気づきました。

そこで、「~/public_html/robots.txt」から「~/public_html/ドメイン名/robots.txt」に移動したところ、サーチコンソールでrobots.txtの変更が反映されるようになりました。

その後、改めてCard Validator | Twitter Developersにて確認したところ、アイキャッチが表示されるようになりました。

今は自分でも整理できていないので、詳しい手順に関しては、後日こちらのページにてまとめようかと思います。

【WordPressトラブル】Twitterカードで画像が表示されない | ニート生き方どうすれば

ご意見やご指摘を下さった皆様、誠にありがとうございました。

また、お騒がせしてしまい、大変申し訳ありませんでした。（正直、パニック起こしてました……）

自己解決報告ありがとうございます！
書かれたレポートは、同様の問題が起きた方の助けになると思います。