現在「みるらいと」スキンを適用中です。

TOPが固定ページの場合のOGP画像の設定に関して | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

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

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


hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月25日 03:21  

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

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 1か月前 by hirano50

わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月25日 21:04  

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


hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月25日 21:08  
投稿者:: @yhira

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月26日 19:16  

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


hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月26日 20:30  

@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サイト
結合: 1年前
投稿: 88
2020年9月27日 07:55  

こんにちは。

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

 

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

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

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

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

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

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

 

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


わいひら, リフィトリーhirano50 件のいいね!
hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月27日 12:11  

@ikumi

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

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

投稿者:: @ikumi

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

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

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

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


わいひらIkumi 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月27日 19:13  
投稿者:: @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 件のいいね!
hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月27日 22:43  

@yhira

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

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

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

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

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


Ikumi
(@ikumi)
Trusted Memberサイト
結合: 1年前
投稿: 88
2020年9月28日 07:59  
投稿者:: @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が少ないとはいえ・・・他にも誤解を与えてしまった方がいらっしゃいましたら失礼いたしました。

This post was modified 4週間前 by わいひら

Ikumi
(@ikumi)
Trusted Memberサイト
結合: 1年前
投稿: 88
2020年9月28日 08:14  

追伸:スミマセン。

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


hirano50
(@hirano50)
Active Member
結合: 1年前
投稿: 19
2020年9月28日 08:46  
投稿者:: @ikumi

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

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

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

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

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

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

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


Ikumiわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:27  
投稿者:: @ikumi

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

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

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

 


Ikumihirano50 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:27  
投稿者:: @ikumi

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

これは同じです。


Ikumihirano50 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:30  
投稿者:: @ikumi

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

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

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

 


Ikumihirano50 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月28日 20:33  

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

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


hirano50 件のいいね!
daizupapan
(@daizupapan)
Active Memberサイト
結合: 3年前
投稿: 17
2020年9月29日 02:33  

@yhira

投稿者:: @yhira

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

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


わいひら 件のいいね!
Ikumi
(@ikumi)
Trusted Memberサイト
結合: 1年前
投稿: 88
2020年9月29日 04:51  

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

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

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

This post was modified 4週間前 by Ikumi

わいひらhirano50 件のいいね!
Ikumi
(@ikumi)
Trusted Memberサイト
結合: 1年前
投稿: 88
2020年9月29日 04:54  
投稿者:: @hirano50

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

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


hirano50 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11016
わいひら - Facebookわいひら - Twitter
2020年9月29日 19:13  
投稿者:: @daizupapan

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

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

This post was modified 4週間前 by わいひら

daizupapanhirano50 件のいいね!
Ikumi
(@ikumi)
Trusted Memberサイト
結合: 1年前
投稿: 88
2020年9月30日 05:05  

失礼します 😥 。

修正です。

投稿者:: @ikumi

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

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

そのため、

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

となっているようです。

SNS画像いいですね 😊 。


わいひらhirano50 件のいいね!

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年3ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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