公众号二维码

0755-82126668

博客设计

什么是博客设计?

博客设计是一种实践,逐步优化博客的外观,感觉,品牌,回归性和功能,以最大程度地提高访问者,读者数量和转化率。

为什么博客设计很重要?

根据WordPress的最新数据,每月发布7,000万篇博客文章。

WordPress –每月发布的帖子数

因此,要使您的内容受到关注,是的,您需要发布更多的内容。

但是该内容还需要非常好看。

实际上,根据NN / g的说法,网站设计对网站的可信赖性和信誉具有重大影响。

NN Group –有关可信度的文章

当我第一次创建博客时,我是竞争激烈的数字营销领域的新成员。

而且我知道设计会帮助我从自己所在领域的大型博客中脱颖而出。

因此,我在最初的博客设计中引入扩展时间和收益。

我还大力投资了视觉内容,例如信息图表。

页面SEO信息图表

这种对设计的关注使我的博客在早期得到了关注。

我可以自信地说,设计是我们博客每月带来304265次访问的首要之一。

Backlinko –每月访问

本质上,您需要让某人从头开始设计网页。然后,将页面编码并集成到WordPress中。

因此,如果您没有庞大的内容营销预算,请关注更便宜的设计元素,例如博客帖子横幅和视觉效果。

既然您已经准确地了解了博客设计的本质,那么现在是时候确保以正确的方式设计博客了。

最佳实践

专注于高素质性

当大多数人听到“博客设计”时,他们会想到某种颜色,插图,品牌和UX之类的东西。

是的,这些东西对于博客的设计很重要。

但是它们并不像您的版式那么重要。

毕竟,博客是人们阅读文本内容的地方。而且,如果该文本内容难以阅读,那么该博客将不会成功。

(无论该内容多么令人惊讶)。

幸运的是,使博客内容易于阅读不是火箭科学。

最重要的是,您使用的字体介于15px-18px之间

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

卡内基梅隆大学–字体大小研究

我从自己的经历中注意到了这一点。如果我以小字体登陆博客,那么通常我会点击一下。

但是,如果我结识了具有高度可读字体的博客,则通常会给该内容一个机会。

他们使用21px字体。而且体积大,大胆且易于使用。

中–正文复制字体大小

除了字体大小,您还希望博客的设计在文本周围包含大量空白。

例如,这是一个博客,所有文本都被压缩在一起。

压缩文本的博客

这太难读了。

另一方面,在博客上,我们在内容周围使用了大量空白。

Backlinko上的空白示例

最后,使用易于阅读的博客布局…并略读。

这意味着要使用宽边距,如下所示:

Backlinko的利润空间很大

并创建粗体的子标题,将长格式的内容分解为较小的块。

Backlinko上的粗体子标题

使用一致的设计

像任何网站设计一样,博客设计的一致性是巨大的。

一致的设计使人们更容易记住您的博客。考虑到那里有多少博客,这非常重要。

如果他们在一个帖子中使用库存图片,而在另一个帖子中使用插图,则他们的博客设计将遍布整个地方。但是这种一致性使他们的博客看起来超级专业。

实际上,如果您从每个博客中删除了文本,那么仅基于设计,您仍然能够分辨出您所在的博客。

没有文字的博客

这就是一致设计的力量。

设计脱颖而出

您的博客应该易于阅读。并使用一致的设计元素。

但是,如果您的博客看起来像您的利基市场中的其他博客,那么它将融入其中。

这就是为什么至少您的某些博客设计应致力于脱颖而出。

这并不是说您需要重新发明轮子。但是您的博客应该做的事情使其看起来与竞争博客有所不同。

以下是一些示例,您可以对其进行调整以使您的博客设计看起来与众不同:

  • 您的博客供稿
  • 您的横幅图片
  • 您的WordPress主题
  • 字体和版式
  • 插图
  • 评论部分
  • 网站导航
  • 页脚

为了给您一些设计灵感,让我们看一些出色的博客示例。

对讲机的博客供稿具有真正独特的布局。

对讲博客布局

大多数博客提要是垂直的,并且具有单列。但是Intercom在Feed的顶部显示了他们的最新帖子。

对讲博客–最新新闻

现在:

这种布局没有错。

但是,使用按时间顺序排列的方法有一个很大的缺点:很难找到您博客的最佳内容

例如,假设您在2年前发布了一部了不起的指南。好吧,第一次登陆您博客的人无法轻松找到该指南。它可能埋在您的供稿的第10页上。

这就是为什么越来越多的博客对其博客源使用“库方法”的原因。

通过这种方法,您可以突出显示自己的最佳内容,而不是最近发布的内容。

实际上,您必须向下滚动到页面底部才能查看他们的最新帖子。

这种方法并不适合所有人。如果您的博客涵盖了行业新闻和趋势,那么您可能确实希望使用传统的博客供稿。

但是,如果您发布许多常绿的内容,那么图书馆方法可能对您有意义。

如果您已习惯了博客供稿格式,则可以在博客供稿侧边栏中展示一些最佳内容。

Backlinko –博客侧栏

添加视觉效果和图像

博客设计不仅与页面设计有关。

您内容的格式,布局甚至副本本身都会影响设计。

为了给您的内容带来一点点额外的流行,我建议您在整个帖子中添加视觉效果和图像。

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

仅用文字制作的博客文章

这些屏幕截图和图像使我们的内容看起来更有趣。但是我们不仅仅使用图像来使我们的帖子看起来漂亮。我们的图像分解了内容,使其更易于阅读。

这并不是说您应该仅仅为了添加图像而添加图像。但是,当您可以使用图像时,应该使用图像。

为“大内容”创建自定义页面

对于列表帖子,案例研究和其他常规帖子,您的标准博客布局将可以正常工作。

但是,当您发布巨大的内容时该怎么办?

好吧,这就是您可能要考虑自定义页面设计的地方。

但是,我们不时地发布一些“大内容”,例如行业研究或报告。

当我们最初时,我们将使用自定义设计让人们知道此内容很重要。

由于该帖子的其余部分完全相同,因此该定制设计非常容易实现。

但是,您也可以发疯,只为一个帖子创造一个全新的页面。

使用下划线

曾经登陆博客,却感到奇怪:“到底是谁写的??”。

这是人的天性:我们想知道谁在消费我们的内容。

这就是为什么您要在每个帖子的顶部使用清晰的署名。最好附上撰写者的头像。

添加社交分享按钮

如果要让更多的人在社交媒体上共享您的内容,则需要转换对他们超级方便。

这就是为什么我建议在设计中加入社交共享按钮的原因。

专家提示:选择您的观众花时间最多的2-3个社交媒体网站。并且仅在那儿拥有那些网络。

一长串的按钮甚至看起来非常丑陋………

但是,这样一来,他们使用您的任何按钮的可能就会降低。