こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

さて、ようこそ　ＳＨＩＰＳＮＥＴブログへ

　見ていただければお解かりのように、文字が左から右へ流れいています。電光掲示板のようですね。
これはマーキータグと呼ばれるタグを使用するとできる特殊効果です。見た目のインパクトはかなり高い方でしょう。
　しかしながら、使いすぎるとページの処理が重くなったり、単に「くどい」ページになり、逆に読みにくくなる危険性を孕んだタグであるともいえます。
　ここ一番、目立たせたい場所にピンポイントで使うのが望ましいでしょう。
書き方は
<marquee>文字</marquee>
となります。実際は↓の様に表示されます。
文字

簡単ですね。

応用例としてはさまざまなものがありますが、これもまた基本的なもののみ紹介します。
（応用例）
・流れる文字の幅を指定する
<marquee width="200">文字</marquee>
実際は下記のように表示されます。
文字

・流れる文字の方向を変える
<marquee direction="right">文字</marquee>
実際は下記のように表示されます。
文字

・流れる文字の背景の色を変える
<marquee bgcolor="色名、または色コード">文字</marquee>
背景を赤（記述はred）とすると下記のように表示されます。
文字

・文字のかわりに画像を流す
<marquee><img src="http://www.shipsnet.jp/blogshipsnet/shoko.jpg"></marquee>
実際は下記のように表示されます。

　タグの記述が長くなると複雑に見えますが、よく見てみれば簡単なタグの組み合わせであることがわかりますね。
　よくわからないうちは、無理せず簡単なタグを少しだけ使い、目立たせたい場所を絞って効果的に使うと良いと思います。何でもかんでも使いすぎると、かえって見る人が、どこに注目してよいかわからないページになってしまうので気をつけましょう。

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

今回はテーブルタグについて書きたいと思います。
テーブルタグってなんだ？と思われる方も多いかと思いますのでまずはどんなものか見ていただく事にします。
こんなの↓です。

この場合３×３の枠が付き、中に数字が入っています。
このように、枠を付けるタグをテーブルタグといいます。

では基本的なものから書いていきましょう。
上記は３×３のテーブルですが１×１（枠が１つのみ）のテーブルがもっとも基本的な形となります。
書き方は、
<table border><tr><td>

ここに文字や写真など

</ｔｄ></tr></table>
となります。
実際にブラウザで見ると↓の様になります。

ではこれを３×３のテーブルにしてみましょう。
書き方は、

<table border><tr><td> 1 </td><td> 2 </td><td> 3 </td></tr>
<tr><td> 4 </td><td> 5 </td><td> 6 </td></tr>
<tr><td> 7 </td><td> 8 </td><td> 9 </td></tr></table>
このように記述すると↓のようになります。

ここではどの部分がどこに対応しているかわかりやすくするために数字を入れましたが、文章や画像などを入れる事ができますので試してみてください。

（例）

名前	サイズ	見た目
商工会ロゴ	2096バイト
ＳＨＩＰＳＮＥＴロゴ	17716バイト

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

今回は縦書きタグについて書いてみたいと思います。
これも書き方は簡単。
<div style="writing-mode:tb-rl;"&縦書き文字</div>
これだけです。見た目は↓のようになります。

新年の挨拶もこのように縦書きにすると雰囲気が出ますね。

当然の事ながら、縦書きの場合改行すると文字は左へ移動します。

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

今回は改行タグです。
書き方は、
<ｂｒ>
これだけです。その位置で改行されます。

　このブログでは編集時にＥｎｔｅｒキーで改行した場合も、ブログに改行として反映される機能（改行機能）が付いており、あまり必要性を感じないと思われるかもしれませんが、徐々に慣れてきて長いタグがかけるようになってくると、改行機能をＯＦＦにしてタグで改行したほうがレイアウトしやすい場合もあります。
　また、改行機能と改行タグは併用できますので、改行機能だけでは自分の思い描いたとおりにレイアウトできなかったときなど、場合により使い分けましょう。

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

今回はタグそのものではなく、タグを書く際の注意点について書きたいと思います。

