ねこすけの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

旧ページからの転送（リダイレクト）

リニューアルの場合、以前あったファイルと名前が変わったり、フォルダ構成が変更したりします。その場合、リダイレクトさせて、なるべく訪問者を逃さないようにします。

.htaccessによるリダイレクト

URLが変わった場合は旧サイトのトップの.htaccessで下記を記述

RedirectPermanent / http://新しいドメイン/

特定のキーワードを含むものだけを転送させる場合
例）.rdfを含むファイルを転送

RedirectMatch (.*)\.rdf$ http://新サイトドメイン$1.rdf

PHPによるリダイレクト

元々あったファイルと同一名のファイルを作り転送
ただし、この場合拡張子がhtmやhtmlでPHPが動く必要がある。

 header('HTTP/1.1 301 Moved Permanently');  
 header('Location: http://転送先');  
 exit();  

リンクチェック

最終リンクチェックを行います。
ソフトウェアはWebsite Explorer（ウェブサイト・エクスプローラ）を使います。 リンク切れとともに、外部リンク一覧も抽出できます。
また、ページのタイトル一覧もわかるので、同時に確認します。

http://www.umechando.com/webex/

調査