Regardless of whether Pete learns humor, the site was fun to build for a number of reasons, one being that it was my own project and not a client’s. So if it was going to be insane, at least it was my brand of insanity for a change. Another is it let me experiment with a lot of goofy ideas or concepts that I’ve been playing around with in my head for quite a while.

Since I can milk talking about the design/development choices that were involved with Robot Rum for blog content, I’m going to do a mini-series on the topic. First up:

Search Engine Friendly Comic

For some reason I keep coming back to working on webcomics. Before Robot Rum and CSSquirrel there was Nervillsaga, a now archived and offline comic following fantasy adventure stereotypes. Like CSSquirrel it had update frequency issues. It also was, as is typical for webcomics, a single image for all the frames, characters, text, and so forth.

For the most part, there’s nothing wrong with that, but one thing that I’ve recently thought is that it also meant that each day’s comic provided no real new content to search engines. It was just an image with an alt attribute of ‘comic’. So after about 600 strips, the search engines still didn’t have any real feel for what was going on other than the little blog-like text I’d follow each strip up with (this was before I knew what a blog was, and apparently still felt like harassing people with details of my life). Now, I could have inserted all the text of the comic into the alt attribute, but I always felt like stuffing attributes with a couple paragraphs sort of violates their purpose, and once again there’s no semantic context for any of the text. To the search engine it’s just one long string.

About a year ago I started experimenting with the idea of assembling a comic by layering transparent PNGs and floating the speech bubbles as actual text. At the time I was goofing around with sIFR as the possible candidate for making the text look appropriate (almost universally webcomics use fancy, cartoony fonts appropriate to the genre they’re in), but there were a number of bugs that cropped out and I became distracted by something shiny.

When I came back to the idea of doing this, with Robot Rum, I decided to jump into the deep end. The comic acts like a stage, with each ‘actor’ absolutely positioned in his appropriate area as PNGs, complete with a little expanding speech bubble that holds their text. When the styles are off, you’ll see that the markup reads like a small script, with the day’s title at the top, the date, then the dialog (in order) complete with who is speaking. In future revisions of the site there’ll be a description field that paints the setting, and any ‘props’ on the stage (such as the crow’s nest) will be better fit into the script (rather than it’s current existence as an arbitrary ‘crow’s nest’ piece of text below the dialog.

What this means is that with each new comic, regardless of whether there’s user feedback on that day, search engines will have more text in a slightly more useful semantic fashion to associate the site with. And as Pete (hopefully) streamlines into a more humorous author, the jokes and gags of the strip are readable in order.

I suppose as a side effect this means the comic will be more accessible to a screen reader, which could actually read the text of the dialog. This wasn’t deliberate, though, and there’s plenty of other aspects to the site which would need to be fixed prior to me making any claims about accessibility.

I doubt that Robot Rum is the friendliest such site for a search engine, as I don’t have any expertise in optimizing other than adhering to standards as much as possible. I haven’t really played around with keyword, but at least its content should be more concrete for robots as well as humans, and if Pete had feelings and thoughts I’m sure he’d want that.