{"id":11548,"date":"2019-03-22T10:10:38","date_gmt":"2019-03-22T04:40:38","guid":{"rendered":"https:\/\/golocalclassified.com\/article\/?p=11548"},"modified":"2019-03-22T10:10:50","modified_gmt":"2019-03-22T04:40:50","slug":"7-blog-design-optimization-tips","status":"publish","type":"post","link":"https:\/\/golocalclassified.com\/article\/7-blog-design-optimization-tips\/","title":{"rendered":"7 Blog Design Optimization Tips"},"content":{"rendered":"

Alot is said about content being the main driver – responsible for the success of a blog. In fact, it is <\/span>very important<\/span><\/i>, but a good quality design can contribute a lot as well. <\/span><\/p>\n

It is the design that makes content look attractive to readers. After all, what good is having great text if it is not well-presented and easy to read?<\/span><\/p>\n

Great blog design is not one that only delivers a great look, but a simple browsing experience for the users.<\/b><\/p>\n

And it is not just content. On the contrary: it’s in the layout, colors, fonts, graphics, usability and accessibility of a website or blog.<\/span><\/p>\n

In this article, we’ve selected 7 tips that can optimize your blog design so that you improve your strategy, visitor experience, and conversion results. <\/span><\/p>\n

1. Make good use of color psychology<\/b><\/h2>\n

The \u00a0<\/span>psychology of colors <\/span><\/a>\u00a0is the science that studies the influence of colors on the emotions, the reasons, and the decisions of the reader.<\/span><\/p>\n

In your blog, good use of colors is very important to reinforce certain messages or guidelines for your users.<\/b><\/p>\n

For example: let’s assume you’ve released a new YouTube video and want to promote it in your next blog post.<\/span><\/p>\n

To convey this sense of vibrancy, enthusiasm and energy, it is best to use warm colors predominantly in images, like orange or red.<\/span><\/p>\n

\"\"<\/a><\/p>\n

\u201cThis would help align the image with your proposal and so to provoke the reactions your readers are looking for. This combination is very important to not make things any more difficult or artificial for the reader.\u201d <\/span><\/i>– Edan Mizrahi of <\/span>brand marketing firm las vegas<\/span><\/a><\/p>\n

Another example: a blog that talks about healthy eating and doesn\u2019t use the color green may seem strange for your visitor. It is a natural association that facilitates the understanding of the values \u200b\u200bof your brand and the proposal of that site.<\/span><\/p>\n

\"\"<\/a><\/p>\n

2. Do not overdo the amount of colors and fonts<\/b><\/h2>\n

There are some sites and blogs out there that love to vary the color and fonts. However, such diversity can confuse the public and hinder the construction of a visual identity.<\/span><\/p>\n

In relation to colors, you can use a palette with a maximum of 5 or 6 harmonic colors<\/span> between them, consistent with the company or your logo.<\/span><\/p>\n

There are a few tools that can suggest ready-made variations for your blog according to different combining styles, like \u00a0<\/span>Adobe Color<\/span><\/a>.<\/span><\/p>\n

The same goes for fonts: keeping a pattern will help to make your blog look clean. Two or four readable fonts are preferable in your content. <\/span><\/p>\n

You could separate fonts in this way:<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0– post title<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0– one for the text<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0– one for the menu<\/span><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0– and if necessary, one for the blog sidebar <\/span><\/p>\n

3. Make your content scannable<\/b><\/h2>\n

The <\/span>F Shaped Pattern <\/span><\/a>\u00a0unites one of the main objectives of design: <\/span>provide a beautiful look and make life easier for your reader.<\/b><\/p>\n

This is because users read your content in a certain way. <\/span><\/p>\n

For example, when your reading, you usually do a quick scan which goes down, then up, and then to the right. That pattern is repeated all the way to the bottom of the page. <\/span><\/p>\n

4. Page Speed Load Time Optimization<\/b><\/h2>\n

As we have already said, the design also has to do with the accessibility of the pages. In this respect, there is nothing more important than the <\/span>page speed<\/span><\/a>. <\/span><\/p>\n

But what causes slow loading time? These are usually images, scripts, and heavier codes that make a website take longer to open.<\/span><\/p>\n

To learn what exactly happens on your site or blog, you could use some tools that measure page speed, including \u00a0<\/span>Pingdom<\/span><\/a> \u00a0and \u00a0<\/span>PageSpeed \u200b\u200bInsights<\/span><\/a>.<\/span><\/p>\n

These platforms are good because they point out what pages are heavier and how to improve them. \u00a0<\/span><\/p>\n

    \n
  1. Visually highlight CTAs<\/b><\/li>\n<\/ol>\n

    One of the points in which design and usability come together is in Call To Actions.<\/span><\/p>\n

    The <\/span>calls to action<\/span><\/i> fulfill the function of guiding the public to perform a desired action such as subscribe to a newsletter, download a pdf, or <\/span>BUY NOW<\/b>. So <\/span>they need to stand out in the layout to get the users attention.<\/b><\/p>\n

    Ideally, Call To Actions should have colors that protrude into the background from where they are inserted. For example: in a blue banner, or a CTA button with a yellow color would visually stand out as well.<\/span><\/p>\n

    In addition to color, there are positioning issues on the screen. Depending on the page size and content, it is recommended that CTAs be repeated so that the reader always has them within reach.<\/span><\/p>\n

    \"\"<\/a><\/p>\n

      \n
    1. Improve blog usability<\/b><\/li>\n<\/ol>\n

      The usability applied to a website or blog is a strategy used to make visitors achieve their goals in a simple and intuitive way.<\/span><\/p>\n

      These goals may be to learn from content, search for a particular text, contact the company, download an ebook or even buy a product.<\/span><\/p>\n

      Conceptually, <\/span>usability is very close to design<\/b>. You can consider design as one of the tactics to improve the usability of a blog. After all, it is that in which will make your pages more functional and absolutely beautiful.<\/span><\/p>\n

      Design can fine-tune the navigation and consumption of a website in the following ways:<\/span><\/p>\n

        \n
      • adjusting the contrast between the background and the text (makes it easier to read)<\/span><\/li>\n
      • decreasing the appearance of pop-ups<\/span><\/li>\n
      • visually highlighting the blog’s search field<\/span><\/li>\n
      • making the blog navigate seamlessly on mobile devices (responsive design), among other good practices<\/span><\/li>\n<\/ul>\n

        7. Apply CRO techniques<\/b><\/h2>\n

        The Conversion Rate Optimization (CRO), as the name suggests, is a body of research, procedures, tests and changes in the structure of a site so that it \u00a0<\/span>increases your conversion rates<\/b>.<\/span><\/p>\n

        But what does this have to do with design? The point is that <\/span>any conversion-focused measures also tend to provide a better browsing experience for the public<\/b>.<\/span><\/p>\n

        In practice, the CRO can be applied with segmentation to the blog and its contents and through A \/ B tests.<\/span><\/p>\n

        These tests can be done with CTA buttons, layout, colors, fonts, images, pop-ups and other elements.<\/span><\/p>\n

        Experiments should be conducted on the main pages of the blog, the pages of posts and the landing pages.<\/span><\/p>\n

        To deliver an above-average user experience, your blog needs more than relevant content. It is necessary to take care of its visual presentation, its performance and the ease of navigation.<\/span><\/p>\n

        The key is to <\/span>align an intuitive and beautiful design<\/b>, which will make people not think too hard to complete an action, <\/span>with efficient usability<\/b>. This combination will ensure more visits, time spent, conversions and improvements in all the important indicators for the blog.<\/span><\/p>\n

        And as always you should track the position of your keywords (pages) in the SERPs. These blog optimization tips will definitely help you get there. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

        Alot is said about content being the main driver – responsible for the success of a blog. In fact, it is very important, but a good quality design can contribute a lot as well. It is the design that makes content look attractive to readers. After all, what good is having great text if it […]<\/p>\n","protected":false},"author":7185,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[1851],"class_list":["post-11548","post","type-post","status-publish","format-standard","hentry","category-seo","tag-blogging"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts\/11548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/users\/7185"}],"replies":[{"embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/comments?post=11548"}],"version-history":[{"count":0,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/posts\/11548\/revisions"}],"wp:attachment":[{"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/media?parent=11548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/categories?post=11548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/golocalclassified.com\/article\/wp-json\/wp\/v2\/tags?post=11548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}