前言

SEO 代表搜寻引擎最佳化/搜寻引擎优化(英文全名Search Engine Optimization，简称SEO)，是指通过了解搜寻引擎的自然排名的算法逻辑，以提高目标网站在有关搜寻引擎内排名的方式。

网站的 SEO 至关重要，它可以让你的网站获得更好的排名和流量，从而提高网站知名度。对于一些盈利的网站，做好seo，还可以以低成本提高投资回报率。

TDK优化

TDK是Title(页面标题)、Meta Description（页面描述）和Meta Keywords（页面关键词）的缩写，对网站的这三个信息的提炼是网站SEO的重要环节。

title标签-网站名片

title标签相当于网站的名片，他会直接显示在搜索结果中。一个好的标题势必可以为网站带来流量，从而提升网站排名。 注意：网站标题避免冗长

例如：<title>睿阳科技</title>

META标签-网站信息

META标签是网页head区的辅助性标签，它的作用是经过配置一些参数用以描述页面属性。目前几乎所有搜索引擎都使用网上机器人自动查找meta值来给网页分类。

meta标签如何使用

"name"属性有以下配置项：

• Keywords(关键词)：逗号分隔的关键词列表（告诉搜索引擎页面是与什么相关的）
• description(网站内容描述，很重要)：页面描述。搜索引擎会把这个描述显示在搜索结果中
• format-detection：格式检测，比如禁止识别电话，邮箱等
• author：作者的名字
• Robots：用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引
• theme-color：网站主题色

<meta name="keywords" content="软件开发公司,软件定制开发,物联网,软件开发,大数据,电商服务">
<meta name="description" content="甘肃睿阳科技有限公司成立于2011年,公司主要从事数据库软件开发及维护、互联网信息平台系统研发、手机App应用开发；物联网应用研究、基于物联网的嵌入式应用程序开发、射频识别解码器软件研发、基于物联网的软硬件系统集成。">
<meta name="format-detection" content="telephone=no">
<meta name="author" content="kotori">
<Meta name="Robots" Content="Nofollow">
# all：文件将被检索，且页面上的链接可以被查询；  
# none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)  
# index：文件将被检索；（让robot/spider登录）  
# follow：页面上的链接可以被查询；  
# noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)  
# nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

<meta name="theme-color" content="#4285f4" />

关于网站关键词

如果你决定配置网站关键词，需要注意以下几点：

• keywords 关键词数量控制在1-4个左右，避免关键词堆砌；
• 合理选择长尾关键词（长尾关键词一般是2-3个词组成。例如，目标关键词是服装，其长尾关键词可以是男士服装、冬装等），长尾关键词虽然相对核心关键词的搜索量小很多，但是它带来的流量精准度非常高，后期的转化效果更好；
• 避免使用过于专业的词汇。过于专业的词汇的搜索量较低；
• 减少使用热门关键词，要选择合适的关键词（搜索量大、转化率高、定位精准）。

关于网站描述

• Description（页面描述）的长度最好控制在120~200个字符；
• Description要让用户知道将从页面中获得什么；
• 在Description中合理使用行动号召（CTA）用语（例如“了解更多”、“立即获取”、“免费试用”等等……）；
• Description应该包含页面的核心关键字；
• 为每个页面创建独一无二的Description；

注意点

• SEO的禁忌之一就是用JS输出重要的内容。爬虫不会读取JS格式的内容，所以重要的内容必须是HTML格式，这也就是为什么现在流行的spa框架都不利于seo的原因之一；
• 尽量不使用iFrame。因为搜索引擎不会抓取iframe内的内容，所以重要内容绝对不能放在iframe中；
• 如果需要截取文字，尽量用css实现，保证文字可以完整呈现给搜索引擎。

SEO手段

各搜索引擎提交站点收录

百度站长资源平台 (opens new window)

搜狗站长平台 (opens new window)

360站长平台 (opens new window)

必应网站管理员工具 (opens new window)

sitemap站点地图

Sitemap，即站点地图，它是一个网站的全部URL列表，同时可以列出每个网址的其他元数据（上次更新的时间、更改的频率以及相对于网站上其他网址的重要程度为何等）。它可以为搜索引擎的蜘蛛进行导航，更快的找到全站中的所有链接，更全面的获取网站信息。为了保证链接的全面性和准确性，应该自动不定期更新sitemap站点地图。

