4
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

エンジニア志望でHPも作ってるのに「SEO」を1ミリも理解していなかった私の猛省と超基本まとめ

4
Last updated at Posted at 2026-06-20

はじめに

Gemini_Generated_Image_5wtn735wtn735wtn.png

はじめまして!私は現在エンジニアをエンジニアを目指して勉強を始め、ノーコードでHPを制作しています。しかし気づいてしまいました...

Web業界で超飛び交う「SEO」の意味、理解してない...

エンジニアを目指してHPまで作ってる人間が、「SEO」を1ミリも説明できない。なんなら検索の仕組みもよくわからない。我ながらさすがにやばい。これは猛省&学習しなくてはと思い、ゼロから徹底的に調べることにしました!

そもそも「SEO」ってなんだ

Gemini_Generated_Image_jj8y52jj8y52jj8y.png

まずはSEOとはから徹底的に調べました。
SEO(Search Engine Optimization:検索エンジン最適化)とは、ものすごく簡単に言うとGoogleなどの検索結果で、自分のサイトを上のほうに表示させるための工夫のことです。

現実世界で例えるならSEOは「人通りの多い大通りに看板を出すこと」に似ていると思います。ここで言う大通りとは検索エンジンのことですね。

どれだけ美味しい料理を出すお店(=素晴らしいサイト)でも、誰にも知られていない山奥のポツンと一軒家(=検索で出てこないサイト)にあったら、誰も来てくれないのと同じで、Webサイトでも探してくれているユーザーに「ここにあなたの探しているサイトがありますよ!」とアピールしなければ見てくれないんですよね。

なぜ私たちサイトを作る側にSEOが必要なのか?

私は初心者が作った趣味のサイトや、ノーコードでデザインしただけのサイトには関係ないんじゃないかと思っていました。

大間違いでした...

実は、Googleなどの検索エンジンがサイトを評価するポイントの多くは、

  • サイトの骨組みが正しく作られているか
  • 見に来てくれた人が使いやすいか

という、私たちがサイトを作るときの設計そのものにあります。

コードを書いて作る場合でも、ノーコードツールで感覚的に作る場合でも、作る人がこの基本を知らないと、検索エンジンから見つけてもらえないサイトになってしまいます。だからこそ、初心者であっても知っておく必要があるんだと気がつきました。猛省、

【今日からできる】検索エンジンに好かれる3つのステップ

調べてみると、特別なツールや難しいプログラミング技術がなくても、サイトを作るときにちょっと意識するだけで効果が出るアクションがあったのでシェアします!

1.タイトルと紹介文をサボらず書く

検索結果に表示されたときに、ユーザーが最初に目にする一番大事な看板です!

  • タイトル:ページの内容を30〜35文字程度で分かりやすく表し、検索されそうなキーワードを必ず含めます。
  • 説明文:ページの内容を30〜35文字程度で分かりやすく表し、検索されそうなキーワードを必ず含めます。

💡これを説明すると何が良いのか?

① 検索エンジン(Google)がページの内容を正しく理解できる
Googleの検索ロボットは、このタイトルと紹介文を最優先で読み込み、「このページは何について書かれているか」を判断します。ここにキーワードが正しく入っていることで、検索エンジンに評価されやすくなり、検索上位に表示される確率が高まります。

② 検索したユーザーの「クリック率」が上がる
せっかく検索結果に表示されても、タイトルや紹介文が魅力的でなければ、ユーザーは他のサイトへ行ってしまいます。「この記事を読めば自分の悩みが解決しそうだ」と一目でわかる文章にしておくことで、サイトを見に来てくれる人を圧倒的に増やすことができる。

ここをサボらずに書くことで、「検索エンジンに見つけてもらう力(表示順位)」と、「人間に選んでもらう力(クリック率)」の2つを同時に引き上げることができるのです。


2.「見出しの順番」を正しく守る

文章の構造を検索エンジン(ロボット)に正しく伝えるために、見出しのルールを守りましょう。

  • <h1>:サイトや記事のタイトル(1ページに1回だけ
  • <h2>:大見出し(本でいう「章」)
  • <h3>:中見出し(本でいう「節」)

私は「文字が大きくなってデザイン的にちょうどいいから」という理由だけで、<h2>の次にいきなり<h4>を使ったりしていました...。

Googleのロボットは、人間のように「画面の見た目」でデザインを判断しているわけではありません。HTMLの裏側にあるタグを上から順番に読み込むことで、サイトの構造を解析しています。
もし<h2>(章)の次にいきなり<h4>(小節)が来ると、ロボットは「あれ?<h3>(節)はどこに消えた? 構造がめちゃくちゃで整理されていないサイトだな」と混乱し、最悪の場合はページ全体の評価を下げてしまいます。

見た目のデザインではなく、ルール通りに記述することで、ロボットに綺麗に整理された質の高いサイトだと正しく伝えることができます。


3. 画像を軽くして、名前をつける

スマホの回線でもサイトがサクサク動くように、画像対策は必須です。

  • 画像の軽量化:スマホやカメラで撮った写真をそのまま載せると重すぎます。適切なサイズに小さくしたり、画像を圧縮してからアップしましょう。

  • alt(オルト)属性の設定:検索エンジンは画像を「目」で見ることができません。「何が写っている画像なのか」をテキストで入力して教えてあげる必要があります。

<!-- 検索エンジンに画像の内容を伝えるイメージ -->
<img src="desk-setup.jpg" alt="黒を基調としたミニマルなPCデスクのセットアップ">

まとめ:SEOの本質は「見に来てくれた人への思いやり」

Gemini_Generated_Image_wa31v3wa31v3wa31.png

SEOと聞くと「AIの裏をかく裏ワザ」のように思えるかもしれませんが、調べてみて分かった本質はまったく違いました。

Googleなどの検索エンジンが目指しているのは、「検索したユーザーが、一番ハッピーになるサイトを上位に出すこと」です。

  • 文字が見やすかったり
  • 情報が整理されていて読みやすかったり
  • ページが開くのが速かったり

こういった小さな「優しさ・思いやり」の積み重ねが、結果的に検索上位へつながるのではないかと思いました!「なんとなく格好いいサイトを作って終わり」にせず、ぜひ今日から「見に来てくれる人が使いやすいかな?」という意識を持ってサイト制作していこうと思います。

最後までお読みいただきありがとうございました!

4
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?