Web用户在访问您的网站的几秒钟内决定是否会留下或离开,永远不会回来。

如果页面需要任何加载时间超过2秒对于近50%的用户来说,游戏结束了。如果页面在2秒内加载,但他们在接下来的0.5秒内不喜欢所看到的内容,游戏也就结束了。如果你的网站是这样的…

游戏结束了。

对于88%的网络用户来说,一次糟糕的体验就会让他们永远对你的品牌失去兴趣。

这强调了好的网页设计的重要性——对于服务和产品页面,以及你的公司博客。

您的资源和最佳实践中心应该看起来精致、迷人且易于导航。是这样的:

每一次点击都应该把你的目标受众带到一篇格式良好的博客文章,有组织、有重点、有视觉吸引力。

否则,游戏就结束了。

所以,没有进一步的ADO,这是如何格式化博客文章,让读者参与其中:

  1. 使用风格一致性
  2. 用H2, H3, H4将文本分成几部分(加上WP迁移提示)
  3. 提供一个互连目录
  4. 用列表分解大块的拷贝,拉引号
  5. 添加图片
  6. 嵌入的媒体
  7. 合并一个明确的行动呼叫
  8. 试运行

1.使用样式指南

一致的品牌是您的博客帖子如何为游客提供一致的体验。

如果你正在创建和管理一个博客,你需要有一个品牌风格指南,这将帮助你发展一个一致的,基调,外观和感觉-特别是当你有很多人贡献或管理内容。

在视觉上,您需要回答以下问题:

  • 你要用什么字体?
  • 什么字体大小你会使用吗?
  • 你会使用什么类型的间隔?
  • 你会证明你的文字(请不要)或刷新它吗?
  • 您将使用哪种类型的头文件(稍后将详细介绍)?

在副本中,要考虑的样式元素包括:

  • 您是否利用了标题中每个单词的第一个字母?
  • 您是否在项目符号列表中将标点符号放在每个项目的末尾?如此。
  • 您如何处理用于分解句子的破折号 - 使用en-dash( - )EM-Dash( - )或连字符( - )?

我们在挑虱子吗?有可能——但谁又能说你的读者不会呢,尤其是如果你的读者是受过良好教育、博览群书的人呢?你能想象如果你在一个句子中使用了牛津逗号,而在另一个句子中没有,你会失去多大的可信度吗?

在Instagram上看这篇文章

我们乞求不同。@eflakeagogo的动画片。#tnycartoons.

分享的帖子纽约漫画(@newyorkercartoons)

在您的视觉和口头品牌中使用一致的风格。当您在它时,请确保编辑和校对您发布的所有内容,无论是博客还是博客。

pobody的nerfect。

2.将文本分成H2,H3,H4(加上WP迁移提示)的部分

将文本划分为清晰标记的部分有助于使您的内容更加可扫描,最终对您的目标受众更有用。

它还可以通过帮助您创建粗糙的骨架来简化博客写作的过程,了解您打算组织内容的方式。

如果你在谷歌文档中写作,合并这些头文件是相当简单的:

在您的副本中,您可以在H1标题下嵌套H2标题,在BRAFTON下的H3标题等下的NEST H4标题,我们在整个帖子中使用H2标题,然后在其中的子部分中使用H3和H4。细节真的取决于你(只是一致)。

很简单,对吧?在页面上,你会得到这样的结果:

在这个例子中,“The visual and tactics to use”是一个h2和1。“始终使用高质量的图像”是一个h3标题。

但是当然有一个抓住。将内容从Google文档迁移到WordPress通常会导致格式化更改或不一致。添加了空格,H2,H3和H4头可能是未格式化的,字体可留下,图像可能无法正确显示等。

目前还没有完美的解决方案来将内容从谷歌文档迁移到WordPress,但是这里有最好解决方案:

搬到古腾堡街区编辑

Gutenberg块编辑器作为WordPress 5.0及后续版本的一部分可用,并将在2021年取代经典编辑器。它被认为是为了修复复制粘贴到WordPress中的格式问题而设计的。

