HTML

HTML

DTD宣言

HTML5 

<!DOCTYPE html>

DOCTYPE　大文字 html　小文字

タイトルタグ

<title>ブラウザタブに表示される文章</title>
タイトルタグに入れるもの
  • 優先順位の高いキーワード（サービス）　カテゴリ　地域　会社名
  • この順番でやるとSEO対策に有効
  • キーワードはできれば1つにしてそれをトップにする。
  • 自分しか使わないキーワードを作る。
  • 理想的にはキーワードを１つにして、同じ単語は分散させない。
  • 自分が検索エンジンを鍛えることを重要視する。
  • ブックマークはしてはいけない。
  • 自分で検索することで、キーワードとして認識する。

metaタグ

ブラウザに情報を教え込むコード

代表例

<meta charset="utf-8">

SEOに大切なタグ

  • titleの一番目の言葉
  • meta descriptionで1番始めの言葉
  • h1 の始めの言葉
  • pの一番初めの言葉

以上が同じになるとseoは1位になる。
meta descriptionを書かないとbodyのpを拾っていくので seoがpから拾ってしまう。

html形式で保存

  • webサイトのtopページはファイル名をindex.htmlで行うことが通常。
  • 必ずCドライブ直下に保存。マイドキュメント内等にしないこと。

基本HTML

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
</head>
<body>
</body>
</html>

HTMLの書き方

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サービス|場所・店の名前</title>
<!--タイトルタグは体言止め-->
</head>

<body>
<h1>優先順位の最も高い語句・キーワード/文節（体言止め）</h1>
<p>（ここにh1の語句）ページの要約</p>
<!--bodyの1番最初のpは特に重要-->
<h2>中間見出し</h2>
<p>本文（ほんもん：憲法のみ、ほんぶんと読む）</p>

<ul>
<li>番号なし箇条書き１</li>
<li>番号なし箇条書き２</li>
<li>番号なし箇条書き３</li>
</ul>

<ol>
<li>番号付き箇条書き１</li>
<li>番号付き箇条書き２</li>
<li>番号付き箇条書き３</li>
</ol>

<dl>
<dt>語句</dt>
<dd>語句の説明</dd>
<!--↓最近は更新情報等に使用されている↓-->
<dt>2013年12月19日</dt>
<dd>訓練1日目</dd>
</dl>

<!--日本人はテーブルタグがすき。-->

<table border="1" width="300">
<tr><th>○</th><th>○</th></tr>
<tr><td>○</td><td>○</td></tr>
<tr><td>○</td><td>○</td></tr>
</table>

</body>
</html>