読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

WEBサイト制作の勉強の為の解説ブログ。東京池袋のフェリカテクニカルアカデミーでは求職者支援訓練の一環として、WEBサイト制作を学ぶことができます。

Googleの検索アルゴリズムを理解する

Google検索エンジン最適化スターターガイド




coliss.com


<!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 はみ出た内容の表示方法を指定する