站内优化怎么做？从基础到高级的优化策略！

页面内容编辑完成后，若想让网页在搜索引擎中能有更好的排名，就必须针对网页与特定关键词进行On-Page SEO，也就是站内优化工作。

本文会介绍站内优化在SEO工作中扮演的角色，以及完整的站内优化内容，让你在最短的时间内知道站内优化该怎么做。

站内优化是什么意思？

站内优化，顾名思义就是优化所有网页中的搜索引擎排名因素，进而让搜索引擎更容易理解你的网页主题。

SEO的优化内容种类繁多，其中站内优化是最容易学习、最适合营销人员与内容编辑入门的领域。

内容为王这个词想必大家都听过，搜索引擎爬虫在查看网页时，同样也将内容视为最重要的排名因素。

搜索引擎如何理解页面内容？

不同于我们用肉眼看到的画面，爬虫首先看到的是HTML、CSS与JavaScript等网页编程语言，再将这些代码解析成我们在浏览器上所看到的画面。因此，在做站内优化时，建议能具备基础的网页编程语言能力，至少要能看懂。

其中，HTML在页面SEO中最常用到，不熟悉的朋友可通过菜鸟教程的HTML课程学习。

站内优化的内容

1.目标关键词

想在特定关键词的查询结果中有排名，首要任务便是根据关键词创作对应的内容，例如：

编辑撰写了一篇”如何制定营销策略“的文章，希望在营销策略的搜索结果中有好的排名。

经过一番关键词研究后发现，与营销策略相关的关键词还有内容营销、社交媒体营销、营销案例等，这些相关关键词的内容对营销策略有很好的补充说明效果，能让访客对主题有更深刻的理解，对排名有帮助，因此就可以在内容中增加这些相关关键词作为原内容的补充。

在页面上刻意多次使用关键词，不但对排名没有帮助，还有可能会被Google视为黑帽的操作手法。例如：

SEO是一种网络营销方法，我们可以通过操作SEO来帮助网站的SEO表现，例如雇用SEO专家或自学SEO。如果要推荐SEO学习资源的话，我会推荐阅读国外大牛Neil的SEO文章⋯

SEO #SEO是什么#SEO教学#SEO案例

如今的算法已经足够成熟，比起毫无意义的增加关键词的出现次数，研究关键词可以衍伸出哪些使用者感兴趣的议题，并将这些议题纳入在文案中，才是优化关键词的最佳解法。

2.标题元素

标题元素又称网页标题，设置后文字会显示在搜索结果中以及浏览器标签栏上：

//标题元素
<title>网页标题名称</title>

由于大部分网站的后台编辑器，都有字段可让你直接填写网页标题，因此不懂HTML也能新增标题。

为了让标题的作用最大化，在标题文字的使用有以下建议：

• 标题字数在25-30字间。因标题在搜索结果中电脑端只会显示前27字；手机端只会显示前34字
• 标题文字包含关键词与相关词，相同词尽量不重复使用
• 文字能吸引用户点击

＊从2021年8月Google推出标题算法后，搜索结果内看到的网站标题都改由Google自动生成，Google会参考网页中的信息帮你自定义标题，因此标题文字未必会直接反应在搜索结果上。

3.Meta描述元素（Meta Description）

Meta描述又称网页摘要，用来简短说明页面的内容，设置后可以在搜索结果中显示：

// Meta描述元素
<meta name=“description”content=“网页描述内容”/>

多数系统也能在后台编辑器中找到Meta描述的字段，不过通常会改用网页描述、SEO描述等名称。

Meta描述虽然并非Google搜索引擎排名因素，却是用户进站前在谷歌搜索结果上首先看到的内容，因此好的Meta描述仍会左右用户的点击意愿，并间接影响网站流量。

在Meta描述文字的使用有以下建议：

• 描述字数落在60-72个字间，超过72个字会在Google搜索中省略为⋯
• 文字能吸引用户点击，简短描述网页内容或文章的前言

4.网址名称（URL Slug）

页面网址用来命名网页独一无二的地址，也常被人们转贴到各式各样的网站与社交媒体中，因此网址名称也需要兼顾使用体验：

//网址名称
https://www.xxxxx.com/on-page-seo/
URL Slug指的就是上面链接中的on-page-seo这部分

网址名称的使用原则：

• 根据页面内容，使用简洁且有描述性的文字命名网址
• 若想在网址名称中使用特殊符号，仅能使用英文状态下的 - 符号，避免被搜索引擎误判
• 中英文网址皆可，但中文网址在社交媒体转发时会转换成乱码，使用上自行斟酌

5.段落标题元素（Heading）

段落标题有H1-H6共6种元素，用来标注页面中的重要段落标题，搜索引擎也会参考Heading元素判断页面的重要段落与上下文：

//段落标题元素，H1到H6
<h1>重要标题</h1>

<h2>次重要标题</h2>

<h3>次次重要标题</h3>

<h4>次次次重要标题</h4>

⋯

