Epeus' epigone

Edifying exquisite equine entrapments

Monday, 26 December 2011

Facebook, Twitter and Google Plus shun HTML, causing the infographic plague.

By choosing images over links, and by restricting markup, Facebook, Twitter and Google+ are hostile to HTML. This is leading to the plague of infographics crowding out text, and of video used to convey minimal information.

graph from Google trends of rising incidence of 'infographic' since 2009

The rise of so-called infographics has been out of control this year, though the term was unknown a couple of years ago. I attribute this to the favourable presentation that image links get within Facebook, followed by Twitter and Google plus, and of course though other referral sites like Reddit. By showing a preview of the image, the item is given extra weight over a textual link; indeed even for a url link, Facebook and G+ will show an image preview by default.

Consequently, the dominant form of expression has become the image. This was already happening with LOLcats and other meme generators like Rage Comics, where a trite observation can be dressed up with an image or series of images.

Facebook, Twitter, Google+, Y U no like HTML, just pix?

Before this, in the blogging age, there was a weight given to prose pieces, and Facebook and Google preserve some of this, but the expressiveness of HTML through linking, quoting, using images inline, changing font weight and so on, is filtered out by the crude editing tools they make available.

Feeds and feed readers started out this way too, but rapidly gained the ability to include HTML markup. Twitter went back to the beginning, and added the extra constrain of 140 characters because of it's initial SMS focus. Now it is painfully reinventing markup, though the gigantic envelope and wrapper of metadata that accompanies every tweet. This now has an edit list for entities pointing into it, and instructions for how to parse this to regain the author's intent is part of the overhead of working with their API.

Image links, however — at least those from recognised partners — are given privileged treatment. Facebook and Google have emulated this too, leading to the 'trite quote as image' trope. The spillover of this to news organisations became complete this year, with blogs and newspapers falling over themselves to link to often-tendentious information presented in all-caps and crude histogram form.

So here's my plea for 2012: Twitter, Facebook, Google+: please provide equal space for HTML. And for authors and designers everywhere, stop making giant bitmaps when well-written text with charts that are worth the bytes spent on them could convey your message better.

Update: My son made a Rage Comic version of this post (with an explanation) why.

Posted by Kevin Marks at 15:17
Labels: facebook, google, infographic, Twitter

64 comments:

Charles Miller said...
This comment has been removed by the author.
December 26, 2011 10:21 pm
Charles Miller said...

Wow, now that's bizarre. I went straight from the summary on Facebook to the comment section without reading that you'd already said everything I was going to say in my comment in the bulk of your post.

The Internet has destroyed my ability to read.

December 26, 2011 10:41 pm
Kevin Marks said...

That rather makes my point, Charles. in old school feed reading, you'd at least have had the post there...

December 26, 2011 11:00 pm
Don said...

You can call on FB Twit and G+ to change, but you shouldn't expect designers or publishers to shoulder the burden of fixing this.

The issue for Designers and Publishers is that it's a decision of how many people see your information rather than whether the medium is the best display for the information.

It doesn't do any designer or publisher any good if they use HTML and the work they do fails to spread because Facetweet+ prefers images.

If images get shared more, they are worth more money and will be used more.

December 27, 2011 7:47 am
Anonymous said...

Is this not the TL;DR problem? A picture is worth a thousand words, so people would rather glance over an infographic rather than read a full page of text.

December 27, 2011 8:27 am
minoune,no1 said...

Wow what a mess. Happy new year.

December 27, 2011 8:44 am
Sammy said...

i beg to differ on this though, infographics still seems to be the best way to glance over a piece of relevant information.

December 27, 2011 9:00 am
GME said...

I think some of this also has to do with SPAM, XSS, and SQLi attacks being carried out,

In other words, it's easier for Twitter, FB, and Google+ to provide crude markup and favor images than it is to embrace the semantic web.

Sanitizing all user input is expensive from a processing perspective. It also opens up the platform to new and as-yet discovered vulnerabilities.

While I agree with you that the problem has gotten out of hand, I don't see any of those Companies changing their stance anytime soon.

December 27, 2011 9:01 am
Vineeth said...

I disagree. Infographics are a great way of communicating.
Shunning HTML or not does not matter. In the end, reliable communication is what matters.

December 27, 2011 10:51 am
johnfoliot said...

@vineeth wrote:
In the end, reliable communication is what matters.

As a web accessibility specialist, I am most concerned that the conveyance of "reliable communication" via images alone effectively shuts out a significant segment of the on-line community: those who cannot see those pretty infographics which are rarely if ever accompanied with the equivalent text (and no, @alt is not going to cut it).