一般网站的sitemap文件都会有以下两种格式：

sitemap.xml，这是大部分搜索引擎所使用的用于提交网站网址的XML文件； sitemap.html，这是可直接放在网站上用于用户访问或搜索引擎快速找到全站链接的页面（每页最多500条，自动分页）；

sitemap.xml 文件内容格式大致如下：

<?xml version="1.0" encoding="UTF-8"?>
  <urlset
        xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
           http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">

    <url>
     <loc>https://risun-tec.cn/</loc>
     <priority>0.3</priority>
     <lastmod>2023-08-28</lastmod>
     <changefreq>weekly</changefreq>
    </url>
  </urlset>

生成sitemap文件的站长工具，例如:

网站地图生成器 (opens new window)

生成的sitemap文件一般放在项目根目录下，然后可以在各个搜索引擎的站点平台提交sitemap.xml文件。

内链｜外链

在搜索引擎优化领域，有着内链为王、外链为皇的说法，它们都能对提升网站排名有所帮助，尤其是外链的建设。 先来区分下网站内链和外链：

内链：从自己网站的一个页面指向另外一个页面。通过内链让网站内部形成网状结构，让蜘蛛的广度和深度达到最大化。

外链：在别的网站导入自己网站的链接。通过外链提升网站权重，提高网站流量。外链有以下几个好处：

• 提升网站权重
• 能够吸引蜘蛛来抓取网站
• 提升关键词排名
• 提升网址或品牌的曝光度
• 给网站带来流量

外链能够为我们的网站带来流量，所以外链数量越多越好是必然的。但是，一定要注意外链的质量，例如对方网站没有被搜索引擎收录，对方网站性能过差，死链等，这些低质量的外链反而会影响到本站的排名。

另外，在添加内链外链的过程中，要注意在 a 标签中对 nofollow 和·external 属性的使用。

<a rel="nofollow" href="https://risun-tec.cn/">睿阳科技</a> 
# 带有rel=nofollow 属性的链接会告诉搜索引擎忽略这个链接。阻止搜索引擎对该页面进行追踪。从而避免权重分散。这个属性只对搜索引擎有效，这是一个纯粹的SEO优化标签。

使用场景：

• 屏蔽一些垃圾链接，比如网站上面评论里面的站外链接，论坛里面用户留下的链接等；
• 外链的内容与本站无关时，建议使用nofollow；
• 外链站点不稳定，性能较差时，建议使用nofollow；
• 友链一般作为网站交换链接，互惠互利，是不会设置nofollow的，所以在交换友链之前，一定要对对方的网站质量进行审核；
• 内部链接密度过大，页面重要性不高时，可以使用nofollow，例如很多网站常有的“关于我们”页面；
• 并不是内容无关的外链都要加nofollow。适当的添加高质量的外链，对于SEO是没有坏处的，还会产生正向影响，所以关键就在于外链的质量和数量上。

<a rel="external" href="https://risun-tec.cn/">睿阳科技</a>
# external字面意思是“外部的”，a 标签加上这个属性代表这个链接是外部链接，非本站链接，点击时会在新窗口中打开，它和target="_blank"效果一样。external 可以告诉搜索引擎这是一个外部链接，非本站的链接。

使用HTTPS

谷歌曾发公告表示，使用安全加密协议（HTTPS），是搜索引擎排名的一项参考因素。 所以，在域名相同情况下，HTTPS站点比HTTP站点，能获得更好的排名。

SSR服务端渲染（ Server-Side Rendering）

当下SPA应用盛行，虽然它有用户体验好，服务器压力小等优点，但是同时也暴露出很多问题。例如首屏加载较慢，不利于SEO等（因为这些spa应用内容是由js动态更新的，蜘蛛无法爬取网页内容）。

而ssr的出现，很好的解决了seo的问题。因为服务端渲染是指指客户端向服务器发出请求，然后运行时动态生成 html 内容并返回给客户端。所以客户端可以获取到完整的页面内容。

目前流行的 Vue/React 前端框架，都有SSR的解决方案：

Vue的nuxt.js (opens new window)