作者的博客设计技巧可帮助您推广书籍

已发表: 2022-12-03

Blog Design Tips

良好的博客设计是让读者留在您网站上的方式。 以下是作者的一些博客设计技巧,可帮助您创建、更新或刷新您的网站。

现在有很多选项、插件、小部件和附加组件可用于博客主题。 但是博客主页经常会因为这些元素过多而变得杂乱无章。

现在的设计趋势绝对倾向于最小化组件和最大化用户体验。

如果你想创建一个漂亮的网站设计来取悦你的访问者,现在少即是多。

在本文中隐藏
好的博客设计的关键因素是什么?
1.你如何选择配色方案?
2. 什么是最好的博客布局?
3.为什么排版很重要?
4. 你博客的主页有多重要?
5. 如何使您的博文页面更加有效?
6. 如何让你的博客更具可读性?
7. 你需要多少功能?
概括

好的博客设计的关键因素是什么?

毫无疑问,您选择的配色方案是第一位的。

它创建您的博客的外观。

但紧随其后的是排版、字体大小和布局设计。

小型移动设备的可读性和功能也很重要。

确保您的博客文章页面设计精美非常重要。

只专注于自定义博客主页是许多新博主所犯的错误。

所有这些元素都可以在任何免费博客平台或托管博客上更改、修改或改进。

然后是 SEO 和站点速度等技术考虑因素。

所有这些元素都有助于为您的读者提供出色的用户体验。

现在让我们更详细地了解这些针对作者的博客设计技巧。

1.你如何选择配色方案?

引人注目的设计的秘诀之一是使用调色板。

您不限于博客模板或 WordPress 主题中的颜色。 您可以更改博客任何部分的颜色。

您的第一步是找到您喜欢的配色方案。 或许您可以考虑一下用于书籍封面的颜色。 有很多免费网站,但我选择了 Color Hunt 作为示例。

您可以从数百种不同的颜色组合中进行选择。

palettes

当您找到喜欢的颜色时,将鼠标悬停在每种颜色上,您将看到 CSS 十六进制颜色代码。

寻色盘 71302

复制这些十六进制代码并保留它们以供您自定义网站颜色时使用。

柔和的颜色很受欢迎。 但是,如果适合您的博客主题,使用鲜艳的颜色并没有错。

上面的例子是一个四色集。 但是如果你在谷歌上搜索配色方案,你会发现很多组合。

您将使用的其他两种颜色是文本的白色背景和黑色。 但要小心,因为在屏幕上阅读时,白底黑字可能会使眼睛疲劳。

诀窍是改用深灰色。 您不必从纯黑色中减少太多,以使您的文本更易于阅读。

黑色的十六进制代码是#000000。 在这个网站上,它使用#3f3f3f。 您可以尝试看看哪种颜色最适合您。

2. 什么是最好的博客布局?

免费和付费博客平台上的博客页面设计和布局有很多选择。

您可能有类似于下图的选择。 您还可以选择全角或盒装设计。

blog layout

但是这些选项中的大多数都存在问题。

这些模板中的所有侧边栏都将从移动设备上的视图中消失。 它们仅在网页的所有其他内容之后可见。

这使得它们对占互联网流量 60% 以上的移动用户完全无用。

侧边栏通常包含社交分享按钮、广告、特色帖子和号召性用语元素。 所有这些都将丢失给移动访问者。

你怎么解决这个问题?

最好的解决方案是使用单一页面布局并将许多侧边栏元素添加到页脚。

您可以添加社交媒体图标、链接、小广告,甚至热门帖子。

另一种解决方案是使用文本换行在您的帖子中包含广告和图片。 它们会更有效,尤其是当您进行内容营销时。

一篇好的博客文章现在是一个页面,并在页面顶部包含大的特色图片。 在文本中添加更多图像有助于分解文本,使阅读更容易。

3.为什么排版很重要?

您选择的字体说明了很多关于您的信息。

衬线字体表示你是新闻和严肃的,而无衬线字体表示你更放松。

最常见的字体是 Arial、Open Sans、Oswald、Georgia、Garamond、Montserrat、Merriweather、Roboto、Raleway、Playfair Display、Alegreya、Helvetica Neue 和 Lato。

您应该避免使用像 Comic Sans、Papyrus、Brush Script MT 和 Lobster 这样花哨的字体。 这些可能适合作为一次性标题,比如在美食博客上。 但是在一般文本中使用时,它们非常难以阅读。

awful fonts

你有重要的事情要在你的博客上说。 用一种表明你是认真的字体说出来。

不要使用会让你看起来像个小丑的字体。

坚持使用标准字体并选择一种能反映您博客主题的字体。 顺便说一下,这个站点使用 Raleway。

4. 你博客的主页有多重要?

如果您知道只有不到 10% 的站点访问者访问过博客的主页,您会感到惊讶吗?

大多数主页点击来自在 Google 或 Bing 搜索上找到您的一篇文章的人。 他们去那里看看还能找到什么。

所以,给他们一些东西。

最好有一个指向最重要页面的顶部菜单。 然后您可以添加网站的其他相关或热门部分。

新博主高估了博客主页的重要性。 它通常只有很少的文字,所以它不可能被搜索引擎排名靠前。

