サイト作成ソフトシリウスでテーブル作成ツールを使いこなす

サイト作成ソフトシリウスでテーブル枠を自由に作成する

テーブル作成ツール

シリウスではテーブル作成ツールで自由に「列」「行」などの数を変更させて表示させることができます。またサイト作成画面に落とし込んだ後でも、テーブル枠を全選択するとツール編集画面に戻る事ができます。

しかしテーブルの仕組みを理解して、サイト作成画面上で自由に列や行の変更ができるようにしておく必要があります。このテクニックを理解しておくと、万が一表示崩れの際にも作成画面上で対応することができますし、下記表示のようにセルを結合する事も可能になります。

「列方向、行方向」にセルを結合させたテーブル枠

[テーブル枠]	セル	セル	セル	セル
3セル分縦に結合したセル	セル	3セル分横に結合したセル
	2セル分縦に結合したセル	セル	セル	セル
	2セル分縦に結合したセル	セル	2セル分横に結合したセル
セル	セル	セル	セル	セル

Please click

チャンネル登録をして頂きますとホームページ作成に役に立つ最新動画のアップロードをお知らせします。

テーブル枠で作成する表はSEO対策に有効

グーグルのホームページの価値を判断するクローラーは整然としたまとまりのある、解りやすい文章や表現を評価します。これはホームページの閲覧者さんがデザイン的にも読みやすい記事であればグーグルもその価値を認めるということです。

テーブル枠やリストでの表現は、単純に長い文章を端的にまとめる事がでるので必須の作業となります。会社概要や沿革、商品の料金表などあらゆる場面で必要になります。特にテーブル枠の原理は理解してください。

次の同じ文章を比べてみる

表現-1

私が好きな果物は青森県産のりんご、愛媛県産のみかん、エクアドル産のバナナ、沖縄県産のパイナップル、山梨県産のぶどうです。

表現-2

私が好きな果物

りんご	みかん	バナナ	パイナップル	ぶどう
青森県産	愛媛県産	エクアドル産	沖縄県産	山梨県産

上記では明らかにテーブル枠を使って記述された表現の方が閲覧者にとって解りやすいです。リスト表示でも同じことがいえます。これはクローラーがソースを読みやすいということもあり、SEO対策としても有効になります。

普段記事を執筆する場合、常にテーブル枠やリストを使った方が解りやすいかどうか判断してください。私見ですが通常の文章の場合でも閲覧者さんが読みやすくまとまりのある文章はグーグルに評価されていると考えています。

テキスト自体が読みやすい文章である事ことはもちろん、段落や句読点など、ユーザビリティを考えながら文章を作成するのは、おそらくSEO上プラスに働くでしょう。

枠を結合させるソース

水平方向に結合 colspan属性

colspan="2"

結合するセル2　[水平方向に2っを結合]

垂直方向に結合 rowspan属性

rowspan="2"

結合するセル2 [垂直方向に2っを結合]

このページ一番上のテーブルHTMLソース

<div class="scroll_table">
<table class="table table-fontsmall table-w100 table-04 table-clBL">
<tbody>
<tr>
<td>[テーブル枠]
</td>
<td>セル
</td>
<td>セル
</td>
<td>セル
</td>
<td>セル
</td>
</tr>
<tr>
<td rowspan="3">
3セル分
縦に結合した
セル
</td>
<td>
セル
</td>
<td colspan="3">

3セル分横に結合したセル

</td>
</tr>
<tr>
<td rowspan="2">
2セル分
縦に結合した
セル
</td>
<td>セル
</td>
<td>セル
</td>
<td>セル
</td>
</tr>
<tr>
<td>セル
</td>
<td colspan="2">

2セル分横に結合したセル

</td>
</tr>
<tr>
<td style="text-align: center">セル</td>
<td style="text-align: center">セル</td>
<td style="text-align: center">セル</td>
<td style="text-align: center">セル</td>
<td style="text-align: center">セル</td>
</tr>
</tbody>
</table>
</div>