By signing up, you consent to receive email newsletters from me periodically.

18 Easy Ways to Beautify Your Blog Posts – Part 1: Make Your Blog Posts Scannable

18 easy ways to beautify your blog posts! part 1: make your blog posts scannable. #blogdesign #diydesign #webdesign #blogger #solopreneur #blogging

18 easy ways to beautify your blog posts! part 1: make your blog posts scannable. #blogdesign #diydesign #webdesign #blogger #solopreneur #blogging

Many people think that designing a blog is all about pretty colors and graphics, but there is a lot more that goes into making your blog look good (and professional) to your visitors.

The best way to beautify your blog pages and posts is to use intention when formatting your content. Looking at a blog post with nothing but giant blocks of text can look intimidating or feel tedious to read. That’s why it’s important to make your blog posts scannable.

To avoid bombarding you with too much information all at once, I’ve broken up the 18 ways into 3 blog posts. So be sure to subscribe here so you don’t miss the rest. You’ll also receive a free checklist of all 18 ways to beautify your blog posts!

Download your free checklist! 18 easy ways to beautify your blog posts! part 1: make your blog posts scannable. #blogdesign #diydesign #webdesign #blogger #solopreneur #blogging

Today, we’ll dive into the 9 ways to make your blog posts scannable so your visitors can have a great experience each time they stop by.

1. Use Subheadings

This is the most important one. Remember when you wrote papers in school and you had to create an outline first? This was to help you organize the information in your paper and label each section. Subheadings help you break up the information in your blog posts in a way that makes sense and helps your readers visually organize that information.

You’ll notice I use subheadings throughout this post. I use the <h2> html tag for top level subheadings and when necessary, I’ll use <h3> and sometimes <h4> tags to further break up the content underneath each section.

2. Add plenty of spacing between your paragraphs

To give your readers’ eyes a break while they read, there should be a margin of at least one row of text below each paragraph.
5 Ways to make your blog posts easy to read. One way is to make sure there is enough margin between paragraphs. See more tips on making your blog posts easier to read at www.designyourownblog.com

An easy way to do this is to add bottom margins to your paragraphs in your CSS like so:


p {
margin-bottom: 1em;
}

Using 1em tells the browser to use a height equal to the font size you are using. This way it will adjust automagically if you change your font-size later.

Learn how to edit CSS in your blog.

3. Set your line heights to about 1.5

This means that each line of text gets a row equal to one and a half the size of the font. This will vary with each font so play around with it and go with what feels good.
5 Ways to make your blog posts easy to read. One way is to make sure there is enough space between lines of text. See more tips to make your blog posts scannable at www.designyourownblog.com

Now let’s add another line to our CSS from above:


p {
margin-bottom: 1em;
line-height: 1.5;
}

4. Shorten your paragraphs

Don’t scare your readers away with giant, intimidating walls of text. Short and punchy paragraphs are more interesting and easier to read. Keep them down to 2-4 sentences each.
5 Ways to make your blog posts easy to read. One way is to make sure your paragraphs aren't too long. See more tips on making your blog posts easier to read at www.designyourownblog.com

5. Use bullet points or numbered lists

Bullet points and numbered lists help break up the monotony in a blog post full of text, and numbered lists in particular are very powerful for drawing attention.

6. Use bold and/or italics to draw attention

Most people are busy and many of them like to skim through blog posts for the important info they’re looking for. Bolding or italicizing important text helps skimmers catch the important bits and draws them into your post for more. I try to highlight about one word or phrase every 2+ sentence paragraph or two.

7. Do not use a different color to make text stand out

People automatically think text of another color is a link and may get confused. Did you just try to click on that? 😉 An exception to this may be using red text to highlight an error or something similar. Otherwise, stick to bold or italics to draw emphasis.

8. Use Block Quotes or Pull Quotes

Semantics: Block quotes are quotes that support an article, while pull quotes are lines pulled directly from the article itself, but made to stand out.

Magazine articles use pull quotes often. Here is a showcase of cool looking block and pull quotes.

Magazine articles use pull quotes often.

To create a blockquote or pull quote in your blog post, simply use the blockquote button in your post editor, sometimes identified by a “quotation mark” icon. Or if your post editor does not have such a button, you can switch to “code” or “text” view and use the <blockquote> tag around your quote.

Want more tips on beautifying your blog?

9. Use Content Boxes

A content box is a box used to visually offset text or content within a section of
text.*

Here is a content block used to draw some additional attention to the text.

*From How to Make Your Blog Content Pop! on Blog Ambitions, where you can learn more about using content boxes and block quotes.

So tell me now, what are you going to do next to make your blog posts scannable?

Need feedback or help with any of the suggestions above? I’m happy to help, just leave a comment below with the URL to the page in question and I’ll take a quick look for you!

Come on over to part 2 where I’ll share more ways to beautify your blog posts! Subscribe by clicking the graphic below so you don’t miss part 3. You’ll also receive a free checklist that you can download of all 18 ways to beautify your blog posts!

Download your free checklist! 18 easy ways to beautify your blog posts! part 1: make your blog posts scannable. #blogdesign #diydesign #webdesign #blogger #solopreneur #blogging

Hey friend, want free DIY design stuff?

I've got an entire library of FREE goods just for you! Join the 7000+ others and get instant access now!

Powered by ConvertKit
Marianne signature for DesignYourOwnBlog.com

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.