你可以添加“块”,每个“块”预先格式化,以显示特定类型的内容,而不是一个大的文本块。例如,有一个头块(可以指定为H2、H3或其他大小)。也有块经典段落,图像,自定义HTML和更多。

选择加号以在Gutenberg编辑器中打开块选项的菜单。

使用docs to markdown附加(我们的首选方法)

此Google Docs附加组件将文档中的文本转换为HTML,然后可以将其直接复制并粘贴到WordPress文本编辑器中。Gutenberg编辑器中的经典段落块可以选择查看源代码。这是您可以粘贴您的HTML的地方。

这有助于维护博客格式,包括列表和超链接,并消除任何外文添加(例如额外间距)。唯一的警告是必须手动添加图像和嵌入式介质。

还有其他选项——比如Mammoth .docx转换器插件——但几乎所有的选项都有某种缺陷或缺陷,其中一些比其他的更令人讨厌。

我们坚持我们的建议,但这可能是其中的一个例子,一些尝试和错误是有序的。

3.提供一个交互目录表

特别是对于长形内容(如本博客文章),可点击的,交互的目录 -就像这个帖子顶部的那个-可以节省大量的扫描,以找到读者正在搜索的特定信息子集。

理想情况下,您希望在您的博客文章的顶部尽可能地包含这个目录。试着把目录有机地整合到介绍中去,而不是把它放在文章的顶部。这可能需要一点技巧,但你可以从这篇博客文章中得到启发。

这是另一个例子(这个用两列!):

在这篇文章中,作者的简要介绍,流入将涵盖的内容概述。非常直接。

至于如何创建链接到博客文章的特定部分的内容表?

我们的首选方法是将锚点放在标题旁边,然后从文章顶部的相同标题的列表链接到它们。

基本上,把光标放在你想要链接的子标题上。然后单击插入>锚:

接下来,为您的锚命名—保持简单,这样以后输入锚id就不会很麻烦了。

完成后,您将能够在文本版本中看到ID标记 - 注意结束标记()在开口标签之后立即出现:

您可以在H3元素标记中看到ID标记。

接下来,返回文章的顶部并输入Href属性围绕你的内容表中的项目,像这样:

href标签围绕着你想要链接到文章下方内容的文本。

注意:哈希符号是等式的重要组成部分;这就是将超链接附加到页面中元素id的地方。

和瞧。您现在可以单击目录中的链接,为您带到博客文章的任何部分。

4.用列表分手大块副本,拉引号

首先,尽可能使用简短的段落。大段文字会让读者产生幽闭恐惧症,迫使他们费力地阅读更多的文本,以找到他们想要的信息。

相反,简明扼要的段落可以让博客帖子感到通风,通常更可读。

同时,非文本元素可以帮助分解密集的副本并强调某些信息。考虑一些例子:

  • 项目符号列表。
  • 拉引号(或blockquotes)。
  • 图像。
  • 社交媒体嵌入。

另一种强调某些信息的方法是用斜体、下划线和粗体。

但是聪明的一句话:尽量使用粗体文本。斜体和下划线也一样。当你过度使用它们时,它们会减弱其影响。

另外,不做强调,斜斜体胆大全部大写的

5.添加图片

他们说大脑处理比文本更快的图像。他们还说视觉信息保留更长。

一些人甚至认为,图像对交通有积极的影响,带来了和页面浏览量增加94%

图像还可以帮助你在图像搜索中排名(特别是如果你使用alt文本来上下文化谷歌的图像),只要你避免上传过大或笨重的图片,因为这可能会对页面速度产生负面影响,并反过来妨碍搜索引擎优化。

但图像最大的价值是作为另一种讲故事的形式,它以比文本更吸引人或更有趣的方式传达信息。

例如,动图和表情包——网络上的内部笑话——可以增加个性。图表可以帮助简化数据。

还有一些图表的动图:

截屏,同时可以是有益的,特别是对视觉学习者。例如,以下是如何在谷歌图像搜索中找到无许可证图像:

