🔍 これだけは知っておきたい!SEOの基礎知識まとめ
🔍 これだけは知っておきたい!SEOの基礎知識まとめ
〜コーダー目線でやさしく解説〜
コーディングはできるけどSEOはちょっと苦手…という人向けに、SEOの基本をコーダー視点でわかりやすくまとめました。
HTML/CSS/JSを書いている方が、明日から少し意識できるような内容を目指しています!
✅ SEOってなに?
SEOとは「Search Engine Optimization(検索エンジン最適化)」の略です。
ざっくり言うと、Googleなどの検索エンジンに「このページは役立つよ」と認識してもらい、検索結果の上位に表示されるようにする工夫のことです。
🔸 例
「ランニング シューズ おすすめ」で検索したときに、上位に出てくるページは、Googleが「ユーザーの役に立つ」と判断しているページです。
🔸 オーガニック検索と広告の違い
- 広告:お金を払って表示させている
- オーガニック検索:SEOの力で自然に上位に来ている
✅ SEOの3つの基本要素(ざっくり)
SEOには、大きく分けて3つの柱があります。
① 内部対策
HTMLの構造やサイトの使いやすさなど、「自分で直接いじれる部分」
→ コーダーが一番関わるところ!
② 外部対策
他のサイトからリンクをもらう(被リンク)ことで、Googleに信頼されやすくする方法
→ あまり自分でコントロールできない
③ コンテンツSEO
ユーザーの悩みに答える良質な記事・文章を作ること
→ ライターや編集者と連携することも
✅ コーダーが意識したいSEOのポイント
HTMLを書く立場だからこそ、ちょっとの工夫でSEOに良い影響が出せます。
🔸 h1〜h6タグを正しく使う
-
h1はそのページの主題(1ページに1つだけ) -
h2,h3は見出しの階層を表す - 見た目ではなく 意味 で使い分けることが大事
(フォントサイズが大きいからH1ではなくて、「主題」なのでH1のように文章構造を意識する)
<h1>ランニングシューズの選び方</h1>
<h2>初心者におすすめのブランド</h2>
<h3>ニューバランス</h3>
🔸 alt属性をちゃんと書く
画像が表示されなかったときや、音声読み上げでも意味が伝わるように。
<img src="shoes.jpg" alt="ナイキの厚底ランニングシューズの写真">
✅ キーワードの詰め込みすぎはNG(不自然になる)
🔸 metaタグを設定する
特に重要なのは以下の2つ:
<title>初心者におすすめのランニングシューズ3選|ランナーズブログ</title>
<meta name="description" content="ランニング初心者にぴったりのシューズを厳選紹介。選び方のポイントもわかりやすく解説します。">
✅ 「タイトル=そのページのテーマ」
✅ 「ディスクリプション=検索結果に出る説明文」
🔸 ページの表示速度も大事
不要なJSやCSSの読み込みを減らす
画像の軽量化(<img loading="lazy"> など)
→ PageSpeed Insights でチェック!
✅ やってはいけないこと(初心者がやりがち)
❌ h1が複数ある
→ 見た目のためにh1を多用してしまうケース。スタイルだけならクラスで対応を。
❌ alt属性が空 or キーワード詰め込みすぎ
→ 画像の内容が伝わる自然な文にする。
❌ titleタグがすべて同じ
→ ページごとに個別のタイトルを設定!
💡おまけ:定期的なチェックも忘れずに
SEOは一度対策したら終わり、というものではありません。Googleのアルゴリズムは常に変化していますし、競合サイトの状況も変わります。
🔸 Google Search Console
Googleが提供する無料ツールで、サイトの検索パフォーマンスやインデックス状況、エラーなどを確認できます。サイトマップの送信などもここから行います。
🔸 Google Analytics
サイトへのアクセス状況(ユーザー数、PV数、どこから来たかなど)を分析できます。ユーザーの行動を把握し、サイト改善に役立てましょう。
💡おまけその2
titleタグには最適な文字数がありPCとSPそれぞれによって異なるみたいです。
💻PCの場合:30~32文字程度
📱SPの場合:30~41文字程度
上記の文字数が最適な理由は、規定文字数を超過した場合に、検索エンジン側の判断で省略される可能性があるからです。
またあまりにもタイトルが長すぎる場合は、検索エンジン側の判断で異なるタイトルに自動的に書き換えられる可能性もあるみたいです。
基礎的なところはわかっていてもこういった奥深いところまで知っておかないと正しいSEO対策ができないので、SEOマスターになるには道が長そうです。。
Discussion