Skip to main content
 

Catching up on This Week in Google episodes. There's a nice section on with @KevinMarks https://youtu.be/TWonGdmIxjo?t=1h19m5s

 

Jeremy Kieth has an extended post at https://adactio.com/articles/1533 that describes some of the functionality of how Huffduffer pulls in all the information. Wanting to take advantage of the functionality, I'd also long ago linked my account to my website, which, as part of the IndieWeb movement, has an hcard with the relevant rel="me" links (including one for last.fm.)

Unfortunately I'm guessing that the Huffduffer site only scrapes the data once upon registration and isn't set up to go back and rescrape the data when the website field is updated. To test things out, I created a new account, and counter-tested it against both my current site (www.boffosocko.com) as well as a self-hosted version of the IndieWeb compatible WithKnown and a free WithKnown account. None of these seems to find any user avatar, nor does it suck in any of the alternate accounts under the "elsewhere" section.

I'm a bit befuddled as to what may be going on here as it would seem that recent Huffduffer user Erinjo (https://huffduffer.com/erinjo) who I know to be an IndieWeb ninja has a fully fleshed out "profile" (avatar and elsewhere sections). What are the rest of us doing wrong?

 

My WordPress install just started porting in replies to replies on Facebook! @schnarfed, https://www.brid.gy/ & https://wordpress.org/plugins/indieweb/

 

I've always loved @huffduffer! @weegee asked a question that I've always struggled with. @schnarfed has already built the answer - naturally.

Kevin's (happy birthday by the way) question: "So recently I've been using the "Interview" and "lecture" subreddits to find all sorts of great interviews and profiles. However, many of them are in video form on Youtube/Vimeo and the like. Is there any way to huffduff a video to "listen" to? I don't feel I need to see a lecturer at a podium or interview subject on a couch to get what I'm looking for."

I'm not sure why I'm surprised anymore, but it seems like every time I find some really useful bit of web technology, it's coming out of the extended IndieWeb "Camp" (pun moderately intended). Thanks @adactio and @schnarfed for making my life easier and better.

I do feel a bit cheated that I didn't actually find the functionality directly on Huffduffer (or just noticed that it now somehow works with my long-loved Huffduffer bookmarklet). I wonder what other goodness I'm somehow missing out on... (Anyone can feel free to send me a list of their favorite services and other bookmarklets.)

 

Replied to a post on github.com :

@raumzeit77 http://indiewebcamp.com/wordpress has some pretty great resources for implementing IndieWeb on WordPress.

If it helps, try following some of what @pfefferle and @dshanske are doing here on GitHub as they seem to be two of the foremost IndieWeb-ers in the WordPress space. They've got wealth of plugins and know far more than I, though I do my best to dabble as I have time.

 

Replied to a post on github.com :