若是不熟悉HTML，网页编辑器中通常会有段落格式的菜单，可以快速切换成Heading元素。下图为wordpress切换段落标题的下拉菜单

良好的段落标题元素可以参考以下原则：

• H1使用于页面最重要的大标题，通常用于文章标题、页面最重要的主题文字，建议使用一次
• H2使用于页面中次重要的标题上
• 以此类推，其余的次要重点依照阶层关系使用H3-H6元素

分级明显的段落标题能帮助搜索引擎理解网页重点。当然，以上对于Heading元素的使用建议并非绝对，Google也曾表明可以使用多个H1元素。

6.图片替代文字（Alt Text）

替代文字是隶属于图片元素中的alt属性，当图片因各种原因无法显示时作为替代显示，搜索引擎会根据替代文字的内容理解图片：

//图片替代文字alt属性
<img src="https://example.com/image.jpg" alt="说明图片内容" />

网页编辑器内有图片的话，能从图片属性中看到替代文字字段，界面通常长得大同小异。

值得注意的是，替代文字主要影响图片搜索结果排名，对网页排名没有直接帮助。不过简单为图片设置替代文字，便能额外争取图片搜索的排名机会，绝不能白白浪费了。

图片中替代文字的使用有以下几个要点：

• 简短描述图片内容
• 文字尽可能包含关键词
• 装饰性用途的图片可不设定替代文字

7.链接（Link）

当内容中有文字需要引用或引导读者时，我们会使用链接连到相关内容：

// 链接元素

<a href="https://www.waimaozn.com/tuiguang/713">独立站高质量外链建设</a>

其中描述链接的文字又称为锚文字（Anchor Text），用来说明链接页面的内容。

链接如果使用得宜，也能提升自己页面的相关性：

• 链接到站内外都行
• 站内有相关内容优先采用
• 链接到与页面相关的内容或参考资料，建议为权威的大型网站
• 锚文字能描述页面内容，不建议设置为查看更多、延伸阅读等与链接内容无关文字

8.优化内部链接

链接到站内的链接称为内部链接，除了能用来给使用者点击导览外，某页面如果被其他页面链接到越多次，Google也会认为该页面在网站中越重要。

因此除了撰写优质的内容外，也可以通过增加网页的内部链接数来提升页面排名！

到这里基础的站内优化工作便能暂告段落了，编辑或营销人就可以参考上述内容改善页面的SEO状况。

高级站内优化策略

做完基础的优化后，还有没有方法能精益求精，将页面的SEO效果最大化呢？下面会介绍站内优化的高级策略，属于与排名间接相关或相对复杂的优化项目：

1.开放图谱（Open Graph）

将网页中的内容分享到社交媒体上已是常态。Open Graph是一系列的HTML元素，能够控制网页转贴到社群媒体中的呈现：

//开放图谱，以下为常见的四种标记
<meta property=“og:url”content=“社交网站分享显示的页面网址”/>
<meta property=“og:title”content=“社交网站分享显示的页面标题”/>
<meta property=“og:description”content=“社交网站分享显示的页面描述”/>
<meta property=“og:image”content=“http://example.com/images.jpg“/>

由于”og:url，og:title，og:description“三个标记会预设为网页的”网址、标题与Meta描述“，没有打算为网站转发到社交网站上制定特殊文案的话，以上字段可以不做任何设定。

og:image：能控制网页转发时的预览图，未设定的话会由系统自动抓取或显示空白。

由于人类是视觉动物，好的预览图绝对能影响到链接的点击率，因此建议所有页面都设置og:image标记到对应的预览图。

＊完整的Open Graph说明可以参考Facebook网站管理员分享指南（要梯子才能打开）

2.结构化数据（Structured Data / Schema）

结构化数据是一种网页内容标记方法，能帮助Google更快理解内容与重点信息，只要将对应的代码插入到页面中，便能在搜索结果中提供更丰富的呈现样貌。

Google官方支持的结构化数据的标记方法有很多种，最常见的是JSON-LD格式的代码：