用小部件、闪烁的广告和号召性用语的弹出窗口填充它不会有太多效果。 它所做的只是减慢网站速度并使其对移动访问者不友好。

对于作者来说,最好的博客设计技巧之一就是让您的主页设计尽可能简单。 让它优雅而有吸引力。 让它成为一个目的陈述。

但更重要的是,让它成为访问者可以轻松找到您希望他们阅读的内容的页面。

一页视差设计非常适合这个目标。

这是 ThemeGrill 的视差主页示例。

parralax1

不要过度拥挤你的主页。 使用它将您的访问者引导至其他页面,这将有助于降低您的跳出率。

5. 如何使您的博文页面更加有效?

您从搜索引擎获得的几乎每个网站访问者都会登陆您的博客文章页面之一。

这意味着您必须确保他们停留足够长的时间来阅读您的帖子,然后想要更多。

博客的跳出率通常在 65-75% 之间。

这很正常,因为很多人都在寻找问题的答案。 如果你回答他们的问题,他们就会很满意。 但随后,他们自然而然地离开了。

一个好的帖子页面的关键是给他们很好的理由在你的博客上寻找更多。

您可以通过多种方式做到这一点。 最明显的是文章末尾的相关帖子链接。 但是所有访客都读完了吗?

不,因为他们通常不会超过 50%,因为他们在前几段中找到了他们要找的东西。

因此,您必须更早地包含相关帖子的内部链接。

理想情况下,您应该在帖子的早期就至少有一个。

blog tips for authors use internal links

您可以在上面的示例中看到第一个内部链接就在内容框之后。

在您的文章中添加三个或四个是个好主意。

它们不仅会降低您的跳出率,而且还会提高您的 Google 排名链接汁。

6. 如何让你的博客更具可读性?

博客可读性的最重要因素是空白和短段落。

同样,移动用户是重中之重。 您需要考虑到他们需要空间来用拇指滚动的实用性。

其次,被屏蔽的长文本段落在手机屏幕上极难阅读。

给你的读者很大的空间。 短段落也适用于笔记本电脑和台式电脑。 你不是在写学术论文。

保持您的文本开放、宽敞,并且在任何设备上都非常容易阅读。

可读性的一个令人惊讶的因素是您在每篇文章中使用图像。 开头的特色图片几乎是必须的。

add more images

但是通过添加更多图片,您的帖子将更加直观和吸引人。 一个好的经验法则是为每 100 到 200 个文字添加一个图像。

您应该使用有助于讲述您的故事的相关图像。

虽然免费图片很好,但创建独特的图片总是更好。

7. 你需要多少功能?

博客主题的设计者和开发者不断添加越来越多的功能来吸引用户和客户。

但是所有这些额外的 CSS 元素和 javascript 文件都会增加网站的大小并降低加载速度。

它会对移动页面速度产生严重影响,尤其是。

有据可查的是,如果页面加载时间超过三秒,您将失去访问者。

您需要注意您在博客上使用的每个元素。 特别是,社交媒体小部件和滑块可能会占用大量资源。

即使像联系表单插件这样简单的东西也可能会导致问题——一些插件会在每个页面上加载代码,而不仅仅是您拥有的一个联系页面。

网站未通过 Google Pagespeed 测试的主要原因之一是 javascript 元素仅在一个或两个页面上使用,但在您网站的所有页面上都在后台加载。

它也适用于 CSS 代码。

您可能认为包含所有选项、花里胡哨的主题是一个不错的选择。

但实际上,选择一个轻量级的主题并只添加你真正需要的功能和选项会好得多。

新博主的一大陷阱是在博客主页上添加了太多元素。 正如我之前提到的,很少有访问者会登陆您的主页。

用小部件、横幅、广告和热门帖子填充它不仅会使您的主页变慢,而且还会减慢您网站的其余部分。

您可以在此测试结果中看到元素(请求)过多和博客设计不佳会影响站点速度。

page speed 1

如果您更有选择性,则可以大大降低网站速度。 这是对 Just Publishing Advice 上其中一页的测试。

page speed 2

您可以使用许多工具来检查和改进博客的加载时间。

我们在有关站点性能的相关文章中列出了九种最佳速度工具。

如果您可以在不到三四秒的时间内加载您的页面,那么您就做得很好。

概括

最好的博客网站设计是干净、轻便和快速加载的。 这三个技巧适用于作者的博客设计。

无论您有什么设计灵感,您总能使它具有吸引力和实用性。

您应该更关注博客文章在您网站上的外观,而不是主页的工作方式。

当您在网上搜索优秀博客设计的示例时,您几乎总是会得到突出显示主页的结果。

如果您找到自己喜欢的设计,请确保检查该主题的博客文章页面的外观。 这要重要得多。

然后使用速度测试工具测试页面。 如果您的页面速度得分很低,那么它可能不是一个好的选择。

一个漂亮的博客将始终帮助您宣传您的书籍。 花一些时间在你的设计元素上,以帮助你吸引和留住你的读者。

博客设计和编写引人入胜的内容,易于阅读,并以吸引人的布局呈现,加载速度快,是成功的作者博客的主要要素。