小さなウェブの再発見（2020）

 (neustadt.fr)
2 ポイント 投稿者 GN⁺ 2024-09-01 | 1件のコメント | WhatsAppで共有
  • 商業的なウェブはエンゲージメント・コンバージョン・最適化を中心に拡大してきたが、個人が趣味や関心事を共有する小さく独立したウェブは2020年になってもなお生き続けている
  • 1990年代から2000年代初頭のウェブは、Geocities、Tripod、Fortunecityのような無料ホスティングとHTMLの個人ホームページを通じて、誰もが自分の空間を作り、互いにリンクしながら探索する構造だった
  • Google、Facebook、LinkedInのようなプラットフォームと検索・広告エコシステムは、ウェブ体験を少数のゲートキーパーとアルゴリズム主導の流れに集中させ、小さなウェブを見えにくくした
  • 小さなウェブは、SEO、分析、コンバージョン率、コールトゥアクションよりも自己表現と創作を優先し、ウェブサイトが必ずしも商品やマーケティングチャネルである必要はないことを示している
  • HTMLとCSS、無料ホスティングだけでも個人ウェブサイトは作れ、Neocities、Wiby、Curlieのようなツールやディレクトリが、小さなウェブを探索し参加する出発点になる

商業的ウェブの外側にある小さなウェブ

  • 今日の多くのウェブサイトは専門家やマーケターによって作られ、より多くの訪問者を集めてコンバージョンへつなげるよう最適化されている
  • それほど目立たない場所には、ごく普通の人々が自分の関心や趣味を共有するために作ったサイトが残っている
    • 洗練されていなかったり風変わりだったりするが、面白く、創造的で、興味深いことが多い
  • 個人ウェブサイトをクリックして巡る体験は、1990年代後半から2000年代初頭のウェブの感覚を思い出させる
  • 現代のウェブは技術的にはより安全で使いやすくなったが、小さな独立ウェブは今でも別個に探索する価値のある空間である

手作りのウェブサイトの楽しさ

  • サイトのリデザインは1990年代の創造的なウェブへのオマージュとして始まり、アニメーションGIFやゲストブックだけでなく、作り方そのものも初期のウェブサイト制作手法から影響を受けている
  • 新しいサイトは、CMS、ジェネレーター、テンプレート、テーマ、プラグインを使わず、plain HTMLとCSSで作られている
    • 以前は静的サイトジェネレーターを使っていたが、3年前のnode.js設定で依存関係の更新やプラグイン互換性の問題が発生した
    • その後はすべてのページを手で書き、リンクも手作業でつなぎ、RSSフィードも自分で書いている
  • 約10ページ規模の小さなサイトでは、手書きコーディングには現実的な利点がある
    • 依存関係がほとんどない
    • 保守しやすい
    • 比較的将来にも残しやすい
    • 簡単に移行できる
    • 作業自体がとても楽しい
  • この方法はより大きなウェブサイトには向かないかもしれないが、小さな個人サイトではウェブ制作を再び遊びのように感じさせてくれる

初期ウェブ：作って、アップして、見て回る空間

  • ウェブは1991年にTim Berners-Leeが作り、1993年にパブリックドメインとして公開されたことで、誰もが無料で使い構築できるようになった
  • 初期ウェブはGopher、FTP、Usenetのように技術的なユーザー寄りだったが、1993年に無料のグラフィカルブラウザMosaicが登場し、一般のコンピュータ利用者にも開かれた
    • その後、Netscape NavigatorとInternet Explorerが広く使われるようになり、さらに多くの利用者がウェブに触れるようになった
  • 既存メディアと違い、ウェブは誰もが発言し参加できる空間だった
    • Netscapeは、ユーザーがワープロのようにウェブページを視覚的に作れるエディタを搭載していたこともある
  • ウェブページを実際のウェブに公開するにはホスティングが必要で、Geocities、Tripod、Fortunecity、Freeserversのような無料ウェブホストが重要な役割を果たした
    • 誰でも無料アカウントを作り、趣味や考えを載せたサイトを作ることができた
    • 音楽、哲学、アートプロジェクト、ASCIIアート、キャンディー、個人生活など、ほとんどあらゆるテーマのサイトが作られた
  • こうしたサイトの核心は、企業や専門家ではなく、自分の関心事を共有したい個人が作っていたことにある

