Home
De Mi caja de notas
En chantier : Cette page a démarré sur iwc:home. Au stade de l'étude, la traduction sera déposée une fois terminée sur iwc:home-fr
🏠
Votre page d'accueil vous représente sur le web, généralement placée à la racine et en haut de votre domaine, elle affiche votre nom et une représentation iwc:iconique souvent marquée avec une iwc:h-card.
Pourqoi
Toutes les raisons du pourquoi et plus encore.
Utilisez votre domaine personnel pour posséder votre identité sur le web.
En rendant votre page d'accueil plus utile, vous vous sentirez plus motivés pour partager votre URL plutôt qu'un simple nom d'utilisateur sur Twitter ou toute autre profil sur un silo.
Comment
What should be on your indie web site home page?
À Propos
Votre page d'accueil devrait contenir certaines informations basiques vous concernant :
- nom
- icône / photo de profil
- communication links (aim: mailto: tel: etc. see [1] for some UI brainstorming on this)
- other about / contact information, e.g.
- Links to silo profile URLs, approximate location, short bio, categories/tags
- marked up with h-card (see indiewebify to verify, validate)
- web-sign-in support
- rel-me links to your other identities on the web
Your home page is the URL you share with people, therefore it's useful to set it up with:
- role - brief summary of what it is you do
- discovery of what else you have on your site
- Your local time
- Last seen (last checkin/location post)
- upcoming events
- projects
- disclosure - disclosures of various types, e.g. cookies or analytics tracking
Stream
Next, it's quite popular to have:
See the Stream of Updates below for some inspiration.
If you show a stream of recent posts on your home page, it may also be useful to show a small navigation interface for your archives.
More: archive navigation.
Previously
Among early 2000s bloggers it was popular to also have on your home page:
IndieWeb Examples
Simple Homepages
Some interesting indieweb home page examples of simple contact/about information (e.g. hCard), maps for location, live IM status etc. - probably worth expanding and document each of these:
- http://scottbullard.com/ - phone/email links with more: http://scottbullard.com/more.html
- http://www.jaredhanson.net/ - live IM status on Jared's hCard
- http://npdoty.name/ - map as background centered on his current location
- old adactio.com (pre-2012)
That and most recent blog post:
That and occasional blog posts:
The https://bear.im homepage for Modèle:Bear has a super simple hCard and then links to the hFeed and a more substantive About page
Stream of Updates
All that and most of the content they post online as a stream:
Mixed/composite feed examples with complete posts:
- http://tantek.com/
- http://adactio.com/ (late 2012+)
Streams of partial posts / summaries:
- Modèle:Voxpelli http://voxpelli.com/ – stream of latest blog post titles
Streams of only names/titles of posts:
Separate feeds:
- http://aaronparecki.com/
- Modèle:Voxpelli http://voxpelli.com/ – links to separate feeds for bookmarks and social interactions
Homepage Brainstorming
Things which could go on homepages which aren’t currently implemented, or are underimplemented. Sometimes there is an intent to implement.
- payment links/buttons
- local weather/daylight (extra context)
- people I’ve mentioned recently
- tags I’ve used recently
- actions like subscribe, contact, add to address book
- latest comments
I might be adding links to /me (my profile page) and /about (about the site, license info, powered by, hosted at, etc.) to my homepage. --Sandeep Shetty
Signed-in Features
When signed-in to your own site, it might be useful to have:
- reader - integrated reader showing posts from others you follow
Sketches
I did some homepage sketches/brainstorming here --Waterpigs.co.uk 14:32, 18 June 2013 (PDT)
Webmention to homepage
Webmentions sent directly to home pages could serve a number of use-cases:
- notification of a person-mention (like an indieweb @-mention) on a post somewhere else
- invitation to an indie event
- notification of a new private message received
- allowing other people to tag you in photos or posts
Silo Examples
Silos don't technically give you access to their home page, but they do typically provide you with something resembling a home page, albeit typically at a path (not at the root), and they call it a profile. Though they really should be providing subdomains instead of profile paths.
As an example, Twitter let's you customize your profile page with:
- icon - upload (min/max resolution/bytes?)
- header image - upload (min/max resolution/bytes?)
- bio - 160 character text field, @ and # auto-linked.
- website - auto-linked URL
- location - ??? character text field.
Articles
Articles and posts about homepage design and features:
Related Sessions
- 2012/UK/Demos - specifically, General discussion / UX thoughts.