博客设计

博客设计

文章目录

一、什么是博客设计

博客设计是优化博客外观,感观,品牌感,可读性和功能性的实践,以最大限度地提高访客数量,读者和转化。

博客网页设计

二、为什么博客设计重要

根据wordpress最新的数据,每天有7000万篇博客文章发布出来。

wordpress每天发布的博客文章数量

因此,如果你想要自己的内容得到关注,需要发布高质量内容

但是内容在外观设计方面,也需要出众。

根据NN/g的说法,网站设计对网站的可信度有着巨大的影响。

nngroup关于可信度文章

我自己也看到了博客设计对博客的影响。当我第一次开始涉足博客的时候就知道,作为一个新的网站或者博客,要想能在这个超级竞争的数字营销领域脱颖而出,不仅要发布高质量的内容,还要让网站设计能够帮助内容脱颖而出。

于是,我们投入了很多时间在博客的设计中。(如果你有关注埃克森的网站,应该可以看到它的变化)

埃克森数字营销博客

我们在内容中着重使用了很多视觉内容,比如信息图表。

视觉图表效果

这些设计帮助我们的博客迅速得到关注。

为了突出我们的博客设计,我们也花心思进行过了自定义的设计:

定制文章

虽然这些比较耗费时间。当我们看到目前的流量和几百个关键词排名首页。所有的努力都得到了回报。

流量表
埃克森数字营销排名第一的关键词

现在你已经明白为什么博客设计很重要,下面我们带大家了解如何进行正确的博客设计。

三、八个策略帮助你的博客设计脱颖而出

1.关注可读性

提到博客设计,人们一般会想到:颜色,插图,品牌和用户体验。

这些因素对于博客设计是很重要。

但他们还没有你的字体重要。

毕竟,博客是人们去阅读文本内容的地方。如果文字内容难以阅读,一个博客就很难成功。(不管里面的内容有多精彩)

其实,让你的博客内容容易阅读是可以很轻松实现的。

最重要的是使用15px-18px的字号

卡内基梅隆大学的一项研究发现,大字体更容易阅读和理解

字体研究报告

这也是埃克森数字营销在内容营销实践注意到的,当我们打开使用小字体的博客时,我们通常会点击离开。

如果打开了一个可读性高的博客,我们通常会给出更多的机会。

Medium.com在可读性字体方面就做的很好。

他们使用20px字体。大字体,粗体,非常容易阅读。 

medium-文案字体

除了字体大小外,你还需要在博客设计的文字周围给出足够的留白。

例如,看一些这个博客的文字都拥挤到了一起。

一大堆文字的文案

难以阅读。

再看一下,我们的博客,我们在内容周围使用了大量的留白。

内容周围使用大量留白

最后使用一个容易阅读和浏览的博客布局。

例如,使用大边距,像这样:

大边局

以及,对副标题使用加粗字体从而将长内容分解成小块。

H2-H3副标题

2.一致性设计

像网站设计一样,博客设计的一致性是非常重要的。

一致的设计让人们更容易记住你的博客。考虑到现在有这么多的博客,这是非常重要的。

例如,在埃克森数字营销,我们使用蓝色贯穿于整个网站。

博客一致性设计

再例如,AngelList,他们使用自定义插图的博客文章banner, 给人统一的外观和感觉。

angellist-博客设计

NerdWallet博客在每篇博客文章的顶部都使用了高质量的图片。 

nerdwallet-博客图片

这种一致性的设计,让他们的博客即使没有文字,你也能辨认出在谁的博客上。

blogs-没有文字

3.用设计让博客脱颖而出

通过以上的策略,我们知道了博客要有高可读性,以及一致的设计元素。

如果你的博客看起来跟大多数博客一样,那样他就会被淹没于浩瀚的博客大军中。

所以这就是为什么至少你的播客设计应该致力于脱颖而出。

并不一定非要发明什么新的东西。但是你的博客应该做一些与其他博客不同的事情。

这里有一些位置,你可以用来调整你的博客,让它更与众不同:

  • 博客首页内容排版
  • banner图片
  • WordPress主题
  • 字体
  • 插图
  • 评论
  • 网站导航
  • 页脚

我们可以看一些博客例子来获取些灵感,这些博客都做得很出色。 

Intercom为他们的博客布局做了非常独特的设计。

intercom-博客布局

大多数博客内容排列都是垂直的,只有一列。但Intercom把最新的文章排在顶部。

intercom-博客最新文章设置在顶部

然后以3*3的格子列出时间靠前的博客文章。

intercom-博客3x3布局

不管这样会不会使它们的内容更容易查找。但不可否认的是,他们的设计很突出。 

再看一个个人博客的例子:Marie Forleio的博客。

marieforleo-博客

她的布局,字体和风格都是非常独特的。

marieforleo-关于页面

4. 突出最好的内容

大多数博客内容格局就像这样:

博客布局

