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

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

TOPが固定ページの場合のOGP画像の...
 
共有:
通知
すべてクリア

[解決済] TOPが固定ページの場合のOGP画像の設定に関して

21 投稿
4 ユーザー
23 Reactions
4,501 表示
(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  

素敵なテーマと素晴らしい対応、いつもありがとうございます。

https://wp-cocoon.com/community/postid/39875/

こちらで既に解決済みとなっている件で申し訳ないんですが、最近TOPを固定ページに変更したところ、OGP画像がCOCOON設定で設定した通りに表示されていない事に気付きました。

該当サイト

https://smile-switch.net/

OGP設定している画像

解決済みの内容を見ますと、TOPが固定ページの場合、アイキャッチ画像にもOGP画像を設定すると正しく表示されるとあり、試してみたところ、確かに正しく表示されました。

TOP以外の固定ページに関しても確認してみたところ、アイキャッチ画像の設定がない場合、記事内の最初の画像をOGPとして認識していて、アイキャッチも記事内にも画像がない場合だけ、正しいOGP画像になっているようです。

※アイキャッチの自動設定はオフにしています。

素人ですのでハッキリしたことは分かりませんが、2.2.3.3から2.2.4.4へテーマをアップデートしたことがきっかけかもと思い、まだアップデートしていないサイトで確認したところ、TOPにアイキャッチなしでも正しいOGP画像が設定されています。

該当サイト

https://sakura-cast.com/

OGP設定している画像

これは今回のアップデートで、仕様変更したということでしょうか?

企業サイト風に作りたかったため、TOPを固定ページにしており、アピールエリアやスライド画像などを表示したいため、できればアイキャッチ画像は設定したくないと考えていたのですが…

仕様変更と言う事であれば、諦めるしかありませんが、TOPにアイキャッチを設定だけして表示させない??など、何かしらの対策があれば、ご教授いただけますと嬉しいです。

よろしくお願いします。

This topic was modified 4年前 by hirano50

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

現在OGP画像に設定されている、こちらの画像は何処か設定画面で設定されているものでしょうか。
ttps://smile-switch.net/wp-content/uploads/2020/09/plof2020.png
それとも、本文中の吹き出しに利用されているだけということでしょうか。


   
(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  
投稿者:: @yhira

現在OGP画像に設定されている、こちらの画像は何処か設定画面で設定されているものでしょうか。
ttps://smile-switch.net/wp-content/uploads/2020/09/plof2020.png
それとも、本文中の吹き出しに利用されているだけということでしょうか。

返信ありがとうございます。

この画像は、本文中の吹き出しと、ユーザープロフィールに設定していますが、プロフィールページやプロフィールウィジェットなどは現在作成していませんので、見える部分としては吹き出しのみです。


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

試しに添付画像の吹き出し部分を削除して、投稿してみると、OGPソースコードの画像は変わりますでしょうか。
※試したとは、元に戻していただいて大丈夫です。


   
(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  

@yhira

吹き出しを削除しますと、その下にある最初の画像がOGPになるようです。

<meta property="og:image" content="https://smile-switch.net/wp-content/uploads/2020/09/stores_item_30-300x300.png">

他のページでも確認してみましたが、アイキャッチ画像を設定しない限り、記事内最初の画像が自動的に?OGPになるようです。

※アイキャッチ自動設定は無効

※「本文上にアイキャッチを表示する」を無効にしても同様

LINEの「友だち追加」バナーがOGPになってるページも・・・笑

ちなみに、記事内に全く画像のないページは、設定したOGP画像になります。

https://smile-switch.net/flow/

現状ですと、全ページにOGPにしたい(してもいい)アイキャッチを設定して、「アイキャッチを表示させたくない&記事内に画像が存在するページ」だけ、個別にCSSで見えなくする・・・という方法で乗り切ろうかなと考えています…


   
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 

こんにちは。

各固定ページの編集画面の文書タブのSNS画像にOGP画像を設定すると良いようです。
(けっこう下のほうまでスクロールします。)

 

ラインで確認したところ、

アイキャッチ画像無しの固定ページの画像が、

添付したSNS画像に設定した画像になりました。

そちらにもOGP画像と同じものを設定すれば、固定ページにアイキャッチを

設定しなくてもOKになると思います。

私はSNSアカウントが無くてラインでしか確認できていないのですが。

 

仕様の変更もあったかな?と思うので、OGP設定に関する根本的な解決法ではないかもしれないですが。


(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  

@ikumi

教えていただいた方法でやってみましたところ、アイキャッチを表示させず設定通りのOGPになります!

CSSで見えなくする・・・という手間もなしです。

投稿者:: @ikumi

仕様の変更もあったかな?と思うので、OGP設定に関する根本的な解決法ではないかもしれないですが。

意図した通りになる対処法を教えていただきましたので、私としてはこれで十分です。

解決済みにさせていただきますね。

わいひらさん、Ikumiさん、本当にありがとうございます!


   
わいひら and Ikumi reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @hirano50

他のページでも確認してみましたが、アイキャッチ画像を設定しない限り、記事内最初の画像が自動的に?OGPになるようです。

やっぱそっちだったんですね。
ただ、アイキャッチがない場合は最初の画像を使用するというのは、2.2.4.4などのバージョンは関係なく、かなり前からそのような仕様だったと思います。
この部分。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2633

最近のバージョンアップが関係あるとすれば、get_no_image_url関係の処理変更かと思ったのですが、条件分岐的には「アイキャッチがない場合は最初の画像を使用する」という条件が前にあるので。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2635

なので、今回吹き出しの画像がOGP画像に利用されたのは、以前からの仕様っぽいです。


   
hirano50 reacted
(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  

@yhira

元々の仕様だったんですね…

アイキャッチがなければ設定したOGP画像になる・・・と勝手に思い込んでしまってたようです。

お騒がせしてしまい、すみませんでした!

やっと仕組みが理解できました。

重ね重ねありがとうございます!


   
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 
投稿者:: @hirano50

アイキャッチがなければ設定したOGP画像になる・・・と勝手に思い込んでしまってたようです。

もしもですけど、もしも私の記事を読んでいただいていたら、私の理解もそうだったので、そのように書いてしまっていました。大変失礼いたしました。

OGPとノーイメージを同じにしていたので、「OGPが有効」になっていると思っていたのは、実は「ノーイメージ」だったのかと思っています。スミマセン。

リライトしようと思いますので確認させていただいて良いでしょうか。

投稿者:: @yhira

今回吹き出しの画像がOGP画像に利用されたのは、以前からの仕様っぽいです。

コードが読めないため、こちらのサイト( https://rakko.tools/tools/9/ )で実験してみたのですが

優先度は以下のようになっているということであっていますでしょうか。

アイキャッチ画像 > SNS画像 > 記事内の画像 > ノーイメージ > OGP画像

 

上記のサイトはシュミれータなので、確実ではないかもですが、テスト結果は以下のようになりました。

アイキャッチあり ->OGP:アイキャッチ

アイキャッチ無し、SNS画像設定ー>OGP:SNS

アイキャッチ無し、SNS画像無し、記事内画像ありー>OGP:記事内画像

アイキャッチ無し、SNS画像無し、記事内画像なしー>OGP:ノーイメージ

アイキャッチ無し、SNS画像無し、記事内画像なし、ノーイメージ無し ->OGP:OGP画像

 

また、固定ページと投稿ページの動作は同じという理解であっていますか?

まだまだPVが少ないとはいえ・・・他にも誤解を与えてしまった方がいらっしゃいましたら失礼いたしました。


   
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 

追伸:スミマセン。

確か以前は「記事内画像」よりも、ノーイメージかOGP画像のどちらかの優先順位が高かったように思います。


   
(@hirano50)
Eminent Member Registered
結合: 5年前
投稿: 26
Topic starter  
投稿者:: @ikumi

もしもですけど、もしも私の記事を読んでいただいていたら、私の理解もそうだったので、そのように書いてしまっていました。大変失礼いたしました。

OGPとノーイメージを同じにしていたので、「OGPが有効」になっていると思っていたのは、実は「ノーイメージ」だったのかと思っています。スミマセン。

リライトしようと思いますので確認させていただいて良いでしょうか。

Ikumiさんのせいではないのでご安心ください!

最初から以下のように思い込んでました。

アイキャッチ>OGP>記事内画像

SNS画像の設定は存在すら忘れていましたので、今回思い出させていただいて本当に感謝です。


   
Ikumi and わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @ikumi

優先度は以下のようになっているということであっていますでしょうか。

アイキャッチ画像 > SNS画像 > 記事内の画像 > ノーイメージ > OGP画像

それで合っているかと思います。
補足すれば、「OGP画像」の下にCocoonテーマ内蔵のNO IMAGE画像があります。

 


   
Ikumi and hirano50 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @ikumi

また、固定ページと投稿ページの動作は同じという理解であっていますか?

これは同じです。


   
Ikumi and hirano50 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @ikumi

確か以前は「記事内画像」よりも、ノーイメージかOGP画像のどちらかの優先順位が高かったように思います。

この仕様は、かなり前からだったと記憶しています。
実際コードがある/lib/utils.phpの変更履歴を見てみても、最近それっぽい変更はないようです。

https://github.com/yhira/cocoon/commits/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php

 


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

「アイキャッチがない場合は最初の画像を使用する」

確か当初からこの仕様ではあったのですが、今思えば混乱の元なのでこの条件はなくしてしまっても良いかもしれません。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2633
もとはといえば、「何もSNS OGP画像がないよりは本文中の画像でもあったほうがよい」という考えの下今ましようにしています。
いずれにせよ一長一短の部分があります。


   
hirano50 reacted
(@daizupapan)
Active Member Registered
結合: 7年前
投稿: 17
 

@yhira

投稿者:: @yhira

確か当初からこの仕様ではあったのですが、今思えば混乱の元なのでこの条件はなくしてしまっても良いかもしれません。

なくしちゃうと困る方がいると思います… 例えば私です…
ほとんどの記事でアイキャッチは設定していないので…


   
わいひら reacted
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 

ありがとうございました!

SNS画像の存在が心強いですね。

私がテストするページを間違えてしまったのだと思います。失礼しました・・・ ? 。

This post was modified 4年前 by Ikumi

   
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 
投稿者:: @hirano50

Ikumiさんのせいではないのでご安心ください!

余計なことを書いてしましました ? でもお気遣いありがとうございます!


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

なくしちゃうと困る方がいると思います… 例えば私です…
ほとんどの記事でアイキャッチは設定していないので…

承知いたしました。
有効利用はされている方がおられるのであれば、現状維持としたいと思います。
元々アイキャッチを設定しない方向けにこのような仕様にしたと思うので、意図通りに使ってくださってる方がいるというのを知れたのはありがたいです。
書き込んでいただきありがとうございます。


   
daizupapan and hirano50 reacted
Ikumi
(@ikumi)
Trusted Member Registered
結合: 5年前
投稿: 93
 

失礼します ? 。

修正です。

投稿者:: @ikumi

アイキャッチ画像 > SNS画像 > 記事内の画像 > ノーイメージ > OGP画像

アイキャッチ画像とSNS画像に異なる画像を設定すると、SNS画像が優先でした。

そのため、

SNS画像 > アイキャッチ画像 > 記事内の画像 > ノーイメージ > OGP画像

となっているようです。

SNS画像いいですね ? 。


   
共有:

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

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

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

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

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

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

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

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