始终引用图像,您使用的图像您无权 - 如果发布者抱怨,则从您的网站中删除它。

至于库存图像呢?

我们建议你尽量避免使用它,而选择自定义插图,就像这篇博文最上面的那个。

如果您没有内部图形设计师,免费工具如画布可以帮助你创建自己的图形-尽管他们缺乏风格,细微差别和工艺,只有专业的设计师可以提供。

如果你一定要用现成的图像,以下是我们推荐的网站列表

6.嵌入的媒体

我们所说的媒体主要是指音频、视频和社交帖子。就像图像一样,你不应该仅仅为了拥有它们而将它们嵌入到你的内容中。

例如,我们嵌入了下面的视频作为补充到这篇文章

如果您的品牌生产网络研讨会或播客,请参观浏览机会,以便将该内容插入相关的内容。请记住,您希望尽可能长时间保持您网站上的领导和前景 - 即使这意味着导航到其他页面的博客文章。

最好的部分?嵌入媒体非常简单。对于流行的视频平台,如YouTube和Vimeo,你所需要的就是在编辑器中包含一个普通的旧URL格式的链接,剩下的由WordPress完成。另一个选项是直接从视频中获取嵌入代码——在YouTube中,当你点击“分享”按钮并选择“嵌入”选项时,你就会找到它。将代码插入到文章的文本版本中。

同样的交易也适用于Facebook、Twitter和Instagram的社交帖子。对于Facebook和Twitter,只需单击想要嵌入的文章的时间戳,然后将该页面的URL复制到编辑器中。或者,你可以通过点击推文右上角的小胡萝卜来找到嵌入代码:

但是,如果您喜欢自定义帖子或视频,则需要复制和粘贴嵌入代码,然后调整尺寸。

这就是它的全部。

7.结合了一个明确的行动呼吁

内容营销不仅仅是让你的网站更容易被搜索引擎看到,或者产生网站流量。

这也是促进品牌参与,最终将使您更容易销售给前景。

因此,你写的每一篇博客文章都应该包含一个或多个行动项目,以延长读者对你的品牌的参与,并最终建立一种关系,将潜在客户变成潜在客户。

例如,您可以使用Sleekoote和OptinMonster等工具来创建弹出框,这将鼓励读者报名参加您的时事通讯,例如:

要记住,第一次访问你的人可能不会在一开始就对你的品牌感兴趣,所以你要确保在你的网站上添加一个订阅按钮,这样他们就可以再次访问你的网站:

您还会注意到我们使我们的受众超级容易分享我们在社交媒体上的内容。

我们还有一个清晰的“联系我们”按钮,读者可能有兴趣的边际列出的几篇文章。

除此之外,您还可以在您的内容中嵌入可点击的呼叫,以便在您的内容中鼓励读者采取其他操作,例如下载eBook:

8.进行测试运行

换句话说,点击WordPress中的预览按钮,看看你的文章看起来像什么时候。这里有几个步骤拍摄预览模式:

  • 滚动您的内容并查找任何额外的段落中断或其他潜在区域,其中格式化了。
  • 打开链接以确保它们正常工作。
  • 确保视频预览和图像正确显示。
  • 点击CTA并使用自己的联系信息填写表格,以确保正常工作。
  • 点击目录上的每一项,确保所有内容都链接正确。

一旦你完成了所有这些,就可以继续发布你的内容了。

WordPress预览是非常简单的,它可以准确地向你展示页面上的所有内容将如何显示和运行,但快速扫描一下实时发布的文章也不会有什么坏处。

如果一切看起来都很整洁,那么你很高兴。

拍拍自己的背,继续下一个任务。

问题,评论,建议?我们洗耳恭听!

请在下面留下你最深刻和有用的博客格式技巧和技巧的评论。

Dominick Sorrentino是芝加哥的高级作家。他是一个努力使用语言,故事讲解和创造力来解决问题的词语。他喜欢披萨,一个部落的音乐造型称为任务,旅行,良好的谈话,当然是纸上纸。