Anatomy of a Blog Post

The blog post is the atomic unit of a blog. Blogs are made of successive postings. Some blogs are updated only once a week, others get updated 30 or more times per day (the record for Boing Boing is 27 posts in one day).

Everything about a blog post is optional. There are no rules for blogging. That said, Figure 1-10 shows what a post on Boing Boing looks like. Many weblogs follow a similar format. Some of the salient features of that post follow.

A sample post from Boing Boing

Figure 1-10. A sample post from Boing Boing

Title

A post’s title (see Figure 1-11) serves much the same role as a newspaper headline: to sum up the post in a few words that are meant to intrigue the reader and highlight some aspect of the story. A title visually separates your posting from the one above it. Usability guru Jakob Nielsen, in his essay on “Microcontent” (http://www.useit.com/alertbox/980906.html), warns headline writers to be aware that headlines are often viewed out of context, on search-engine result pages, in alphabetical listings (he advises leaving off leading “The"s and “A"s for this reason), and as subject-headers for email and titles for web pages.

The post title

Figure 1-11. The post title

As you’ll see later, titles are also used when blogs are syndicated using a technology called RSS, in which they may appear in a list of hundreds or even thousands of other blog headlines. The point is that your title should be separable from the posting below it — informative even when taken out of context.

The Picture

There are, of course, copyright issues when posting an image to your blog such as the one in Figure 1-12, and technically it can be a little harder to post an image than it is post plain text (though increasingly blogging engines make this simpler). Here are some tips for posting images:

  • Make a local copy of the image on your own server. Don’t “inline” someone else’s images by linking directly to the other person’s server, because this uses their bandwidth and server cycles to serve images on your blog. This is rude.

  • Crop and resize images to small thumbnails, sufficient to give your readers an idea of what they’ll see if they follow the link. This is both a principle of fair use of others’ copyrighted works and a means of reducing the load time for your page.

The post picture

Figure 1-12. The post picture

  • Use the height, width and alt attributes in your image tags, which reduce load times for your readers.

  • If you’re worried about copyright, send a note to the image’s author asking for permission before posting.

The Posting

The nice thing about blogs is that they’re infinite. There’s no word limit, no copy fit, no sense of filling up all the space you have. If you want to write a 10,000-word polemic about your subject, go ahead and pound on the keyboard like a Fox celebrity boxer.

That said, blog entries typically come in packs — you hardly ever get a blog entry all on its lonesome. So the tradition is to keep blog entries short — a screenful or less. Postings to Jorn Barger’s Robot Wisdom weblog are a single, punchy sentences. Movable Type and some other blogging engines allow you to create a “preview” block of text that links to a “full text” block for longer entries.

Infinite space aside, as with all writing, your blog entry should take exactly as many words as it needs to make its point, and not one word more.

The post body

Figure 1-13. The post body

Some blog authors play at mystery in their postings, writing deliberately obscure things like “Boy, this sure must have hurt!” and nothing else. The idea is to pique the reader’s interest with your pith and jocularity, so that he follows the link to find out what it is that hurt so much. I try never to do this, operating on the principle that the best way to get someone to follow a link is to describe what’s on the other end of it and why it’s interesting, as in Figure 1-13.

The Quote

Sometimes, the best way to explain why a page is blogworthy is to include a brief quote or two. As with pictures, there are copyright issues associated with this, because fair use is generally held to include only excerpts, not the whole text (though some would argue that the standard for fair use is the minimum amount necessary to make the point, which could, conceivably, be the whole thing).

It’s traditional to set off quotes from the main body of a blog post (see Figure 1-14) with some combination of blockquote tags and stylistic changes, such as italicizing. Long blocks of italic textare difficult to read, though.

A quote from a referenced page

Figure 1-14. A quote from a referenced page

The Link

There are a lot of little niceties that comprise many blog entries. On Boing Boing, the convention is to limit the number of links per entry to one, at the very end of the entry, with the hot-text being “Link” (see Figure 1-15). We do it this way for a couple of reasons, which we’ve listed here.

  • We want our readers to get our context on a story before following the link. We hope that people come to our blog to get information about the links we post, not just links. Putting the link at the end of the post encourages readers to go through the context before moving on.

  • Multiple inline links can be confusing. Setting the link off on its own and limiting ourselves to one link per post makes the link itself unambiguous.

Compare the Boing Boing approach to that of Memepool (http://www.memepool.org), with sentences such as “Professional wrestlers are bigger than ever” where every word is a link to a different page related to the blog entry. The Memepool style has its followers. There is no right answer here.

A link

Figure 1-15. A link

Discuss Link

Discussion links (see Figure 1-16) are links to web-based message boards where your readers can talk about your entries. Some blogs don’t bother with discussions, while others are defined by the communities in their discussion areas. Some blogs have a different discussion area for each post, others have a single Ür-message-board with a long running discussion about the posts on the front page.

A discuss link

Figure 1-16. A discuss link

Depending on which blog tool you use to maintain your blog, you may have to use a third-party service to host your discussions. On Boing Boing, we use QuickTopic (http://www.quicktopic.com), creating a new topic for each post.

Some blogging tools have message boards built in. With Movable Type, for example, you just check a box labeled Allow Comments when you’re creating your post, and Movable Type automatically generates a new discussion board and puts a link to it on your post. Likewise, Radio UserLand has an automated facility for adding discussion boards to blog entries.

Discussion boards can be a vital part of a healthy blog. They transform your blog from a broadcast into a conversation, where you and your readers can discuss the items you post. Be warned, though: message boards abstract discussion away from the social cues that we use when we talk face-to-face. Decent people can be breathtakingly abusive on a message board. A single jerk can ruin a fruitful discussion with persistent bile. If you run a blog, you will eventually attract such a jerk (a “troll” in Internet parlance), and he will make your life absolutely miserable.

When confronted with a troll, you have three immediate temptations:

  • To argue back, meeting fire with fire

  • To delete the offending post

  • To shut down the message board entirely

Resist these temptations. Arguing back is fruitless. Internet trolls live to engage otherwise sane people in pointless, heated debate. Deleting the post sets up an arms race, where your troll returns again and again, assuming new identities, until you find yourself spending all your time hunting down and eliminating offensive posts, while your blog idles away, untended and static. Deleting the message board altogether satisfies the troll’s victory condition: he has silenced your readers with his vitriol.

Take a lesson from free speech advocates: the answer to bad speech is more speech. Ignore your troll (and encourage your readers to do the same), while you continue to have your discussion. Trolls really do disappear if no one pays them any attention. Some message boards have email gateways, allowing you to read and post from your mail client. If your message board has this option, use it and avail yourself to your mailer’s filters and delete the troll’s posts unread.

Matt Haughey runs a sprawling and excellent group blog called Metafilter (http://www.metafilter.com), where heated debate often flares. Matt jokes about installing the ultimate anti-troll measure: a filter that makes it appear to the troll as though his posts are being sent to the Metafilter message boards but makes those posts invisible to all other users, removing the temptation to encourage the troll by responding to him.

Attribution

The currency of the Distributed Republic of Blogistan is the link. One link equals approximately $0.00. Even so, links aren’t worthless. There is no shame in getting links for your blog from other bloggers — indeed, one of the blogiverse’s finest characteristics is its ability to examine a single story from a thousand angles, wearing it as smooth as a riverstone as it is handled by a horde of self-appointed analysts.

So no blogger will complain that you are stealing from her if you reproduce her links on your site, but woe to the blogger who does so without attribution (see Figure 1-17). If we find a link on your blog, we don’t need to ask your permission to post it on ours, but we’d be very rude indeed if we didn’t link back to your site.

Attribution with link

Figure 1-17. Attribution with link

Attributing links establish the chain of authorship. They drive your readers to the sites that you read. They are the invaluable payback from one blogger to another, the indispensable, virtual high-five.

On Boing Boing, we attribute in two ways:

  • For suggestions sent by email, we add (Thanks, <first name of sender, with link>!) to the end of the post.

  • For items found elsewhere, we add (via <name of site link was found on>) to the end of the post.

Other blogs handle attribution in their own way. Some do it inline (“Found on Metafilter: Yet another domain hijacking”). Some do it very briefly, at the beginning or the end of the post (“Check out this amazing Flash animation. [slashdot]”, "Scripting News: More cease and desist letters from the Church of Scientology”).

By-Line

Blogs are written by people, not PR departments or staff writers. Blog entries are almost always signed by their authors (see Figure 1-18), even if the author uses a pseudonym. On Boing Boing, we link the by-lines to the author’s email address, so readers can respond personally to a story with one click. Some sites use feedback forms to avoid putting their email addresses on the Web where they can be harvested by spammers.

By-line

Figure 1-18. By-line

The by-line is part of the Internet personal publishing revolution. Before the rise of online publishing, the average person’s only chance to write something for public consumption that carried her name was a letter to the editor. The real world is thick with unattributed, seemingly authorless material — who wrote that Associated Press story on page two of your morning paper, or the newscast that you heard at the top of the hour? Who wrote the instructions that came with your VCR or the warning label on your gas cap?

Blogs are covered with by-lines. Bloggers gleefully lay claim to their words and bear blame when those words arouse ire in their readers.

Permanent Link

The front page of a blog is a book written on water. A busy blog rotates its entire front page every day or two. Links to items on the front page of a blog are only good until sufficient new material is added to the page to push the items off into oblivion.

The solution is permanent links (see Figure 1-19). Most blogging tools generate two copies of every post you create: one on the front page and one on a permanent, sequential archive page. It’s up to you how much material you want on each archive page. At Boing Boing, we put a month’s worth of links (300-400) on each archive page. This keeps the number of archive pages to a minimum, but it does mean that digging through the archives can take a long time, as each archive page has to load and render in your browser. Some bloggers archive a week at a time; especially wordy bloggers may opt to generate a new archive for every day.

Permanent link

Figure 1-19. Permanent link

Your blogging tool will generate a permanent link to the archive copy of each new post automatically. It’s up to you to choose where that link goes and what it looks like. As you can see on Boing Boing, we put permanent links underneath each post. Some other suggestions:

  • A small icon next to the title (see Figure 1-20)

  • A special typographic character (#, Ω, ∞) at the end of the post (see Figure 1-21)

  • An abbreviation (“permalink”) at the end of the post (see Figure 1-22)

We like the Boing Boing approach because it makes it very clear where the permanent link is. Other bloggers who want to link to my posts can quickly and easily locate our permalinks, even if they’ve never been to Boing Boing before.

An icon used to indicate a permanent link in Doc Searls’s Radio blog

Figure 1-20. An icon used to indicate a permanent link in Doc Searls’s Radio blog

A special typographic character (#) used to indicate a permanent link on Rael Dornfest’s Blosxom blog

Figure 1-21. A special typographic character (#) used to indicate a permanent link on Rael Dornfest’s Blosxom blog

An abbreviation (“permalink”) used to indicate a permanent link on Dangerous Meta

Figure 1-22. An abbreviation (“permalink”) used to indicate a permanent link on Dangerous Meta

Get Essential Blogging now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.