１、タグ内の記述・スペースは半角。
　まず一番多い失敗がこれです。タグを　コピー→貼り付け　した後に必要な部分を書き換える際に、半角スペースを全角にしてしまうというのはよくある話です。

２、表示するファイル（画像など）は自分でアップロードしたものを使いましょう。
　これは失敗というよりはマナー違反に属する事ですが、画像のＵＲＬなどを他のサイトから直接コピーしてくる行為（いわゆる直リンク）は、やってはいけません。たとえそれが著作権フリーの画像等だとしても、一度ダウンロードしてから再度自分でファイルをアップロードして使いましょう。

３、タグは小文字で書きましょう。
　結論から言えば現在は大文字でも小文字でも動作はします。しかしこれから主流となっていくであろうＸＨＴＭＬでは、タグは小文字で書く事が標準となっていますので、小文字で書く癖をつけましょう。
　何のことだかわからないという人も「大文字でもいいが、小文字のほうがより良い」と思っていれば間違いないと思います。
　ちなみにこのＳＨＩＰＳＮＥＴもＸＨＴＭＬで書かれていますので、ここで紹介するタグは小文字で統一していきたいと思います。

※ここで言う「ブログ」とは当ブログ（ＭＯＶＡＢＬＥ ＴＹＰＥ）の事を指し、それ以外のシステムでは動作しない場合がありますのでご注意下さい。

　こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

　ＳＥＯとは、検索エンジン最適化(Search Engine Optimization)の略です。
要するに、Ｙａｈｏｏ！やＧｏｏｇｌｅなどの検索サイトでキーワード検索をかけたときに、より上位にヒットしやすくする作業を言います。
　みなさんは検索エンジンで検索した時、表示された結果をどこまで見るでしょうか？大概の人は1ページ目にお目当てのページが表示されなければ、キーワードを絞り込んだり、あるいは変えたりして検索しなおしているのではないでしょうか？2ページ3ページ・・・10ページ・・・とページが進んでいくにつれてキーワードとの適合率も低下していくのが通常ですから、やはり下位のページまでくまなく見る方というのは少数派でしょう。
　
　とすると、検索エンジンで上位（1ページ目・上位であればあるほど良い）に表示される事はホームページやブログを運営するものにとって、非常に重要な事項だといえます。せっかく一生懸命作ったページも、誰にも見てもらえなければ無いと同じである・・・と言う人もいるくらいです。商用ページなら尚のこと、誰かに見てもらって初めて収益が発生するチャンスになるわけですから、ＳＥＯはもっともお手軽な販路開拓といっても過言ではないと思います。

　では次回からは具体的にどのようなページ作りをすればＳＥＯにつながるのか書いていきたいと思います。

　ＳＥＯをやるうえでます最初に知っておかなければならない事は、現在の検索エンジンはロボット検索型が主流であるという事です。ロボット検索型とは、プログラムがネット上を探し回ってキーワードとページアドレスを自動的に収集するタイプのことです。昔のＹａｈｏｏ！（今もですが）登録制によってディレクトリ管理して結果を表示するタイプは依然強力ですが、申請しても必ずしも掲載されるわけでなく、さらにお金がかかる場合もあります。やはり、ロボット検索型エンジンにヒットしやすくするのが、一番手軽で安上がりで、かつ効率的だといえるのではないでしょうか。

　ではどのようなページがロボットに好んで検索されるのでしょうか。まずは下の2例を見て考えてみてください。ロボットに読み取ってほしいキーワードとしては「滋賀県　ＢｔｏＢ　ポータルサイト　ネットワーク」の4つとすることにします。

①

②
滋賀県のＢｔｏＢサイトＳＨＩＰＳＮＥＴです。

さて①と②どちらが良いと思いますか？








答えは②です。
　①には4つすべてのキーワードが含まれており、かつ見た目もきれいなので一見よさそうに見えるのですが、これは画像なのです。検索ロボットは実際にブラウザに表示されている文字を読み取ったりしていません。実はＨＴＭＬソースを読んでいるのです。
　よって検索ロボットにとって①は<img src"http://www.shipsnet.jp/blogshipsnet/logo_top.jpg">としか認識されませんので、当然画像に書かれているキーワードも収集できません。
　それに対して②はちゃんとテキストで書かれていますので、ソースでもテキストとして認識されています。ためしにこの記事のソースを見てみて下さい。
お使いのブラウザがインターネットエクスプローラーなら、ブラウザ上部のメニュバーから、表示→ソースの表示　を選択すると見れるはずです。



