It often happens that good blogs with high-quality expert materials go unnoticed. Why is this happening? For different reasons. But one of the most common is that their owners simply can not provide the desired level of comfort for users. In today's article we will describe 10 elements that must be present in your blog, if you want to be loved by both people and search engines.
- Font size
- Font and background color
- Line spacing
- Line width
- 2. Subheadings, images, frames
- 3. Search form
- 4. List of categories
- 5. Tree comments
- 6. Floating Sharing Buttons
- 7. Buttons on groups in social networks
- 8. Blocks "Most Popular" and "Most Discussed"
- 9. Block "Read also"
- 10. Newsletter Subscription Form
1. Good font, background and spacing
The text font in your blog should be simple and easy to read. Sans serif, italic, bold and underline. The most preferred fonts are available in all browsers: Arial, Times New Roman, Verdana, Georgia, etc. Rare fonts are best not to use.
There is a lot of controversy about how the font size should be: someone claims that the font of the largest 11th pin is moveton, and someone, on the contrary, recommends making it as large as possible. My position on this issue is as follows: the font in the blog should be between 14 and 18 px. Why?
- Smaller fonts are the last century. Look at the most popular blogs in your niche and see for yourself. In our theme, all the top sites use large fonts: Siliconrus - 20, Mailchimp - 16, Content Marketing Institute - 16, Buffer - 14, new Seonews - 14, Lpgenerator - 14. In fact, you can transfer for a long time.
- The 16th size on the average-sized screen looks the same as the 12th size in a newspaper or magazine - the standard size for most publications, since it is the most convenient to read.
- Many users (especially older ones) find it difficult to read smaller text.
- According to a recent study by Neil Patel, increasing the size and spacing between lines (given the fact that you use a simple and easy-to-read font) increases the user’s time on the site.
And the last argument: to understand how inconvenient smaller fonts are, look at the following sentences:
This text is written in 8th size.
This text is written in 10th size.
This text is written in 12th size.
This text is written in 14th size.
And this one is our usual 16th. I do not know how your eyes react, but mine like the last two :)
Font and background color
What should be the color of the font and background? Here the answer is unequivocal - a dark font on a light background. Moreover, not black on white, and dark gray on grayish or matte, because The white background is very bright, and his eyes quickly get tired.
The recommended size for the intervals between the lines varies from 130 to 160%. To understand what this is about, here are some examples:
- This paragraph is written in the 16th font and the 16th interval (100%). As you can see, the distance between the lines is too small, and it is inconvenient to read such text - eyes quickly get tired and attention dissipates. This interval is not recommended.
- This paragraph is also written in the 16th font, but already with a large interval - 32 px (200%). It is still inconvenient to read such text - the lines are too far from each other. We have to spend efforts on looking from one line to another.
- And finally, the last example. 16th font and 22nd interval (137%). The sizes that are used in our blog. Of the three paragraphs seems the most pleasant, is not it?
What else you should pay attention to when choosing a font for a blog is the width of the line. If you set a value too high, it will be more difficult for users to keep their attention on reading your materials. I recommend using the following width: from 70 to 100 characters with spaces.
2. Subheadings, images, frames
Have you noticed that in almost all of our articles there is a high-quality image with a witty signature within the first screen? Previously, we did not add it, but then we conducted a couple of A / B tests and realized that we must do this, because this can greatly reduce the percentage of failures. About where to get quality illustrations for the blog, we wrote in detail here.
In addition to images in posts should use subtitles. And so as not to violate their hierarchy:
Also in each post it is recommended to add at least one box with an interesting or most memorable fact.
Often people do not read the article at all, but simply run over images and sidebars. And if you manage to interest them with these two elements, there is a chance that they will come down to the text.
3. Search form
The search form allows your users to quickly find the materials they need. Due to this, the length of the session and the overall degree of their satisfaction increase. As a rule, the search form is placed either in the sidebar or in the header of the site. If, after reading the article, decide to add this element to your site, make sure that he knows how to perform the following functions: correct incorrect layouts, typos, mistakes, and also recognize different spelling variants. From free services, all this can be a search for a site from Yandex.
4. List of categories
The list of categories, as well as the search form, makes it easier for users to search for content that interests them. Many blogging platforms create it automatically (from categories or tags that you prescribe for each post). In other cases, you will have to add it manually. When you assign categories to materials, try to make them so that there are no more than three, because otherwise, the relevance will be blurred, and the list will lose its relevance.
5. Tree comments
According to a Quick Sprout study, tree-like comments (when each new response to a comment is placed immediately below it, and not at the end of the page), on average, increases the number of comments by 16-33%. And this is not surprising: this way of communication is very convenient for users - all comments are ordered, you do not need to scroll to the bottom of the page and try to figure out which answer applies to what.
A large number of good, high-quality comments, in turn, have a positive effect on the search - there are more requests (often low frequencies) by which you can find your website (taking into account that the text of comments is indexed).
To check whether your comments are indexed or not, open some old article and go to the advanced search of "Yandex". There in the column "I'm looking for" paste the copied text of the comment in quotes, and in the column "On the site" - URL page.
If the search gives you the phrase "Your search did not find anything," it means that comments are not indexed.
6. Floating Sharing Buttons
Buttons of social networks, moving along with scrolling the page - this is the surest way to increase the number of share. Users do not need to twist the article to the very end to share it with friends. Buttons are always nearby and they say, "Look at us."
Services that will allow you to add such buttons to your website for free:
Also, if you have a Wordpress website, you can use the Fixed Widget plugin. For more information on how to set it up, read our article "11 free Wordpress plugins that will speed up your promotion on the Internet."
An important point: if mobile users frequently come to your site, make sure that these buttons do not interfere with their reading of the text - do not enter it, do not block the half-screen. If this happens, it is better to leave the usual fixed buttons at the beginning and end of the post. Better yet, use an adaptive layout or a mobile version of the site.
7. Buttons on groups in social networks
In addition to sharing buttons, your blog should also have buttons on your groups on social networks with a clear call to subscribe. Very often, site creators forget about them, and then wonder why they have so few subscribers. Place the buttons on groups in social networks in the most prominent place and give users a clear guide to action. You will see, after this, the number of followers will definitely increase.
8. Blocks "Most Popular" and "Most Discussed"
Using the blocks "Most Popular" and "Most Discussed" you can significantly increase the length of the session of your users. We saw this in our own practice - people actively click on our popular materials to find out why they are so popular and what other people say about them in the comments.
To add such blocks to your site, use the plug-ins Most Commented Posts and Most Popular Posts (if you have a Wordpress site), JComments (if Joomla) or ask a programmer for help.
9. Block "Read also"
Like the previous two blocks, this block is used to increase the length of the session. It can be manually compiled each time, or you can use a plugin that will do it for you. If you have a Wordpress website, the plugin Related posts will suit you, if Joomla is Related Article After Content, if Bitrix, ask the programmer to write it for you.
10. Newsletter Subscription Form
Email marketing is the most effective channel for attracting traffic and leads, and it’s simply impossible to ignore it today. That is why the form of subscription to the newsletter took the tenth place in this list. What your subscription form should be, only you decide. There are more than 10 ways to efficiently collect your users emails. And only A / B testing can determine which one suits you best.
Many of the above elements we have added to your site just recently. Those who follow our blog will surely notice this. First, we added a site search, then a list of categories, a little later - we made a sidebar with blocks with the most popular materials and floating buttons for sharing (thanks to Sergey Koksharov for the advice). And all of this has led to the fact that we have greatly increased traffic and improved behavioral factors. I highly recommend that you follow our example. Create useful content with added value and try to make the stay on your site as convenient and enjoyable as possible. And then your business will go up the hill. 100%.