探索とリンクの文化

  • 初期ウェブは、今日のように特定の情報を検索してすぐ離脱する場所というより、入って見て回り発見する探索の場に近かった
  • 当時ウェブを説明していたnavigation、exploration、browsing、surfingといった言葉には、移動や旅の感覚が込められていた
    • Netscape Navigatorのロゴは船の操舵輪を使っており、Internet Explorerのロゴも世界中を巡るイメージを与えていた
  • Geocitiesはサイトをneighborhoodsというカテゴリに分けていた
    • Area51はSF
    • Heartlandは家族とペット
    • RainForestは環境
    • Viennaはクラシック音楽
    • CapeCanaveralは科学と数学
  • 「webmaster」という言葉も一般的だった
    • 個人がウェブ上の空間を作り、訪問者を迎え、サイトの区画を案内し、ゲストブックに書き込むよう招くという形だった
  • サイトを見つける方法は検索だけではなかった
    • Geocitiesの街区のようなディレクトリやポータルを見て回る
    • DMOZ open-directory projectは、ボランティア編集者がウェブディレクトリを作るプロジェクトだった
    • 各サイトの「links」ページやハイパーリンクをたどって新しいサイトを見つける
    • Webringは、テーマごとのサイトが「next」と「previous」ボタンで輪のようにつながる構造だった

現代ウェブのゲートキーパー

  • 今日ウェブで過ごす時間のかなりの部分は、FacebookやLinkedInのような支配的プラットフォーム上、またはそれらを通じて媒介されている
  • プラットフォームは、いいね、コメント、クリック、シェアといったユーザーエンゲージメントを中心に動作し、アルゴリズムはこうした行動を生むコンテンツにより多くの可視性を与えがちである
    • ユーザーはウェブを探索するのではなく、すでに好きそうだ、反応しそうだと判断されたコンテンツの流れを受け取ることになる
  • 能動的に情報を探す場合でも、多くのユーザーの入口はGoogleである
    • 約87%のウェブ利用者がGoogleを検索の入口として使っている
    • 検索結果の2ページ目をクリックする検索者は1%未満である
  • 1ページ目に表示される多くのサイトはGoogleのアルゴリズムに合わせて最適化されている
    • 特定のキーワードとオーディエンスを狙った専門家やマーケターのサイトが、オーガニック到達の場を占めている
    • 小さなアマチュアウェブはSEOとキーワード中心設計の背後に隠れてしまう
  • Googleは検索における事実上のゲートキーパーであるだけでなく、大規模な広告販売プラットフォームでもある
    • 2019年の世界広告支出の31.1%、1,037億3,000万ドルを占めた
    • Google Analyticsのような主要ウェブサイトで広く使われるツールも、Googleのウェブへの影響力を強めている

マーケティングチャネルになった商業ウェブ

  • ウェブには当初から商業とマーケティングの居場所があった
    • Amazonは1995年にオンラインで本を販売した
    • eBayは1997年に始まった
    • Dellは1997年末までに100万ドル以上の機器を販売した
  • 初期の商業ウェブは個人的でアマチュア的なウェブと並行して成長したが、今日のウェブは大部分が商業的性格を帯びている
  • 企業やマーケターは、ウェブをより多く売り、ユーザーを狙う機会として見ている
    • ユーザーがウェブ上で何をするか、何を言うか、何を検索し、何をクリックするかを分析する
    • 「native advertising」「sponsored content」のように、通常の記事に見える広告形式も登場した
  • Quantcastのような企業は、ウェブ利用者の行動や心理特性データをマーケターに提供し、追跡と影響力行使を支援するサービスを提供している
  • 商業ウェブの優先順位は、エンゲージメント、コンバージョン、維持に合わせて設定されている
    • 一般的な検索語の周辺に数百のページを動的に生成できる
    • ユーザーを複数のウェブサイトにまたがって追跡し、相互作用を分析できる
    • 2019年、企業はオンラインのデジタル広告に3,000億ユーロ以上を支出し、その多くがGoogleやFacebookのようなプラットフォームとゲートキーパーへ流れた
  • その結果、ユーザーは目に見える商業ウェブで大半の時間を過ごし、小さなアマチュアサイトの長い裾野は雑音の中に埋もれてしまう

