ねこすけのHomepageとは

Web制作に関する備忘録です。

Web制作とは単純にページをデザインしてそれをHTMLにするだけではなく、コンテンツをより検索エンジンに好まれる内容に変更したり、競合を調査したり、サイトをプロモーションしたりと多岐にわたっています。

その為、制作スキル以外のノウハウがいろいろと必要になります。

このサイトではそのようなWeb制作のおけるTipsをまとめています。

新着ページ

FLVの動画をページ内に入れる

FLASH形式のFLVはFLASH以外のプラグインがいらないため、簡単にページに動画を追加することができます。 ただし、プレーヤーとなるフラッシュのファイルは自前で用意しなければならないため、結構面倒です。 オープンソースで公開されているところがありましすのでそれらを利用するのもいいでしょう。 Flash Video Player http://www.jeroenwijering.com/?item=Flash_Video_Player&

目視確認

もっとも基本的な確認が目視確認です。
主な確認ポイントは下記になります。

• ページタイトルはページの内容とあっているか
• ナビゲーションは決められた場所にあるか
• サイドナビゲーションは予定通り表示されているか
• 見だしと内容があっているか
• 内容に誤字脱字はないか
• どのページに最初にたどりついても主要ページに誘導できるか

ソースチェック

HTMLのチェックを行います。
高得点を目指す必要性はありませんが、マイナス点にならないように、どこがおかしいかを把握しておきましょう。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

画像のALTチェック

画像に関して説明文字列が入っているかを確認します。
テキストブラウザで確認したり、ブラウザの画像表示をOFFにして確認してもいいでしょう。

フォームの稼働確認

問い合わせフォームやサイト内検索が機能しているか確認しましょう。
フォームの場合はエラーチェックが機能しているか、指定したところにメールが届くか、メールのメッセージはおかしくないかなどを確認します。

その他確認事項

そのほかの細かな確認事項には下記があります

• アクセス解析を導入している場合、すべてのページが解析対象になっているか
• エラーページにメッセージを出したさい、その後のナビゲーションは最適か
• RSSやSitemap.xmlなどのXMLページを出力している場合、それがきちんと外部から取得できるか、またフォーマットはおかしくないか
• 検索エンジンのロボットを拒絶していないか（制作時に拒絶していた場合）

最初の登録作業

サイトを新規に立ち上げた場合は検索エンジンへの登録を行います。
以下のサイトへ登録します。

Yahoo

Yahooの登録にはディレクトリ、ロボット、ブログがあります。

ロボットの登録はこちらです。
　　　→検索エンジン用ロボットの巡回先への推薦

ブログ検索への登録はこちらです。
　　　→Yahoo!ブログ検索の検索結果に表示されるには

米国のYahooはURLもRSSも同じページから登録できます。
http://submit.search.yahoo.com/free/request

Google

Googleの登録にはトップページを登録する他にサイトサイトマップのＸＭＬファイルをつくり、それを元にページを取得してもらう方法があります
また、ディレクトリ登録としてDMOZがあります。

URL の登録と更新

http://www.google.co.jp/addurl/?hl=ja&continue=/addurl

引数を指定してフォームへ渡す

test

特定キーワードについて調べる

特定のキーワードについて調べる場合検索エンジンのみでなく、情報共有サイトが薬に立つ。
キーワードはエンコードする必要があるのでPHPなどであらかじめ一括検索などをつくるかSleipnirなどの検索をカスタマイズする。

• おしえてgoo
  http://oshiete1.goo.ne.jp/goo_search.php3?from=&PT=&MT=キーワード
• はてな
  http://search.hatena.ne.jp/keyword?ie=euc&word=キーワード
• Yahoo知恵袋
  http://ksearch.yahoo.co.jp/search/searchresultlist.php?str=キーワード

フォームでエンターを押しても送信しないようにする

<input type="submit" value="送信">

↓↓↓↓

<script>
document.write("<input type=button onClick=this.form.submit(); value=送信>");
</script>
<noscript>
<input type="submit" value="送信">
</noscript>