homepage-ja
🏠
あなたのホームページはウェブ上でのあなた自身を表すものであり、通常はドメイン���トップ（ルート）に位置します。あなたの名前とicon（アイコン）的な表現が含まれ、多くの場合 h-card でマークアップされます。また、一般的によく見られるものとして、最近の投稿、特定のトピック、あるいは最も関連性の高い投稿のストリームが h-entry でマークアップされています。
IndieWeb.org 自体のホームページに関する作業については、以下を参照してください：
なぜ必要か
なぜIndieWebを実践するのかに挙げられているすべての理由、そしてそれ以上のメリットがあります。
あなた自身の独自ドメインを使用して、ウェブ上でのアイデンティティを自分のものにしましょう。
ホームページをより便利なものにすることで、単なる Twitter ハンドルや他の social media プロフィールの代わりに、自分のURLを共有したいという意欲がより湧くようになります。
方法
インディーウェブサイトのホームページには何を掲載すべきでしょうか？
あなたについて
ホームページには、以下のようなあなたに関する基本情報を含めるべきです：
- 名前 - 人々に呼んでほしい名前（複数可）
- icon / profile photo（プロフィール写真）
- tagline / bio（自己紹介） / favorite quotes（お気に入りの引用） / カテゴリ、tags（タグ）、その他の about（詳細）情報
- 他のプロフィール（コミュニティや サイロURLへのリンク
- あなたがウェブ上の別名義として使用しているものへの rel-me マークアップ
- 参照：ウェブサインインのサポート
- contact（連絡先）リンク（テキスト、メール、音声など）
- 他の人があなたにリンクした際に上記を自動発見できるよう、h-card でマークアップする（確認・検証には Indiewebify.me を使用）
ホームページはあなたが人々と共有するURLであるため、以下を追加するのも良いでしょう：
- role（役割） - あなたが何をしているのかの簡単な要約
- サイト内にある他のコンテンツの発見しやすさ
- あなたの現在時刻（タイムゾーン）
- 最後に確認された状態（最終チェックイン/場所/都市/国）
- 参加予定のイベント（特に他人の参加を歓迎する場合）
- 取り組んでいるプロジェクト（特に貢献を歓迎する場合）
- disclosure（開示事項） - クッキーやアナリティクスの追跡などの各種開示
好みのデザインやレイアウトに応じて、これらの情報はヘッダー、メインコンテンツエリア、サイドバー、フッターなどに配置したり、自由に分散させたりすることができます。
ストリーム
次に、以下を掲載するのが非常に一般的です：
インスピレーションを得るために、後述の「更新情報のストリーム」の例をご覧ください。
アーカイブナビゲーション
ホームページに最新投稿のストリームを表示する場合、アーカイブ用の小さなナビゲーションインターフェースを表示するのも便利です。
以前の傾向
2000年代初頭のブロガーの間では、ホームページに以下を掲載することも人気でした：
- blogroll（ブログロール）
IndieWeb での例
連絡先としてのホームページ
シンプルな連絡先/自己紹介情報、場所を示す地図、リアルタイムのIMステータスなどの興味深い例です。
bear: https://bear.im/ - h-card を持ち、サイドバーに h-feed と詳細な自己紹介ページへのリンクがあります。- http://scottbullard.com/ - hCard による電話/メールリンク。詳細：http://scottbullard.com/more.html
- http://www.jaredhanson.net/ - Jaredの hCard 上にリアルタイムのIMステータスを表示。
- http://npdoty.name/ - 現在地を中心とした地図を背景にした hCard。
- http://ebdesign.se/ - 自己紹介、他サイトへのリンク、最新のブログ投稿。
- 旧 adactio.com（2012年以前）
更新情報のストリーム
上記の情報に加え、オンラインで投稿したほとんどのコンテンツをストリームとして表示している例：
完全な投稿を含む混合/複合フィードの例：
- https://tantek.com/（2010年以降。2002〜2008年は月別パーマリンクにリダイレクトされていた時期もありました）
- https://adactio.com/（2012後半以降）
- https://aaronparecki.com/（2016年以降）
さらなる例については personal_feed#IndieWeb_Examples を参照してください。
その他の例
明確なカテゴリに分類されない、興味深い個人用ホームページの例：
- http://jasonpark.me/ - JS を必須とし、コンピュータのファイルシステムをグラフィカルにブラウズしているかのようなプレゼンテーションを表示します。
- https://www.gwern.net/
- https://awarm.space/ — 超ミニマルな短いプレーンテキストの例。
- 以前は「fast（速い）」と「slow（遅い）」の2つの「主要」ストリームを提供しており、「fast」ストリームのみに投稿日が表示されていました。そのバージョンは Internet Archive で見つかるかもしれません。
ホームページのブレーンストーミング
現在実装されていない、あるいは十分に実装されていないが、ホームページに掲載し得るもの（実装の意図があるものを含む）。
- payment（支払い）リンク/ボタン
- 現地の天気/日照時間（追加の文脈として）
- 最近言及した人々
- 最近使用したタグ
- 購読、連絡、アドレス帳への追加などのアクション
- 最新のコメント
- #banner などの��グが付いた最近の投稿から作成される「ライブ」バナー画像/ギャラリー。別途管理UIを必要とせずに、最近のフォトハイライトを披露できます。
自分のホームページに /me（プロフィールページ）や /about（サイトについて、ライセンス情報、システム構成、ホスティング先など）へのリンクを追加することを検討しています。 --Sandeep Shetty
ログインユーザー向け機能
自分のサイトにログインしている際に、以下があると便利かもしれません：
ログインした訪問者（または連絡先リストに登録されている人など）に対してホームページの内容を変えるのも面白いかもしれません。
- 通常のホームページフィードには表示されない返信、いいね、その他の投稿をログインユーザーに表示するなど。
スケッチ
ホームページのスケッチ/ブレーンストーミングをここで行いました。 --Waterpigs.co.uk 14:32, 18 June 2013 (PDT)
ホームページへの Webmention
ホームページに直接送信される Webmention は、多くのユースケースに対応できます：
- 他の場所での投稿における person-mention（インディーウェブ版の @メンションのようなもの）の notification（通知）
- インディーな event（イベント）への invitation（招待）
- 新しいプライベートな message（メッセージ）の受信通知
- 他人があなたを写真や投稿にタグ付けできるようにする
サイロでの例
サイロは厳密には「ホームページ」へのアクセスを許可しませんが、通常はルートではないパス（プロフィールと呼ばれます）にホームページに類するものを提供します。本来であればプロフィールパスではなく subdomain（サブドメイン）を提供すべきです。
例として、Twitter ではプロフィールページを以下でカスタマイズできます：
- icon - アップロード
- header image - ヘッダー画像。アップロード
- bio - 160文字のテキストフィールド。@ や # は自動リンクされます。
- website - 自動リンクされるURL
- location - 場所。テキストフィールド。
記事
ホームページのデザインや機能に関する記事と投稿：
- : 人間中心のモバイルコミュニケーション体験に向けて
- 2023-02-10
Jeremy Keith: ホームストリーム 私のサイトでは、ホームページはある種のストリームになっています。ノート、リンク、ブログ投稿が時系列順に次々と並んでいます。
- 2024-05-01 ホームページの逆襲 / ソーシャルネットワークがニュースの配信先として信頼性を失う中、デジタルジャーナリズムの消費者は古い形態のオンライン不動産（ホームページ）を再評価しています。
- ...
関連セッション
- 2012/UK/Demos - 特に一般的な議論 / UXの考察。