tags or tagging refers to categorizing or labeling content, your own or others (tag-reply), with words, phrases, names, or other information, optionally linked to specific people, events, locations, such as the practice of tagging posts being about certain people (person-tag), like tagging people or other items where (area-tag) they're depicted in a photo.
Even HTML angle-bracket "tags" are a way to label plain text as having a specific meaning (like a heading), more information (a hyperlink), or some interactive function (like a button).
- 1 Why
- 2 How to
- 3 IndieWeb Examples
- 4 Web Tagging Origins
- 5 Hashtags
- 6 Person Tags
- 7 Private Tags
- 8 Machine Tags
- 9 See Also
Why tag posts, both yours, and others, and why person-tag too.
Tagging something helps you find it again in the future when you're searching on that topic (the tags you used), e.g. searching on your own site for a subject.
Tagging something helps it show up when others search on that topic (either on your site, or on silos via your POSSE copies), and in particular, surfacing that something to people that you know are actively searching on a topic, e.g. like a recent/popular news item.
Person-tagging someone in a post is a social gesture saying publicly that the post is about them, and thus indicating in a (likely) positive way that you're thinking of them.
Person-tagging a photo is a small (likely) positive social gesture that you saw them in a photo and thought of them.
How to markup
To tag a post, add
class="p-category" around the tag name.
For example, a plain text tag:
Or a tag that links to a tag aggregation page:
<a href="/tag/indieweb" class="p-category">indieweb</a>
mark up and post a tag reply
To post a "tag reply", the reply post's h-entry MUST hyperlink to the permalink of the thing that is being tagged, with
<span class="h-entry"> ... Alice tagged <a class="u-tag-of u-in-reply-to" href="http://s.example.com/post47">Some Article</a> as <span class="p-category">tag</span> </span>
<span class="h-entry"> ... Alice tagged <a href="http://bob.example.com/" class="u-category h-card">Bob Smith</a> in <a class="u-tag-of u-in-reply-to" href="http://s.example.com/post47">Some article</a> </span>
- Implemented tags (linked with
.p-category) on 2012-11-18 (private repo)
- #hashtags in notes are autolinked to Twitter's hashtag search pages using Twitter Text Ruby (since 2012-12-26)
- Plaintext tags can be added to any posttype in a separate field (since 2015-10-11)
- Example of tagged post: http://veganstraightedge.com/articles/2016/04/08/toward-an-indiewebcamp-logo-redesign-iterations-in-the-key-of-c
- Tags are listed in the footer of each post and linked to tag a aggregation page
- Aggregation pages list all post's tagged with that tag: http://veganstraightedge.com/tags/indieweb (since 2016-03-13)
- All tags page: http://veganstraightedge.com/tags (since 2015-11-03)
Aaron Parecki implemented linked tags (on 2013-04-21).
- linked tags in his posts (specifically, hashtags) to tag aggregation pages: http://aaronparecki.com/tag/indieweb
His tag aggregation pages include a list of the following, all date-time ordered together:
- all of his posts (of any kind) with that tag
- any comments with that tag made in-reply-to his posts
- any posts of others' with that tag that he replied to.
Kyle Mahan has an old-fashioned list of tags at the end of each post. hashtags that are added inline automatically populate the tag list (so that they will appear twice, once inline, once in the list). (Originally implemented in Red Wind (on 2014-05-09) (on development hiatus), now implemented by using Known).
- Example tag aggregation page: https://kylewm.com/tag/indieweb
- Example tagged post https://kylewm.com/2015/08/updated-woodwind-to-preselect-syndication-targets
- https://www.flickr.com/photos/tantek/23995162453/ POSSE copy with all "tags" automatically posted by Bridgy Publish which detected them all from the hashtags auto-marked up with u-category on:
Added on note posts on 2017-03-19
Web Tagging Origins
The mid-2000s Web 2.0 trend popularized free form tagging not part of any formal taxonomy (referred to as a folksonomy), as well as the practice of people tagging (each) others' content in a shared location (AKA social tagging) that could surface aggregate trends. This trend was started in 2004 by various sites (link-tagging silo Delicious (original site since defunct) & photo silo Flickr), blogging tools (e.g. WordPress), and blog search engines (Technorati (2005 tag search now defunct)).
hashtags - a method of tagging posts merely by prefixing the literal text of the tag inline in the post content with hash or pound character '#'. Popularized on Twitter, hashtags have been adopted on other silos as such as Instagram, Google+, Tumblr, Facebook, etc.
Any kind of tag could also be made a private tag.
Private Tags - a tag that is only visible to the content creator.
- Pinboard.in does this with special syntax: tags that start with a period. e.g., .secret_tag. See https://pinboard.in/tour/#privacy
- Private tags can be used to do POSSE stuff like what Selective Tweets does with the #fb tag, but without having a visible public tag: like this IFTTT recipe that crossposts Pinboard bookmarks to Twitter that have the .twitter private tag.
- I have a #readlater tag that I would love to have private -Www.sandeep.io 16:37, 11 September 2013 (PDT)
Sandeep Shetty uses a #private tag (as a way to reduce an interface element that is required less often) to make posts only visible to him.
- You can combine Private tags and #private to make both tags and content visible only to the author.
- Any tag that starts with a . is only visible to the author when they're signed in (since 2016-11-03)
- Any private post is auto-tagged with with ".private" (since 2016-11-03)
Machine tags are also sometimes called triples, a triple store, or triple tags. They come in the form of
namespace:predicate=value. And they are typically not written by humans directly, hence the name "machine tags", as coined by
Aaron Straup Cope when Flickr implemeted them on 2007-01-24. They are usually added to a post when the post is created/edited by another piece of software via an API.
- geo:quartier="plateau mont royal"
One way to think about them is that they are just like normal tags and treat it as just a string of characters. You can also think of them as normal tags with a prefix:
valueis the tag
namespace:predicate=is the prefix
- Example post with a machine tag: http://veganstraightedge.com/videos/2013/05/31/backyard-squirrel-buddy
- Tag page of posts with machine tag "imported:from=vine-co": http://veganstraightedge.com/tags/imported:from=vine-co
- Podcasts with machine tags displayed. https://xavierroy.com/tag/podcasts/