Best Blog Layouts

Top Blog Layouts

Templates with highly SEO-optimized, responsive layouts. But it also applies to blogs. The people will make a quick judgement about your blog based on its design.

Your blog is wrongly designed: 10 things we learnt by analysing the best blog templates?

Do you know what my biggest concern was when I launched my blog? Not even when my things were reading (I had a full 87 Twitter follower and an e-mail queue of 7). And I was concerned about what my blog would look like. Prior to writing my first words, I spent a few whole day trying to select the right blog templates.

What you select is what your blog will look like for the remainder of the year. Are you sorting things out so you can get a blog that's different? According to prize, because $60 is RIGHT FOR A TemPLATURE AVAILABLE?! Bestsellers, trend articles, novelties... don't look for them. They' fine as a point of departure, but you shouldn't base your blog submission on things that have nothing to do with the ease of use of your prospective blog.

Scrolling speed. This is the only statistic that is most important when you buy a blog submission directly from the blogger. The scrolling percentage means how much of your page your users see. Let us assume this is your blog homepage: However, just think, your guests have only seen so much of your homepage: Using this pattern means that your users would see three of your nine items.

This happens when your website is not scrolled by your users. In essence, it means that these other items do not coexist. In fact, your blog postings can be condemned to non-existence before you ever post them. That' because nobody ever said how far down the page your users would be scrolling.

Millions of bloggers use content analytics to see how far their readership gets on the page. When you don't know it, content analytics looks like this: As the colour gets warm, the number of hits on this part of the site increases. I' ve segregated the top blogs-we mean those with more than 1,000,000 readers-and analysed their blog layouts to see what was absolutely the most scalable blog submission.

Poor messages first: There is no such thing as a perfectly good, superbly scalable pattern. Now, the unavoidable good news: I found 10 items that get folks to move down on a blog homepage. You' re not gonna have all 10 of them on your blog right now. However, if you can integrate them into your homepage gradually, you will gradually turn your site into something that makes it easy for your visitors to browse through.

Nobody wants his contents to just go because of a poor blog design. The 10 items belong to one of two categories: above the crease and below the crease. Over the pleat: Underneath the pleat: Designer attach great importance to the above mentioned folding part - it is the first impression of your website, and it usually gathers shopping and keeps humans on the move.

Whilst this is important, the lower pleat also needs some love. That' what keeps folks going - which means that more of your stories are seen, harvested and passed on to the crowd. It took me 12 hrs to search the web for 10 ready-made blog submissions that followed all the scientifically supported best practice in this book.

Encourages extra scrolling: Naturally, people know that there is not just one item on a homepage. Keep extra floors under the flap to get your traffic to scrolling more. Menus are the keys, because you can immediately see only certain kinds of items. This way, viewers are not disappointed when they browse through never-ending items trying to find what they want.

Either click on the item, go to a categorie or scrolling down. Dialysis doesn't start with a dozen or so choices right away. Take a look at this example of A Sweet Pea Chef: 94% of our readership get to the bottom of the crease (reading: screen). In order to give you a better outlook, the avarage first work of successfull blogging held only 81% of the reader.

When I rule out blogging with a hero/menu stile, the mean ratio of retentions above the crease is 72% of people. This is just an useless waste, and it has everything to do with how the blog is designed. The A Sweet Pea Chef has a perfectly written manual about the folding plan.

There is a categories drop-down list, the first picture/article and a place to log in. and it keeps them busy enough to keep rolling. To get a higher chances of being scrolled, use the Menu/Hero Styles above the crease. You would think that setting something other than blog contents over the crease would slay your roll rates, right?

{\pos (192,210)}The fun part is, it really doesn't affect your scrolling speed. If you have a clear objective for this area, it will not harm your scrolling percentage. When you can reach a target before scrolling, you gain added value from your blog. People know they're going to visit a blog. If they see the immediate opt-in question, then they know that there is blog contents below the crease.

Quite seldom they will see your opt-in request and exit the site angrily. In her blog The Science of Peoples, Vanessa Van Edwards shows exactly how this works: It also uses the menu/hero picture layouts, but you can see that the primary objective is to subscribe to its e-mail mailing lists.

