Webmention
De xtof lifedesign
- statut
- étude
définition
iwc:webmention en anglais -> à traduire après tests.
Champ de l'étude
L'objet de ce wiki de famille est naturellement de nous entraider et nous faire épauler pour commencer à tester un protocole de communication moderne à tester à partir de n'importe quel site personnel.
exercice proposé pour IndieMark
Découvrir ce premier test fait par Laurent Eschnou en Belgique pour un premier support d'entraînement (Avril 2013).
webmention
Le protocole en cours de développement sur l'indiewebcamp (niveau de difficulté : réservé aux geeks !)
bricolages de famille
xtof cherche de l'aide :
- implémentation twitter à travailler ...
- problème avec facebook sur le design css des photos de profils
Portrait de Violaine Ulmer retrouvé (artiste photomaton) rapatrié en bas de https://www.christopheducamp.com/2017/01/02/100daysofphotos-violaine-ullmer-empreintes/
Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web.
”… an @ mention that works across websites; so that you don't feel immovable from Twitter or Fb.” —
When you link to a website, you can send it a Webmention to notify it. If it supports Webmentions, then that website may display your post as a comment, like, or other response, and presto, you’re having a conversation from one site to another!
How to implement or display
Want to implement Webmention or learn more about its technical details? See:
Contents
- 1 How to implement or display
- 2 IndieWeb Examples
- 2.1 Aaron Parecki with p3k
- 2.2 Barnaby Walters with Taproot
- 2.3 Jeremy Keith with adactio.com
- 2.4 Barry Frost with barryfrost.com
- 2.5 Kartik Prabhu with kartikprabhu.com
- 2.6 Jeena with jeena.net
- 2.7 Chris Aldrich with boffosocko.com
- 2.8 Stuart Langridge with Pelican additions
- 2.9 Sebastiaan Andeweg on seblog.nl
- 2.10 Daniel Goldsmith with Hugo
- 2.11 Amit Gawande with amitgawande.com
- 2.12 fluffy with beesbuzz.biz
- 2.13 Jamie Tanna with Hugo on www.jvt.me
- 2.14 Alberto Mardegan with Bussator
- 2.15 Jan-Lukas Else with Hugo on jlelse.blog
- 2.16 Danny Steenman with GatsbyJS on dannys.cloud
- 2.17 Ferdinand Mütsch with Hexo on muetsch.io
- 2.18 Ru Singh with Eleventy on rusingh.com
- 2.19 Rasul Kireev with Gridsome on rasulkireev.com
- 3 Publishing Software
- 4 Aggregator Software
- 5 Services
- 6 Publisher Services
- 7 Tools
- 8 Resources
- 9 Webmention Font Awesome Icon
- 10 Libraries
- 11 Articles
- 12 Extensions
- 13 Webmention Development
- 14 Frequently Asked Questions
- 15 See Also
IndieWeb Examples
Indie Web sites that have implemented webmentions and display them nicely!
- See and add to Webmention developer: IndieWeb Examples for a more thorough time ordered list of sites supporting Webmentions with development details.
Aaron Parecki with p3k
- Aaron Parecki using p3k on aaronparecki.com as of 2013-05-26. Details:
- Posts have an input form for pasting in your comment URL to conveniently send a manual webmention (as of 2013-10-12)
Barnaby Walters with Taproot
- Barnaby using Taproot on waterpigs.co.uk as of 2013-06-11.
Jeremy Keith with adactio.com
- Jeremy Keith on adactio.com as of 2013-09-15. Details:
- Blog posts have an input form for pasting in your comment URL to conveniently send a manual webmention
Barry Frost with barryfrost.com
- Barry Frost on barryfrost.com as of 2013-09-15[1][2]. Details:
- Posts had a hyperlink in footer "How to comment on this post" to instructions detailing posting an h-entry with h-card and how to send a webmention.
Kartik Prabhu with kartikprabhu.com
- Kartik Prabhu on kartikprabhu.com as of 2013-12-03.
- Articles have an input form for sending a manual webmention inspired by adactio.com. The form prompt links to the webmention endpoint.
- Webmentions are saved as responses and appear below the article classified according to response type.
Jeena with jeena.net
Jeena Paradies using a home grown Rails app on https://jeena.net as of 2013-12-06. Details:
- Has a manual form
- Homepage receives webmentions and notifies him per email
Chris Aldrich with boffosocko.com
Chris Aldrich using the Wordpress Webmention Plugin in conjunction with Semantic Linkbacks (thanks
Ryan Barrett,
Matthias Pfefferle, and
David Shanske) as of 2014-07-05
- Receives homepage webmentions, but redirects them to a /mention page
- Has a manual form for inputting webmentions for those without outgoing webmentions enabled on their own site yet.
- As of 2017-10-06 using facepiles for likes, mentions, reposts, bookmarks, etc. courtesy of Semantic Linkbacks plugin. These are displayed at the bottom of the comment section below native comments and webmention replies.
Stuart Langridge with Pelican additions
- Stuart Langridge sending and receiving webmentions on kryogenix.org as of 2014-11-29.
Sebastiaan Andeweg on seblog.nl
Sebastiaan Andeweg
- Received webmentions are displayed as comments
Daniel Goldsmith with Hugo
Daniel Goldsmith receiving webmentions on View from Ascraeus since 2017-01-25
Amit Gawande with amitgawande.com
Amit Gawande receives webmentions using Webmention.io and displays them as comments on Musings. Et Al. since 2018-01-28
fluffy with beesbuzz.biz
- fluffy receives webmentions on busybee (a site published with Publ) using webmention.io, and sends them using Pushl. Incoming webmentions are displayed via a Javascript embed.
Jamie Tanna with Hugo on www.jvt.me
Jamie Tanna has been receiving webmentions on www.jvt.me since January 2019 and rendering them since 2019-03-18
- A manual HTML form is available for manually entering webmentions, too
Jamie Tanna has started to send Webmentions since 2019-09-10
Alberto Mardegan with Bussator
Alberto Mardegan with Bussator, Nikola and Isso on www.mardy.it
- Template:Www.mardy.it has been receiving webmentions on mardy.it since October 2019
- It's a static website generated by Nikola, running on a cheap shared hosting
- Comments are handled by Isso
- The receiver is a Bussator instance which transforms webmentions into comments, which are then forwarded into Isso
Jan-Lukas Else with Hugo on jlelse.blog
Jan-Lukas Else has been receiving webmentions on jlelse.blog since July 2019 (using webmention.io) and a self-developed solution since December 2019. Since then interactions get rendered too.
- Webmentions can also be submitted via a manual HTML form.
Danny Steenman with GatsbyJS on dannys.cloud
- Danny has been receiving webmentions on dannys.cloud since March 2020 using webmention.io, brid.gy and a self-developed solution in GatsbyJS. For now only my twitter mentions are displayed on the blog posts.
Ferdinand Mütsch with Hexo on muetsch.io
- Ferdinand has been receiving webmentions on muetsch.io since April 2020, using webmention.io and Telegram MiddlemanBot to receive notifications as instant messages.
- Since then, Webmentions are also sent to all referenced articles in his blog posts when a new publication is made
Ru Singh with Eleventy on rusingh.com
Ru Singh has been receiving webmentions on rusingh.com since April 2020, using webmention.io and brid.gy.
- Supports display of likes, reposts, mentions, and replies as responses to articles and thoughts.
- An example can be seen below:
Rasul Kireev with Gridsome on rasulkireev.com
- Rasul Kireev using Gridsome, webmention.io and brid.gy on rasulkireev.com as of 2020-08-17. Details:
Publishing Software
Some open source publishing software with core support for webmentions and is ready for typical users:
Known
- Known personal publishing software sends webmentions and accepts webmention comments (including webmention updates) and likes
Perch
- Perch began beta testing webmentions on 2017-07-16
- Perch adds support for sorting webmentions on 2017-07-26. See facepile
Plugins exist for some open source publishing software and CMSs:
WordPress
Drupal
- Drupal 8 has a the indieweb plugin or viniculum plugin which supports webmentions
Craft
- Craft CMS has a webmention client
- A prior version of the webmention client is also available.
Nucleus CMS
- Nucleus is an open source CMS that has a webmention plugin
Kirby
- Webmention plugins have been created for Kirby 2 (original, more recent fork) and Kirby 3 (Sendmentions and Commentions)
Process Wire
Elgg
Django
- Django (Pre-alpha)
Grav
- Grav CMS sends and receives webmentions through the webmenton plugin
b2evolution
- b2evolution began supporting Webmention with the release of version 6.11.0-beta.
Koype
- Koype has support for updating, creating and deleting Webmentions as a receiver and sender.
Others
Some other open source publishing software supports webmentions:
- FrancisCMS personal publishing software similarly sends and receives
- WWWTech personal publishing software similarly sends and receives
- phorkie sends and accepts webmentions to notify remote instances about forks
- gRSShopper added Webmention support on 2018-09-27
- Pelican has a plugin to send webmentions
Some additional publishing software, portions of which are open source, supports webmentions:
- p3k sends webmentions for all posts and accepts webmention comments on events, notes, replies, RSVPs
- Taproot
- Falcon sends webmentions for all links in posts (except maybe articles - untested)
Closed Source Publishing Software
While not open sourced, there are several publishing/blogging platforms with core support for webmentions.
Micro.blog
- Micro.blog can send and receive Webmentions. When you use Micro.blog to reply to a post in the timeline, Micro.blog will send a Webmention for that post if it is hosted outside of Micro.blog. When receiving a Webmention, Micro.blog will attempt to map the incoming reply to an existing Micro.blog user, otherwise it will create a special record for the external site based on its domain name.
i.haza.website
- i.haza.website is a hosting service that can run your site on dobrado, and supports several IndieWeb building blocks including Webmention.
Pine.blog
- Pine.blog is a reader and blog hosting service that supports Webmention.
Typlog
- Typlog is a CMS/blogging platform that announced Webmention support on 20-03-30.
Aggregator Software
Prismo
- Prismo is link aggregator software that began supporting Webmention in version 0.6.0rc4 [3]
- Prismo currently only sends webmentions for posted links, not links within comments.
Services
Services that automatically send and/or receive webmentions for links in posts.
Lobsters
Lobsters (lobste.rs) sends webmentions for any links aggregated there.
Publisher Services
Services for publishers to handle receiving & sending webmentions for their sites or using webmentions for additional services like POSSE. Alphabetical:
Bridgy
Main article: Bridgybrid.gy is a service that sends webmentions for comments/replies, likes, and reposts on Twitter, flickr, GitHub, Mastodon, and Instagram posts. It uses original post discovery to find target links for the webmentions. GitHub repo here.
Bridgy Publish also supports webmention as a mechanism to trigger POSSEing to Twitter, flickr, GitHub, Mastodon, and Instagram.
Bussator
Bussator is a webmention receiver which publishes webmentions as comments. Its modular design supports publishing to multiple commenting systems, but currently only a plugin for Isso has been implemented. Bussator is a WSGI application, which can also be installed as a FastCGI service (that is, one doesn't need to have a webserver running all the time).
Jekmention
Jekmentions was a service that receives webmentions and stores them in a git repository.
Lazymention
Lazymention is an open source service you can run on a Node.js server to send Webmentions from static sites. Its general purpose is to add dynamic building-block features to otherwise static websites.
mention-tech
Main article: mention-techmention-tech is a service that can receive webmentions on behalf of anyone via both webmention directly, and a web form on its home page.
stapibas
stapibas is a self-hosted service to send and receive webmentions for websites and blogs.
It can be used to send out webmentions and pingbacks for new posts on static sites.
Telegraph
Telegraph is an open source project and hosted service for sending webmentions and pingbacks. You can use it to send mentions to all links on a page, or send a webmention with specific source and target.
webmention.herokuapp.com
Main article: webmention.herokuapp.comwebmention.herokuapp.com is an open-source project and hosted service for receiving webmentions for registered sites and allowing those to be displayed through javascript.
webmention.io
Main article: webmention.iowebmention.io is an open-source project and hosted service for receiving webmentions and pingbacks on behalf of your indieweb site.
webmention.app
webmention.app is a platform agnostic service that will check a given URL or feed for any number of content entries, discover whether there are links that support webmentions, then send the webmention to the target. It is intended for an automated workflow and includes simple instructions on how to integrate into existing workflows (using tools like IFTTT or the command line or Netlify).
Pushl
Pushl is a command-line tool for sending webmentions from pages discovered from arbitrary feeds (RSS, Atom, and h-feed).
Tools
Tools you can use or install to send webmentions
Firefox Addon
- Firefox add-on to send webmentions though context menu (source on Github); The original functioning addon has been removed from the Firefox site.
Manual Webmentions
Users without other simple means to send a Webmention from one site to another can use the following tool interfaces to "manually" send webmentions on their behalf:
For those with more programming knowledge there is also a method for sending webmentions with cURL.
To manually receive webmentions you can have your web server log HTTP POST requests sent to your webmention endpoint URL to a file. Then you look at the log file with your text editor and respond manually, or script it, or whatever you like. An example of how to do this with nginx is at
"A static, manual system for *receiving* webmentions (and pingback) with nginx" http://superkuh.com/blog/2020-01-10-1.html
Anonymous Webmentions (for commenting)
commentpara.de allows you to send webmentions anonymously, which allows readers to comment on an IndiWeb post without having their own presence.
Resources
- FAQ: Please read this before filing an issue or adding to Webmention-brainstorming
Webmention Font Awesome Icon
- Vote thumbsup to get Webmention icon added to Font Awesome icon set: https://github.com/FortAwesome/Font-Awesome/issues/5377
At least 50 votes are required for 1st page and at least 100 votes to someone start considering icon development.
Libraries
Articles
Blog posts and articles about webmention (newest first)
- 2019-01-10 : Static Indieweb pt2: Using Webmentions (focusing on Eleventy and Jekyll) (archived)
- 2018-12-27 : Displaying Webmentions with Posts
- 2018-07-19 : Webmentions: Enabling Better Communication on the Internet (archived)
- 2018-06-30 : Sending your First Webmention from Scratch
- 2018-05-09 : De magie van Webmentions (archived) (Nederlands)
- 2017-12-29 : Announcing lazymention: elegant outbound Webmention for static sites
- 2017-07-27 : So long Disqus, hello Webmention (archived)
- 2017-07-16 : Implementing Webmentions (archived)
- 2017-07-15 : What the New Webmention and Annotation W3C Standards Mean for WordPress (archived)
- 2016-04-02 Jon Penland on WPMU DEV blog: Trackbacks vs Pingbacks vs Webmentions for WordPress
- 2016-03-18 James Richman on WPTavern: Is W3C Replicating the WordPress Pingback System?
Webmentions look and feel like human comments
- 2016-03-11
Jeena Paradies Initiating conversations on the IndieWeb; our UX is still quite bad
- 2016-02-18 The Register: Remember WordPress' Pingbacks? The W3C wants us to use them across the whole web
Lurking behind that unassuming name lies something that might eventually offer users a way of ditching not just Facebook and Twitter but also those other massive corporations straddling the web.
- 2015-04-20
Aaron Parecki Results from 6 Months of Expiring Webmention Endpoints
- 2014-12-21
David Shanske One of the building blocks of Indiewebcamp is the webmention
- 2014-11-29
Stuart Langridge Enabling Webmentions - inventor of Pingback enables webmentions on his blog!
- 2013-09-15 : Parsing webmentions (archived)
Extensions
- Vouch - anti-spam extension
- Salmention - send webmentions to pages you mention when you get mentioned yourself
- Private Webmention - webmention for private posts
Webmention Development
Frequently Asked Questions
- Question
- How do I find others' sites that support Webmention?
- Answers
- You can find others by browsing through Bridgy users (https://brid.gy/users), the vast majority of whom will support it as will users of Micro.blog or other IndieWeb friendly services.
- Another good source of discovery is the indiewebring.
- Many, but not all, of the wiki users at chat-names will support Webmention.
- indie map documentation and work will also contain a number of sites that support Webmention
- If you want to meet some in person, we’d welcome you to join one of our virtual meetups coming up: https://events.indieweb.org/.
- Some users maintain lists:
- *
Chris Aldrich keeps a list of people who have IndieWeb sites and most (though not all) will support Webmentions: https://boffosocko.com/about/following/ Most under the IndieWeb and some under the IndieWeb for Education and Blogger headings will support webmentions.
- Question
- How do I indicate to other sites that I support Webmention?
- Answers
- If you’d like, you can add a Webmention button to your site to visually indicate that you support it.
- Some will indicate at the bottom of posts that they support Webmention.
- Some will provide an input box (in their comment section, on a custom page, or both) for others to submit a URL that mentions their post. This is particularly useful for those who would like to reply, but don't have a way of automatically sending a Webmention.
See Also
- comments - key webmention use case, post responses in general (likes, reposts, etc.)
- notification
- messaging - another user case for webmention
- Wikipedia - Webmention
- https://github.com/PlaidWeb/Pushl
- Webmention syndication
- Native webmention spam candidates seen in the wild
- Testimonial: https://twitter.com/jeremyfelt/status/1215341288112844800 and IndieWeb Example: https://jeremyfelt.com/2020/01/06/now-supporting-webmention/ showing threading across sites, and replies to replies to replies all peer-to-peer on the IndieWeb
- "The rabbit hole is deep and beautiful! https://indieweb.org/Webmention
See the back-and-forth between Steve and me as an example: https://jeremyfelt.com/2020/01/06/now-supporting-webmention/" @jeremyfelt January 9, 2020- https://webwewant.fyi/voting/
- Getting Started With Webmention and NextJS (tutorial with code and video)
<footer>source iwc:Webmention</footer>
<footer>