SEO 内部优化 - 页面优化 📑

前言

什么是SEO，看看 chatGPT 怎么说

是的，SEO是搜索引擎优化的简称。它是一种通过优化网站、提高网站在搜索引擎排名中的位置，从而吸引更多的有价值的流量进入网站，提高网站曝光度和知名度的技术。SEO可以分为内部优化和外部优化两种。内部优化主要包括网站结构、内容、关键词、标题、描述等方面的优化；外部优化主要包括外部链接、社交媒体、网站口碑等方面的优化。

这节我罗列了一些 SEO 内部优化 中的 页面优化的方式，欢迎小伙伴们参考~

SEO 内部优化可能不是对网站排名能够快速见效的方法，但是对于前端来说应该是很容易接触和理解的，所以我把它放在了 SEO 系列的第一篇。

TDK

什么是 TDK 呢？

"T"代表页头中的title元素，"D"代表页头中的description元素，"K"代表页头中的keywords元素

简单指网站的 标题、描述 和 摘要

1. 页面标题

页面标题老大哥的重要性。大家都很清楚，它将是搜索引擎展示出让用户最先看到的内容。

咱们先来说一下标题 不能怎么写，然后再说应该怎么写

百度搜索内容质量白皮书 是这么写的：

标题作弊的定义

标题作弊主要指标题内容虚假、或在标题中故意堆砌关键词等行为。

标题内容虚假指标题表述的内容与网页内容不相符，有欺骗用户嫌疑。

标题故意堆砌指在标题中多次重复、过度堆砌关键词。

标题应该怎么写

字数限制：控制在 30 个汉字以内，15 ~ 20 个最佳 （Google 最多显示 32 个中文字符，百度则是 30 个）

独特性：即使在同一个网站，不同的页面也要尽量展示页面的独特性。例如：

任何一个小的页面，都有 精准 独特的 title

吸引目光的标题会带来更高的点击率，SEO优化排名不也是为了更多的流量嘛

2. 描述

描述标签的重要性相对标题会小很多，content 中的内容不会展示在页面中；

用户只有在源文件和 搜索引擎的结果列表 中才有可能看到描述标签中的文字。

写好描述标签其实也很简单，刚刚标题的写作方式依然适用于描述标签

字数上：中文字符通常控制在 70 个左右

通常在我们不知道什么是用户痛点和合适的关键词时，我们可以使用这种方式：

这样可以看到更多用户会在百度中搜索有关产品的哪些内容，如果你的品牌还不知名，可以找同行的

我们可以发现以下信息

用户痛点：会员用户可免费享受字节跳动内部课

产品特点：致力提供优质的技术内容分享与交流平台

如果你还不知道怎么写，甚至可以用 AI 帮助你。

3. 摘要

关键词标签对 SEO 的影响已经没有之前重要了

大家还是可以把自己行业相关的关键词罗列排入，但是不建议投入更多时间优化了。

标签优化

1. H 标签优化

可以说，H1 标签的重要性仅次于页面 title

通常 H1 标签 在整体结构中扮演文章标题的作用；文章中出现小标题时可以使用 H2 标签；更小的标题可使用 H3 标签，但如果再有低层级的标题会使文章结构复杂，意义不大。合理使用 H 标签也是 优化文章结构 的一种方式。

在 <h1> 和 <h2> 标签中融入关键词，有助于提高文章的相关性。

一篇文章只能有一个标题，H1 标签也只出现一次

2. Img 标签优化

Img 优化主要是指对 ALT 文字优化即 图片替换文字

我们有时会因为网络环境、浏览器禁用图片等因素的影响，导致图片不能正常显示，图片的 alt 属性就会代替图片显示在页面上。

ALT 的重要性也是很高的，在图片中简要说明图片内容，最好包含关键词（但是做到言简意赅，不要堆砌关键词），同样是页面优化的途径。

正文优化

第一点，高质量的 原创内容 文章最好！

和优化标题类似，在正文中一些关键的位置添加关键词，但是要注意词频和密度。 词频 即关键词在正文中出现的总次数；密度 即关键词出现的次数 比 正文总长度。

通常情况下，篇幅较长的文章出现 6 次左右的关键词就足够了，不要过于堆积。

还有以下几点优化可以采用：

页面更新

保证页面的更新频率也是优化的一部分，这样能让 “蜘蛛🕷” 知道你的网站是一个 “活物”，更愿意去抓取你。

尽量规定更新页面的时间点，统一页面更新。如下午两到三点更新，之后更新网站尽量也都在这个时间段更新内容。

也可以结合 百度热搜 在页面中更新时效性内容文章。

用户体验

近几年搜索引擎非常注重页面的用户体验，同时也把这类优化上线到算法中使用。

就算百度、谷歌没有把这类算法使用到搜索引擎上，作为开发者我们也要为自己做的网站提高使用体验，这样也能获得用户的好感，增加用户粘性，保证网站留存度。

1. 合适的排版

排版清晰，文字颜色和背景颜色尽量要达到合规标准，这样易于阅读，减轻用户的阅读疲劳。

实质内容放在重要的位置，第一屏就要有实质性的内容；内容和广告要有明显区分。

2. 提高页面打开速度

1. 优化服务器速度

2. 图片压缩

3. 启用 GZIP 压缩

4. 删除空格、回车、注释等无意义字符

5. 启用浏览器缓存

6. 减少 JavaScript 渲染

7. 图片懒加载

推荐一个 检查页面速度工具，它还可以告诉你页面中的部分可优化项（有时可能需要一些上网手段）

结语

感谢大家看到这里，本节针对 SEO 页面优化 的内容到这里就结束了，大家可以看看自己代码里是否存在可优化的内容。

SEO 系列后续可能还会有：网站结构优化、外部优化等等。

对了，如果文章中有描述不对的地方，欢迎小伙伴们指正！