Meanwhile, a significant segment of the standardista community is actively seeking to eliminate accommodation mechanisms (a.k.a. the obsolete @longdesc folks) - often with the response that authors should include the textual equivalent of these complex images on the same page. Yet as we see here, this is simply not happening.

This is not to suggest that retaining @longdesc will solve the problem - authors still need to invest the time and effort to actually supply the longer text, but mechanisms such as @longdesc at least provide a means of linking textual equivalents to the infographic (thus accommodating both the non-sighted as well as the "semantic web" requirements that are currently being lost) while still preserving the visual info-bite requirements that are driving this current trend.

December 27, 2011 11:58 am
Kevin Marks said...

Don: the problem is that innovative, dynamic visualisations will get previews that are text striped of styling if they are done in HTML, but a much bigger visual image if they are made as a static, giant .png
Tom: similarly with your 'page full of text'; if layout is stripped that is all you'll get.
GME: input sanitization is a reasonable well-understood problem.Have a look at Caja for a mature, resilient answer.

December 27, 2011 12:02 pm
Kevin Marks said...

johnfoliot: Accessibility is another key point; it used to be that indexability by Google was important enough that pure image content was deterred, whereas this trend is having the opposite effect. (I also realized that I omitted useful al text in the images in this post; corrected that now)

December 27, 2011 12:34 pm
Oscar Godson said...

As i mentioned on Twitter there are two major reasons I see them not implementing HTML embedding.

1) Security. Yes, of course there are ways around this, but there are *always* ways around those security patches. If there wasn't, Caja wouldn't *still* be in active development. Having to handle security just so people can make text big red and blinking is far less a priority. Also, Caja as you mentioned needs SVN and Java. That's an immediate turn off for many, many engineers making these large sites. Most of these new big sites use things like Rails, Python, and now Node/JS.

2) The other, probably bigger reason, people don't want to learn HTML to embed content. My mom, grandma, high school friends, etc, don't want to know <a href="http://url.com"><img src="http://url.com/img.jpg"></a> to just make an image. They'd much rather copy and paste a link. Simpler is better. This has been shown again, and again with consumer sites (and even enterprise now). Or to embed a YouTube video they want to copy and paste a link that generates the embed code. Same with all media. I think you have an engineers view and you're forgetting the majority of people.

3. Shorter reason, I personally don't want to see crap like <h1 style="color:red;text-style:blink">CLICK THIS LINK BELOW</h1>. That's annoying. I follow social media sites and people for the social aspects, I do not follow them so I can see Myspace style Twitter. Twitter also was meant to be a short message type network, why would you want graphs and marquees going on in your twitter stream.

December 27, 2011 1:16 pm
Jeff Nolan said...

"And for authors and designers everywhere, stop making giant bitmaps when well-written text with charts that are worth the bytes spent on them could convey your message better."

... and eat your vegetables too!

Kevin,
A rose by any other name would smell as sweet. Communication through graphics (or video) has the same utility that the written word has, the transference of knowledge.

You seem to be arguing that to communicate with pictures is puerile therefore web services should prioritize accordingly when point in fact that strength of the web has always been its dynamism with regard to how information is presented and consumed.

December 27, 2011 1:23 pm
Walter said...

Love the intentional irony of the rage comic (though I admit I had click the explanation to make sure it was intentional). Also appreciate you shedding light on something that I formerly took for granted regarding infographics vs HTML. Thanks for the thought provoking piece!

December 27, 2011 5:21 pm
Anonymous said...

The article is right on the mark. It’s been bugging me for a while now that every other link I click on is an image containing… text and nothing else.

As for infographics, I find that most of them hinder more than they help, so I skip any such links I see. (Mind you, I’m not the sort of person who believes images are evil or anything like that. I just haven’t seen many genuinely useful infographics.)

December 28, 2011 6:07 am
Kevin Marks said...

Bookzer: I din't say this was trivial, I was noting a pattern. to respond to your points:
1. If embedding iframes is so bad, how come Facebook gets everyone to do that for it's like buttons on their sites? Twitter embeds end up injecting them via JS too.
2. is irrelevant. the cases I'm talking about have UX to embed previews already, and youtube's copyable embed tags are a good counterexample.
3. the richer embedding is arguably how mySpace outcompeted the earlier SNS's; Facebook and Twitter found different paths. There's room for compromise.

Jeff Nolan: fair point. Perhaps I should have been less extreme and said to think about what the right mode is, not pick one reflexively. I love good visualisations; I own all the Tufte books, but so many of the infographics are nothing of the kind.

