Group Related Content on Your Blog Site - dummies

Group Related Content on Your Blog Site

By Melissa Culbertson

For your blog layout to feel comfortable for your reader, using proximity can save the day. Plus, placing related content or design elements near one another allows your blog visitor to get to the important sections of your site quickly and efficiently.

Think about the inside of your car. Sure would be harder to use your stereo if the controls weren’t all together. And the same thing goes with blog design. When items are grouped logically, your overall blog design just makes more sense.

For example, by organizing your navigation design with proximity in mind, you create associations in the visitor’s mind that make it easier to explore your blog.

Some parts of your navigation logically fit together, such as

  • Social media buttons (Facebook, Twitter, LinkedIn, Pinterest)

  • Subscription methods (RSS, e-mail)

  • Ways to find content (search box, categories, popular posts)

On Dear Crissy’s blog, Crissy groups her search box, recent blog posts, categories, and archives together on her sidebar.

[Credit: ©, blog design by]
Credit: ©, blog design by

In addition, creating proximity in navigation can be something as simple as placing similar blog pages together in your navigation menu. If you have a food blog, for example, having a Recipes tab and Favorite Cooking Tools tab placed beside each other makes more sense than if you put a Contact page between them.

Applying the principle of proximity also suggests relationships between items grouped together. As an example, grouping a blog name and tagline together emphasizes the relationship between the two. This especially comes in handy if your tagline doesn’t make as much sense without the context of your blog name.

As an example, if your blog name was A Slice of Life and the tagline was “Taking bites of the good stuff,” then the tagline becomes more effective placed close to the blog name.

However, you can’t adequately create groups of design elements or content without a designer’s best friend: white space.