如何正确发表博客文章，Gutenberg编辑器及SEO设置介绍

文章内容及设置建议

为了更好地为读者展示文章内容，我们需要对文章的内容以及格式进行一定的规划，如标题、主图、导航等。合理的文章内容展现不但可以让文章更加美观，同时也能吸引读者进行有效的阅读。

主图或首图

主要指的是进入链接或者进入文章后第一眼看到图片。也是文章列表中的缩略图和社交媒体分享过程中的展示的链接缩略图。使用最优质的图片不但能美化排版，同时也大大增加文章标题的吸引力。并非所有博客作者都是专业的摄影师，我们无法在写作之余进行图片拍摄工作。因此我们需要从图片网站上获取优质的图片。除了通过向摄影师或网站购买的作品外，我们还可以通过一些免费版权的图片平台进行下载使用。

收费版权：shutterstock、istockphoto
免费版权：pixabay、pexels、flickr（flickr并非免费版权，请认真查看使用条款后下载使用）

本网站主图建议使用16:9比例图片，分辨率建议为1280×720。为了优化网页展示速度，所有上传的图片均有可能被压缩，请自行保留原始版本。如无必要，文章中请尽量减少使用图片。

ps：网络上绝大多数的图片都是有版权的，请勿随意使用。无论收费或者免费图片，都请了解清楚使用条款再进行使用。

标题

标题请贴近文章内容且避免重复使用词语，长度不应过长或过短（没有固定要求）。如没有额外对Slug标题和SEO设置，标题内容将直接同步至Slug标题和SEO标题。出于对搜索优化的考虑以及减少后期对文章修改所带来的麻烦，每一篇文章都应该手动设置Slug标题和SEO标题。以下是对标题编写的一些建议。

文章标题：

长度合理且精简，避免过长或过短，尽可能顾及文章内容，避免使用重复词语。文章发表后可根据实际情况进行修改修正。为了标题排版更加美观，尽量减少使用标点符号（尤其是中文格式标点）。使用规整的分隔符代替（如：” | “” – “等 ）。

Slug连接标题（永久连结）：

Slug标题等同于博客文章保存的文件名称，格式如下：”www.awamemo.com/Slug标题/“。Slug标题应在发表前进行编写，文章分享或外链前应再次确认，以免出现不必要的麻烦（假如你分享到社交媒体后又修改链接，将导致社交媒体的链接失效！）。

Slug标题也应用于Seo搜索，正确编写Slug标题可提高搜索权重。Slug标题切忌过长，避免词语重复。应存在一定拓展性（如“2021最优质文章”中的“2021”会让Slug标题失去了拓展性），文章发布后修改Slug会影响搜索引擎抓取。

经过多年Google搜索引擎升级更新，Slug连结的在搜索引擎中的重要性及权重逐步下降，博客文章SEO以及网页Meta属性将变得更加重要，使用更简洁的Slug连结标题可以让文章分享更加友善（中文Slug标题生成的连结长度是英文Slug的数倍，对于不支持utf-8转换的浏览器或社交媒体平台的分享极其不友善）。对于有撰写多语言文章的作者，英语Slug或拼音Slug可能会是更好的选择。

本文章连结uft-8转码前后完整连结对比：

由于Gutenberg编辑器暂不支持utf-8中文URL转换，因此中文Slug设置需要在WordPress工作后台的快速编辑中进修改行。

Quick Edit中还可以对文章标题、Seo标题和描述、目录、标签等重要信息进行修改。文章发表后可通过Quick Edit选项卡对博客文章的设置进行校验。这里的内容都是至关重要的，如发现问题，应第一时间更改。

文章格式建议

为了为读者提供更好的阅读体验，合理的文章格式是十分重要的。一般博客文章格式我们的建议是需要以下几部分：①文章简介或摘要，②内容索引，③正文内容，④分页、阅读更多等排版设置。

文章简介和摘要：
文章简介和摘要将引用在文章的缩略展示（如主页展示、搜索展示或相关文章推荐）。您可以在Post设置中进行设置。

文章配图：
文章配图将会被用于网站内外众多领域内。例如站内索引展示，站外分享配图，社交媒体收录等作为展示所用。要让你的文章在最短的时间内吸引观众并引导阅览，好的配图是关键。

需要注意的是使用不当的配图，偏离主题甚至不符的摘要及SEO设置，不会让你的文章被更广泛地分享，相反将会受到搜索引擎，或其他社交媒体平台降权处罚，得不偿失。

内容索引：
内容索引等于书本的目录部分，是让读者最快速翻阅所需内容的导航指引。应通过列表的方式进行编排，如果你的文章篇幅较长，则可以对文章内容设置锚标，通过超链接进行快速跳转。

文章正文：
正文部分，则根据创作者的风格进行编排。尽可能根据内容进行分类并为内容指定相应子标题，提升阅读体验。本网站希望作者在非必要的情况下，尽可能减少使用没有实际意义的配图。无效的配图极容易分散读者注意力，迫使读者偏离创作者所表达的意思。对创作者而言是十分可悲的，不要为了满足“图文并茂”的要求而破坏自己的创作。

当然，对创作有积极作用的配图，例如适当的配图可以让读者更容易理解文章内容，这是十分推荐添加至文章中的。“是否添加配图”并没有标准答案，一切都取决于创作者自己及其创作风格。

分页、阅读更多、段落间隙：

分页Page Break：
篇幅较长的文章应该使用分页区块。只需在文章中需要分页的位置加入分页区块，即可对页面中进行分页，无需编写代码即可完成设置。

阅读更多More：
由于部分页面不支持读取文章介绍内容，浏览页面是将展示整篇文章，使得读者难以快速检索更多的文章。因此增加阅读更多区块，可以让文章折叠，在博客页面仅显示折叠后的内容。一般建议设置在摘要或首段文字之后。

阅读间隙Spacer、分割线Separator：
对不同的的内容进行分割，提升整体阅读体验。阅读间隙Spacer可自由插入空白区域，也可用于特殊海报设计。分割线Separater则是插入分割线，一般用于分割不同的主题内容。