功能博客设计|分析博客布局,边栏,内容表

03manbetx

经过:

当您决定哪个品牌值得您的资金时,您可以看到哪些最重要的因素?

虽然您可能专注于产品质量或快速客户服务,但数据显示了如何越来越多的买家,信任正成为#1因素

但是“信任品牌”这意味着什么?这是一个难以回答的问题,因为信任意味着不同于不同的人。

有些人喜欢知道你有一个很好的曲目记录,你正在保护他们的个人数据。有些人想知道你参与了社会事业的关注。有些人想看看其他人对你的产品或服务有什么看法。有些人可能会在乎您是否有一个灵活的退货政策。

这是您的博客和内容攀升到舞台上的阶段,以实现建立客户信任的核心作用。每个博客帖子他们读过,每种信息图表都滚动,他们观看的每一个视频都在移动它们,更接近转换。因此,您的目标应该是设计一个博客,可以尽可能长的时间。

无论您是谁开始一个全新的博客给一个旧的生活或者只是寻找减少讨厌的反弹率百分比的方法 - 阅读本指南的其余部分应该在您的待办事项列表之上,因为它列出了构建功能博客设计所需的所有必要步骤。

设计欢迎博客主页

你可能遇到过这项研究这表明人们如何只需要50毫秒,以形成关于他们正在访问的网站的视觉上诉的意见。

虽然这被引用了很多,因为它是一个辉煌的数字,在盛大的事情中,它是无关紧要的。如果您的博客设计得很好,无论您是10毫秒还是20分钟,它都会好看。

另一种方式是真的。唯一真正变化的是希望,如果人们保持足够长时间才能浏览视觉混乱,他们可能会通过内容的质量来拉动。

有数百个精心设计的博客,您可以使用它来提高您的创意火花。然而,不要陷入抓住设计的陷阱看起来最好。还有一些东西可以说的是功能。

为了获得两个世界,在您在博客上开始任何工作之前,您需要回答2个问题:

  1. 您打算使用哪种特征图像(如果有的话)?
  2. 您的内容是否跨越多个不同类别?

让我们探索为什么通过查看一些例子来实现这些事情。

让我们谈谈博客布局

那里有一些创意博客设计,但我们将专注于5个最常见的博客。

1.标准网格

可能是设计主要博客页面最常用的方法。这里有几个很棒的例子HelpScout.市场

功能博客设计功能博客设计

虽然您可以找到使用2,4甚至5列布局的博客,但是3似乎是甜蜜点。这可能是因为3列布局为您提供足够的空间来显示您的特色图像,标题和发布说明,同时为桌面用户提供达到10个不同的内容建议,只需单击单个鼠标滚动。

2.网格不均匀

此方法为页面提供了一点动态,使您可以更专注于通过在网格上提供更多空间来突出显示的内容。它也可以是一种简洁的方式,可以将一些铅磁铁扔进混合。

3.单列布局

博客设计的另一种非常常见的方法。在下面的图片上,您可以看到如何钢铁cmms.wis使用相同的方法,但结果不同。

功能博客设计

Limble CMMS创建了自定义图像,因此它们让它们闪耀并捕捉读者的注意力。但是,由于此,使用单个鼠标滚动,访问者没有看到超过2个内容建议。

功能博客设计

另一方面,WISESTAMP决定以某种方式牺牲特色图像,但是作为返回,他们能够将多个内容建议拟合到一个屏幕中。

此外,如果你去打开他们的博客,你将看到的第一件事实际上是一个坐在顶部的滑块。如果这是你是粉丝的东西,这是为你的博客添加一些互动的好方法。

4.网格分为类别

与具有多个列的标准布局没有太大不同。就是这样alexa.实施它。

这是一种你应该考虑的方法您计划提供不同的类别(就像上面的例子)或者如果您有针对特定群体的内容(如企业家/营销人员/设计师)。替代方案是要包含一个下拉类别过滤器或将类别包含到您的网站导航中。

如果您在决定如何定义您的类别时遇到问题,则可以查看您的买方(或读者如果你不是销售任何东西)人物档案。从本质上讲,如果您有X相当不同的买方角色,您可能希望为每个角色定义一个类别。

如果这对你不起作用,我建议阅读这篇文章在选择博客类别上来自coschedule。

5.简约的方法

通过简约,我基本上意味着没有特色的图像和帖子描述。这是完全说明的Ahfrefs的博客

这可能是与其特色图像不一致的博客的智能选择。不是我推荐的东西,因为没有特色的图像和发布描述,你只有你的标题来生成兴趣。

这适用于Ahrefs,因为他们已经建立了很多品牌信任,人们可以确保他们点击的每个标题都会有价值的建议。

这种设计方法的一个扑片是您可以在屏幕上符合大量内容建议,特别是如果将其拆分为更多列。这可以看出列表分开主页

抛光用户体验

