bookmark

From IndieWeb
Jump to: navigation, search

A bookmark (or linkblog) is a post that is primarily comprised of a URL, often title text from that URL, sometimes optional text describing, tagging, or quoting from its contents.

Why

Why should you post bookmark posts? Good question. People seem to have reasons for doing so. (please feel free to replace this rhetorical question with actual reasoning)

  • I bookmark things usually as 'read later', 'will read again' or 'should reference in a paper'. - Amy Guy
  • I bookmark to build my library, and help build ours. I bookmark research articles, blog posts and other media and then use tags to make them easily sortable. I also syndicate bookmarks for my audience on social media channels who find the resources helpful. Greg McVerry

How

How to markup

To post a bookmark, the post's h-entry must have a property u-bookmark-of with the URL you are bookmarking.

For example, to bookmark https://someothersite.example.com/permalink47

<div class="h-entry"> ... 
 <a class="u-bookmark-of" href="https://someothersite.example.com/permalink47">...</a>
</div>

The trailing preposition "of" helps communicate this in the same way that we have u-in-reply-to instead of u-reply.

For bookmarks that contain both a link and a meaningful title, consider using u-bookmark-of h-cite instead:

<div class="h-entry">
  <a class="u-bookmark-of h-cite" href="https://www.digitalocean.com/community/tutorials/how-to-upgrade-ubuntu-12-04-lts-to-ubuntu-14-04-lts">
    How to Upgrade Ubuntu 12.04 LTS to Ubuntu 14.04 LTS
  </a>
</div>

How to display

(stub)

Displaying bookmark posts are challenging because the display should clearly show both the author of the bookmark (as its a bookmark post), and the author of the thing being bookmarked (as well as that thing)