製品中心のウェブサイトと創作空間としてのウェブ

  • 現代の商業ウェブデザインは洗練され、慣習的で、効率に最適化されているため、多くのサイトが似た見た目と使い心地になっている
  • 一般の個人が関心事についてのサイトを作ることよりも、成果を出すサイトを作るためのルールの方が強調されている
    • 色を使いすぎないこと
    • 短く目を引く見出しを書くこと
    • コンテンツを長くしすぎないこと
    • SEOを最適化すること
    • 明確なコールトゥアクションを置くこと
    • ニュースレター登録を強く促すこと
    • 重要な情報は画面上部に置くこと
    • 慣習に従うこと
  • 現代のウェブサイトは、購入、クリック、共有、登録といった目標へ向けてユーザー行動を誘導するよう設計されている
  • しかし、ウェブサイトは必ずしも製品である必要はない
    • ウェブサイトは芸術になりうる
    • ウェブは、商業的な製品設計やマーケティング慣習に閉じ込められる必要のない、創造的・文化的な空間でもある
  • 小さなウェブでは、「成果」よりも制作者の創作ビジョンとルールを優先できる
    • 商業ウェブが工業的だとすれば、小さなウェブは職人的だと言える
    • どちらか一方が優れているというより、異なるニーズを満たし、開かれたウェブの中で共存できる

過去の小さなウェブの事例

  • 過去の小さなウェブを見られる主要なアーカイブがある
    • Internet Archive: 1990年代半ば以降に保存された4,390億件のウェブページを通じて過去のサイトを見られる
    • Restorativland: Geocitiesサイトを街区ごとに整理した復元ビジュアルギャラリー
  • A Laurel & Hardy Fansite
    • 1998年に作られたStan LaurelとOliver Norville Hardyのファンサイト
    • 100点を超える写真、サウンドファイル、完全な映画一覧、歌詞、脇役情報などを収めている
    • サイトを作った理由は「why not!!」だった
  • Fractal Explorer
    • Bologna大学のコンピュータ工学学生Fabio Cesariが作ったフラクタル解説サイト
    • Mandelbrot setとJulia setの生成方法をやさしい言葉で紹介し、画像ギャラリーと段階的なツアーを提供している
  • The National Coca-Cola Bottle Clearing House
    • 1970年代以降の記念Coca-Colaボトルを整理したサイト
    • 1991年Dominos Pizza International Expo 8ozボトル、1982年English Royal Wedding 10ozボトルといった項目が紹介されている
  • NetHistory
    • BITNETとインターネットの非公式歴史サイト
    • VM/COM、NetMonth、FSFNet、DargonZine、Nutworks、The Gilding Byteなど初期ネットワーク出版物のアーカイブと、当時の人々の個人的な洞察を収めている
  • joan stark's ASCII Art Gallery
    • ASCIIアートを低帯域グラフィックであり手作りの芸術形式でもあるものとして示すサイト
    • HTMLの色処理、JavaScriptアニメーション、純テキスト作品が含まれている

