Mix And Match Web Design

Client projects and tech blog posts about Mix And Match

Mike's Precision CarpentryMichael Oliveras is a long-time union carpenter making the entrepreneurial jump and starting his own business: Mike's Precision Carpentry, serving the New Jersey, Pennsylvania and Delaware from his shop in Hammonton, NJ. He came to me looking for a webpage to advertise his new enterprise.

It's a simple design, a typical small-business site of half-a-dozen pages. The color scheme matches his business cards for a bit of branding. Oliveras faced a problem typical for new businesses: a lack of good photos. The work he's done for many years is not technically his own (per the employment contracts) so for now the pictures are a mix of the few jobs he has done on his own and a few stock images. I'm sure he'll have a well-rounded portfolio before long and we'll be able to fill out the site with his own work. In the meantimes, he added a couple of great pictures of him and his family on the "About Us" page to give it that personal touch.

See it live: www.mikesprecisioncarpentry.com

Categories: Client Sites , Custom Design , Local , Small Business
Tags: Branding, Carpentry, Entrepeneur, Hammonton, Personal, Small Business, South Jersey, Stock Photos | Edit
I just relaunched my personal blog a few days ago, moving it from nonviolence.org/martink to quakerranter.org. I plan to write a whole big piece about it in the near future. But my access logs just picked up something amazing.

An important part of the redesign was an automatic keyword generator. Posts were run through a script that automatically pulled out keywords from the text. My 2003 article, Going all the way with Movable Type generated the following tags, which appear as links after the post:

Following the links takes you to similarly-tagged articles. At least that's the conceit. When you follow a tag's link you're simply doing a site search for that keyword. A little htaccess rewrite magic is making the result look like it's a static category page.

"Fine and well" you're thinking, "big deal." Well, here's what's cool. There are 225 entries on the QuakerRanter blog. Google's just gone through and indexed the site and is now claiming it contains 1300 pages. Each tag is being indexed as its own page. Every time I mention any interesting term, it becomes a page that Google indexes and delivers to its searchers.

Which brings us to today's cool piece from the access logs. In December of 2004 a rather innocent post on Quaker Ranter became the center of a mini-whirlwind on the political blogs when it mentioned that I had gotten a call from a CBS News publicist interested in Nonviolence.org. All political blogs get publicity calls from news and opinion think tanks trying to suggest (or plant) stories but no one's supposed to talk about it. I only mentioned it because it was so unusual. One of the blogs denouncing the liberal conspiracy my post revealed was the somewhat slimy Little Green Footballs. After a few weeks the denunciations died down.

But this morning, someone looked up littlegreenfootballs in Google and came to my site. Because of my automatic keyword generator, tags, and static-loooking links, I'm now the number two entry, on two three-year old posts, now relocated to a days old quakerranter.org. Cool.

This mixing and matching of content and rich manipulation of data is sometimes lumped together in the cool bu zzphrase folksonomy. Note that none of what I've done is a tricking of Google. Every tag is really going to a page with that content. These are "natural" and "organic" search results in the lingo of SEO. I'm just presenting my information in multiple formats that appeal that the widest array of audiences.

For what it's worth, I don't think I deserve #2 status for "littlegreenfootballs" and I don't think Google will keep it there for long. It's a bit odd that they have elevated that particular term so high and no others tags seem so stratospheric.


Positive Results:

As of February 2007, Google indexes 3,540 pages on QuakerRanter.org, a blog of only 239 posts. In December 2006 30% of my Google visits were to one of the "tags" page. Reconfiguring the blog in this kind of tag-intensive way has more than doubled search engines visits, again in a very natural and organic way. Adding tags has simply made what I've written more accessible to search engines. Very cool.

Negative Ramifications:

Shortly after installing this new system, my servers started periodically crashing (about once/week). The problem would be multiple MT-Search processes overloading the memory.

My guess is that a search engine spider came along and started indexing all of the tags. Each link initiated a search query in Movable Type. The built-in search for Movable Type is just not able to handle this volume of traffic.

I installed Fast Search to solve the problem (tip of the hat to Al-Muhajabah). It took awhile: Fast Search required a MySQL upgrade at my host. After that I needed to install these plugin fixes. Then it was fine-tuning the htaccess files. It was been more work than I initially expected and the tag results now forward to a funny URL that Google doesn't love as much.

Categories: Niche Marketing
Tags: Blogs, Htaccess, Keyword Generator, Magic, Movable Type, Movabletype, Nonviolence, Personal Blog, Quotes, Rewrite, Run Through | Edit
RSS Syndication feeds are small web files that summarize the latest posts to a particular blog or news site. They're a central repository of basic information: title, author, post date, a summary of the post and sometimes the whole post itself. You can open these files directly (here's the raw file for this blog) but you'll see there's a hierarchy of coding that makes it visually uninteresting.

Syndication feeds are the lingua franca powering all the cool new websites. It doesn't matter what blogging platform you use or what operating system you're on: if your software provides an RSS feed I can mix and match it and use it to pull in content to my site.

Examples 1: Photographs: I email all of my adorable kid pictures to the photo sharing site Flickr, which then provides a syndication feed ("here"). I use a little fancy patch of coding on my website to pull in the information about the latest photos (location, caption, etc) so that I can display them on my homepage. Whenever you go to my Theo age you'll see the latest Flickr photos of him.

Example 2: Bookmarks. I also use the "social bookmarking" system with the odd name of del.icio.us. When I find a page I want to bookmark, I click a Delicious button in my browser, which opens a pop-up window. I write a description, pick a category or two and hit save. Deliciouis then provides an RSS syndication feed which I can use to pull together a list of my latest bookmarks and display it on my website. Wave a few magic wands of complication (pay no attention to the man behind the curtain!) and you have the main trick behind Quakerquaker.org.

I've simplified both examples a bit but you probably get the point. Syndication feeds are the secret behind blog readers like Bloglines and email subscription services like the one's I provide for quakerquaker.org.

New to me is the concepts around the Well-Formed Web. As described by Kevin Donahue "The layman's premise of the Well-Formed Web is that each site will have drill-down feeds - a top level feed, item specific feeds, and so on." What this means is that you don't just have one single RSS feed on a site (your latest ten posts) but RSS feeds on everything. Every category get its own unique feeds (e.g., the last ten posts about web design) and every post gets its own unique feed tracking its comments (e.g., this feed of comments from my "Introducing MartinKelley.com" post). It certainly seems a bit like overkill but computers are doing all the work and the result gives us a multi-dimensionality that we can use to pull all sorts of neat things together.

Categories: Practical 2.0 , RSS Syndication
Tags: Adorable Kid, Blog, Blogging, Caption, Email, Flickr, Hierarchy, Lingua Franca, Mix And Match, News Site, Operating System, Photo Sharing, Raw File, Rss Syndication, Web | Edit

Search

As Seen In

EBook

Shortcut cover
Web 2.0 Mash-Ups & Niche Aggregators (O'Reilly Media, 2008, $9.95): Order here.

Social Networks

Other Sites

Archives