独立网站SEO之路

关于SEO

搜索引擎优化（SEO）通常指对网站的部分内容进行细微的修改。单独来看，这些修改是非常微小的，但与其他优化结合后，可能会对网站的用户体验以及再自然搜索
结果中的表现产生很显著的影响。SEO旨在帮助搜索引擎了解并发现相关网站内容。

简单术语

• 索引-搜索引擎会将其知道的所有网页存储在其索引中
• 抓取-寻找新网页或更新后的网页的过程
• 抓取工具-一种从网络中抓取网页并将网页编入索引的自动化软件

• Googlebot-Google抓取工具的通用名称

  如何确认网站是否在Google的索引中？

• 对目标网站执行site:搜索，如果能够看到相关结果，则表明网站在索引中

  site:ucalendar.cn

• 造成未能抓取到结果可能的原因

  • 此网站与其他网站紧密关联
  • 是刚刚推出的新网站，Google未来得及抓取
  • 网站设计导致Google难以抓取
  • Google在抓取网站是收到了错误的信息
  • 相关策略阻止了Google抓取网站

如何让目标网站在Google搜索中显示

通常无需任何操作，只需将网站发布到网网络上即可.了解抓取过程

帮助Google找到站点内容

提交站点地图.站点地图是网站上的一种文件。可告知搜索引擎网站上新增了哪些网页
或者有哪些网页进行了更改。同时Google也会通过其他网页上的连接找到你的网站。了解网站推广。

阻止Google抓取部分网页

对于无关信息，可以使用robots.txt阻止不必要的抓取；robots.txt会告诉搜索引擎是否可以访问该网站并抓取网站内容

// 告诉google禁止爬取img和assets文件夹下的内容

User-agent: googlebot
Disallow: /img/
Disallow: /assets/

SEO相关措施

• 创建独特准确的网页标题。title会告诉用户和搜索引擎特定网页的主题是什么。

  <title>UCalendar、日历、日程、你的日历</title>

• 使用meta进行标记。可以让搜索引擎了解该网页的大致内容。网页的标题可以是几个词或一句话，而网页的meta标记可以是一两个句子甚至一小段话。

<meta name="description" content="UCalendar,让生活更简单，让工作更轻松;行程安排、出行计划、工作总结的好帮手;作者林Round;">

• 添加结构化数据标记。结构化数据是可以添加到网站网页中的代码，用于想搜索引擎描述内容，以便搜索引擎更好的了解网页上的信息。

  {
  "@context": "https://ucalendar.cn/",
    "@type": "日历",
    "url": "https://ucalendar.cn/",
    "logo": "https://ucalendar.cn/img/UCalendar.png"
  }

• 在网站url中使用字词

• 为每个网页提供仅一种访问网址。防止将不同的用户链接到不同的网页中；如果发现用户通过多个网址访问相同的内容，可以设置一个非首选网址到主导网址的301重定向。如果无法重定向，可以使用rel="canonical"
  的link元素；

  <link rel="canonical" href="https://ucalendar.cn/" />

让网站更加的实用

• 提供文笔优秀、易于理解的内容
• 合理安排内容结构，让用户清楚的指导内容咱不提的起止位置
• 建立新鲜独特的内容，吸引新的用户
• 针对用户而非搜索引擎来优化内容
• 以培养用户信任为目标
• 彰显专业性和权威性
• 避免投放无关广告
• 投放广告后，关注与使用广告拦截器的用户之间的互动
• 定位文字提供有关链接到的网页的基本说明
• 尽量使用具有描述性的简短文字
• 设置链接格式，提高链接的识别度。从而防止用户没有看到或意外的点击，从而降低内容的实用性

• 关注链接时，网站声誉之间的影响。 如果使用第三方软件来丰富网站的体验及吸引用户，
  检查该网站是否会包含不想放到自己网站上的链接。如果无法从中移除某些垃圾链接，可以使用nofollow停止跟踪这些链接，如果是自己为自己提供的功能或内容的链接，务必使用nofollow；

  <a href="https://www.example.com" rel="nofollow">无关链接</a>

• 如果不希望搜索引擎跟踪网页中的所有链接，可以在网页的head标签中添加以下内容：

  <meta name="robots" content="nofollow">

• 如果不愿意自己的网站为别的网站背书，将nofollow添加到对应的链接即可；

• 优化图片

  • 使用img或picture元素，语义标记有助于抓取工具并处理图片；针对不同屏幕尺寸为自适应图片指定多个选项；
  • 使用loading=lazy属性提高用户的网页加载速度
  • 使用alt属性提供文件名或说明
  • 使用图片作为链接时，提供相关的文本说明
  • 图片站点地图可提供更多的与网站有关的图片信息

构建移动设备网站

• 智能手机
• 平板电脑
• 多媒体手机。大多数带有3g功能的非智能手机

• 非智能手机

  选择移动策略

• 自适应设计推荐。使用 meta name=viewport标记告诉浏览器如何调整内容。

  通过同一网址提供相同的HTML代码，不考虑用户所使用的设备。这是最容易实现和维护的一种设计模式

• 动态提供内容。

  无论用户使用何种设备，都使用相同的网址。这种配置依赖user-agent嗅探和Vary:user-agentHTTP
  响应头来向不同的设备提供不同版本的HTML

• 单独的网站。可以通过向网页添加包含 rel="canonical" 和 rel="alternate" 元素的 <link> 标记，指明网址之间的关系

  利用单独的网站向每一种设备提供不同的html。与动态提供内容一样，依赖user-agent和vary http标头将用户重定向到适合设备的相应版本

• 对于具有大量静态资源（博文或商品页）的网站，考虑使用AMP实现静态内容

搜索结果分析

• 了解Googlebot无法抓取网站的那些部分
• 测试及提交站点地图
• 分析或生成robots.txt文件
• 移除Googlebot已经抓取的网址
• 指定首选网域
• 找出title和description meta标记相关的问题
• 了解Google看到的网页外观

• 分析网站用户行为

  • 了解用户如何找到你的网站以及在网站上的行为
  • 发现网站上最受欢迎的内容
  • 衡量对网站所做的优化带来的影响，例如更改title和description meta 标记是否提高了搜索引擎带来的流量

来源：https://github.com/linround/gitBook/blob/main/SEO/SEO.md