Google検索エンジン最適化スターターガイド
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サイトのタイトル</title> <meta name="description" content="サイトの説明文"> <meta name="keywords" content="サイトのキーワード">
h1の重要性
h1タグはGoogleに強いシグナルをおくるもので、必ずテキストで入れましょう。ロゴなどの画像をh1で指定している場合はロゴ画像をpタグに変えるか、h1の背景画像にし、cssで隠し文字の処理をする必要があります。
隠し文字
以前は
h1 { text-indent:-9999px; }
などの方法が一般的でしたが、
現在は
h1 { text-indent:100%; white-space:nowrap; overflow:hidden; }
が推奨されています。
- text-indent 一行目のインデント幅を指定する
- white-space ソース中のスペース・タブ・改行の表示の仕方を指定する
- overflow はみ出た内容の表示方法を指定する