SEO，即搜索引擎优化，是一种通过优化网站、提升在搜索引擎中的排名，从而吸引更多有价值的流量，提高网站曝光度和知名度的技术。SEO可以分为内部优化和外部优化两大类。内部优化主要包括网站结构、内容、关键词、标题、描述等的优化；外部优化主要包括外部链接、社交媒体、网站口碑等的优化。
在这篇文章中，我将列举一些SEO内部优化中的页面优化方法，供大家参考。尽管SEO内部优化可能不是能够迅速提升网站排名的方法，但对于前端来说，这是一种容易接触和理解的方式，因此我选择将其放在SEO系列的第一篇。
▍TDK是什么？
TDK代表着网页头部信息的重要元素："T"代表页面标题（title），"D"代表描述（description），"K"代表关键词（keywords）。简而言之，TDK指的是网站的标题、描述和摘要。
1. 优化页面标题
页面标题在SEO中扮演着至关重要的角色，是搜索引擎呈现给用户的首要内容。我们先来讨论一下标题的不宜写法，然后再探讨正确的写法。
在百度搜索内容质量白皮书中，对标题作弊做了如下定义：
标题作弊的定义
内容虚假： 指标题所述内容与实际网页内容不符，存在欺骗用户嫌疑。
故意堆砌： 指在标题中故意重复、过度堆砌关键词。
正确的标题写法
字数限制： 保持在30个汉字以内，最佳范围为15到20个汉字（Google最多显示32个中文字符，而百度则为30个）。
独特性： 即使在同一网站，不同页面的标题也应展示独特性，例如：
每个小页面都应有精准而独特的标题。
拒绝关键字堆砌： 避免像 "技术 | 开发者 | 技术社区 | 稀土掘金" 这样过度使用关键词。
发现用户痛点： 引入用户关心的痛点，例如：“无广告，专注成长的技术社区 - 稀土掘金”或“技术圈子，寻找你开发路上的伙伴 - 稀土掘金”。
吸引目光： 制作引人注目的标题，提高点击率，毕竟SEO的目的也是为了吸引更多流量。
虽然像掘金这样的平台已经具备相当高的流量和知名度，简洁的标题也是有效的。你还可以考虑添加网站口号，就像百度一下，你就知道一样。
2. 页面描述
相对于标题而言，描述标签在SEO中的重要性相对较小，因为其中的内容不会直接展示在页面中。用户通常只有在源文件和搜索引擎的结果列表中才能看到描述标签中的文字。
<meta name="description" content="掘金是面向全球中文开发者的技术内容分享与交流平台。通过技术文章、沸点、课程、直播等产品和服务，我们致力于打造一个激发开发者创作灵感、激励开发者沉淀分享的综合类技术社区。" />
写好描述标签其实也很简单，可以使用标题的写作方式。在字数上，通常要控制在70个左右的中文字符。
当我们不确定用户的痛点和适当的关键词时，可以使用以下方式：
用户痛点： 查看同行在百度中搜索的内容，了解用户关心的问题。
产品特点： 强调产品提供的特质，例如“致力于提供优质的技术内容分享与交流平台”。
关键词： 在描述中使用产品的关键词，例如“掘金 - 陪伴开发者成长的技术社区”。
这种方法能让我们了解用户在百度中搜索产品相关信息的习惯。如果你的品牌还不是很知名，可以参考同行的做法。总结以下信息：
用户痛点： 会员用户可免费享受字节跳动内部课。
产品特点： 致力于提供优质的技术内容分享与交流平台。
关键词： 掘金 - 陪伴开发者成长的技术社区。
如果你对写作仍感困扰，甚至可以借助AI来辅助你。
3. 内容摘要
在SEO中，关键词标签对页面的影响已经相对较小，因此罗列相关行业的关键词仍然可行，但不建议过多投入时间进行优化。
标签优化
H标签优化： H1标签的重要性仅次于页面标题。H1在整体结构中充当文章标题的角色。合理使用H标签是优化文章结构的一种方式，可以在H1和H2标签中融入关键词以提高相关性。
Img标签优化： Img标签的优化主要包括对ALT文字的优化，即为图片设置替代文字。ALT属性对于网络环境或禁用图片的情况下替代显示起到关键作用。在ALT中简要说明图片内容，最好包含关键词，这也是页面优化的重要途径。
正文优化
高质量原创内容： 提倡原创内容，合理在正文关键位置添加关键词，注意词频和密度的平衡。
关键词使用策略：
在正文前50-100字内插入关键词，保持语句通顺。
适当使用近义词替代关键词。
拆分关键词，使其单独出现在页面中。
页面更新
保持页面的定期更新，这有助于搜索引擎了解网站的活跃度。设定统一的更新时间，也可以结合热门搜索主题，使内容更具时效性。
用户体验
搜索引擎越来越注重用户体验，因此优化用户体验对网站的排名也有影响。
合适的排版： 确保排版清晰，颜色搭配合理，提高阅读体验，且内容和广告要有明显区分。
提高页面打开速度：
优化服务器速度。
图片压缩。
启用GZIP压缩。
删除无意义字符。
启用浏览器缓存。
减少JavaScript渲染。
图片懒加载。
推荐使用页面速度检测工具，它可以指导优化项目。
结语
感谢阅读，本节围绕SEO页面优化的内容到此结束。请检查自己的代码，看看是否存在可优化的地方。未来的SEO系列可能还包括网站结构优化和外部优化等内容。
