IndieWebCamp is a 2-day creator camp focused on growing the independent web

homepage


Your homepage represents you on the web, typically at the top of your domain, and shows your name and an iconic representation, often marked up with h-card.

Contents

Why

All the reasons on why and more.

Use your own personal domain to own your identity on the web.

By making your homepage more useful, you will feel more motivated to share your URL instead of just your Twitter handle or other silo profile.

How

What should be on your indie web site home page?

About You

Your homepage should have some basic information about you:

Your home page is the URL you share with people, therefore it's useful to set it up with:

  • 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:

  • stream of your most recent posts and other activities.

See the Stream of Updates below for some inspiration.

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:

That and most recent blog post:

That and occasional blog posts:

Stream of Updates

All that and most of the content they post online as a stream:

Mixed/composite feed examples:

Separate feeds:

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.

Twitter

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.

See Also