○今回のポイント
ロボット検索では画像に書かれている文字は収集されない。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

　前回、ＳＥＯの基本はテキストであると書きましたが、ではどこにそのテキストを書き込めば効果的なのでしょうか。
　もっとも代表的かつ効果的なのは、タイトル部分に検索されたいキーワードを入れる事です。

　上記の画像を見てもらえばわかりますが、ブラウザ最上部にタイトルが表示されていますね。
ここはソースでいうと<title>～</title>の部分ですが、ブログではブログ自体のタイトルや記事のタイトルがそれに当たる場合が多いです。
　ブログの名前やタイトルを決めるときは、そのなかにキーワードをちりばめる事に注意すると良いと思います。
　検索エンジンのキーワード収集ロボットは、このタイトル部分が特に好きなようで、必ずといっていいほどキーワードを拾っていってくれます。
　これはブログに限らずすべてのＷＥＢページ（ホームページなど）に共通する事です。いくらページの中身を一生懸命に書いても、タイトルがおざなりというのはとてももったいない事です。

他にも収集ロボットが好む部分があるのですが、それはまた次の記事で書きたいと思います。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

　検索エンジンはキーワードを検索する際にいろいろと優先順位をつけて検索してきます。
前回紹介しましたタイトルも重要ですが、こちらも重要。
○重要なキーワードはできるだけページ上部に

　たとえばこのブログは、ＢｔｏＢポータルサイトである滋賀ＳＨＩＰＳＮＥＴの一部であり、最も需要なのは、滋賀の優良企業を皆さんに知っていただく事です。ですので、ご覧のとおり記事の最初には必ず滋賀ＳＨＩＰＳＮＥＴへリンクをはっています。テキストでも滋賀県の優良企業をキーワードとして入れています。

ページで最も注目されるところは、検索ロボットにとっても見やすいところなんですね。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

検索エンジンのキーワード収集ロボット（最近はクローラーといいます）が好きなものとは何でしょうか？
こたえは、ズバリ・・タグです。

どの検索エンジンのクローラーがどのタグを特に好むかというのは正確なデータが無いのでわかりませんが、一般的にどのクローラーにも強いのが<a>タグです。前回までにお話した<title>タグ、見出しなどに使われる<h>タグなども最強クラスです。<h>タグは強力なのですが、もっとも注目される<h1>タグが文字が大きすぎて使いにくいのが難点です。

こんなにおおきくなります

リンクを入れる場合は、そのリンク先に関係した、しかも検索されやすいキーワードを入れておくと効果的でしょう。

ＳＥＯはぜんぜんやらないのと、ちょっとやるのでは大きな差が出てきます。
かと言ってやりすぎるのも、一部の検索エンジンにとっては良くないといわれています。
難しい事はさておき、まずは前回までに書いた事と今回の事を実践してみましょう。

こちらは滋賀県商工会連合会が運営する 滋賀 ＳＨＩＰＳ ＮＥＴ のブログです。
滋賀県の優良企業集合体　滋賀 ＳＨＩＰＳ ＮＥＴ はこちら。
このブログのトップページはこちら。

↓以下本文です。↓

１、とにかく重要な事はテキストでページの上のほうに書く。

２、ページのタイトルは必ず書く。キーワードを絡めて書く事を忘れずに。

３、重要なキーワードはタグを使って強調する。

以上3つを実践するだけで、ブログでは充分なSEO効果が得られると思います。

そして最後に。。。

４、なにごともやりすぎは良くない。

いくらSEOに効果があるからといって、あまりにもくどくどとした記事になってしまうと、かえって読みにくいものになってしまいます。そればかりか、Googleからなどは、スパム行為とみなされて検索結果から除外されてしまう可能性もあります。ほどほどに・・。