titleタグ

解説

titleタグは、HTMLの <head> 内に書く <title> 要素のことで、そのページが何についてのページかを短い文字列で示します。ブラウザではタブの名前として表示され、Google検索では検索結果の見出し（タイトルリンク）を作る主な情報源になります。ページ内の見出し（h1）とは別の要素であり、両者の文言を一致させる決まりはありません。

実務での使われ方

重要な語句は、titleタグの前半に置きます。titleタグの長さ自体に上限はありませんが、Googleの検索結果では、端末の幅に合わせて途中で省略されます。そのため、文字数の上限を決めるより、先頭だけを読んでも内容が分かる書き方にしておくほうが確実です。また、記事タイトルにサイト名を付ける形が一般的です。Googleは、サイト名をtitle要素の先頭か末尾に置き、ハイフン、コロン、縦線などの区切り文字で本文と分けることを提案しています。

ヘルプ記事では、顧客が使う言葉でタイトルを付けます。社内の機能名だけを並べたタイトルは、検索窓に打ち込まれる言葉と噛み合いません。「ログインできない」「解約したい」のように、お客様が困っている状態をそのまま書いたほうが、記事にたどり着いてもらえます。さらに、似た言い回しのタイトルが複数の記事に付いていると、検索結果でどれを開けばよいか分からなくなります。Googleも、タイトルはページごとに固有で、簡潔かつ内容を正確に表すものにするよう勧めています。

注意点

titleタグに書いた文字列が、検索結果にそのまま表示されるとは限りません。Googleは、title要素のほか、ページ上の主な見出し、h1などの見出し要素、og:title、ページ内外のリンクのアンカーテキストなども使って、タイトルリンクを自動で決めます。特に、title要素に問題があるとGoogleが判断した場合は、ページ上の目立つテキストなどから別の見出しが作られます。したがって、titleタグとページの中身は、同じ内容を指すようにそろえておきます。