无论网站或在线商店页面上的文本内容多么丰富，如果排版不当，其效果会大打折扣，甚至可能吓跑访客。Organic业务总监叶卡捷琳娜·梅岑采娃讲述了如何为不同类型的页面设计内容，如何通过具有美学吸引力的内容提升访客对在线商店的印象，并提供优化界面以吸引客户和提高转化率的实用建议。
文本结构
初次阅读时，读者希望尽快判断是否值得投入时间，尤其是面对长篇深度文章时。通过合理的标题层级、文中列表、结构化的段落以及句子的节奏感，可以帮助评估文章内容并把握核心思想。
标题制作建议
所有文本都必须使用副标题。对于篇幅较短的文章（例如3000字符左右），通常使用H2-H3级别的副标题即可；对于长文，允许使用H4-H6级别的副标题。
标题应：
- 反映紧随其后的文本；
- 吸引注意力——要么靠内容充实，要么靠制造悬念；
- 视觉上的突出表现——使用更大的字体（H1为主字体的300%，H2为200%）、不同的字形（半粗体、粗体或斜体），根据网站设计，有时也允许使用颜色进行强调；
- 与正文形成对比：如果正文使用无衬线字体，标题应选择有衬线字体。为了搭配字体组合，可以使用专门的在线服务，例如 Mixfont, Fontpair 以及其它。
标题的层级结构同样重要。这意味着在 H2 级标题之后，不应直接跳转到 H5 级标题。如果需要在 H2 级标题下划分更细分的子主题，应使用 H3 级标题；而 H3 级标题本身也可以进一步细分为 H4 级子项。
H1 级标题在整个文本中只能使用一次，即用于文章标题。
标题末尾不应使用句号。但允许使用感叹号和问号。
列表
列表有助于：
- 在视觉上减轻由冗长列举造成的阅读负担；
- 对信息进行结构化处理；
- 突出最核心的内容，便于读者理解。
在文本中可以使用无序列表和有序列表。
当需要描述不可打乱顺序的操作步骤时（例如家具组装说明或烹饪食谱），应使用有序列表。在其他所有情况下，均可使用无序列表。
有序列表至少包含两个项目；无序列表最少需要三个元素。
有序列表中的每一项均以大写字母开头，并以句号结尾。
无序列表中的各项以小写字母开头，并以分号结尾。仅在最后一项后使用句号。
不建议以列表作为文章的结尾。这种排版方式会给人留下意犹未尽、未表达完整的感觉。
段落、句子与行长度
段落不宜过长。一个段落的最大长度建议为 5–7 行，且需包含一个完整的思想。如果段落显得过于冗长，最好用信息图或其他插图来丰富文本。
冗长文本示例：
关于句子长度并没有明确的规定。但需要注意文本的节奏：为了营造轻松易读的节奏，应交替使用长句、中等长度句子和短句。同时，最好避免包含多个从句的冗长结构。
示例文本（包含段落和最佳长度的句子）：
网页内容的最大行宽为90-95个字符。这样的尺寸让用户无需左右滚动页面即可快速阅读内容。
插图
配有插图的文章比纯文本文章更能吸引注意力。平均而言，图文并茂的文章获得的点赞和转发量是纯文本的两倍。
文章中的插图应具备以下特点：
- 尺寸适中（通常为1000×1000像素）；
- 与文章内容相关；
- 不含文字和水印；
- 图片下方附有说明性注释。
专家对于是否可以在文章中使用图库照片存在争议。我们认为，只要避免使用陈词滥调或模糊不清的图片，图库照片并无不妥。
在搜索照片时，既可以付费图库（如Shutterstock），也可以使用免费图库（如Unsplash）。此外，还可以利用神经网络服务来生成独特的图像。
如果需要在文本中插入信息图或表格，可以使用以下服务：Visme，Canva，Creately。
为了让您的资源具有辨识度和记忆点，插图应采用统一的风格。
Semrush 网站上风格统一的文章排版。
此外，某些文章适合附上与主题相关的视频，这些视频可以来自 YouTube 或其他视频托管平台。
在文本中包含链接
如果文本中包含链接，它们必须让读者一眼就能注意到。为此通常采用以下方法：
- 使用斜体或蓝色高亮；
- 添加下划线；
- 鼠标悬停在链接上时改变光标样式；
- 使用 Title 属性，使鼠标悬停在链接上时显示工具提示。
文本中链接的视觉设计。
不应在文本中直接插入原始形式的 URL 地址。更好的做法是使用锚文本——即与内容相关的词语（理想情况下是关键词），将链接隐藏在该词语之下。
文本设计
排版是影响阅读体验的关键因素之一。
字体
为网站选择的字体组合应与品牌调性相符。例如，法律类网站如果使用 Comic Sans 就会显得格格不入；但对于儿童用品商店来说，这种字体则非常合适。
正文的舒适字号取决于所选字体。例如，根据 Google Roboto 的标准推荐，不应小于 16 磅。任何字体的正文最小允许值为 12 磅，脚注则为 10 磅。
以下是一个尺寸不够大且过于严肃（不适合艺术学校）的字体示例：
单篇文本最多可使用三种字体，但最好只限制在一对字体组合内。
为了简化网站字体的选择，可以使用之前提到的 Fontpair。
文本布局
在排版时，不要将页面塞得满满当当。过高的文字密度会让读者感到疲劳。因此，别忘了设置行间距。
行间距的大小应根据主字体大小按 4:3 的比例计算。如果字体大小为 15，则行间距应为 20。
文本应左对齐。这种格式能提高阅读速度并有助于更好地记忆。居中对齐可用于突出你想让读者注意的特定文本段落。几乎不使用两端对齐（Justify）。两端对齐的文本读者感知较差，处理速度慢 11%。
背景
网站的背景和字体颜色应形成对比，以确保阅读不疲劳。最佳方案是浅色背景搭配柔和的黑色主文本。
可以使用 Colorscheme.ru、Palettegenerator.com 等服务来挑选最和谐的色彩组合。
结论
文本的视觉呈现对其被读者接受至关重要。在编排文本材料时，请关注标题、列表、段落和句子的长度。同时也不要忘记插图材料——照片、信息图表和表格。文本布局、字体和背景同样扮演着重要角色。
您的文本是否易读以及其吸引读者的潜力，将取决于上述各种细节的组合效果。