likes
This article is a stub. You can help the IndieWeb wiki by expanding it.
7👍 likes are sometimes part of the information about a post displayed on the post itself, often in a post footer, like a total number like responses, icons of recent likers, or even a datetime ordered list of likes.
- See the “like” page for how to and examples of individual “like” posts themselves!
Why
By displaying a summary of likes of your post, you show that there are (and can be more) some light interaction with your post. It also shows immediate feedback to those that have responded to your posts with their own indie like responses.
Why not to show counts
Why to NOT show likes (etc.) counts and what to show instead:
- 2021-05-26 BBC: Instagram lets users hide likes to reduce social media pressure
Instagram is offering its users the option to hide the number of likes they receive on posts on the app.
The aim is to “depressurize people’s experience” on the platform, the social media giant said.
Users with the feature enabled will now see the username of a follower who has liked the post, “and others”, instead of a number.
- 2019-05-01 Washington Post: Here’s why Instagram is going to hide your ‘likes’
Instagram will test hiding the number of likes and views that photos and videos receive — a central aspect of its platform — to rein in competitive tendencies and make the experience a little “less pressurized.”
- UI consideration/brainstorm: limit to showing or prefer showing/counting likes from your own network of followings/followees or maybe 2nd degree instead of global: https://twitter.com/aaronpk/status/1154467238772002817
- "What I'm saying is I actually don't think a global number of likes on a post is even a good idea. What's more interesting is how many ppl within my own network have liked a post.
Otherwise we're just mirroring Twitter along with all the negative behaviors that come with it." @aaronpk July 25, 2019
- "What I'm saying is I actually don't think a global number of likes on a post is even a good idea. What's more interesting is how many ppl within my own network have liked a post.
How to
How to display
There are many methods for displaying the likes under a post, including:
- facepile
- chronologically inline with all the other responses (Tumblr style)
- chronologically listed within a group of just likes, which may come before/after chronological response-type-specific clustering such as comments, reposts. (Known / Ben Werdmüller does this on werd.io)
In all such methods, consider linking from the specific face or chronological response item to the permalink of the respective indie like of your post.
If you are showing silo likes of POSSE copies of your posts, from silos that lack permalinks for such like posts / responses, then you may link them to the user liking your post as a fallback.
How to de-duplicate
If you POSSE a post to a silo, then it is possible that someone posting an indie like of your post will also POSSE their like to that silo, thus resulting your post seemingly seeing two likes from the same one like from that person. Examples:
- http://werd.io/2015/if-you-care-about-owning-your-own-space-on-the
- https://kylewm.com/2015/06/yes-https-is-more-work-to-support-than-http-so-let
Since those likes represent only a single actual liking action (the liking of the POSSE copy is just a mirroring of that action to a silo for silo-only readers to see), your post should de-duplicate any such likes of POSSE copies of your posts, and show only a single like, no matter what your display design is for likes.
Duplicate likes can also happen if you POSSE to more than one silo and one person likes your post in more than one silo. In that case, consider preserving all of them, and maybe cluster them, but don't de-dupe. There's no consensus yet though. Up to you!
You can de-duplicate likes by looking for the indie like of your post to explicitly have a like-of link to the POSSE copy of your post, and if such, you know you can count that like of the POSSE copy as a duplicate (and do not need to display it).
Alternatively, you can fetch the user's h-card on their site, look for rel-me links, and use those to de-dupe based on the h-card in the backfed silo like (aka POSSE copy).
When you detect such duplicate likes on silo copies of your posts, you should prefer and show only the indie like on your likes display on your post.
Related:
IndieWeb Examples
There are a few IndieWeb sites which receive and handle webmentions for like posts and display them in various ways (as a facepile, as a list, mixed in with other interactions like reposts and comments).
Ben Werdmuller
Ben Werdmüller uses Known to display a chronological list of likes of a post, between similar chronological lists of comments and reshares, since 20??-??-??. Examples:
- http://werd.io/2015/if-you-care-about-owning-your-own-space-on-the
- indie like of that post: http://tantek.com/2015/168/f1
Kyle Mahan
Kyle Mahan uses Redwind to display a facepile of likes under each post since 20??-??-??. Example:
- https://kylewm.com/2015/06/yes-https-is-more-work-to-support-than-http-so-let
- indie like of that post: http://tantek.com/2015/169/f1
Aaron Parecki
Aaron Parecki uses p3k to display a facepile of likes under each post since 20??-??-??. Example:
- http://aaronparecki.com/notes/2015/06/17/1/pedalpalooza
- indie like of that post: https://kylewm.com/2015/06/like-of-aaron-parecki-pedalpalooza-rides-so-far
Marty McGuire
Marty McGuire uses webmention.io to display a facepile of likes under each post on his site at martymcgui.re since 2017-03-17. Example:
Marty McGuire uses webmention.io to display a facepile of likes under each post on his podcast at wehavetoask.com since 2016-09-01. Example:
- https://wehavetoask.com/episodes/2017-01-17/
- FB like of that post, backfed via bridgy: https://www.facebook.com/503664913146519/posts/661771550669187#liked-by-10205860140564648
Pelle Wessman
Pelle Wessman uses webmention.herokuapp.com to display a realtime facepile of likes under each post on his blog since 2014-12-30. webmention.herokuapp.com can also show likes mixed with the rest of the responses when facepiles has been opted out of. Examples:
- Facepiles: https://voxpelli.com/2014/10/indie-config-overview/
- No facepiles: https://voxpelli.com/mentions/
Sebastiaan Andeweg
Sebastiaan Andeweg uses Kirby with his own take on the webmentions plugin to display likes and other interactions under his posts. Displays as a facepile with a heart-icon. Example:
David Shanske
David Shanske uses WordPress and the Semantic Linkbacks plugin to display likes and other interactions under his posts. In the past, he did have a Facepile. But currently, likes are displayed in comment form until further notice.
gRegor Morrill
gRegor Morrill uses ProcessWire on gregorlove.com to display likes and other interactions since ????-??-??.
- Currently shown as a comma-separated list of names, each linked to their profile (Twitter/FB profile for backfed likes, author URL for indieweb likes). Example: https://gregorlove.com/2018/01/hello-from-indiewebcamp-baltimore/
- I don't have a name for this specific UI; ideas are welcome!
- On articles, I'm experimenting with collapsing this list to show the first few names with "and X others" that you can click to expand the full list of likes. Example: https://gregorlove.com/2017/10/hello-san-diego/
Hidde
Hidde shows likes on his posts at https://hidde.blog/ since at least 2021-11-12 as a prose list of names:
- https://web.archive.org/web/20211112140333/https://twitter.com/hdv/status/1459087084174647304
- "Inspired by yesterday's @IndieWebCamp, I reorganised webmentions on my blog for likes and reposts to be a list of names rather than just output what looks like 'comment'. Through a couple of fairly ugly hacks, it saves lots of space!" @hdv November 12, 2021
- sample screenshot:
- example likes, reposts, comments section: https://hidde.blog/patterns/#comments
... add more here!
- ...
Most Likes
The most liked things on various sites, including indieweb sites
- IndieWeb: On 2019-01-11 Aaron Parecki posted a screenshot of attempting to read a Medium article on his iPhone but getting obscured by pop-ups: https://aaronparecki.com/2019/01/11/28/
How did we let the Web get to this point. All I wanted to do was read this blog post.
- 303 likes as of 2019-030 per the facepile on the post
- Instagram: On 2019-01-04, the "Egg Gang" posted a photo of a single egg on Instagram: https://www.instagram.com/p/BsOGulcndj-/
which quickly amassed over 50 million likes, becoming the latest most liked thing. Sources: 2019-01-14 The Verge,
Let’s set a world record together and get the most liked post on Instagram. Beating the current world record held by Kylie Jenner (18 million)! We got this 🙌
#LikeTheEgg #EggSoldiers #EggGang
- Twitter: On 2017-08-12, Barack Obama posted a photo with a caption quoting Mandela to Twitter: https://twitter.com/BarackObama/status/896523232098078720
That tweet appears to be the most measurably liked tweet (and was the most liked thing at the time) with over 3.5 million likes as of 2017-08-16 (four days!). [1] [2]"No one is born hating another person because of the color of his skin or his background or his religion..."
See also:
Silo Examples
Silos such as Facebook and Instagram show the number of likes on posts in various ways:
"👍 so-and-so and nn others liked this"
- inline space/comma separated list of linked usernames/fullnames for some number of likes below a threshold number.
- inline comma separated list of linked fullnames followed by "and 84 others like this" text, where "84" is the remaining number of likes and is linked to a modal popup that displays a list. - Facebook
"17 likes" - for 11(?) or more likes.
- inline space/comma separated list of linked usernames/fullnames for some number of likes below a threshold number.
Similar
Similar verbs/info/post-types:
- favorites (e.g. on Twitter)
- heart (sometimes just a heart symbol)
- bookmarks (delicious used to have a view of who had bookmarked a URL)