+1 from me on this feature request. (It would be cool to see an awesome theme like this also support microformats v2 as well. Sempress is the only theme out there that does this already see: https://github.com/pfefferle/SemPress, so it would certainly set the theme apart.)

@raumzeit77 As a temporary fix for the IndieAuth piece, you could add a text widget to your site that helps you get compliance with some of the IndieWeb Specs. You can also repeat some of the social icons with "invisible" links so that they don't actually display on the page, but are machine readable for IndieWeb purposes. It's not the best fix/workaround as you'll need to remember that the "invisible" code is there at some later date, but it should get you over the hump. Keep in mind that not all providers work with IndieAuth, though platforms like Twitter and GitHub do.
Try putting the following into a text widget (some portions will be visible others, link tags for example, will not):

<pre><code>
&lt;div class="h-card"&gt;
&lt;link href="https://facebook.com/USERNAME" rel="me"&gt;
&lt;link href="https://twitter.com/USERNAME" rel="me"&gt;
&lt;link href="https://plus.google.com/+USERNAME1/posts" rel="me"&gt;
&lt;link href="https://www.pinterest.com/USERNAME/" rel="me"&gt;
&lt;link href="sms:+12125551212" rel="me"&gt;
&lt;link href="mailto:me@emailaddress.com" rel="me"&gt;
&lt;br/&gt;&lt;br/&gt;
&lt;img rel="me" class="u-photo" src="http://domainname.com/site_icon.png" alt="" width="200" height="200" /&gt;&lt;br/&gt;&lt;br/&gt;
email: &lt;a class="u-email" href="mailto:me@emailaddress.com"&gt;me@emailaddress.com&lt;/a&gt;&lt;br/&gt;
phone:&lt;span class="p-tel"&gt;&lt;a rel="me" href="tel:+12125551212" &gt;+12125551212&lt;/a&gt;&lt;/span&gt;&lt;br/&gt;
&lt;p class="p-note"&gt;
&lt;span class="p-job-title"&gt;President&lt;/span&gt; and &lt;span class="p-role"&gt;CEO&lt;/span&gt; at &lt;a class="p-org" href="http://domainname.com" target="blank" &gt;Company Name&lt;/a&gt;; &lt;br/&gt;
&lt;span class="p-locality"&gt;ANYWHERE, NY &lt;/span&gt;&lt;span class="p-country-name"&gt;United States&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
</code></pre>

Some of the code will also qualify you for some additional levels within the IndieWeb identification space relating to h-card.

 

My @Quora answer to Is there a quick way to republish Twitter updates onto a blog? http://www.quora.com/Is-there-a-quick-way-to-republish-Twitter-updates-onto-a-blog/answer/Chris-Aldrich?srid=qkX

There are a small variety of answers here some of which (including Ashton Kutcher's suggestion of the formerly awesome ping.fm) are already defunct in less than a year or two, which indicates the fickle and rapidly changing nature of the internet.

I'll start by not accepting the premise of the question, but modifying the conceptualization to something more interesting and robust. Since there are hundreds upon hundreds of defunct web services many of which have died with little to no advance warning and which more often than not were information silos that didn't allow their users to export their data (see: site-deaths - IndieWebCamp [http://indiewebcamp.com/site_deaths]), I would highly recommend asking the following question instead:
"Is there a quick way to cross-publish or syndicate my content to Twitter?"

The hidden sentiment of the original question: "how can I easily keep my own data in the eventuality that Twitter disappears?" is really the root of the problem and is one which the IndieWeb movement has been diligently working on for several years. I'll let them speak for themselves:

Your content is yours
When you post something on the web, it should belong to you, not a corporation. Too many companies have gone out of business and lost all of their users’ data. By joining the IndieWeb, your content stays yours and in your control.

You are better connected
Your articles and status messages can go to all services, not just one, allowing you to engage with everyone. Even replies and likes on other services can come back to your sites o they’re all in one place.

You are in control
You can post anything you want, in any format you want, with no one monitoring you. In addition, you share simple readable links such as Page on example.com. These links arepermanent and will always work.
-- Source: IndieWebCamp [http://indiewebcamp.com/]

The general philosophy is that it is easy enough to own your own site, own your own data, and then syndicate it out to any of the variety of content silos that exist (while sucking additionally created follow-on data, such as comments, likes, etc. back into your own site), so that you can simultaneously take advantage of the network effects of these silos while still owning everything and not chancing that it will disappear without warning. I'd highly recommend surfing around the IndieWebCamp site for a bit, but I imagine that most will find it actually describes the way many wished the internet worked.

Now that we've got the background philosophy of the question sorted out, let's take a look at the semantics of the solution. The question is essentially asking about the IndieWeb concept of Publish (on your) Own Site, Syndicate Elsewhere (aka POSSE [http://indiewebcamp.com/POSSE]). The mechanics are somewhat different depending on the home platform on which one builds one's site, but almost all platforms allow one to at least post the "headline" of their post along with a permalink manually. IndieWeb forward platforms like Wordpress, Tumblr, Drupal, and WithKnown either have the functionality to cross-post to twitter automatically or do so fairly easily with simple and free plugins (e.g.: WordPress's ubiquitous plugin has a "publicize" functionality that allows crossposting to major silos like Facebook, Twitter, Google+, Tumblr, and LinkedIn among others). Most of these also have either built in or plugin functionality to pull comments, likes, and reshares from the specific silo back to the original content, so that all of it is memorialized in the same place. For those that need it, the POSSE page at IndieWebCamp (linked above) has a variety of ideas and resources for a variety of platforms.

 

Finished updating @WithKnown to version 0.8.2.

 

Replied to a post on github.com :

There are two Fragmentions plugins available that might be included in the IndieWeb plugin:

Christiaan Conover:
https://wordpress.org/plugins/wp-fragmention/
https://github.com/cconover/wp-fragmention
Luis Rodriguez:
https://wordpress.org/plugins/fragmentions/
https://github.com/goblindegook/Fragmentions/

At present Conover's has 20+ installations and was written first while Luis's has 0 installs,but is more recently updated. Both seem to work on my site reasonably well, though someone more experienced than I may have an opinion on which is "better" from a coding standpoint.

 
 

Getting started with schema.org using Microdata

Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example,

Avatar

tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user.
Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo!
You use the schema.org vocabulary along with the Microdata, RDFa, or JSON-LD formats to add information to your Web content. This guide will help get you up to speed with Microdata and schema.org so that you can start adding markup to your web pages.
Although this guide focusses on Microdata, most examples on the schema.org site show examples in RDFa and JSON-LD too. The basic ideas (types, properties etc.) introduced here are relevant beyond Microdata - take a look at the examples to see how the details compare.

 

A nice little article on Webmentions. Welcome to the @RudigerMeyer! https://rudigermeyer.com/blog/webmentions

 
 

Replied to a post on github.com :

Thanks guys. I'd managed to brick my computer, and am finally somewhat back up and running. I did have semantic-linkbacks running, albeit apparently with a bug of some sort somewhere. I've run a few tests in the past few days, and things seem to be operating normally now. I'm still unsure of what the bug was, but glad that things seem to be operating properly now.

 

Question on @Quora: Is there a simple way to find the permalink URL for a LinkedIn status update? http://qr.ae/7nBM0o