Bloggerのインデックスされない問題対処方法

↑でコメントを頂きました

そこで参照したサイトとして教えてくれた

Bloggerのインデックスされない問題対処方法

↑でコメントを頂きました

SEONeurons

見に行くとBloggerのSEOに関して色々書いてました

インドのサイトで英語なんですが翻訳機能って本当に便利、、、

そこで未使用のJavascriptとCSSを削除ってのがあったのでやってみました

JavascriptとCSSを削除

これCSSはF-Lightでも削除してました

Javascriptはそのままでしたが、これはJavascriptを削除するとレイアウト機能が動かなくなるので皆さんが使う事を考えてだと思います

b:css='false' b:defaultwidgetversion='2' b:js='true'

たったこれだけで高速化になるようです

ただ制限される機能もあります

レイアウト機能が使えなくなった場合の対処方法

ブログのデザインが固まれば早々触る事もないでしょうが、、、

レイアウト機能を使いたい場合はfalseをtrueに書き換えれば動くようになります

たったこれだけなので問題にもならないとは思います

しかし！！

テーマの編集でHTMLをイジルとナビメニューのページリストが一部消えてしまいます

これは前に使っていたZEROでもF-Lightでも同じです
※Bloggerのテーマ

他のテーマでも同じじゃない？

これが大問題でレアウト機能が使えないとページリストが編集できないんですよ

このままだと表示させたいページリストが一部消えたままになります

この部分だけなんとか、、、

って事でHTMLを編集してレイアウト機能は関係ないようにしました

  <!-- ページリスト -->
