tag-reply

From IndieWeb
Jump to: navigation, search


A tag reply is a response to a post that tags that post with one or more tags.

Contents

Why

Tagging others' content is a very common silo UX and practice. By using your own site to tag others' content, you "ownyourtags" even if/when the silos die.

How to

Until implemented (published, webmentioned, received, incorporated into an original post), these are brainstorming How to examples.

simple tag-reply

How to mark-up a tag reply, e.g. with the tags "indieweb" and "indiewebcamp":

Inside your usual h-entry, use:

<a class="u-tag-of" href="http://a.example.com/postpermalink37">...</a>
<span class="p-category">indieweb</span>
<span class="p-category">indiewebcamp</span>

And then send a webmention from your tag reply permalink to http://a.example.com/postpermalink37.

Doing so will tag that postpermalink37 with the tags "indieweb" and "indiewebcamp".


tag and comment

To tag some other post, and comment on it at the same time:

Inside your usual h-entry, use:

<a class="u-in-reply-to u-tag-of" href="http://a.example.com/postpermalink37">...</a>
<p class="e-content">
This is a great post about the <span class="p-category">indieweb</span>
and <span class="p-category">indiewebcamp</span>.
</p>

And then send a webmention from your tag reply permalink to http://a.example.com/postpermalink37.

Doing so will tag that postpermalink37 with the tags "indieweb" and "indiewebcamp", as well as make the comment
This is a great post about the indieweb and indiewebcamp

person tag reply

To tag someone in someone else’s photo, post a person tag reply such as this, and send webmentions to all the links.

<span class="h-entry">
 <a class="p-author h-card" href="http://a.example.com/">Amber</a> 
 tagged 
 <a href="http://b.example.com/" class="u-category h-card">Bea</a> and 
 <a href="http://c.example.com/" class="u-category h-card">Crystal</a> 
  in 
 <a class="u-tag-of u-in-reply-to" href="http://d.example.com/permalink47">
  <img src="http://d.example.com/photo47.png" alt="Dawn’s photo of Bob and Cole" /></a>
</span>

As a result of the webmentions:

  • Dawn's photo post will be notified that Amber has asked to tag Bea and Crystal in the photo.
  • IF Dawn accepts the person-tags on the photo THEN
    • Bea and Crystal will be notified that Amber tagged them in a photo.

IndieWeb Examples

. None so far

Silo Examples

Flickr

Flickr allows people to tag other people's photos, both with plain text tags, and person-tags.

Sometime in 2000s-2014(?), if you hovered over a tag on a photo/video permalink page, it would show an HTML popup indicating who added it and when.

(screenshot needed)

Flickr backfeed

If you POSSE your photos to Flickr, you should also backfeed the person-tags added to the Flickr copy of your photo as tag-replies to your own site.

Facebook

Facebook allows people to person-tag other's photos.

If you hover over a person-tag on a photo/video, it shows an HTML popup card of that person, with small text at the top saying "Tagged by fullname" where fullname is the name of the person that added the tag.

(screenshot needed).

Facebook backfeed

If you POSSE your photos to Facebook, you should also backfeed the person-tags added to the FB copy of your photo as tag-replies to your own site.

See Also

Personal tools
Namespaces
Variants
Actions
Recent & Upcoming
Resources
Toolbox