ダサいホームページ作成マニュアル凝縮版
<成分>
基本画像技術人格創作虚飾
その他WEBSHOP参考サイト
ダサペ掲示板
削除依頼用 批判用 感想用 雑談用 宣伝&評価用
 
<ご注意>
・服用に際しては、説明書をよくお読みください
・心臓の弱い方、気の高ぶりやすい方はご使用をお控えください
・小児の手の届かない所に保管してください
製造元2ch WEB製作管理板
ダサいホームページ作成マニュアル
販売元 :伊藤瑞彦 dasapage@hotmail.com
製造年月日:2000/8/21
説明書 - このページについて
「ありがち」なサイトの事例を掲載しています。

「なにが間違っている」と断定するつもりはなく、あくまで私見です。
創作意欲を失わさせる意図はありません。むしろ応援のつもりで作っています。

なお、基本的に「不特定多数に見られる事を前提としたページ」を対象としています。→★の意味について
作った目的
  • 「ページ作成初心者にありがちな罠」をあらかじめ教える。
  • 「あるある!そんなページ!」としばしブラックな笑いを楽しんだ後、自分自身のサイトを冷静に見てもらう。
  • 隠しがちな本音を偽り無く書く。
人のサイトを見ていて「これは嫌だなぁ」と思う事をしない。

たぶんこれが大事です。

もし今現在あなたがホームページを持っていなくて、さらにこれから作成する気があるのなら、
まず他の人のページを徹底的に見る事と、自分の公開する情報が万人の目にさらされる事をしっかり自覚する事をおすすめします。
基本
  • タイトルがない★★>理由
  • 「○○のHOMEPAGE」「○○のほめぱげ」★>理由
  • マーキータグとブリンクタグで「○○のほぅむぺぇぢにようこそ!」★★★>理由
  • WORDで作っているページ ロゴもWORDで作っている ★★>理由
  • 画像が全部×マーク表示で、リンク先が「C:\My Documents\xxx.BMP」 ★★★★>理由
  • タグを閉じ忘れまくる ★★★★>理由
  • ほとんどのコーナーに工事中のアニメGIFが置いてある(not自作) ★★★★>理由
    • ★ぷろふぃーる
    • ★日記
    • ★掲示板
    などの目次で、頭の画像にしかリンクが設定されていない ★★>理由
  • midi(しかもオリジナルでない)を強制的に聞かせる ★★★★★>理由
  • アクセスカウンターでキリ番を踏んだ人は管理人に報告の義務があり、報告するとページに名前入りでさらされる ★★★>理由
  • 「更新日と更新場所」が書かれていないため、何時どこを更新したのかわからない ★★>理由
  • 原色を多用する ★★>理由
  • テーブルの枠を太くして額縁化させまくっている ★>理由
  • ベタな画像加工(フィルタ)しか使わない ★>理由
  • 半角カナと機種依存文字を使いまくる ★★★>理由
  • フォントを指定しまくる ★★>理由
  • 「文字サイズ=最大」とか「最小」を基準にして作っている ★★>理由
  • 日本語のファイル名、全角英数字のファイル名が付いている ★★★★>理由
  • 画面サイズ1024×768を前提にして作ってある ★★★>理由
  • ページ全体をひとつのTABLEタグ内で構成している ★★>理由
  • テーマがあるようでないWebringが画面下に2・3個ある ★★>理由
  • 文字コードを指定しない、もしくは間違った指定をしている ★★★>理由
  • 掲示板とゲストブックの両方がある ★★>理由
  • Yahoo!とかgooとかにわざわざリンクしている ★★>理由
  • 背景が原色の水色または星空とか青空 ★>理由
  • リンクページのスペルは「rink」 ★>理由
  • 「−」を使ったつもりで「ー」 ★>理由