There are at least three types of bookmark presentation to specifically design:

  1. permalink presentation of a bookmark post
  2. list presentation of multiple bookmark posts (e.g. on a post-type-specific archive page)
  3. composite list of bookmarks and other posts (e.g. on a homepage

(To be expanded with more advice / screenshots of existing approaches for each)

Showing Bookmarks vs Submissions

indienews-bookmark-posts.png

IndieNews is an aggregator where you can submit posts via Webmention. You can either submit your own posts by adding a u-syndication link from your post to IndieNews, or you can submit other posts by making a bookmark post on your site and submitting that.

For direct submissions, IndieNews displays the name of the post and the domain name of the site (see bottom post in screenshot).

For submissions of bookmarks, IndieNews displays the name and domain of the bookmarked post as if it were posted directly, and indicates that it was "submitted from" the domain of the person who submitted it. (see above post in screenshot).

How to POSSE

There are some emerging patterns for how people POSSE bookmark posts in particular.

POSSE to Twitter with Emoji

Similar to POSSEd post types like jam and read one could prepend POSSE posts to Twitter with an ๐Ÿ”– emoji to indicate the post type. Rather than simply posting a title and a URL, the emoji could help to indicate that a bookmarked post hasn't (necessarily) been read by the poster. Emoji use on Twitter is particularly effective as the platform limits the number of characters to indicate sentiment. One can also take advantage of the concept of Twitter cards to shoehorn additional information from the post into the tweet (though this is only displayed on some twitter clients/outlets).

Examples:

POSSE to another Twitter

A number of individuals POSSE bookmarks explicitly to a different Twitter account than their "normal" or "primary" one.

Examples:

Related examples (bookmarking to another Twitter in general, might not be POSSEing)

Design of POSSE bookmark tweets

Alternative approaches exist regarding the content POSSEd to Twitter, mainly based on the intended audience and whether the post contains just the bookmark or broader commentary:

Jeremy Keith provides short commentary in the post but has, based on feedback regarding unnecessary clicks, decided to share only the bookmarked URL on his Twitter feed:

Sebastian Greger is testing various approaches that feature the URL of his own post, in order to always present the reader with his commentary:

IndieWeb Examples

Aaron Parecki

Aaron Parecki previously used WordPress to post bookmarks on aaron.pk/bookmarks using a custom Wordpress post type since 2010-12-18. He now uses Quill to post bookmarks to p3k as of 2014-09-07[1].

These bookmark posts contain:

  • URL
  • Title/text
  • Optional tags
  • Optional snippet of text manually copied from the URL as a way to remember why I bookmarked it (example)
  • Optional note about why I bookmarked it

Video showing browser bookmarklet from Quill used to post bookmarks:

Kyle Mahan

Kyle Mahan uses Red Wind to post bookmarks on his site kylewm.com since 2014-07-08. E.g.:

Barnaby Walters

Barnaby Walters uses Taproot to post bookmarks on his site waterpigs.co.uk as notes tagged with "bookmark" since ????-??-??. These bookmark posts contain:

  • URL
  • Tags
  • Text note with one or more URLs inline

Jeremy Keith

Jeremy Keith posts bookmarks on his own site at adactio.com/links since ????-??-?? and POSSEs them to Delicious. These bookmark posts contain:

  • URL
  • Title
  • tags
  • Description

He also displays webmentions received from bookmark posts: https://adactio.com/articles/9843#comment37529

Shane Becker

Shane Becker imports bookmarks to veganstraightedge.com/bookmarks by PESOSing from Instapaper (tagged with "imported:from=instapaper.com") and Pinboard (tagged with "imported:from=pinboard.in") since ????-??-??. He sub-categorizes them by adding a "fave", "read-later", "watch-later" or "listen-later" tag to a bookmark post. The linked title of a bookmark post goes to the bookmarked URL, not the bookmark post's permalink. Bookmark posts have a โ‡œ before the title to help indicate that the link goes to an external site. The โ‡œ is applied using a CSS :before selector and a content property to keep it out of the actual HTML/microformat content. These bookmark posts contain:

  • URL
  • Title
  • tags
  • Excerpt (optional)
  • Description (optional)

Ben Roberts

Ben Roberts has been able to post bookmarks since 2014-10-10, with Postly though has not used it much yet other than as testing. https://ben.thatmustbe.me/bookmark/2014/10/10/6/bookmark

atomicules

User:atomicules.co.uk, taking a slightly different approach, I decided I did not want to host or own every bookmark I make as I would never have a self-hosted tool as quick and as convenient as Pinboard, etc, nor did I want the clutter of bookmarks offtopic to that of my website. I did, however, already have link type posts, so I decided to start syndicating these out to Pinboard (See that page for my example).

Larry Kooper

At IndieWebCamp NYC2, attendee Larry Kooper demoed a bookmark site he built. The code is available on Github.

Chris Aldrich

Chris Aldrich uses a customized bookmarklet in combination with the Post Kinds plugin for WordPress. Bookmarks contain:

  • URL
  • Title
  • Date
  • Optional author, name of source, tags & categories
  • oEmbed of original page if available
  • Ability to redirect the entire post to the original content using a canonical URL

I also have an optional workflow using PressForward that not only includes the above, but which can scrape the content of the page via the Mercury API to make an archival copy on my site if I wish. I also use Post Archival to trigger an archival copy to the Internet Archive as well. POSSE copies are often sent to Twitter, usually with a bookmark emoji as described above and other optional services like Mendeley, diigo, delicious, scoop.it, flipboard, stubleupon, and others as appropriate.

See this link for more Thoughts on linkblogs, bookmarks, reads, likes, favorites, follows, and related links.

rhiaro

Amy Guy stores bookmarks in sloph as ActivityStreams 2.0 Add activities to the Bookmarks collection, visible at rhiaro.co.uk/bookmarks/.

Related: Script for porting Firefox bookmarks backup to AS2

Sebastiaan Andeweg

Sebastiaan Andeweg posts bookmarks as of 2016-11-20, showing the text 'Seb heeft [title] door [author] gebookmarkt.' with a bookmark-icon. No quotes. Similar as a like (with a heart icon), but for more serious articles, meaning 'interesting' or 'please also read this' and in some cases 'want to read' or 'want to read again later'.

  • I realised (on 2017-08-06) that I bookmarked something twice. They ment more "I want to read this" than "please read this too". Thinking about changing how I use them, more into an archive of interesting articles, with categories and notes, to revisit and actually add value to the post.
  • "I subscribed to my own bookmarks feed in my reader, back when I used a reader. That was the purpose: to be able to revisit interesting articles. [2]

Marty McGuire

Marty McGuire uses Quill to post bookmarks as of 2017-04-25 (example). Bookmarks contain:

  • URL
  • Title
  • Date
  • Tags
  • Optional blockquote snippet copied from the original text

Tools

Monocle

Monocle consumes bookmark posts.

IndieNews

IndieNews consumes bookmark posts.

Indieweb.xyz

Indieweb.xyz consumes bookmark posts.

Additional Indieweb Discussion

Self-hostable Services

  • Shaarli
  • Wallabag, while technically more of a read later type of service, it could be bent to be used as a self-hosted bookmarklet service.

Silos

Bookmark hosting silos:

Academic/Research Related bookmarking silos

The following silo services, often with other social features built in, are often used by those in academia to bookmark research papers and journal articles:

Previously

  • delicious
    • While in late 2016, it appears that delicious is making an attempt at a comeback, it doesn't have the ability to export anymore. Those interested in a separate export functionality may appreciate Szafranek's Delicious Exporter.


Silo Examples

Some UI documentation.

Pocket

Pocket has integration with Mozilla's Firefox browser. In version 57, a Pocket-icon appears in the address-bar. When clicked upon, it shows a little popup with 'Saving...' and then 'Saved to Pocket', with links to remove the bookmark or view the list. It is also possible to add comma separated tags to the bookmark.

2017-10-09-firefox-pocket-bookmark-ui.jpg

The reading list 'My List' contains all your bookmarked pages. When you hover over an item, it gives you options to share, archive, delete, re-tag, or favorite the item. Clicking the check-mark archives the item and removes it from the list and adds it to archive, so you can keep track of what you have read and what you haven't.

Pocket removes double entries: if you save a page twice (by accident?) it won't save it twice on your list. If you marked it as read, however, it will appear as unread in your reading list.

2017-10-09-pocket-reading-list.jpg

Similar Post Kinds

Text of a bookmark post is most often the title of the linked resource, i.e. created by the author of the linked resource, rather than the person posting the bookmark post.

This is a key distinction between a bookmark and other kinds of posts.

Reply

The text of a reply is written by the person posting the reply, and often a new statement in response to the original post.

If the text of a bookmark post is written as commentary on the bookmark, then that should likely be a reply post instead.

Repost

The text of a repost comes from the entirety of the content of a bookmark rather than the name or title of the bookmarked resource.

If the text of a bookmark post is the entirety of the contents of the thing that is bookmarked, then that should likely be a repost instead.

Quotation

The text of a quotation comes from part of the content of a bookmark rather than the name or title of the bookmarked resource.

If the text of a bookmark post is merely part of the contents of the thing that is bookmarked, then that should likely be a quotation instead.

Likes

There is a relatively strong semantic difference between a like and a bookmark, but as a result of the inflexibility of many silos which support likes and do not have explicit bookmark functionality, the definition of a like can sometimes morph so that people in the wild will treat likes as bookmarks instead. Services like IFTTT can also reinforce these patterns via API by taking like/favorite inputs and easily converting them to bookmarks on services like Pocket and Instapaper (or even one's own website).

Examples

Twitter

On Twitter many people often use the like (or previously favorite) functionality (or sometimes even repost) to indicate a bookmark.

  • "likes" don't always mean support aka ๐Ÿ”– -- Ana R Twitter bio on 2018-05-07
  • "Wish Twitter would distinguish between "favorite" and "save for later." People could infer some pretty misleading things..." -- Matt Reed (@deandad) 5:47 PM - 6 Aug 2013
  • "One of the things I do a lot on Twitter, for example, is retweet stories that I find interesting in order to come back to them later." - Cathie LeBlanc in Design of My Site on 2018-06-07

Twitter ultimately launched a bookmark feature (primarily within their mobile interface): Twitter launches Bookmarks, a private way to save tweets on TechCrunch 2018-02-18; Includes some discussion about confusion and misinterpretation

Observable

The notebook service Observable conflates their like and bookmark functionality:

  • "Like a notebook? Let the author know by clicking the like button in the top-right corner of the page! Liking a notebook also helps you find it again quickly by browsing your likes. In the future, weโ€™ll use likes to help you find interesting and delightful notebooks.
    -- Observable Notebook on 2018-05-07

Brainstorming/Thoughts on Bookmarks and meaning

See Also