Simple Life Navi

シンプルで楽しい暮らしのための、お得な情報ブログ

~ お知らせ ~
『Simple Life Navi』
気になるカテゴリを選べます

ーーー New Post ーーー

はてなブログのSEO対策 最適化でスコア向上!優秀な検索評価

\ 2万ポイント獲得のチャンス!/

はてなブログのSEOを強化、最適化する

はてなブログのSEOを強化、最適化する

こんにちは、シンプルライフ ナビです。

ブログ運営で気になる、SEO対策。どんな方法が有効なのか、悩んでいる人も多いのでは?今回は、そんな人への記事です。

はてなブログでSEOを最適化、強化する方法を解説します。

使うツールは Google公式のPageSpeed Insights 

 

ちなみに当ブログのSEO最適化、改善実施後のSEOの評価は92点!

当ブログのグーグルによるSEO評価は92点

当ブログのグーグルによるSEO評価は92点

携帯電話の評価もデスクトップの評価も92点ですよ。

 

誰ですか?はてなブログはSEOに弱いなんて言ってる人は?

WordPressに全然負けてないですよ!

 

さあ、あなたのブログもSEOのスコアをチェックしてみませんか?

 

ブログのSEO評価のスコアを確認する方法

ブログのSEO評価のスコアを確認する方法は簡単です。

Google公式の評価サイト(PageSpeed Insights)にアクセスして、あなたのブログのアドレスを入力するだけ。

\ 評価サイトでスコアチェック /
Google PageSpeed Insights

 

下の図のように評価チェックサイトが表示されたら、チェックしたいブログのサイト(またはページ)のアドレスを入力して、「分析ボタン」をクリック!

Google公式チェックツール

Google公式チェックツール

めっちゃ簡単にブログをチェックできるんだね!

 

ちなみにレポートは、「携帯電話」と「デスクトップ」の2種類作成されますよ!

レポートは「携帯電話」と「デスクトップ」の2種類

レポートは「携帯電話」と「デスクトップ」の2種類

レポートの下の方に進むと、パフォーマンスの問題の診断スコアが表示されます。

当ブログの、SEOスコア改善前の状態(デスクトップのスコア)が👇こちら。

パフォーマンスの評価スコア

パフォーマンスの評価スコア

(パフォーマンスのスコアは、アドセンスやアフィリエイト、タグマネージャーなどを外すと90点台になりました。でも、アフィリエイト収入も欲しいので今回はそのままにしてます)

 

なかなかいいスコアですね。はてなブログのSEOは優れていると言えそうです。

では、上記のパフォーマンスの問題のうち、SEOの項目を改善し、さらに強化していきましょう!

SEOのスコアを改善する方法

SEOの評価を上げるため、スコアを改善しましょう。

まず、自分のブログのスコアを確認します。そしてSEOの評価の項目をチェックしましょう。

SEOの評価スコアと改善ポイント

SEOの評価スコアと改善ポイント

次の3つの問題点(改善ポイント)が提示されていることが多いと思います。

  1. リンクはクロールできません
  2. 画像要素に [alt] 属性が指定されていません
  3. タップ ターゲットのサイズが適切に設定されていません

では、それぞれの項目への対処方法を解説します。

 

リンクはクロールできません

「リンクはクロールできません」という表示の詳細を確認すると、次の内容が表示されます。

リンクはクロールできません

リンクはクロールできません

これは、残念ながら「はてなブログ」の仕様なので、変更することはできません。

この部分はそのまま放置します。(それでもスコア90以上に改善できます)

 

画像要素に [alt] 属性が指定されていません

「画像要素に [alt] 属性が指定されていません」という項目の詳細を確認してみましょう。

画像要素に [alt] 属性が指定されていません

画像要素に [alt] 属性が指定されていません

画像ファイルに、画像の読み込みが失敗したときなどに代替表示する内容が指定されていないという内容です。

 

自分が作成した画像(フォトライフに保存している画像)を使っている部分の対応方法

