site全体を図書館だとすると、オンページSEOは1冊の本にきちんとlabelを付けることです。表紙、章のtitle、裏表紙のあらすじ。これらはすべて、1枚のpageのcodeの中で変えられるものです。それぞれがどこにあるか見てみましょう。

オンページSEOの各要素がどこにあるか: 検索結果とpage本体 左側は検索結果のpreviewで、title tagとmeta descriptionを示す。右側はpage本体のmockupで、見出し、内部link、画像のalt textを示す。 検索結果では: ページタイトルの例 = title tag example.com/your-page ここに短い説明文 = meta description page本体では: pageのtitle 大きな見出し = h1見出し 小見出し = h2見出し もっと読む → = 内部link alt = alt text(画像の code内に隠れた説明)
title tagとmeta descriptionは、クリックされる前の検索結果に主に出てきます。見出し、内部link、alt textはpage本体の中にあります。

title tag

title tagは、検索結果に出る、大きくてクリックできる青い文字の行です。browserのtabに表示される文字でもあります。pageごとに、はっきりした専用のtitleを付けましょう。

meta description

検索結果でtitleのすぐ下に、meta descriptionと呼ばれる短い説明文が表示されることがよくあります。検索エンジンはこれを表示することもあれば、別の文に置き換えることもあります。順位には直接影響しませんが、良い文章はクリックしたくなる効果があります。

見出し

<h1>や<h2>のような見出しは、本の章のtitleのようなものです。page全体が何についてか、そして各小見出しが何についてかを示します。はっきりした見出しは、読者が流し読みする助けになり、検索エンジンがpageの構造を理解する助けにもなります。

内部link

内部linkは、自分のsiteの中にあるあるpageから、別のpageへ張るlinkです。訪問者(とクローラー)が他のpageを見つける助けになり、page同士がどう関連しているかも示します。

画像のalt text

alt textは、画像自体のcodeの中に書かれた短い説明文です。訪問者がその文字を直接見ることは普通ありませんが、検索エンジンはそれを読んで画像の内容を理解し、画面読み上げsoftwareはそれを声に出して読み上げます。