How to Design A 博客: The 13 Best Practices of the Top 100+ Marketing 博客s

分享这
安迪Crestodina
分享

博客内容写得太多了.

Much less is written about the container of that content.

而是博客的设计和结构 是访客体验的重要组成部分. If we are thoughtful when we design the blog templates, 十三水游戏可以为读者创造更好的体验.

内容将更容易找到,更容易阅读,更容易分享,更容易注册和获得更多.

每个博客上都有两个模板:博客主页模板和博客帖子详细模板. They hold everything in your content marketing together.

We looked at 100+ top marketing blogs to see the design trends, 和 what features appear on the blog post templates in 2021.

博客设计的最佳实践

以下是研究和建议, along with decision criteria for what might work best for your 博客平台,从博客布局的顶部开始.

搜索工具

即使经过仔细的整理,博客仍然是一堆堆按时间倒序排列的文章. 搜索工具是帮助访问者快速找到相关内容的一种流行方式.

76%的博客都有搜索工具. 其中大约一半只显示图标(点击查看搜索字段并输入您的查询),一半显示开放的搜索字段.

有多少百分比的博客有搜索工具

The blog designer is making a decision about the visual prominence of the tool. 它应该是一个非常突出的,大的打开的盒子吗? 或者藏在一个图标后面? 在每一篇文章或者只是在主博客模板中?

分析可以帮助十三水游戏做出决定. 如果你有一个搜索工具(分析是) 设置正确),你会得到洞察在你的网站搜索报告. 这些报告显示了你的搜索工具有多受欢迎.

这些报告还显示了你的访问者正在搜索什么,当他们在搜索后没有点击(%搜索退出),这通常意味着他们不高兴. 下面是如何做 分析网站搜索报告 以防你没看过.

我应该给我的博客添加一个网站搜索功能吗?

如果你的博客内容丰富,内容涉及各种主题,那就添加一个搜索工具. 如果分析显示搜索工具不受欢迎,删除它或降低其视觉突出度.

作者姓名及照片

几乎所有的博客都会显示作者的名字. 大多数博客也会展示作者的照片. 63% of the blogs in our dataset show the author’s face in the template. 

多少百分比的博客显示作者的脸

看到作者的脸有助于建立读者和内容之间的联系. It makes the content more human, maybe even giving a boost in social engagement. “They look friendly, I should look them up on LinkedIn, 脸谱网 or Slapchat.”

作者的身份也很重要 思想领导营销. 视觉只是让他们的身份更强.

Should I put the author’s face into the design of my blog?

除非你不活跃于社交媒体,而且参与内容项目的人对个人品牌没有兴趣, 添加的脸.

出版日期

大多数博客都会显示文章发表的日期. 有些显示两个,公布的日期和更新的日期. In our review of the 100 marketing blogs, we found that 71%的博客会显示每篇文章的发布日期.

多少百分比的博客显示出版日期

更多的博客显示更多的日期. 看看 CXL文章 同时显示发布日期和更新日期.


但约会内容也有一个缺点: 它让你的文章看起来更早.

虽然内容可能长青, 这些提示在今天和几年前一样有用,因为访问者可以看到它们反弹的日期. 或者更糟的是,发布日期出现在谷歌搜索结果,他们从来没有点击.

从模板中删除日期可以增加搜索点击率和页面上的时间.

如果发布日期没有内建到模板中, you can still mention the date to the headline 和 in the body text. 十三水游戏对基于研究的文章这样做. 如果这篇文章叫做“2021年博客调查”,没人会怀疑它是什么时候发表的.

我知道这是一个有争议的建议. 在我的辩护,这篇博客是为了帮助你,营销者,从你的网站得到更好的结果. 这是关于你的投资回报率,而不是你的读者的喜好. 它们并不总是完全一致. 如果他们这么做了,互联网上就不会有弹出窗口了.

博客应该显示日期吗?
Should I put the date on the design of my blog templates?

如果你的内容策略包括新闻或趋势,将日期直接嵌入模板中. 如果你不把日期放到布局中, 不要忘记在任何及时发布的文章的标题和正文中标注任何及时内容的日期.

有没有消息? 新闻应该是你的内容组合的一部分吗? 不确定?

这篇文章 may help you answer that big content strategy question.

分享按钮

