やぁ、書きたいことが増えてるので、調子乗ってるプリンです。
さて、さっそくやっていこう。
ズバリ、title要素のベストプラクティスについて。
従来は、title要素は、末尾にサイト名、手前にページ群名、その手前にカテゴリ名、最手前に記事名とするのが良いとされていた。
<title>記事タイトル - カテゴリ名 - ブログ名 | サイト名</title>
といった具合だ。
そうすることで、ブランド化がされやすいと同時に、そのWebページが言いたいこと、そのカテゴリを、端的に示すことができるからだ。
しかし、昨今では下記の理由で、その手法があまり良くないとなるようになっている。
- タイトルが長過ぎになりやすい
- ドメイン単位でWebサイトとして全体が認識されやすくなった
title要素にキーワードを埋め込みすぎ、ないしキーワードの重複が発生しやすい- Web全体ないし、サイト内で、一意のタイトルであれば良い
- 構造化などで、そのWebページのカテゴリや階層などを示すことができる
とまぁ、こんな感じだ。
一個一個やっていこう。
あ、ちなみに、構造化とか、そもそもtitle要素ってなんぞや？って人はご自分でお調べください。
初歩的、基本的な部分をダラダラ書くつもりは一切ない。
タイトルが長過ぎになりやすい
ここが実は最重要。
一般的ないし、Google公式としては、30文字以内が適切とされている。
なぜかというと、SEOにおける最重要項目として、クリック数を得られやすいからだ。
ご存知の通り、検索結果画面においての表示文字数は限界値があり、だいたい、25〜30文字が表示され、それ以降の文字は...で省略される。
なので、文字数は30文字以内が望ましいのだ。（スマホでもだいたい同じくらい）
よって、カテゴリ名や、ページ群総称、サイト名を入れていると、余裕でオーバーしてしまうことがほとんどなので、記事名だけが理想というわけだ。
ドメイン単位でWebサイトとして全体が認識されやすくなった
これはまんま。
過去の、検索エンジンロボットがまだ未成熟だった時代は、サイトタイトルが入っていないと、
そのWebページが、どのサイトに所属しているかが認識されずらかった。
現代は、ドメイン、また、ディレクトリ構造（階層）からも、そのWebページがどのような立ち位置か、ある程度認識してくれるようになっている。
そのため、わざわざtitle要素で示す必要は薄くなっている。
title要素にキーワードを埋め込みすぎ、ないしキーワードの重複が発生しやすい
これは単純に、記事のタイトルにそもそも重要なキーワードはいれるのがベストプラクティスなのは、従来通りなので、その上、カテゴリ名を入れては、同じキーワードが重複してしまう、埋め込み過ぎになるからだ。
<title>【カテゴリ名】記事タイトル - カテゴリ名</title>
としたりすると、単純に重複しちゃうよね、って話だ。
Web全体ないし、サイト内で、一意のタイトルであれば良い
数多のWebページの中で、一意のタイトルであれば、特にサイト名等を入れる必要はない。
なぜなら、一意だから、サイト名が入ってなくとも、特定のページとなりえるからだ。
これは、あくまで、その記事なりWebページが、サイトに所属するページとしっかり認識されている上での話だ。
よって、上記項目が担保されているならば、Web全体、もしくは、サイト内で、ユニークであれば、特にサイトタイトル等を入れずに、Webページ名のみで良いのだ。
ただし、例外がある。
ページ名が、汎用的ないし、ブランド名（サイトタイトル）を明示しておきたい場合だ。
例えば、会社概要などだ。
これは、ブランド名、サイトタイトル（会社名）が入ってないと、何のブランド（会社）なの？
となってしまう。
SEO上、ロボット的には認識できても、あまりにも汎用的すぎるため、Web全体で一意とは絶対ならない。
このような場合は入れた方が良いだろう。
構造化などで、そのWebページのカテゴリや階層などを示すことができる
これに関しては、細かく説明するとかなり長くなるため割愛するが（別記事で記載予定）、
代表的なのは、パンくずリストだろう。
<!-- Microdataで示しているが、本当は、JSON-LDの方がやりやすいし、推奨されている -->
<ol itemprop="breadcrumb" itemtype="https://schema.org/BreadcrumbList" itemscope>
<li itemprop="itemListElement" itemtype="https://schema.org/ListItem" itemscope>
<a href="/" itemprop="item" rel="first">
<span itemprop="name">TOP</span>
</a>>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemtype="https://schema.org/ListItem" itemscope>
<a href="/blog/" itemprop="item" rel="archives">
<span itemprop="name">ブログ名</span>
</a>>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemtype="https://schema.org/ListItem" itemscope>
<a href="/blog/category01/" itemprop="item" rel="archives">
<span itemprop="name">カテゴリ名</span>
</a>>
<meta itemprop="position" content="3">
</li>
<li itemprop="itemListElement" itemtype="https://schema.org/ListItem" itemscope>
<span itemprop="name">記事タイトル</span>
<meta itemprop="item" content="https://サイトドメイン/blog/category01/記事パス">
<meta itemprop="position" content="4">
</li>
</ol>
のように示せば、サイトに所属していること、カテゴリに属していることも同時に示せるため、わざわざtitle要素に記載する必要はないのだ。
さて、以上が詳細説明となる。
ただし、これらのタイトルの最適化における施策は、Webサイト全体が構造化など、妥当な施策がされていることが前提となるため、闇雲に本記事の施策を実行し検索順位が上がったりするかとなると、必ずしもそうではないことをご了承いただきたい。
あくまで、現代においてのベストプラクティスとなる。
さて、お次は、構造化に関してか、Unityの記事にしようか。
ではまた。
コメントする