Very few folks leave the site because of it. What distinguishes their design is that you see the first blog entry above the crease. Gives the readers immediate confirmation that blog postings are just a mouse click away. You above the folder section may contain something that is not related to the blog as long as it has a use.

Best and most efficient blogging gives humans a good cause to scale or act. Most of the bloggers who saw most of the traffic leaving before they scrolled depended too much on one of three things: If you devote a great deal of time and effort to your crease, fewer folks will be browsing the homepage of your blog.

They are great, but not when they occupy a significant portion of the upper folding area. Contents are great (I can thank you for many meals in my freezer). But the only problem is that users don't get to the most important content: This means that visitor will exit the area around this area.

Place the category in a drop-down list and slide the item over the crease. These two changes would make the items the focal point again, which would raise the scrolling rate. When your over the pleat is no item, make sure it has a clear, realizable intent.

DON'T USE THE ADJUSTMENT SLIDE OVER THE REBATE. If I say slide control, I'm referring to a function on your page that scrolls through your items. They are integrated into almost every blog submission you can buy. Of the 3. 7 million visitors to the formal website who visited the site over a six-month timeframe, only 1% of those visited were clicking ANY of their slide control pictures.

Only 69% of users remained on the site on avarage in blog posts with slide controls over the bug. Couple of folks might click on your slide bar, but the overwhelming truth is that the slide bar doesn't load, they experience flag blinding, it's locked by a pop-up blocking device, or they just don't like your slide bar.

It' probably not mobile-friendly: some faders are not optimised for the phone, which means that your sleek fader looks like a crumpled picture (if it appears at all). However, we're discussing how to get people to stay close and see more of your website, and that's not a way to do that.

If you plug every paper you've ever wrote about the crease, my research shows that you'll see fewer folks moving under the crease. But the good thing is that fewer traffic passes your prompts because they actually click on them above the crease. You don't need to flip through any of these items.

All of this selection allows users to expect these items to be the only or best option on your site, resulting in them leaving the site completely. A perfect example of this is a blog that concentrates on Apple related software (and how to use it). At the moment, half her readership is falling over the pleat.

It' got a dozen items under the rabbet, but half the attendees will never see them. The blog has a lot of people who check the site every day. Due to this incidence, most folks only look for the latest items - also known as the one above the folding kit. Anyway, you're most likely not on this blog.

A lot of the other blog I analysed had this kind of drop-off ratio, but the clicking was just as low. I' ve only shown you this blog as an example, because I won't get an ineffective site up to speed (and this particular blog is insanely successful). It can mean (and usually does) too much to make players jump more quickly than a super ball fired from a canon.

Don't overburden your customers with too much selection. Underneath the pleat. When you have done everything directly over the crease, you can think about what folks do under the crease. The first two pleats (top and bottom) are their contents that get users to scroll/more/want to scroll on their keyboard. These five below the folding hints, when combined with those above the folding hints, keep humans FOR-EV-ER rolling.

One way or another, my limbs are open widely, 100% willing to accept this lay-out look as a new norm below the pleat. My research shows that it always works better than any other (standard) design at the moment. Currently there are three very popular layouts for blogging (below the fold).

First, the big banner, the big picture and the great diversity of descriptions: Normally, the title and picture occupy the whole crease. Then there are the several pictures per folder with headings underneath: The layouts contain several items, usually with a heading below or on the picture. And then there is the clear line layout:

You will usually see 2-3 histories per pleat, with one picture oriented in one direction and the other in the opposite direction to the title/description. Nearly every blog you can buy adheres to one of these three layouts. It is the last one - the line form - that makes the visitor scroll longer. Here is the code to viewing content analytics in a blog outline.

And the best case is that 100% of your traffic ends up at the bottom of your page. The next best thing you want is a gradual decline in the number of traffic as they browse your site. This means that users leave your site with greater priority than those who leave the Titanic (too early?).

This means that your site traffic stays on and scrolls through. Finally, the most logical page turning format is the line out. Take a look at all this under the folding layouts that use the line style: Here is the science of the people that keeps the visitor back on the page and scrolls down for the next time.