这是一些简单的调整,你可以在你的博客上实施提高用户体验无论您决定使用的网格/布局如何:

  • 实现搜索功能
  • 根据类别/标签/作者/发布日期/流行度加入过滤内容的能力
  • 包括“时间读”邮票
  • 实现进度条,因此读者更容易追踪它们
  • 在更长的内容件结束时添加回顶部按钮
  • 显示每件单件的参与率(观点/评论/购物数/喜欢的数量)
  • 通过使用对比度颜色清晰可见超链接
  • 为更长的博客帖子添加一个内容表

现在,不要从此列表中进行所有内容。选择为您工作的东西。例如,如果您的内容获得了很多股份,但很少的评论然后仅显示以更好的光线表示它的指标。

你的侧边栏的目的是什么?

如果有一件事我们经常忽略博客布局时,它是侧边栏。这并不是说博客不使用它,我想说的是他们没有用它的全部潜力。

除了通常的事情,如搜索,标签和最流行的内容,您应该考虑将读者订阅的其他事情。

再次来自Wisestamp的一个很好的例子,具有展示其产品的短教程。

侧边栏元素用于“棒”,因此在滚动内容时,它们始终在屏幕上可见。

虽然我肯定无法知道,但这可能是抵消一般的尝试在侧巴不感兴趣。我们的注意力永远是我们来阅读或观看的内容。如果您想要通过侧边栏中的一个非常重要的信息,您希望在各次保持视线。

最大限度地使用您的侧栏。测验,计算器,旋转推荐,社交媒体饲料,评论,铅磁铁......这些都是可以建立信任,增加参与的元素,也许甚至可以获得一些领导者。

所有这些都说的,它们是对侧边栏的一些论点。例如,来自碰撞的案例研究显示删除侧栏并在帖子底部拍摄CTA实际上改善了它们的转换速率。

什么是什么?你应该使用侧边栏吗?

由于存在很多违背的建议,显而易见的是,没有适合每个人的普遍纠正答案。就个人而言,我宁愿有一个侧边栏,因为我相信当你以正确的方式使用它时,它会带来比糟糕更好的方式。

如果要使用一个,请使用一个,决定要使用2或3项,并坚持使用它们。毕竟,在侧边栏中填补了一堆东西可以从内容本身偷取太多的关注。不尊重白色空间是一个常见的网页设计错误这也适用于博客设计。

优化博客内容

内容需要是可读的,大部分需要明确的分离,整个结构只是必须有意义。

正如他们所说,魔鬼在细节中。

作为既读写很多长型文章的人,这里有一些额外的生活质量设计技巧,将判断功能博客设计,并使您的内容更容易消费:

1)在新选项卡中打开链接

这是一个很好的方式避免返回按钮疲劳

所有外部链接都应在新选项卡中打开,因此用户可以随时快速返回您的网站。内部链接周围有一些辩论,应在新标签中打开。两种方法都有自己的一组(DIS)优势,因此可以使用似乎最适合您的。

2)包括较长内容件的导航栏/内容表

越来越多公司采用内容营销足彩狗万网址,我们已经目睹了向视频和长形内容的转变为前导内容格式。这个终极指南介绍一个完美的良好设计的例子,与UX的内容表和不同部分的清晰区别。

对于那些想要进一步迈出这一步的人来说,我已经看到了一些博客,其中左侧栏中的可点击内容表(显示H2和H3),这使得它真的很容易浏览主要内容。

在下面的图片上,您可以在我们的网站上看到类似的实现。

3)将一些想到的互相思考

内部链接是另一种让人们探索博客的方式。但是,为了链接,不要链接到其他帖子。确保您链接到的帖子是相关的,并向手头的帖子添加价值。

而且,为我们所有人的缘故,使用相关的锚文本,以便在点击链接时知道要期待什么。

4)不要让技术困难妨碍你

将所有这些努力放入您的内容和博客设计时,这将是一个令人遗憾的只是为了让您的页面加载,这么长时间才能在阅读单个单词之前离开。此时,这可能不应该提及,但使用Mobile Device用户设计您的博客是至关重要的。

5)不要忘记搜索意图

由于我们在这里讨论让访客从事您的内容,因此了解搜索意图的重要性至关重要。

从本质上讲,当人们在搜索引擎中键入查询时,他们有一个特定的需要他们试图解决。如果您的内容与他们的搜索意图不匹配,他们将在一秒钟内完成,这肯定会伤害您的SEO努力。

随着来自Ahrefs的Joshua Hardwick很糟糕他的搜索意图:“相关性是SEO成功的基础。”

没有办法绕过良好的内容

内容是k ...我讨厌那个过度使用的短语,所以我不会完成它。

我们都知道这一点,但必须说。没有良好的内容,所有这项努力都没有什么。到目前为止只能让你。如果您的博客没有个性,人们根本不会有兴趣了解您的品牌。思考这不会影响你的底线是天真的。

构建线路内容资源中心的顶部,确保您对既有看法和个性施加足够的努力。