显然,这些是博客上很受欢迎的功能. There are a lot of places designers can add share buttons. 那么分享按钮在博客设计中出现在哪里呢? 通常在不止一个地方. 分解:

  • 36% of blogs have share buttons at the top of search post
  • 33%的博客在侧面有分享按钮, often as a sticky element that follows the reader down the page
  • 28% of blogs have share buttons at the end of each post
  • 12%的博客根本没有分享按钮

博客设计者把分享按钮放在哪里

The most popular place to put 社交分享按钮 is at the top of the post. 但是为什么要把按钮放在顶部呢? 来访者还没有读它!

实际上, 阅读和分享之间没有关联. 人们阅读而不分享,分享而不阅读. So putting the share buttons at the top of a blog post template makes sense.

分享按钮 are often added through widgets, which creates some issues. 通常,这些都是视觉噪声. Sometimes they’re the most colorful element on the page. 他们可以从内容上分散注意力.

此外,这些小部件还会影响加载时间. This may not affect the visitors actual experience (they should load last, after the content is already visible) but it will show up in page speed reports. 因为他们连接到社交网络, 在Page Speed Insights等报告中,共享小工具会让网站看起来非常慢.

我应该把分享按钮放在我的博客的哪里?

把分享按钮放在文章模板的顶部, 还有可能在两侧和底部, 但要确保它们不会太分散注意力.

社交分享按钮

电子邮件注册箱和呼吁行动

从博客开始访问的访客是 不太可能成为领头羊但也不是不可能订阅. One of the best outcomes of having a blog reader is a new subscriber.

But getting the visitor to subscribe is all about the little signup box. 这是为电子邮件列表增长的转换优化,它发生在许多地方.

注册框可以嵌入到博客设计本身,通常嵌入到WordPress主题中. 也可以使用插件(在CMS中)或小部件(在谷歌标签管理器中)添加它们.

9个地方把你的电子邮件注册呼吁行动

CTA boxes sometimes appear as overlays, on top of the content. There are three main types of these overlays: popup windows, 滑动框和粘性元素, 无论滚动深度如何,它都是可见的.

这里十三水游戏可以看到这些特征在博客上是多么普遍. 请记住,有些博客使用这三种方法.

  • 44%的博客使用弹出窗口
  • 13%的博客使用粘页脚和头
  • 12%的博客使用滑动框
  • 43%的博客不使用任何类型的CTA覆盖

弹出式、滑动式和粘性元素有多常见


莎拉·诺尔块, 微小的营销

Adding a sticky footer to your blog is one of the least used, but most effective ways to get passive subscribers onto your email list. 我发现,我的每周通讯(也有粘性的CTA)对我的业务来说是一个巨大的胜利. 我可以在收件箱里与潜在客户进行真正的对话,每周提供价值.

很多人都害怕电子邮件营销, but – done right – it can grow relationships 和 be the main driver for sales. But, without subscribers, email marketing will just not work, will it? 添加粘性页脚!


页脚粘滞的例子

无论CTA出现在哪里, 它应该在视觉上明显(突出), 明确告诉访问者他们将得到什么(承诺)并提醒人们这是好的(证明). 突出,承诺和证明是关键 高效的电子邮件注册表单.

电子邮件注册证明

相关文章

The most common feature on blog articles is more blog articles. 十三水游戏浏览的博客中有79%显示了相关文章. 它们通常在一个小标题下,比如“你可能也喜欢……”或“最近的文章”。

交通难赢易输. A great blog design pulls visitors deeper into the site. 相关文章 are really just a very visual approach to 内部链接. 它简单而强大……为什么不在这个博客上写呢?

相关文章示例

营销网站 平均反弹率为62%,但对于博客帖子来说要高得多. Adding “related articles” to the bottom of each post can help.

There are CMS plugins that will add them automatically to every post. 如果你有一个WordPress博客,你可以使用 喷气背包. It pulls the featured image from the post for better visual prominence.

插件,显示相关的帖子

我应该在我的博客设计中加入相关的文章吗?

如果你有很多相关的内容, 特别是在社交媒体上表现良好的内容(这意味着标题可能有很高的点击率)和很少的低价值内容, 你应该在你的博客模板中添加相关的文章.

博客评论