<aside id='nav-content'>
<b:section id='NAVIGATION' maxwidgets='1' showaddelement='no'>
  <b:widget id='PageList1' locked='true' title='ナビメニュー' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"0":{"href":"https://kochimountaingo.blogspot.com/","position":0,"title":"ホーム"},"243435338413458248":{"href":"https://kochimountaingo.blogspot.com/p/privacy-policy.html","position":2,"title":"プライバシーポリシー"},"1755436990922179573":{"href":"https://kochimountaingo.blogspot.com/p/sitemap.html","position":1,"title":"サイトマップ"},"2531281366935068234":{"href":"https://kochimountaingo.blogspot.com/p/contact_31.html","position":3,"title":"お問い合わせ"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>
  <li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </b:loop>
  </ul>
</b:includable>
  </b:widget>
</b:section>
</aside>
</div>
</nav>

レイアウト、ガジェットで作っていると
変更前はこんな感じになってます
これを書き換えます

  <!-- ページリスト -->
<aside id='nav-content'>
<div class='section' id='NAVIGATION'><div class='widget PageList' data-version='2' id='PageList1'>
<ul>
<li><a href='/'>ホーム</a></li>
<li><a href='URL'>ページタイトル</a></li>
<li><a href='URL'>ページタイトル</a></li>
<li><a href='URL'>ページタイトル</a></li>
</ul>
</div></div>
</aside>
</div>
</nav>

こんな感じ
ホームはURL入れなくてもコレでOKでした
素人には仕組みが解りません
他のテーマの事も解らないので基本はURLとタイトル入れてください

これでJavascriptをfalseにしてレイアウト機能が使えなくなっても問題なしです

た～だ～

これをやるとJavascriptをtrueにしてもレイアウト機能でガジェット追加できなくなります
※NAVIGATION以外は普通に編集できます

ニュースティッカーガジェット～Blogger・F-lightカスタマイズ | Trekking from Kochi

ニュースティッカーを呟き専用にしてみました

kochimountaingo.blogspot.com

連絡フォームを使用している方はGoogleフォームに変更

連絡フォームを使っている方は、、、

Googleフォームでお問い合わせを作ってください

Googleフォームをカスタマイズ | ふじろじっく

Googleフォームのデザインをカスタマイズしてみた

fujilogic.blogspot.com

更に高速化

F-Lightは、ふじやんさんが高速化の処理をしているので更に高速化をしなくても良いような気もしますが、、、やってみました

参考にしたサイトは

Bloggerの表示速度を高速化する

忘却録です。Bloggerの高速化です。 結果 次の結果になりました。画像が古いため、現在は更に高速化しているはずです。 PageSpeed Insights GTmetrix Lighthouse （Audits） ウェブページ共通の高速化 長くなったため、記事を分割しました。...

www.bugbugnow.net

この中から出来そうなのをやってみました

JS/CSS削除は全てやってみましたが、、、
</head> を &lt;/head&gt;&lt;!--</head>--&gt; に変更すると

</body>の変更はやりましたが
コメントも出来るし、レイアウトが崩れる事もなかったです

記事一覧の本文を省略表示をやると記事本文全て消えてしまいました
これはテーマの違いとか処理の違いじゃないかな、、、
すでにやっているのかどうかも素人には解りません

自作シェアボタンはすでに作っていたのでなにもせず
自作してないかたはやりましょう
ウチはいいねボタンも作ってます

F-Lightは以外のテーマでは試していません

必ずバックアップをとってからやりましょう！！

2026年5月追記

PageSpeedスコア

最近、なぜか高速化等を綺麗に終わらしたくて、、、

Gemini、ChatGptフル活用

この記事（追記前の状態）を書いてからも色々追加しているのですが

それぞれ対策もして、、、

現在のPageSpeedの最高点は、、、
※注／PageSpeedは計測する度にスコアは変化します

GoogleAdSense遅延読込

<!-- Google AdSense 遅延読み込み -->
<script>
(function () {
  let loaded = false;
  function loadAdsense() {
    if (loaded) return;
    loaded = true;
    const script = document.createElement("script");
    script.src ="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX";
    script.async = true;
    script.crossOrigin = "anonymous";
    document.head.appendChild(script);
    [
      "scroll",
      "mousemove",
      "touchstart",
      "keydown"
    ].forEach(function (event) {
      window.removeEventListener(event, loadAdsense);
    });
  }
  [
    "scroll",
    "mousemove",
    "touchstart",
    "keydown"
  ].forEach(function (event) {
    window.addEventListener(event, loadAdsense, {
      once: true,
      passive: true
    });
  });
  window.addEventListener("load", function () {
    if (window.pageYOffset > 0) {
      loadAdsense();
    }
  });
})();
</script>

ここ ca-pub-XXXXXXXXXXXXXXXX 自分の番号入れるの忘れないように

iframe遅延

<!-- iframe遅延読み込み -->
<script>
document.addEventListener("DOMContentLoaded", function () {
  const iframes = document.querySelectorAll("iframe");
  for (let i = 0; i < iframes.length; i++) {
    if (!iframes[i].hasAttribute("loading")) {
      iframes[i].setAttribute("loading", "lazy");
    }
  }
});
</script>

iframe使ってなかったら必要ないですけど、、、
</body>の直前に置いてください
ウチではGoogleAdSense遅延、その上にiframet遅延にしてます

Googlefont

これが最大の敵だった、、、

fontでYusei Magicを使っているのですが、、、

ブログの装飾～黒板風囲み枠(BOX)追加 | Trekking from Kochi

BloggeのF-lightに囲み枠設定

kochimountaingo.blogspot.com

囲み枠内だけでYusei Magicを使ってます

これで携帯のスコアが伸びない、、、

Geminiに聞いて修正を繰り返し、、、

<!-- DNS prefetch -->
<link crossorigin='anonymous' href='https://lh3.googleusercontent.com' rel='preconnect'/>
<link href='https://www.googletagmanager.com' rel='preconnect'/>

<!-- フォントのブロックを完全に解除する -->
<script>
//<![CDATA[
  window.addEventListener('DOMContentLoaded', () => {
    let f = document.createElement('link'); f.rel = 'stylesheet';
    f.href = 'https://fonts.googleapis.com/css2?family=Yusei+Magic&amp;display=swap';
    document.head.appendChild(f);
  });

  const observer = new MutationObserver((mutations) => {
    mutations.forEach((mutation) => {
      mutation.addedNodes.forEach((node) => {
        if (node.tagName === 'LINK' && node.href && node.href.includes('fonts.googleapis.com')) {
          if (node.rel === 'stylesheet' && !node.media) {
            node.media = 'print';
            node.addEventListener('load', () => { node.media = 'all'; });
          }
        }
      });
    });
  });
  observer.observe(document.documentElement, { childList: true, subtree: true });
//]]>
</script>

<!-- 低優先度のドメイン dns-prefetchにまとめて負荷を分散 -->
<link href='https://www.google-analytics.com' rel='dns-prefetch'/>
<link href='https://cdn.jsdelivr.net' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>

現時点のコードがコレ

これは『ネットワークの依存関係ツリー』で指定されたり、Googlefontの処理（Yusei Magicを黒板風囲み枠で使っていたりするから）で対応

※注／このままコピペは駄目ですよ

自分のブログに合った構成にしてください

これを参考にしてくださいって事です

特に変わったfontは使ってないとかタグマネージャー、アナリティクス使ってないとか、色々あるので自分のブログにあったものにしてください

fontに関してはCSS等他でフォントを読み込む設定があれば、そこは削除してください

ここPageSpeedにめちゃめちゃ突っ込まれていたのでGemini、ChatGptに相談

PageSpeedの結果をコピペ（形とかグチャグチャになるとか気にせず、とにかく範囲指定でコピペすりゃ理解してくれるから）して、このHTMLの部分（ご自身の）をコピペして伝えれば修正してくれると思いますよ

マジで自分は素人でAI頼みでやりましたから誰でもやろうと思えばやれると思います

現状はGemini、ChatGptにPageSpeedの結果を伝えても

ってレベルまで高速化できました

その他Bloggerカスタマイズ

ZEROからF-lightへBloggerテーマ変更 | Trekking from Kochi

BloggerのテーマをZEROからF-liteへ変更、カスタマイズの記事もここにまとめてます

kochimountaingo.blogspot.com

こちらにまとめてリンク貼ってます