December 28, 2011 12:51 pm
Unknown said...

Communication is still better!

Sanyo Seiki

January 05, 2012 11:57 pm
Brennan Young said...

Hello Kevin,
I find it ironic that you post an infographic (from google , showing the increase in use of the term "infographic") in a post saying how evil they are.

But maybe the word has started to cheapen, and yes, if an infographic is just somebody's wank in illustrator, I agree such images are very irritating, but there is always a place for well-made tables, figures, charts and other data-driven visualisations. I regard these as infographics too!

January 11, 2012 8:34 am
Anonymous said...

Who cares about HTML. I certainly wouldn't give any weight to it. Images are links. But I think the author is trying to say two things.

1. A link with a text label should give the contextual text a greater weight

2. A link to textual content should have greater weight than a link to an image.

Ignoring the fact that "weight" is not giving to the link -- the link gives weight to it's destination - - both arguments are flawed.

1. Images can have text labels. These can provide useful semantic information or be completely bogus. So you can't give too much credence to it.

2. Almost all images that are provided in link (especially of the lolcats variety) are actually links to HTML and the image is embedded as an additional link within the HTML. All images are in fact links -- well, not exactly, but they're separate HTTP requests, which is what you mean when you say "follow a link".

I understand what the author is trying to get at, which is that textual information is more easily categorized than an image, and text embedded in an image (a la lolcats) is too difficult to get contextual information out of. In theory you could use OCR but it's not practical.

You could use meta semantic markup, but like link text, it can't be trusted.

Now there may be some weighting done if the text of a link such Aaron's blog matches the content of the destination some higher weighting could be given to it, but that's also easy to fake, because I could put bogus content on the destination with a font that matches the background and have my SPAM page content clearly displayed (perhaps in an image so a search engine couldn't detect that it wasn't relevant.)

January 17, 2012 3:58 pm
Kevin Marks said...

imam wiratmadja: retweeted this.
via twitter.com

August 21, 2014 12:18 am
Kevin Marks said...

James Burke: @kevinmarks ...and it seems that the cards do not work in TweetDeck
via twitter.com

August 21, 2014 12:18 am
Kevin Marks said...

John Biehler: retweeted this.
via twitter.com

August 21, 2014 12:19 am
Kevin Marks said...

Patio Social: favorited this.
via twitter.com

August 21, 2014 12:28 am
Kevin Marks said...

Alex Hern: favorited this.
via twitter.com

August 21, 2014 12:28 am
Kevin Marks said...

Steve Wooding: retweeted this.
via twitter.com

August 21, 2014 12:29 am
Kevin Marks said...

Kevin Marks: @deburca but that can't be right. @ev explained that twitter had to own the client apps for UX consistency
via twitter.com

August 21, 2014 12:29 am
Kevin Marks said...

James Burke: @kevinmarks @ev poor second cousin TweetDeck it seems
via twitter.com

August 21, 2014 12:30 am
Kevin Marks said...

James Burke: @kevinmarks @ev poor second cousin TweetDeck it seems
via twitter.com

August 21, 2014 12:30 am
Kevin Marks said...

James Burke: @kevinmarks @ev poor second cousin TweetDeck it seems
via twitter.com

August 21, 2014 12:31 am
Kevin Marks said...

Kartik Prabhu: favorited this.
via twitter.com

August 21, 2014 12:56 am
Kevin Marks said...

Colm Britton: favorited this.
via twitter.com

August 21, 2014 1:07 am
Kevin Marks said...

sarah jeong: favorited this.
via twitter.com

August 21, 2014 1:17 am
Kevin Marks said...

Ben Werdmüller: favorited this.
via twitter.com

August 21, 2014 1:18 am
Kevin Marks said...

Josh Juran: favorited this.
via twitter.com

October 08, 2014 10:32 pm
Kevin Marks said...

Jan Anderson: favorited this.
via twitter.com

October 08, 2014 10:32 pm
Kevin Marks said...

Mark Goodge: @kevinmarks @cstross I particularly hate Facebook's "Press return to post" paradigm, which actively discourages proper text formatting.
via twitter.com

November 22, 2014 2:53 pm
Kevin Marks said...

sonal chokshi: favorited this.
via twitter.com

December 12, 2014 8:56 am
Kevin Marks said...

Mathew Ingram: favorited this.
via twitter.com

December 19, 2014 2:45 pm
Kevin Marks said...

Tom de Grunwald: favorited this.
via twitter.com