仍然是一个很受欢迎的功能, 十三水游戏发现51%的博客都有评论. 但这对博客设计者来说是一个重大的决定. 希望和恐惧听起来是这样的:

  • 在他们最好的… 评论是一个倾听/反馈的工具,也是一个与你的读者建立社区和网络的机会.
  • 在最糟糕的… 评论是垃圾邮件的磁铁(“看看这篇文章!)或负面的社会认同(0条评论)

像那些共享小部件一样,这是另一个会破坏加载时间报告的特性. There’s a lot of code 和 database calls in that comments plugin you installed. 但事实并非如此,额外的加载时间实际上并不会影响访问者的体验. 最后它加载.

注释插件稍微增加了加载时间

我应该允许我的博客文章发表评论吗?

如果你有一群热心的读者愿意评论,如果你发表了发人深省的文章(尤其是强烈的观点),并且你有时间和资源去审核(赞成), 回复, mark as spam) then you should add comments to your blog post template.

阅读时间

The least popular feature we tracked was estimated reading time. Just 14% of the blogs we reviewed include this feature.

这样做的目的是让访问者知道他们面前有多少内容, 类似于视频显示总时长的方式.

这个博客曾经显示阅读时间, 但因为十三水游戏发表了很多长篇文章, 十三水游戏最终担心一个大数字(“11分钟阅读”)会吓跑访客. 所以十三水游戏把它移除.

这有什么不同吗? 不是真正的. 页面停留时间和跳出率都没有改变.

在博客上阅读时间的例子

我应该在我的博客布局上增加阅读时间吗?

也许,这不是一个非常重要的决定. 但如果你觉得它看起来不错,你的读者也会喜欢它,那就试一试吧! Check the engagement metrics to see if there was a measurable impact.

So which features are the most (和 least) common in blog designs?

十三水游戏把每个人都放在一个简单的图表里. You can see the relative ubiquity of some UX features 和 the rarity of others. It quickly gives you a sense for 博客设计的最佳实践.

If your blog isn’t performing well, think beyond the content itself. 也许是时候重新设计了. 与你的十三水在线游戏团队分享. Combine these UX ideas 和 blog design tips with your own br和 identity. 添加少量的设计灵感,你的读者将奖励你低跳出率.

最常见的博客设计元素

等等,那其他的博客设计元素呢?

是的,还有一些十三水游戏没有跟踪的特性. 这里有一个快速列表和一些考虑:

  • 面包屑
    它们出现在博客布局的顶部,在标题图像的下方,内容的上方. 如果你的内容被组织成清晰、有帮助的类别,它们可能对你的读者有用.
  • 过滤器
    这些是博客主页上的下拉菜单, 允许访问者应用几个标准(如格式和主题)来缩小阅读选项. If you have a very large body of diverse work, they may be helpful. But after reviewing many 分析 accounts of many blogs with these filters, 十三水游戏注意到它们不受游客欢迎.
  • 进度条
    与阅读时间类似,这个微妙的设计元素可以显示你对内容的深入程度. 它们通常是一个粘性元素(以本博客的粘性页脚上的进度条为例). 它们只有几像素高. Since they take almost no space there’s really no downside.
  • 打印按钮
    你的读者可能想要一份硬拷贝. 如果你有打印按钮, you won’t be able to see its popularity without adding event tracking using 谷歌标签管理器. Of course, any reader can use the print feature of the browser. 这是untrackable.

最终设计技巧

Let’s give the last word to UX 和 design expert Rafal Tomal. Rafal已经为一些令人难以置信的内容公司做UX工作,包括微软, 聪明的被动收入, 社交媒体的考官, James Clear 和 a lot of other sites you’ve probably visited.

I asked him for his best advice for how to design a blog. 他的答案可能会使你大吃一惊。


Rafal山竹 山竹设计

“Focus on designing very clean 和 readable typography.

You don’t need to make it beautiful, but make sure it’s easy to read. 保持你的字体大小在18px - 22px的范围内,150%-175%的行高,每行在60-75个字之间.

确保副标题清晰可见,加粗,前后留出适当空间. 这有助于浏览内容.”


分享这

你有什么想法??

签了字你就同意了十三水游戏的 隐私政策.

没有评论
 
Join over 16,000 people who receive web marketing tips every two weeks.

签了字你就同意了十三水游戏的 隐私政策.

分享这