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

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

h1を正しく設定しているのですが、目次...
 
共有:
通知
すべてクリア

h1を正しく設定しているのですが、目次が表示されません。

12 投稿
3 ユーザー
16 Reactions
467 表示
(@kazumaru)
Active Member Registered
結合: 2年前
投稿: 4
Topic starter  

現状、下記ページの目次が正しく表示されない状況です。

https://workcation-media.com/column/54

他ページは問題なく表示されているので、このページのみかと思います。。

■試したこと

・h1タグの整理(2つあったものを1つに

 

 


   
引用
(@kazumaru)
Active Member Registered
結合: 2年前
投稿: 4
Topic starter  

文章途中で送信してしまいました。

 

テーマ情報は下記にてご確認お願いします。

----------------------------------------------
サイト名:ワーケーションメディア
サイトURL: https://workcation-media.com 
ホームURL: https://workcation-media.com 
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.2
PHPバージョン:8.1.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

kazumaruさん

ご提示いただいた環境情報は、途中で切れていますので、全量ご提示いただくと助かります。

 


本題ですが、h1が2つあるようです。(h2はない)

 

青色の部分をh2にすると、変化ありますでしょうか。

 
 
変化ない場合は、「Cocoon設定」-「目次」の設定内容が分かるような、キャプチャ画像(スクリーンショット)をご提示いただけますと助かります。

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

kazumaruさん

別件ですが、Mixed Content(混在コンテンツ)の警告が出ています。

 
Firefoxで閲覧すると、「安全でない接続」と表示されます。
 
 
ヘッダーのサイトロゴの画像のURLが、「http」で始まっているようです。
 
「https」で始まるように修正しておいてください。
 
 
Cocoonデフォルトの画像も、同様の事象になっている可能性が高いので、ご確認しておいてください。
(「http」になっているようでしたら、「https」に変更しておいてください。)
 
※吹き出し、No Image画像、amp logo等
(SSL化する前に、Cocoonをインストールなさったものと思料)

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

kazumaruさん

プラグイン「All in One SEO」をご利用のようですが、本当に必要なのか、ご検討なさった方が良いかもしれないです。
(Cocoonにない機能をご利用であれば問題ないと思います。または今後Cocoon以外のテーマに移行する予定があるなどのご事情がある場合など)

少なくとも、以下のようにOGP情報(Twitterカードも含めて)は、プラグインとCocoonで重複していると思います。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

kazumaruさん

他のページを1つだけ拝見しましたが、やはりh1を2つ設定なさっているのですね。
(Googleは問題ないと言ってるようですが、h1は1つが良いような・・・)

他のページはh2があるのですが、お問い合わせのページはh2がなく、h3からなんですよね。
その辺りを修正すると、表示されるかもしれません。

恐れ入りますが、今、私はWordPressを試すことができないため、未確認です。


   
kazumaru reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2895
 

●原因
既に回答されていますように、本文中の見出しはh2~となります。
しかし「ワーケーションが向いている職種とは?」がh1の為、目次が表示されません。


●対策
「ワーケーションが向いている職種とは?」をh2に変更して下さい。


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2895
 

●補足
見出しはh1→h2→h3...の順である必要があります。
以下のページですが、h1→h3でh2が無い為、目次は作成されません。
https://workcation-media.com/column/54


●全ページ見直し
他のページも含め本文中にh1タグが使われています。この為、ページ構成上望ましくありません。(図参照)
また、タイトルと同じ文言の為、本文中のh1を削除して下さい。
https://workcation-media.com/column/27


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

ご参考

h1タグは複数使用するとSEOに悪影響がある?最適な設定方法とは
https://digimake.co.jp/media/seo/h1-multiple/

この手の話題は溢れていると思いますので、検索なさってみてください。

今回お問い合わせのあったページについては、同一内容のh1が2つあります。
私は正しい使い方だとは思わないです。


   
返信引用
(@kazumaru)
Active Member Registered
結合: 2年前
投稿: 4
Topic starter  

@mk2さん

ご確認ありがとうございます!

ヘッダーのサイトロゴの画像のURLが、「http」で始まっているようです。

こちらに関して、修正完了させていただきました。ありがとうございます!

プラグイン「All in One SEO」をご利用のようですが、本当に必要なのか、ご検討なさった方が良いかもしれないです。

こちらに関しても、検討した結果All in oneを削除することにしました。

ご指摘いただきありがとうございます!

他のページを1つだけ拝見しましたが、やはりh1を2つ設定なさっているのですね。

タイトルがh1に設定されているのですね!すべて、h1は自分で設定しておりました。。。

修正していきます。確認ありがとうございます!

 


   
わいひら reacted
返信引用
(@kazumaru)
Active Member Registered
結合: 2年前
投稿: 4
Topic starter  

@chu-yaさん

確認ありがとうございます!

「タイトルがh1に設定される」ということを知らず、自分で設定するものと思ってました。

確認等ありがとうございます!修正させていただきます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

kazumaruさん

混在コンテンツについてですが、ヘッダーについては解消したようです。

ただし、以下については、未対応かと思います。

投稿者:: @mk2_mk2

Cocoonデフォルトの画像も、同様の事象になっている可能性が高いので、ご確認しておいてください。
(「http」になっているようでしたら、「https」に変更しておいてください。)
 
※吹き出し、No Image画像、amp logo等
(SSL化する前に、Cocoonをインストールなさったものと思料)

今、外部から確認できるのは、AMPロゴの部分だけですが、以下のように警告が出ています。

 
「Cocoon設定」-「AMP」の以下の部分かと思います。
 
先にか書かせていただいたように、SSL化前にCocoonをインストールなさったものと思われ、他のCocoonのデフォルト画像も「http」になっていると思いますので、修正なさることをお勧めします。
 
※吹き出し画像、No Image画像など
 

AnalyticsなのかタグマネージャーなのかのJavaScriptもエラーになっているみたいですね。

ただ、何度かリロードすると設定が変わったりしているようですので、今まさに設定変更なさっているのかも知れず、良く分からないです。
(プラグインSitetKitになったり、そうでなかったりしている)


   
わいひら reacted
返信引用
共有:

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

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

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

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

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

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

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

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