SEOについて調べたこと

ホームページ作成の仕事をしていながら、なんとなくしか理解していなかったSEOについて、少し調べてみました。

で、分かったことは自分の作ったホームページは思っている以上に人に見られていないということ。実際には新しく立ち上げたばかりのホームページはそういうものらしいです。

ではどうしたら改善できるかというのが今回のテーマです。まず原因は次の２点でした。

・ページ数が少ないため検索に引っかからない。
・外部からリンクされている数が少ない。

これで分かったことは、ホームページは焦らずに時間をかけて運営していくしかないということでした。時間をかけて少しずつページ数と外部からのリンクを増やしていくしかないような気がします。


また、最低限SEOで押さえておくのが次の6点。

1. キーワードの選び方
2. Titleの付け方
3. ページ数とページのボリューム
4. 外部からのリンク数
5. ヤフーのインデックス登録
6. ライバルサイトのデータ


がんばって作っても、アクセスが少ないと寂しいですからね。これからは、このへんにも気を使ってホームページの作成をしていきたいと思いました。

ホームページ制作

新しくホームページを制作しました。

ST-WEBDESIGN.com

よろしくお願いします。

【 jQuery】メニューを階層表示できるドロップダウンメニュー droppy

ナビゲーション メニューにマウスオーバーした際にドロップダウン式にサブメニューを表示させる jQuery のプラグインです。

HTMLの記述もシンプルで、SEO的にも良さそうです。設置方法も簡単でulタグを入れ子にしているだけです。CSSで色や画像を使う事ができるので便利です。

種類も豊富にそろっています。サブメニューの表示方法（アニメーション）が微妙に違うぐらいなので、デモを見て気に入ったものを利用してみるのがいいかと思います。



ダウンロード&デモ
droppy
Superfish
SimplejQueryDropdowns

【jQuery】画像をスライド(スクロール)させて表示を切り替える slider スライダー

画像をスライド(スクロール)させて表示を切り替える jQuery slider スライダー。

アニメーションを実装すると画面に見栄えがでてきます。

配布されているプラグインには、「アニメーションのパターン」と「ナビゲーションの方法」などで差別化されています。あとは、「プラグインの実装方法」でしょうか。

各プラグインのデモを見て、使いたいものを選んでみるのがいいと思います。


ダウンロード&デモ
Nivo Slider　デモ
Easy Slider　デモ
coda-slider　デモ

【jQuery】 タブを実装する tabs

スペースを有効に利用して、情報を表示できるtabs(タブ)。

Yahooのトップページなど至る所で使用されています。jQueryプラグインを使えばこのタブ表示も簡単に実装できます。

インターネット上にはいくつも同じようなjQueryプラグインが存在しますが、
「idTabs」は名前の通り無駄な機能もなく、使いやすいプラグインだと思いました。

情報量の多いホームページではタブを使って情報を分散表示させることで、すっきりと見やすいいレイアウトが可能になります。

idTabsはjQueryのプラグインのため、動作にjquery.jsが必要です。

ダウンロード
jQuery idTabs