現在も生きている小さなウェブ

  • 小さなウェブは過去の遺物ではなく、現在も維持されている
  • 小さなウェブの探索と維持に貢献するプロジェクトがある
    • Wiby.me: 古いスタイルの興味深く有益なウェブページを探す検索エンジンで、ランダムな結果に移動する「surprise me」ボタンがある
    • Neocities.org: 誰でも基本的なウェブサイトを無料で作成でき、ほかのwebmasterをフォローできる現代的なウェブホスト
    • Curlie: ボランティア編集者コミュニティが構築・維持する人力編集ウェブディレクトリ
  • Ottaviana's Kitchen
    • 1996年から続く家族のイタリア料理レシピサイト
    • ソース、スープ、リゾット、クッキーやデザートなど、世代を超えて受け継がれてきたレシピを共有している
  • Europäische Schmetterlinge
    • Mario Maierが1998年に作り、2005年まで維持したヨーロッパの蝶サイト
    • ヨーロッパの蝶を属・種ごとに整理し、説明、飛行時期、幼虫が好む植物、写真を提供している
  • Marseillaise.org
    • 1996年からさまざまな形で存在してきたフランス国歌 La Marseillaise のサイト
    • 楽譜の筆写、さまざまな形式のサウンドクリップ、英語訳を提供している
  • The Webtender
    • 1995年から運営されているドリンクレシピサイト
    • 6,000件以上のレシピ、バーグラス・道具・計量・材料のハンドブック、フォーラム、ウィキ、手持ち材料ベースの検索を提供している
    • 約1,500種のドリンクは運営者が追加し、残りは訪問者が投稿した
  • Distant Skies - A Crystalis Fansite
    • NES向けアクションRPG Crystalis のファンサイト
    • ゲームのビジュアルスタイルに沿って、ストーリー、キャラクター、世界、呪文、アイテム情報を提供している

自分だけのウェブの片隅を作る

  • 小さなウェブを探索するのと同じくらい重要なのは、自分で参加して自分のウェブサイトを作ることだ
  • 閉じたプラットフォームや広告会社が媒介するソーシャルメディアの代わりに、ウェブ上の自分だけの小さな空間に、絵、考え、レビュー、文章術のヒント、レシピ、旅行者向けの都市の住所一覧などを載せることができる
  • 必要なのは基本的なHTMLとCSS、そして無料ホスティングだけである
    • Neocities.orgは、広告のないGeocities風の無料ウェブホストで、オンラインでの自己表現のコントロールを取り戻し、ウェブを再び楽しいものにすることを目指している
  • ウェブ制作を初めて学ぶための資料もある
  • テンプレートやテーマを使うこともできるが、最初からHTMLページを作ってウェブに載せるのとは別の体験である
  • 公開ウェブサイトのソースを見ることは学習材料になる
    • 複雑で肥大化した現代のウェブサイトより、シンプルなサイトの方が学びやすい
    • このサイトのコードは基本的なHTMLとCSSで書かれており、public domainとして公開されているため、コピーや改変が可能である

関連記事