はてなブログでは、記事に画像を貼り付ける場合、画像にalt属性を指定する(上級者向け)にチェックをして、「画像の代替テキスト」の部分に画像イメージに合う内容を記載すればOKです。

画像にalt属性を指定する(上級者向け)

画像にalt属性を指定する(上級者向け)

今後作成する記事では、SEOに有利になるよう、必ず alt属性を設定しましょう。

 

では既存の画像にalt属性が設定されていない場合どうしたらいいのでしょうか?

解決方法は次のとおり。

 

まず、対象となる画像が貼ってある部分のHTMLを探します。

記事編集画面から、HTML編集画面を選択し、下記のような部分を探します。

画像イメージがあるHTML部分を探す

画像イメージがあるHTML部分を探す

上記の場合、<img src="https://画像ファイルのアドレス.jpg" width="1200" height="400" loading="lazy" title="" class="hatena-fotolife" itemprop="image" />の部分が画像ファイルの表示などが記載されている部分です。

ここに、alt属性を足せばOK。

 

具体的には次のようにします。

改善前 改善後

<img src="https://画像ファイルのアドレス.jpg" width="1200" height="400" loading="lazy" title="" class="hatena-fotolife" itemprop="image" />

<img src="https://画像ファイルのアドレス.jpg" alt="画像ファイルの説明文" width="1200" height="400" loading="lazy" title="" class="hatena-fotolife" itemprop="image" />

赤字部分を追記すればOK。

前後に半角スペースを入れておくのを忘れないようにしてください。

 

アフィリエイト広告などの画像の場合

アフィリエイト広告などの画像で改善を求められている場合、次のようにすることでスコアアップできます。

 

改善前 改善後

<a href="https://px.a8.net/アフィリエイト" rel="nofollow">【万全のSEO対策】</a>
<img border="0" width="1" height="1" src="https://www14.a8.net/画像データ">

<a href="https://px.a8.net/アフィリエイト" rel="nofollow">【万全のSEO対策】</a>
<img border="0" width="1" height="1" src="https://www14.a8.net/画像データ" alt="">

アフィリエイト広告には特に画像の説明は不要なので alt="" を追記しておけばOK。

 

タップ ターゲットのサイズが適切に設定されていません

いろいろデザインのカスタマイズをしている人は、デザインCSSにコードを追加していますよね。

CSSで装飾したり、前後スペースを調整した部分で、「タップ ターゲットのサイズが適切に設定されていません」という改善点を指摘される場合があります。

タップ ターゲットのサイズが適切に設定されていません

タップ ターゲットのサイズが適切に設定されていません

テキストリンク同士や、リンクボタンと画像、テキストリンクと画像が接している場合、リンクボタンが小さすぎる場合などに表示されます。

この場合は、対象となる画像やリンクボタンのCSSで、marginやpaddingを設定することで問題が解消します。

例えば、下記のようにCSSを調整します。

改善前 改善後

.link-btn {
    font-weight: bold;
    (略)
    display: inline-block;
    border-radius: 50px;
}

.link-btn {
    font-weight: bold;
    (略)
    display: inline-block;
    border-radius: 50px;
    margin: 10px 2px;
}

 

はてなブログのSEO対策 最適化でスコアアップのまとめ

ブログのPageSpeed Insights向上

ブログのPageSpeed Insights向上

はてなブログのSEO対策として、表示設定の最適化、改善方法をご紹介しました。

GoogleのSEO対策は、モバイルファーストのデザインやレイアウトへの対応が求められています。

Google公式のPageSpeed Insights  を使って、ブログをチェックすることで、スコアの改善を図り、SEOに強いサイトにすることができます。

実際に、この記事に記載の方法で当ブログのSEOのスコアは83→92へ約10ポイント改善しました!

 

SEO対策は記事の内容や、タイトル、キーワード選定も大切ですが、ユーザーが使いやすいサイトであることも大切です。

その点、はてなブログは、ユーザーが意識していなくても適切なSEO対策が運営側で行われています。

\ システムメンテは運営にお任せ /
デザイン強化なら はてなブログPro

定期的にチェックすることで、SEOのスコア 高評価を継続・維持できますよ!