Bloggerでトップページのタイトルを長くする方法【Bing Webmaster Toolsのエラー対策③】

【<h1>が多数あります】、【画像に<alt=>がありません】、【タイトルが短すぎます】、Bingウェブマスターツールに３つもダメ出しされてしまいました。

【<h1>が多数あります】と【画像に < alt=  > がありません】は解決できたので、次は【タイトルが短すぎます】と闘います。

タイトルが短すぎるエラー

タイトルが15文字以下とのエラーです。見直してみると、１番最初に書いたブログはじめましてが６文字しかないので直しました。でも、他は大丈夫なのに警告が出たままです。

トップページのブログタイトルだった

気づきました。トップページはブログ名の「さあ遊ぶぞ！！」がタイトルなので、これが短すぎるとの警告でした。トップページなんだからブログ名だけでいいじゃん😓

Bloggerの場合、標準設定ではブログのタイトルがHTMLのタイトルタグとして出力されるため、短くなりやすい（警告が出やすい）構造になっています。

またまた、Geminiに相談してみました。

• 👉わたし：「トップページのタイトル名が短すぎると言われてるけどどうすればいいの？」
• ✦Gemini：「トップページはブログ名だけで構成していることが多いのでエラーが出ることはよくあります」
• 👉わたし：「このままでもいいの？」
• ✦Gemini：「ブログ名だけでなく何のサイトかわかるキーワードを付け足すのがベストです」
• ✦Gemini：「Bingの警告を消すための具体的な修正方法を2つ提案します」

最終的なカスタマイズコード

ブログ名まで影響するのは嫌なので「２. テーマのHTMLを編集する」を選んで、コードを教えてもらいました。

⚠️バックアップを取ってからお試し下さい

<!-- タブに表示されるテキスト -->
    <b:if cond='data:blog.pageType == &quot;index&quot; '>
      <!-- インデックスページの場合&#65288;個別記事&#12539;固定ページ以外&#65289; -->
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <title>さあ遊ぶぞ&#65281;&#65281;&#65372;仕事を辞めて手に入れた平日の自由時間を遊び尽くす記録</title>
        <b:else/>
        <title><data:blog.pageTitle/></title>
      </b:if>
      <b:else/>
      <!-- 個別記事&#12539;固定ページの場合 -->
      <title><data:blog.pageName/>-<data:blog.title/></title>
    </b:if>

完了した後の確認

ブログのトップページを表示してブラウザのタブにマウスを乗せると、「さあ遊ぶぞ！！｜仕事を辞めて手に入れた平日の自由時間を遊び尽くす記録」とフルで表示されています。今回は楽だった😆

タブに表示されれば大丈夫

Bing Webmaster Toolsから警告が消えた

【<h1>が多数あります】、【画像に<alt=>がありません】、【タイトルが短すぎます】、出ていた３つのエラー表示がなくなりました。あーさっぱりした。

警告がなくなった

Geminiは間違うこともあるし、遠回りすることもあるけど、ブログ初心者の私には心強い味方になりました。また何かあったらすぐ聞いてみます。