Here is Big Think with a good example (only 8% of attendees go in this area!). The rows are slightly larger, but you can still clearly see two items in the pleat. to keep them on their side. There is something about this kind of design that works.

The lines seem to match the browsing habit. Every slider bar displays a new item. Nothing unknown needs to be seen by the naked eye, which makes it easier to leaf through. There is no need to browse through a caption and an picture to see a caption. From the three most popular blog layouts, you have the edge when you choose a line style sheet.

The most difficult part of the scroll was the large header, picture and descriptive sheet. May God consecrate Tim Ferriss for the creation of hit man contents and the fact that he is a great author because this is statistics the harshest one. Here is the reason: All the visitors see is the title and the picture.

Thus the byline and the picture are better the best fucking byline and the best picture known to humanity to assist you in your scroll. Here is an example from a great foods blog. Another unsuccessful page again because of the good products they are writing. However, even with a great news item and a compelling reputation, 26% of viewers fall off the page before they see the second one.

A number of my checked blog posts had drop-offs of up to 56% in a row. Poor headlines and poor images will take up the whole display and make users unwilling to scroll. When you have this page setup, you are spending additional amount of your free attention creating a kill header and a kill picture. Take a look at this headlines editor and this 49 headlines guidance for idea headlines.

Beyond the three joint below the folding layouts there is a new styling that dominates the blog play gradually. When we talk about scroll, however, Pinterest is up there with Twitter and Facebook because of the endless scroll. Now you most likely don't have enough contents for endless scroll. If you have a good amount of contents, step into this fiery designer trend: Here's One Green Planet, which uses the Pinterest look below the crease to find a good match between clicking and zooming.

What is most interesting about this finding is how it directly conflicts with a folding rules we cover - more does not mean better. Beyond the crease, the more options you had, the less likely it was that a user would scroll further. Below the crease (in this layout), however, there is another history.

The One Green Planet has 13 floors in this rabbet. Humans are used to taking an interest. Each of these user is used to endlessly scroll to put the perfectly thing against the mural. One Green Planet (and many other blogs) took a page from this game book and created it below the crease to fit Pinterest.

Though there are more options, users do not often exit the site. Interest layouts below the folder allow you to view more items without anyone jumping off. Beneath the crease, texture is what makes your visitor roll. With the same repetitive layouts, it's easier for your reader to easily score and scale.

If you interrupt this lay-out, a totally different visual impression is created. See what happens when a blog changes its look below the fold: Colour changes are sudden (orange to green), which corresponds in essence to a reduction of more than 30% of visitor numbers. However, look what happens if you keep your layouts consistent:

The Rideshare Guy blog where users scroll through the site. It doesn't fit the line policy, but that's because it matches its layouts and its news is great. So many new patterns are coming out that are drowning the market place with wacky layouts and funny layouts (I know I sounds like an old man).

However, it is those who remain constant who score best. Keep constantly under the crease. Item description may be the most missed part of a blog outline. However, it is the one thing that can steer your whole design. There are four kinds of description within a blog. From the four layouts available, small to mid-sized layouts are used in 73% of popular blog posts.

Using short explanations, you can create an overall Teaser that encourages your audience to browse. Having a heading and an illustration, you have only these two choices to get inspired by a click. There is a third way to record these persons at the perimeter gate. Larger length specifications take up more room, which means you get fewer items in each notch.

Most of the popular blog layouts - layouts that help users navigate - use these small to middle description to go the line between zooming and zooming. Think I' ll just leave my blog as it is. "If 4k words didn't persuade you, at least get Content Analytics to see how far your page scrolls.

You have the programming know-how to modify your blog outfit. Purchase a new template: Possibly you have the possibility to completely modify your pattern. OR, you have been looking for a new submission and have come across this guideline. How to buy a new blog now. I' ve made a table of 10 blog submissions that I can now suggest to you so you can buy, deploy and run them with trust.

It took me almost 15 hrs to wade (seriously) through all the submissions on Themeforest to find the absolutely best ones following the proposals in this book. I' ll insert my thoughts next to each submission, as well as the configurations you'd run for the best results.

Mehr zum Thema