画像
  • トップページにドでかい画像を置く(しかもアニメGIF) ★★★★★>理由
  • サイズ指定で無理やり画像を縮めている ★★★★>理由
  • タイトルのロゴが虹色 ★★>理由
  • バナーがやけくそにでかい ★★★★>理由
  • 画像形式(GIF、JPEG)の特性を全く理解していない ★★>理由
  • 背景画像が読み込まれるまで文章がさっぱり読めない ★★★>理由
  • 不必要に色数が多い(GIF) ★★>理由
  • 背景画像の彩度が高すぎてテキストが読めない ★★★>理由
  • 透過GIFなのにわざわざ画像枠を表示させている ★>理由
  • 透過GIFの輪郭が背景色に溶け込んでいない(ギザギザ) ★★>理由
  • 必要のない文字まですべて画像で作る、サイトマップはすべてクリッカブルマップで、alt指定なし ★★★★>理由
  • サムネイルのファイル名にみんなsam-が入ってる ★>理由
技術
  • ステータスバーに歓迎メッセージを垂れ流す ★★★★>理由
  • やたらと新しいウインドウを開く、勝手にウインドウサイズを変更する ★★★★>理由
  • やたらとフレームを分割する、フレーム未対応ブラウザへの配慮は一切ない ★★★>理由
  • 「戻る」を連打しても戻れない ★★★★★>理由
  • 「ようこそ!あなたは○○を使っていますね?」とユーザーエージェントを見せる ★★>理由
  • Flashだらけ、またはFlash「だけ」 ★★★>理由
  • その辺からパクってきたJAVA Scriptを単なる飾りとして使う ★★>理由
  • テーブルの角を丸めそこなっていちょう型の画像が丸見えになっている ★>理由
  • スタイルシート、JavaScriptを<!-- -->で囲んでいない★★★>理由
  • 「只今の時刻は○○です」とjavascriptで表示 ★★>理由
  • どっかで見たようなJAVAゲームがてんこもり ★★>理由
  • ページ移動のたびに円形に縮んだりする ★★★★★>理由
  • カーソルの回りに変な物がへばりつく ★★★>理由
  • カーソルが十字形になる★★>理由
  • DHTMLで画面一杯に妙なものがダイナミックに飛び回ってる ★★★>理由
  • フォームやボタンを飾りとして使っているため、IEでしか見れやしない ★★★>理由
  • 低性能なPCだとOSごと落ちるような激重Script ★★★★★>理由
  • 朝方にアクセスすると「こんな時間までネットしていて大丈夫ですか」などと表示される ★★>理由
  • 特定のブラウザ以外を使っていると中に入れない ★★★★>理由
  • 英語ページなのに全角スペースを使っている ★★★>理由
  • フォームからの投稿を、mailtoで指定して、投稿ボタンを押すとメーラーが立ち上がる ★★★>理由
  • コンテンツがサブウィンドウで開くのでjava scriptを切ってると見られない★★★>理由
  • <!--ソースは見ちゃだめ(はぁと)-->が紛れ込んでいる★★>理由
人格
  • コンテンツがことごとくパクリ ★★★★★>理由
  • 異常なほど顔文字を多用 ★★★>理由
  • 自己紹介が長くてくどい ★★>理由
  • 「メアド」とか「ホムペ」とか「カキコ」を一般常識的な言葉だと思っている ★★>理由
  • リンク不許可、いかなる理由があろうと引用不許可 ★>理由
  • 「インターネットをするだけでお金が儲かる!」とか「相互リンクしてください」とかウザい情報発信ばかりする ★★★★★>理由
  • 広告バナーを故意に隠している★★★★★>理由
  • 内容がくだらないのに異常にカウンターが回ってる。その内疲れて閑古鳥 ★>理由
  • 自分のことを「あだ名」で呼ぶ ★>理由
  • 大して更新もしていないのに宣伝ばかりする ★★★★★>理由
  • 広告バナーだらけ ★★★>理由
  • 一人称が「俺様」(天然で) ★★>理由
  • 「にょ」とか「にゃ」とか妙な語尾 ★★>理由
  • 普段は決して漢字で書かないような難しい単語をIMEまかせで表示して悦に入っている ★★>理由
  • 実はネカマ ★★>理由
  • 新しいコーナーやサイトを作りまくってすぐ飽きる ★>理由
  • 掲示板の書き込みを自作自演して必死に盛り上げようとするがソースでIPバレバレ ★>理由
  • 自分を「国王」とか「姫」とか言って妙な世界観を構築している ★★>理由
  • 「14才の僕、○○が作っています!」とか言って若さを言い訳にする ★>理由
  • 「彼女募集中!」とか「ネットアイドルです!」とか言って、全く「照れ」なしで全世界に面を公開している ★>理由
  • 苦情の無視は当然。好意的な感想にさえ決して返信しない ★★>理由
  • 内容ないのに著作権ばかり主張する ★★>理由
  • メモ帳(テキストエディタ)だけでページを作っている事を理由に自分は中〜上級者だと思っている ★★>理由
  • 有名サイトと相互リンクしていることを誇らしげに記載している ★>理由
  • 他人に悟りを開かせたがる ★★★★★>理由