// JSON-LD格式的结构化数据，以FAQ类型的标记为例
<script type=“application/ld+json”>
{
“@context”：“https://schema.org“，
“@type”：“FAQPage”，
“mainEntity”：[{
“@type”：“Question”，
“name”：“SEO是什么？”，
“acceptedAnswer”：{
“@type”：“Answer”，
“text”：“SEO全名为搜搜引擎优化⋯”
}
}，{
“@type”：“Question”，
“name”：“为什么要做SEO？”，
“acceptedAnswer”：{
“@type”：“Answer”，
“text”：“根据本人的SEO经验⋯”
}
}
</script>

将上面的代码加到网页中，便能让页面在搜索结果中多了常见问题功能。

常见的结构化数据有常见问题（FAQ）、产品等类别，只要网页符合规格，就能以更具特色的样式显示在搜索结果中。

实际应用中，最常使用的是为博客文章或服务页面新增常见问题标记。

＊Google官方提供了多种支持结构化数据的页面类型，可以根据文件说明与示例将代码加进页面中

＊结构化数据可以通过Google Search Console或是结构定义标记测试工具检查是否成功设置

3.精选摘要（Featured Snippet）

在搜索特定关键词时，Google会将首页中最能解答搜索者问题的内容（文章中的某个段落），直接显示在搜索结果正下方，此位置称为精选摘要，也有人称为第0名。

精选摘要会以多种形式呈现，此时便需要通过研究关键词的搜索意图推论出合适的内容写法。

以下为用户使用搜索引擎的常用字词，以及Google偏好的精选摘要种类：

• 搜索「为什么、如何」等关键词时，搜索结果倾向显示「段落型」摘要
• 搜索「步骤、流程」等关键词时，搜索结果倾向显示「列点型」摘要
• 搜索「比较、表格」等关键词时，搜索结果倾向显示「表格型」摘要

通常排名前5的页面较有机会争取到精选摘要，可以在设计文案时事先考察，或等网页上首页后再考虑是否要做精选摘要的优化。

4.注意网页固定栏位 (Layout)

由于Google爬虫看的是整个页面，所以除了主要内容之外，也要注意网页中固定栏位的内容，像是导航菜单、页脚及侧边栏等位置。

固定栏位中的内容若有以下情况需格外注意：

固定栏位如果文字量太多或有不相关内容，可能会稀释掉主要内容的相关性。例如：

某博客发表了2000字的SEO教程文章，但侧边栏的作者简介就占了1000字，等同于总共3000字的页面中，其中1/3的内容都是作者介绍。

Google可能会因此认为这篇文章跟SEO教程没这么相关。

有些网站是由网站设计公司外包制作，或是使用WordPress配合主题制作而成，常常会在页脚处看到「网站由＿＿＿制作」的字样与链接。这些外部链接跟网站内容基本上无关，会对页面产生负面影响。

创作符合SEO要求的文案时常会用到H1~H3标记重要段落，固定栏位的内容相对来说不重要，需避免使用太高层级的Heading元素，否则可能会造成Google误判页面重点。

固定栏位的内容时常会被站长忽略，当固定栏位的内容使用不当时，影响的会是全站的表现，在规划网站内容时需要特别留意。

5.创作核心内容（Content Hub）

我们可以让网站的内容结构符合关键词使用逻辑：

• 先针对主关键词创作一篇核心内容，并在其中穿插介绍一些相关话题
• 把各个相关话题分别创作一篇独立文章进行深入介绍
• 最后再把相关话题的链接插入针对主关键词创作的那篇内容中

这样一来，网站就能把一个主关键词可能涉及到的所有内容都涵盖进去，优化了用户体验。这种创作内容的策略就叫做Content Hub，这个策略可以提升网站在特定主题的相关性，进而提升网站中该主题内容的排名表现。

6.改善网页体验（Page Experience）

Google使用了许多指标来判断用户与网页的互动体验。网页体验属于网站SEO（Technical SEO）的范畴，在做站内SEO时最好遵循以下几点：

• 图片如果要设置尺寸，建议使用比例而非固定长宽
• 移动设备兼容性：避免字体在手机端中过小难以阅读
• HTTPS：网址为HTTPS
• 页面不存在干扰使用者的弹出式广告

7.了解真实的用户体验（UX）

除了Google提供的网页体验指标外，你更应该重视用户的真实浏览体验！

SEO终究只是众多营销渠道的一环，用户进站后有没有把你的页面看完、是否下单购买或填表，这些才是最重要的事情。

我们可以通过Google Analytics观察用户与页面的互动状况：

• 页面浏览时间：得知用户平均花多久时间看完页面
• 滚动深度（Scroll Depth）：看到页面最底部的次数
• 参与度与跳出率：页面的互动程度、没互动就离开网站的比例
• CTA的互动状况：读完页面后的行动召唤（Call To Action）表现是否如预期，也就是用户是否有下一步动作，如点击购买按钮、阅读更多按钮等
• 行为流程：使用者后来去了哪里、是否更接近网站的转换目标

除了上述GA指标外，也建议使用Crazy Egg或Hotjar等热点追踪工具，观察使用者最常点击、注意到的内容在哪里。

8.页面SEO检查工具

有没有快速检查页面SEO状态的方法呢？在这边分享几个实用的小工具，能帮你快速整理网页的SEO状态：

Detailed SEO：能快速检查页面SEO的Chrome扩展程序，能快速查看页面SEO相关信息，界面使用方便且简洁。

MozBar：由Moz专门为SEO人员推出的Chrome扩展程序，其中包含查看页面SEO信息的功能，不过个人认为界面与方便性不如Detailed SEO，适合想要一套工具打天下的朋友。

站内SEO优化除了是提升网页排名的手段外，也能提升用户在网站上的访问体验，即便网站没有打算靠SEO提升排名，仅遵循站内优化的逻辑，也能让网站成为吸引客户的强力磁铁！