head内に書くべきタグを総まとめ：SEO対策に有効なものは？

head内に書くべきタグを総まとめしました。大手メディアが実際にどんなタグを入れているのかも紹介しています。

推奨 SEO対策 SEO的にも重要なlinkタグです。複数の内容が重複するページが生まれてしまった場合に、検索エンジンからのページ評価が分散してしまうのを防ぐことができます。例えば、PC表示ページと、スマホ用ページでURLが異なるとします。見た目は違っても内容が同じなのであれば、評価は統一されるべきですよね。そこで、スマホ用ページのhead内に PCページのURL "> と書けば、PCページのURLに検索からの評価をまとめることができるのです。

9. サイトアイコンの指定

推奨ブラウザのタブに表示されたり、ブックマークしたときのサイトアイコンとして使用される画像を指定します。様々な環境に対応するように、「16×16」のようにサイズごとにタグを用意します。上のサンプルは、png画像を使う場合のコードです。gif画像を使いたい場合には、 type red">gif " とします。JPEG画像は使わないようにしましょう。

IE8〜10に対応する方法

さきほどのコードでほとんどのブラウザに対応していますが、IE8〜10には対応していません。IE8〜10では、PNGやGIFではなく .ico という画像形式で指定する必要があるのです。

10. スマホ用アイコン画像 11. Windows用タイル設定

12. CSSやJavaScriptファイルの読み込み 13. フィードページのURLを指定 14. 分割ページ用のタグ

主に1つの記事を複数ページに分割したときに使います。1ページ目のhead内には、最後のページにはつ前のページの URL" /> 、それ以外のページにはprev、nextの両方を使って、前後のページのURLを指定します。

15. 電話番号やメールアドレスの変換設定書く必要のないもの

Google公式ブログのheadタグには何が書かれている？

headタグ内に書かれているものはとてもシンプル。上で紹介したタグのうち、重要をつけたものが中心ですね。

HTML＆CSS入門 HTMLとCSSの勉強に必要なツールを用意しよう初心者向けHTML入門：書き方の基本とタグの使い方初心者向けCSS（スタイルシート）入門：基本的な書き方を総まとめ！ CSSのwidth（幅）とheight（高さ）の指定方法をマスターしよう【CSS】max-widthとmin-widthの使い方まとめ CSSのmarginとは？paddingとは？余白の指定方法まとめ【CSS】displayの使い方を総まとめ！inlineやblockの違いは？ font-familyの書き方まとめ：CSSでフォント種類を指定しよう【CSS】文字装飾の基本を総まとめ！初心者向けに解説 HTMLのリンク＜aタグ＞の書き方を初心者向けに解説翻訳も AI にまるっとお任せ

AI翻訳ツール Nani !? ならネイティブ講師に教わるかのように自然な翻訳ができます。

サルワカについてサルワカくん少し役立つ生活やインターネットの知識を分かりやすく解説していきます。検索