創作
  • 「今日食べたご飯」とか「今日見たテレビ」とかをただ書き連ねた日記 ★★>理由
  • 書いた文を読み返さず文章が誤字だらけ。改行なし。しかも愚痴か攻撃的な文章だけ ★★★>理由
  • 寒い詩とかパクリファンタジー小説。スケールばかりでかくて結局「続く」で終わってる ★★★★>理由
  • 文章の一文一文がやたら長く、しかもすべてセンタリングされている ★★★>理由
  • やたらと文字をでかくする、太字にする、斜体にする ★★>理由
  • 「辛口」とか「毒舌」をウリにした、実際は偉そうなだけの批評 ★★★>理由
虚飾
  • トップページに「ENTER」としか書いていない ★★★★>理由
  • メニューがすべて意味もなく英語とかフランス語とか ★★★★>理由
  • メニューが全てカタカナ。メニューの表記も、「メニュウ」 ★★>理由
  • 文字を極小にした上スタイルシートでサイズを固定しているので読みづらい ★★★★>理由
  • 淡い配色のつもりが単に見づらい配色 ★★★★>理由
  • あっさりと作ればcoolなサイトになると誤解している ★>理由
  • やたらとリニューアルを繰り返すが肝心の内容は変化なし ★★>理由
  • :-)などの洋顔文字でオタクくささをなんとか回避しようとする ★>理由
  • 「ホームページと言わずwebサイトと言え」としつこく主張してる ★★★★★>理由
  • 顔文字が嫌いで、この世から本気で抹殺しようとしている ★★★★★>理由
その他
  • ページの目的がなにもない ★>理由
  • 無謀な計画を立てるだけ立てている ★★>理由
  • 自分のPCのスペック、持っている本などを並べ立てているだけ ★★★>理由
  • メールアドレスが無意味に多い ★>理由
  • ■□●○★☆♪タイトルを目立たせようと飾り文字を使いまくる♪☆★○●□■ ★>理由
  • 「○○○○人+384人目のお客様です」とカウンターが壊れる前の人数を未練たらしく書いている ★>理由
  • 掲載された雑誌の情報がトップページにデカデカと書いてあるが、発売日はとっくの昔 ★>理由
  • 単にバナーを並べただけのリンクページ ★★★>理由
  • リンク先を自分のフレーム内に表示する ★★★★★>理由
  • リンクそのものがない、1ページがやたら長くてしかも画像だらけ ★★★★>理由
  • 日記が下に行くほど新しい ★★>理由
  • リンクを辿っている内に迷子になる、現在地が全くわからない ★★★>理由
  • 全角英数字で「Japanese only」 ★★★>理由
  • どう見ても企業に訴え返されそうな電波な告発 ★★★★★>理由
  • 全文章がHタグで指定されてる ★★★★>理由
  • 著作権を侵害しまくりのクセに作成者が著作権を主張してる ★★★★★>理由
  • 背景と同色でアダルトな言葉をたくさんぶち込む ★★★★★>理由
  • 全然更新されない。更新されても成長の跡が全くない ★★>理由
  • 絵が致命的にヘタ ★>理由
  • mailto:で画像にリンクをしただけでメールアドレスを明記したつもりになっている ★★>理由
  • i-modeに対応させても意味がないコンテンツしかないホームページなのに、i-mode対応を自慢している ★>理由
  • すべてのページにアクセスカウンタがあり、PVをアクセス数と言い張る ★>理由
  • タイトルに(仮)ってついてる ★>理由
  • 永遠に"最新情報"であり"NEW!!"であり"ニュース!"であり"特報!"だったりする ★★★>理由
  • リンクページのタイトルが「リンクの冒険」「リンクにかけろ」 ★>理由
  • 有名サイトの管理人に喧嘩を売ることを生き甲斐にしている ★★★★★>理由
  • このページを鵜呑みにしすぎて我のかけらもなくなってしまった殺風景ページ
