久しぶりに、表をホームページ上に掲載してみて、
そのついでに、いろいろなサイトを見て思ったんですけど…。
SEOに不利だといわれたこともあったからでしょうか？だいぶ少なくなりましたね。
私は、不利だと感じたことはないのですが。
しかも、見やすくて、とてもイイと思います。
…ページをまるごと、tableタグで作るっていうのは論外ですけど。
HTMLで、表の作り方って、カンタンです。
ところが、いろいろサイトを見てみると、意外と知らない人が多いようです。
tableとtbodyとtrとtdのタグを使えば、表は作れます。
まぁ、見た目はこれで十分なんですけどね。
表示だけを思えば、tbodyもいらないかな。
でも、ちょっともったいない。
データを見やすくするというユーザビリティだけじゃなくて、
作成した表には、しっかりと意味を持たせることができます。
summaryタグ、theadタグ、thタグ。使ったほうがいいです。
<table summary="夏の旅行場所、人気ランキングです。">
どんな表なのかsummaryで説明します。
<thead>
表の横列のタイトル、ヘッドが記入されます。
<tr>
<th>順位</th>
thタグでヘッドを具体的に記入します。ここでは列のタイトル。
<th>場所</th>
<th>案内</th>
</tr>
</thead>
<tbody>
tbodyタグ、ここからが表の内容ですね。
<tr>
<th>1位</th>
このthタグでは行のヘッド（タイトル）。
<td>海</td>
<td>夏の太陽と海水を大胆に楽しめる。</td>
</tr>
<tr>
<th>2位</th>
<td>山</td>
<td>涼しい。比較的安全に開放的に楽しめる。</td>
</tr>
<tr>
<th>3位</th>
<td>海外</td>
<td>長期休暇が取りやすいので。</td>
</tr>
</tbody>
</table>
こんな感じです。
検索エンジンは、きっと、このように理解してます。
「このサイトには、夏の旅行場所のランキング表があって、
順位も場所も案内も出ている。1位と2位と3位のものが紹介されている。」
表に、ちゃんと意味を持たせてあげる。
内部SEOになりますよね。
tr、tdタグだけだと、「順位、場所、案内、1位、海…」
こんな形でデータとして理解されるだけでしょう。
せっかくなので、検索エンジンだけじゃなく、来訪者にも、
見やすくするために、width height で、行幅･列幅の大きさ、
場合によっては rowspanやcowspanでセルを結合をしたほうがいいです。
あと、tdタグの中には、Tableタグは作らないほうがいいです。
表を見やすくするために、やってしまう人もいるようですが、
ページが表示されるのに、時間がかかってしまうそうです。
せっかくの訪問者さんが、ページが表示される前に、待ちきれなくて、
他のサイトに移動しちゃったらもったいないですから。
内部SEOって、とても小さなことですが、やらないよりはやったほうがいいです。
外部SEOに比べれば、短時間で簡単にできますよね。
まぁー、検索エンジンが考えることなんて、
あーだ、こーだ、言ったところで、私には想像することしかできないんですけど
副業・副収入の人気ブログランキング
当ブログもランキングに参加中です。
応援よろしくお願いします。