1件のコメント

 
GN⁺ 2024-09-01
Hacker Newsのコメント

  • スモールWebに貢献するプロジェクトとして Kagi Small Web を運営中: https://kagi.com/smallweb
    サイトとブログの一覧はオープンソースで、1日に約10件ずつ着実に増え、現在はほぼ15,000件に近い
    Kagi Small Webに含まれるサイトの最新記事はすべてインデックスされ、Kagi Searchの結果で優先的に表示される
    仕組み: https://blog.kagi.com/small-web
    たった今 1,000件目のコミット も達成した

    • https://wiby.me/ も素晴らしい。スレッドの別の場所にもリンクはあったが、興味のある人の目に入るよう上位コメントに付けておく価値がある
    • https://kagi.com/smallweb のページを開いて下矢印でスクロールしようとしたが、最初はなぜ数ピクセルしか動かないのか分からなかった
      スクロール可能な領域の中にさらにスクロール可能な領域があるようで、いちばん外側のスクロール領域は数ピクセルしか動かない
      Webページ設計 が良くない
    • スパム問題のない StumbleUpon のように感じられて気に入った
    • https://kagi.com/small-web にアクセスしてみると、別のWebページをフレーム内に表示していたが、そのページの証明書が期限切れで、ドメインも一致しないなど無効だった
      証明書エラーを回避すると、今度は 404エラー が出た
    • Webサイトの追加に摩擦を設けているのが肝だというのは分かるが、他の2サイトを推薦しなくても自分のサイトを追加できる方法があるとよい
      私の粗末なサイトは条件に合っているが、私が知っている他の小さなWebサイトはすでにすべてリストに入っている

  • スモールWebに貢献する私のサイトは http://t3x.org だ

    • 90年代後半にこのページを見つけた記憶がある。再び見ることになるとは思わなかった
    • noscript/基本的な (x)html だけでも十分だと示すと、JavaScriptでグロテスクなほど巨大で複雑なWebエンジンを強要しようとするビッグテックの影の雇われハッカーや愚かなハッカーに攻撃されるかもしれないので注意が必要

  • 最近のインターネットで最も良かった体験の一つが、bearblog.dev で記事を読み書きすることだった。discoverフィードを見てみるとよく、雰囲気も健全
    似た方向性では https://ooh.directory も見る価値がある

  • 同じ趣旨で、中央集権型プラットフォームから離れることに焦点を当てたサイトがある: https://landchad.net/

    • 自分のサーバーを運用する方法をまとめた ガイド集 が素晴らしい
      プライバシーの観点から、寄付者に公開されるBTCアドレスの代わりにSilent Paymentアドレスを使う選択肢を与えているのも良さそうだ
      Moneroアドレスもあるのを見ると、プライバシーを気にしているようだ

  • 90年代のWebはずっと面白かった

    • Webの面白い部分は今も残っているが、目立ちにくくなっただけだ
      それ以降で最大の変化は、おそらく 信号対雑音比 だろう

  • インターネットには インディーWebサイトの巨大ディレクトリ が必要に思える。そうすれば実際にあちこちサーフィンしながら発見できる
    現代の大手検索エンジンでは、wiby.meやsearch.marginalia.nuのような代替検索エンジンを使わない限り、こうしたサイトを見つけるのはほぼ不可能で、ほとんど意図的に隠しているように感じる

    • 私も似たようなコメントを書こうとしていたところだった
      個別にキュレーションされたリンクのグラフではなく、コンテンツの山を積んだ 壁に囲まれた庭 のほうに偏りすぎている
      検索したり、その山の中で推されるコンテンツを見る代わりに、実際にもっと大きなコンテンツ空間を「サーフィン」したり、「ウェブリング」やStumbleUponのように探索したりしていたやり方が懐かしい
    • Googleが小さなサイトを隠しているというより、人々がGoogle向けの 検索エンジン最適化 をうまくやりすぎるようになったのだと思う
      私のブログは検索エンジン最適化が文字どおりゼロなので絶対に見つけられないが、友人のブログは投稿頻度は高くなくても検索エンジン最適化に多くの労力をかけているので簡単に出会うことになる
      検索エンジン最適化のメタが小さなブログを壊してしまった
    • https://ooh.directory/

  • StumbleUponが懐かしいなら、似たサービスがある: https://cloudhiker.net

  • スモールWebに貢献する私のプロジェクトは、軽量ブログプラットフォーム lmno.lol だ: https://lmno.lol
    私のブログは https://lmno.lol/alvaro にある
    ブログ全体を単一のMarkdownファイルからドラッグ＆ドロップできる: https://indieweb.social/@xenodium/112265481282475542
    どこからでもブログを読めて、ターミナルでも可能で、JavaScriptは不要
    試すのにサインアップやログインも不要。まだ正式リリース前だが、今ブログを始めたいなら招待コードを共有できる

  • 小さなWebには 小さなクライアント が似合う。小さなWebを読むのに、なぜ「大きなWeb」クライアントを使わなければならないのか分からない
    「大きなWeb」クライアントは広告や広告会社の資金で運営されている
    ちなみに私はこの30年間、テキスト専用クライアントを使ってきた

  • 私が共有しているリンク一覧はここにある: https://www.heyhomepage.com/?module=timeline&view=sharedlist
    基本的に、Hey Homepage内蔵RSSリーダーで毎日追っているサイトとフィード全体だ
    一覧を眺めてクリックしてみることもできるし、OPMLファイル としてダウンロードすることもできる
    RSS = Really Social Sites, OPML = Other People's Meaningful Links