From IndieWeb
Jump to: navigation, search

Navigation refers to the UI, UX and markup allowing people to move around a website. On indieweb sites this often consists of:

  • top-level post type links e.g. notes, articles
  • previous/next pagination between consecutive chronologically ordered posts
  • the use of tags to navigate to similar content


So users can easily discover more of your content from your content, preferably contextually relevant, e.g. in time (next/previous), by topic (tags), by type of posts (e.g. just notes, just articles, just events, just likes).


As with any UX there are a number of approaches. Best to check the IndieWeb Examples provided in each level.


Levels of navigation support have emerged from implementations in the wild and are part of IndieMark.

In approximate order of frequency and difficulty (more frequent / easier to implement first)

Level 1

Level 1: no requirements.

Level 2

Level 2: simple linear/sequential previous/next navigation across posts by time order

Options to consider:

  • all posts
  • "root" posts only (everything but responses)
  • sequential nav only among posts of a specific type (notes, photos, articles, etc.)

IndieWeb Sequential Examples


Tantek Çelik uses Falcon on to display a previous/next navigation using unicode symbols (←→) on all post permalink pages since 2010-01-01 (explicitly documented 2010-02-01). Original navigation UI:
Navigation arrow variants for first, other, last items:

Silo Sequential Examples


Finally, after years of lacking simple sequential navigation, sometimes in 2016 Twitter added sequential navigation to *some* permalink views. E.g.

Level 3

Level 3: time period based archive pages.

See also:

Level 4

Level 4: tag based archive pages (paginated by time or amount) of your own content

Future levels

Possible futures: (brainstorms, don't know of anyone doing these)

  • geo (e.g. city/state/country specific) based archive pages
  • mentions of a person (person tags)

See Also