bookmark: Difference between revisions

Revision as of 05:50, 28 May 2018

🔖

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

How

How to markup

How to markup a bookmark post. Use an h-entry as usual and a u-bookmark-of property on the link to the actual URL you are bookmarking. E.g.

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

The trailing preposition "of" helps communicate this in the same 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:

<span 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>
</span>

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:

permalink presentation of a bookmark post
list presentation of multiple bookmark posts (e.g. on a post-type-specific archive page)
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 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:

Chris Aldrich POSSE to Twitter https://twitter.com/ChrisAldrich/status/768874827218169856
Bookmark emoji appears in Twitter card rather than in main tweet, this allows additional sentiment to be placed in both the Tweet body as well as the Twitter card: https://twitter.com/ChrisAldrich/status/825206436305137664

POSSE to another Twitter

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

Examples:

Jeremy Keith POSSEs from his site's bookmarks to https://twitter.com/adactiolinks
...

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

@nelson posts bookmarks to https://twitter.com/somebitsLinks
...

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:

https://twitter.com/adactioLinks/status/779759088485953536

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

linking only to the bookmark post https://twitter.com/sebastiangreger/status/769068496261177344
links to both the bookmarked website and the bookmark post, e.g. https://twitter.com/sebastiangreger/status/768770201135505408 (N.B. only the last URL in a Tweet is shown as a link preview on Twitter, see http://indieweb.org/twitter#Features)

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:

http://aaronparecki.com/notes/2014/09/07/1/indieweb-bookmarks

Kyle Mahan

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

https://kylewm.com/2014/07/meet-the-man-building-an-ai-that-mimics-our-neocortex-and-could-kill

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/.

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

Additional Indieweb Discussion

2016/Brighton/indiebookmarks Bookmark Workflow was a session at IndieWebCamp Brighton 2016.
2017/Berlin/bookmarks Bookmarks & Archiving was a session at IndieWebCamp Berlin 2017.

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:

Instapaper - (bought out by PInterest in late August 2016)
Pinboard
- The below image is of the bookmark display on Pinboard, which adopts a text-first somewhat minimalist design which shows the name, when it was bookmarked, and by whom. A description and tags can be optionally added.
- In late 2016 Björn Stierand created a Known plugin for syndicating bookmarks to Pinboard
diigo
StumbleUpon
Reading.am - for reading related bookmarks
Pocket - now owned by Mozilla and integrated into Firefox

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.

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.

@@ Line 170: / Line 170: @@
 * [[2016/Brighton/indiebookmarks]] Bookmark Workflow was a session at IndieWebCamp Brighton 2016.
 * [[2017/Berlin/bookmarks]] Bookmarks & Archiving was a session at IndieWebCamp Berlin 2017.
+== 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 ==
@@ Line 266: / Line 270: @@
 * [[h-cite]]
 * [[read later]]
+* [[bookmark]]
 * http://blog.del.icio.us/?p=1204