December 19, 2014 2:45 pm
Kevin Marks said...

Firas: @kevinmarks @mat when I ponder this I also think of @photomatt's “The format of a weblog dictates its writing”: ma.tt/2004/05/asides/
via twitter.com

December 19, 2014 2:46 pm
Kevin Marks said...

Kevin Marks: @firasd @mat @photomatt right, this is the note vs post distinction. Permalinks being standalone pages was the start of this dichotomy
via twitter.com

December 19, 2014 3:06 pm
Kevin Marks said...

Converse with Uebyn: retweeted this.
via twitter.com

December 19, 2014 7:12 pm
Kevin Marks said...

Anne McCrossan: favorited this.
via twitter.com

February 15, 2015 11:05 pm
Kevin Marks said...

Brad Simpson: favorited this.
via twitter.com

February 27, 2015 12:12 am
Kevin Marks said...

Craig Mod: favorited this.
via twitter.com

March 04, 2015 12:34 pm
Anonymous said...

this is still a problem, years later

October 01, 2015 10:32 pm
Kevin Marks said...

Doug Haslam: mentioned this in Now we know how the zombie apo....
via plus.google.com

March 24, 2016 10:42 am
Kevin Marks said...

Jesse Stay: mentioned this in Amen +Kevin Marks!http://epeus....
via plus.google.com

October 20, 2016 2:40 pm
Kevin Marks said...

Anil Dash Dot Com: mentioned this in Yep, I know! medium.com/glitch/making-….
via twitter.com

April 25, 2018 4:07 pm
Kevin Marks said...

Author Chris Aldrich: mentioned this in 👓 Facebook, Twitter and Google Plus shun HTML, causing the infographic plague. | Kevin Marks.
via boffosocko.com

August 06, 2018 5:11 pm
Kevin Marks said...

Adam Beckett: liked this.
via plus.google.com

October 05, 2018 11:06 pm
Kevin Marks said...

Allen Tom: liked this.
via plus.google.com

October 05, 2018 11:07 pm
Kevin Marks said...

Kevin Marks: +John Panzer why not do your research in public? http://microformats.org/wiki/voting-examples
via plus.google.com

October 05, 2018 11:07 pm
Kevin Marks said...

Kevin Marks: Reddit links:
http://www.reddit.com/r/fffffffuuuuuuuuuuuu/comments/nsnis/an_article_my_dad_wrote_in_rage_form_link_to_the/
http://www.reddit.com/r/fffffffuuuuuuuuuuuu/comments/nsicz/silly_dad_just_happened/
via plus.google.com

October 05, 2018 11:07 pm
Kevin Marks said...

Marcus Rademacher: liked this.
via plus.google.com

October 05, 2018 11:07 pm
Kevin Marks said...

John Panzer: Anyone care to propose an upvoteLink for schema.org?
via plus.google.com

October 05, 2018 11:07 pm
Kevin Marks said...

Kevin Marks: +John Panzer see also http://wiki.activitystrea.ms/w/page/23655855/Actions
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

John Panzer: You're too meta for me, Kevin.
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

Kosso: liked this.
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

Michael Mahemoff: +Marcus Rademacher #irony :D
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

Marcus Rademacher: I'd give you some upvotes on Reddit...but there's no link to the submission anywhere here.
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

Brian Wagner: liked this.
via plus.google.com

October 05, 2018 11:08 pm
Kevin Marks said...

Hadley Beeman: liked this.
via plus.google.com

October 05, 2018 11:08 pm

Post a Comment

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

This is my personal blog. Any views you read here are mine, and not my employers'.

Atom Feed

Support the Open Rights Group
My photoKevin Marks Me on Twitter
Me on G+

People's thoughts I read:

Daily

Rosie
San Jose Young People's Theatre
Dave Weinberger
Doc Searls
Gonzo Engaged
AKMA
Cory & friends
Denise Howell
Charles Wiltgen
Shelley Powers
James Lileks
Suw Charman
Halley Suitt

Weekly

Andrew Marks
Blogsisters
Arts & Letters Daily
Bricklin, Frankston & Reed
Steve Yost
Jeneane Sessum
Brian Micklethwait et al
Tom Matrullo
Gary Turner

Sporadically

Small Pieces
Stuart Cheshire
RageBoy
Nonzero
Neil Gaiman
Thomas Vincent
Brad deLong
Andrew Odlyzko
ProSUA

No to Mickey Mouse Computers

powered by blogger