WEBSHOP
  • 物販サイトのクセにバナー広告が貼ってある ★★>理由
  • トップページに特大のペットの写真、もしくは子供の写真を貼っている ★★★★>理由
  • ロボット型サーチエンジンからフレーム内に直接飛んできた人の事を全く考えない ★★★★>理由
  • オフラインでの閲覧ができない ★★★★>理由
  • デザイン事務所の口車に乗って、ウン百万円かけて見栄え以外何の取り柄もない激重サイトを作る ★★★★★>理由
  • ショッピングモールの宣伝を真に受けて、HTMLを知らなくてもお店ページが作れるものだと本気で信じている ★★>理由
  • 読者層と顧客対象が全く違う、読者数が多いだけが取り柄のメルマガに広告を出す ★>理由
  • 技術屋の言うとおりに、ウン百万アクセスがある事を前提とした、システムだけが立派なサイトを作る ★>理由
  • なんかしらんが3D技術とか使いたがる ★★★★>理由
  • どこでも買える商品しか置いていない、特に安くもない ★>理由
  • 「配送無料」と言いつつ商品一個一個の価格に送料を上乗せしている ★★★★>理由
  • どのページを見ても連絡先が書いていない ★★★★★>理由
  • 商用サイトなのに無料ホームページスペース&連絡先が無料メールアドレス ★★★★>理由
  • 買い物をするためには大量の個人情報を記入して会員登録をしなければならない ★★★★>理由
  • 商品の質問をしただけでメルマガに登録される ★★★★★>理由
  • バックグラウンドの処理が多いのか、やけにサーバのレスポンスが悪い ★★>理由
  • 「かける時にはかけなくては」とか言って回収の見込のない経費をかけまくる ★>理由
  • クレジットカードしか使えない ★★★★>理由
  • 電子メールでしか注文を受け付けていない ★★★★>理由
  • フレンドリーを超えて単に馴れ馴れしい ★★★>理由
  • しなくていいのを伏せ字にしている ★>理由
  • 読み飛ばされることを期待してそうな契約規約 ★★>理由
  • 画像にアンチエイリアスを一切かけていない ★★>理由
  • 運営している本人がオンラインショッピングを未経験 ★★★★>理由
  • 運営トップがインターネットを未経験 ★★★★★>理由
参考サイト(作為的に作られたページのみです)

実例(作為的に作られたページのみです)
☆★☆ なおくんのほーむぺーじ リターンズ!!!(^^;) ☆★☆
WebCafe "Prelude"より>ホームページビルダー全開のホームページ

その他、数々のアクセス向上系サイト、およびネット上のダサページ(私のサイト含む)を参考にさせていただきました。
ありがとうございました(本気で)

厳選リンク

参考になる・使えるページ
Jakob Nielsen博士のAlertbox(邦訳) 原文はこちら
アクセス向上大失敗
サーチエンジン登録ガイド
とほほのWWW入門
アクセスアップヒント集

このページを作成するに当たって(まっとうな意味で)参考にさせていただいたサイト
●2ch WEB製作管理板 「ダサいホームページ作成マニュアル」スレッド
極悪HTML研究所
インターネットを利用するためのルール&マナー集

お薦めできないサイトの紹介文テンプレート
相互リンクを求められた際、紹介文の書きようがないサイトに使うと便利かも。
  • 「○○○さんのページ。○○○ワールドをお楽しみください。」
  • 「○○○さんのページ。○○○パワーが今炸裂!」
  • 「○○○さんのありったけの想い。」
  • 「○○○さんのページ。○○○的ないろいろ。」
  • 「○○○さんのページ。○○○さんの情報にかけては他の追従を許さない!」

元ネタは2chWEB製作管理板です。フリーウェアだそうなので、転載させていただきました(笑)
さらに、こちらのスレッドでは思いやりに富んだ紹介文(?)を雄志の方々がご提供くださっています。



- このページ内のコンテンツは無断リンク・無断転載大歓迎です(商用利用含む) -