★キーワードを重要な要素としてマークアップ

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

適切なマークアップを心掛ける

広告



ウェブページを作成する際には、適切なマークアップを心掛けます。
適切なマークアップとは、HTMLソース内のテキストなどの情報を適切な種類のタグで囲むということです。

例えば、見出しはh1~h6要素で、段落はp要素で、注釈情報はsmall要素でタグ付けします。
これは、HTMLのマークアップにおいて守るべき基本的なルールです。

適切なマークアップの例

<h1>大見出し</h1>
<h3>小見出し</h3>
<p>段落です。段落です。段落です。段落です。段落です。</p>
<small>注釈情報</small>

ブラウザ上に表示される文字サイズを大きくしたいからという理由でh1要素にしたり、文字サイズを小さくしたいからという理由でsmall要素にしてはいけません。

不適切なマークアップの例

<small>見出しは小さいほうがクール</small>
<h3>段落の内容を太字にして読みやすくする</h3>
<p><!--改行のために空のp要素を入れる--></p>
<h1>注釈情報を大きくして目立たせる</h1>

不適切なマークアップをしていると、検索エンジンにウェブページの情報構造が正しく伝わらなくなります。

より意識的にHTMLの要素を選定する

こうしたマークアップの基本ルールを守ることが大前提となりますが、ユーザーに訪れてほしいキーワードでの検索上位を狙う場合には、より意識的にHTMLの要素を選定します。

検索エンジンが表示順位を決定する際に重視される要素とそうでない要素があることを意識して、重要なキーワードは重要な要素としてタグ付けするということです。
例えば、会社名や商品名をキーワードにした検索結果での上位表示を目指すなら、title要素やh1要素などのより重要度の高い要素の内容にそのキーワードを含めます。

「会社名は小さく表示したほうがクールだからsmall要素でタグ付けしよう…」などという理由でタグ付けするべきではありません。
小さいほうがクールだと思うなら、h1要素でタグ付けしたうえで、CSSで h1 {font-size:x-small;} とでもスタイル指定してやると良いでしょう。

「不適切なマークアップの例」を修正した例

<h1 style="font-size:x-small;">見出しは小さいほうがクール</h1>
<p style="font-weight:bold;>段落の内容を太字にして読みやすくする</p>
<br>
<small style="font-size:x-large; font-weight:bold;>注釈情報を大きくして目立たせる</small>

まとめ
  1. まずは、適切な要素でマークアップすることが大前提
  2. そのうえで、検索エンジンが表示順位を決定する際に、重視される要素とそうでない要素があることを意識する
  3. 重要なキーワードは、重要な要素としてマークアップする
<前へ 目次へ 次へ>

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
56 users signed up
もっと表示する