Blog Archive

  • ►  2017 (2)
    • ►  May (1)
    • ►  April (1)
  • ►  2015 (7)
    • ►  November (2)
    • ►  May (3)
    • ►  April (1)
    • ►  January (1)
  • ►  2014 (3)
    • ►  October (1)
    • ►  April (2)
  • ►  2013 (5)
    • ►  June (1)
    • ►  May (1)
    • ►  April (2)
    • ►  March (1)
  • ►  2012 (8)
    • ►  December (1)
    • ►  May (1)
    • ►  April (1)
    • ►  March (1)
    • ►  January (4)
  • ▼  2011 (11)
    • ▼  December (1)
      • Facebook, Twitter and Google Plus shun HTML, causi...
    • ►  November (1)
    • ►  September (2)
    • ►  August (2)
    • ►  July (1)
    • ►  April (2)
    • ►  January (2)
  • ►  2010 (16)
    • ►  November (1)
    • ►  October (1)
    • ►  September (3)
    • ►  June (1)
    • ►  May (2)
    • ►  April (2)
    • ►  March (2)
    • ►  February (2)
    • ►  January (2)
  • ►  2009 (22)
    • ►  November (2)
    • ►  October (2)
    • ►  September (2)
    • ►  August (3)
    • ►  July (2)
    • ►  June (2)
    • ►  May (2)
    • ►  April (1)
    • ►  February (2)
    • ►  January (4)
  • ►  2008 (28)
    • ►  December (2)
    • ►  November (3)
    • ►  August (1)
    • ►  July (2)
    • ►  June (3)
    • ►  May (5)
    • ►  April (2)
    • ►  February (3)
    • ►  January (7)
  • ►  2007 (45)
    • ►  November (3)
    • ►  October (4)
    • ►  September (4)
    • ►  August (10)
    • ►  July (3)
    • ►  June (8)
    • ►  April (2)
    • ►  March (6)
    • ►  February (3)
    • ►  January (2)
  • ►  2006 (119)
    • ►  December (13)
    • ►  November (8)
    • ►  October (16)
    • ►  September (10)
    • ►  August (3)
    • ►  July (6)
    • ►  June (24)
    • ►  May (3)
    • ►  April (10)
    • ►  March (7)
    • ►  February (8)
    • ►  January (11)
  • ►  2005 (101)
    • ►  December (10)
    • ►  November (13)
    • ►  October (9)
    • ►  September (8)
    • ►  August (7)
    • ►  July (7)
    • ►  June (8)
    • ►  May (12)
    • ►  April (7)
    • ►  March (6)
    • ►  February (1)
    • ►  January (13)
  • ►  2004 (53)
    • ►  December (8)
    • ►  November (5)
    • ►  October (6)
    • ►  September (7)
    • ►  July (5)
    • ►  June (3)
    • ►  May (2)
    • ►  March (3)
    • ►  February (7)
    • ►  January (7)
  • ►  2003 (196)
    • ►  December (12)
    • ►  November (14)
    • ►  October (21)
    • ►  September (23)
    • ►  August (19)
    • ►  July (11)
    • ►  June (14)
    • ►  May (9)
    • ►  April (22)
    • ►  March (20)
    • ►  February (16)
    • ►  January (15)
  • ►  2002 (224)
    • ►  December (15)
    • ►  November (21)
    • ►  October (22)
    • ►  September (12)
    • ►  August (11)
    • ►  July (28)
    • ►  June (19)
    • ►  May (29)
    • ►  April (18)
    • ►  March (19)
    • ►  February (16)
    • ►  January (14)
  • ►  2001 (13)
    • ►  December (2)
    • ►  November (11)

About Me

My photo
Kevin Marks
Kevin Marks works on IndieWeb and open web tech. From 2011 to 2013 he was VP of Open Cloud Standards at Salesforce. From 2009 to 2010 he was VP of Web Services at BT. From 2007 to 2009, he worked at Google on OpenSocial. From 2003 to 2007 he was Principal Engineer at Technorati responsible for the spiders that make sense of the web and track millions of blogs daily. He has been inventing and innovating for over 25 years in emerging technologies where people, media and computers meet. Before joining Technorati, Kevin spent 5 years in the QuickTime Engineering team at Apple, building video capture and live streaming into OS X. He was a founder of The Multimedia Corporation in the UK, where he served as Production Manager and Executive Producer, shipping million-selling products and winning International awards. He has a Masters degree in Physics from Cambridge University and is a BBC-qualified Video Engineer. One of the driving forces behind microformats.org, he regularly speaks at conferences and symposia on emergent net technologies and their cultural impact.
View my complete profile