最上面是最新发布的文章。按照发布时间顺序往下排。

现在:

这个布局并没有错。(埃克森数字营销也是这样做的)

但有一个缺点,就是不容易找到你最好的内容。

例如,假设你两年前发布的一篇非常好的指南。人们第一次来到你的博客上的时候是很难找到这个指南的。它可能已经埋藏在第20页了。

这就是为什么越来越多的博客正在使用“图书馆分类法”来提供他们的博客信息。

有了这个方法,你可以突出最好的内容,而不是你最新发布的内容。

例如,Lattice博客主页就将最受欢迎的内容放到了最上面。

lattice的图书馆分类法

你需要滑到博客主页的底部才能看到他们的最新文章。

当然这个方法不一定适合每个人。如果你的博客是关于新闻或趋势的一些话题,那么采用传统的博客设计,将最新文章放在最前面即可。

但是,如果你有很多常青内容,那么图书馆分类法对你就是有意义的。

如果你坚持将文章的发布时间作为排序规则,你还可以考虑在博客主页的侧边栏,展示一些最好的内容。

侧边栏突出内容分类

埃克森数字营销在实践中还更进一步,将我们获取浏览量最多 ,以及停留时间最长的内容作为“精选文章”直接打包放到了网站首页进行展示。 

(因为我们知道,这些都是受众比较喜欢的文章)

埃克森数字营销-精选文章

5.添加视觉效果和图

博客设计不仅仅是页面的设计。

你的内容格式,布局,甚至文案本身都会影响设计。

为了让你的内容更增彩,我建议你在文章中添加视觉效果和图片。

例如,先看一个100%由文字组成的博客文章。

全是文字的博客文章

再看一个图文并茂的博客文章。

图文并茂的文章

这些图片元素让你的内容看起来更有趣。

当然,我们使用图片并不只是让博客文章看起来更好。图片可以分解内容,让内容更容易阅读。

也不能只是为了添加图片而放置图片。而是在有意义和有必要的前提下使用图片。

6.为“大内容”创建自定义设计

 对于列表文章,案例研究和其他一般性的文章,使用标准博客布局设计就可以了。

但当你发布一些大型内容时,最好考虑使用自定义的页面设计。

例如,埃克森数字营销对大多数文章使用了统一的布局设计。

跳出率文章

但对于我们的一些大型话题,或者说内容集合文章,我们单独进行了版面设计。

定制文章

因为大多数文章布局都是相同的,这些内容集合文章就很容易脱颖而出。 

当然,你也可以为某篇文章单独创建设计版面。

例如,FYI对他们的博客文章“why everyone loves remote work”就是这么做的。

fyi-自定义文章设计

这篇博客文章完全是定制式的设计,包含有大量的定制图片,图表和设计元素。

7.创建一个博客主页

对于大多数人来说,他们的博客主页就是简单的排列了文章。

普通博客首页

这样做的好处是,这种布局可以很容易地找到你的内容。

但是这对转化是不好的。

因此,我建议尝试专门为建立邮件列表而设计博客主页。

然后再排列你的文章。

例如,埃克森数字营销的博客主页就是为建立邮件列表而优化的。

埃克森数字营销博客

因为我们设计的目标是收集邮箱,所以转化比较好。

8.使用署名

当人们来到一个博客的时候,都会好奇“这些文章是谁写的?” 

这是人的本性:我们对内容背后的人充满好奇。

所以这就是为什么,建议你在每篇文章中使用清晰的署名。最好能带上作者的头像。

例如,Buffer博客在他们每篇文章标题下面都使用了署名。

buffer-博客作者

9.添加社交分享按钮

如果你希望更多的人在社交媒体中分享你的内容,你需要给他们提供分享的便利。

这就是为什么我建议大家在你的博客设计中嵌入社交分享按钮。

在埃克森数字营销博客页中,我们使用了浮动的分享按钮,这些按钮会随着你滑动页面而滑动。

当然,你也可以在博客文章顶部或底部设置静态的社交分享按钮。

专业建议:添加2到3个你的受众花费时间最多的社交媒体网站。

太多的分享按钮不仅看起来比较丑…

长长的分享按钮

而且会降低分享的几率(选择障碍)。

例如,我们大多数受众在facebook和twitter以及领英中分享内容。所以我们就添加了这些分享按钮。

分享按钮-facebook-twitter-linkedin

当然,如果你的受众经常在pinterest上分享内容,你完全可以添加它。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

联系电话:13665461054 或者表单留言

谷歌快速排名秘诀

免费获取《谷歌快速排名秘诀-4.0》

---这些都是埃克森数字营销多年SEO总结而来的实践经验汇聚而成

请放心,我们只会偶尔发几封有干货的邮件,你的信息我们会严格保密。

注:订阅后请一定,一定,一定到您的邮箱中确认您的订阅,这样才能收到我们的《谷歌快速排名秘诀》!!!