网站基础建设 SEO 检查清单

无关内容，谈谈现代 SEO 基础设施必须要做到的基本清单。

1.为你的网站开启 HTTPS

• Google 建议所有网站尽可能都使用 https://，因为启用HTTPS可以确保网站的安全性，并提供加密传输数据的能力

2.添加 description tag

• 准确总结网页内容
• 值得一提的是不必添加 keywords tag，主要搜索引擎十多年前就停止使用关键字标签

3.设置robots.txt 与 sitemap.xml

• 允许搜索引擎机器人抓取你的网站
• 提供站点地图有利于搜索引擎机器人的抓取

   User-agent: *
   Allow: /

   Sitemap: your sitemap url

4.设置正确的路径

• 提供清晰的网站结构

  

• 避免过深的层级

• 尽可能避免 URL 参数（URL 参数通常出现在 URL 中的问号 (?) 后面）

     正确：https://www.example.com/{subfolder}/{slug}
     例：https://www.example.com/post/seo-starter-guide
  
     错误：https://www.example.com/post.php?id=1
  

5.正确添加图片标签

• 提供 alt、width、height 属性
• 图片格式尽可能使用现代化、对 web 友好的 AVIF 和 WebP

6.如果使用了 Cloudflare 作为CDN，可以开启 Crawler Hints

• 当站点更改内容时，Crawler Hints 会推送 url 给搜索引擎和其他爬网程序
• 在 "缓存" -> "配置" 中设置

7.为网站注册搜索引擎站长平台并提交站点地图

• Google Search Console （Google 毫无疑问是最大的搜索引擎）
• Bing Webmaster Tools（Bing 市场份额也不可小嘘，并且类似 DuckDuckGo 之类的小众搜索引擎也是采用的 Bing 的数据）

8.注册并启用 Google Analytics

• 可以提高热门网页 Google Bot 的抓取频率

9.结构化数据

• Google 会根据结构化数据了解网页上的内容，并使这些内容以更丰富的搜索结果形式呈现，称为“富媒体搜索结果”

• 文章结构化的示例

      <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "NewsArticle",
        "headline": "Title of a News Article",
        "image": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
        ],
        "datePublished": "2015-02-05T08:00:00+08:00",
        "dateModified": "2015-02-05T09:20:00+08:00",
        "author": [{
            "@type": "Person",
            "name": "Jane Doe",
            "url": "https://example.com/profile/janedoe123"
          },{
            "@type": "Person",
            "name": "John Doe",
            "url": "https://example.com/profile/johndoe123"
        }]
      }
      </script>
  

10.确保网站是响应式设计，适应各种不同的屏幕尺寸，在移动设备上可访问和可读

• 采用现代化的前端框架

11.社交媒体分享友好

• 添加 Open Graph Protocol tag，分享到 Facebook、 LinkedIn、 Twitter等社交媒体会有更好的展示

  <meta property="og:type" content="website" />
  <meta property="og:title" content="WordPress.com：构建站点、售卖商品、创建博客以及更多精彩功能" />
  <meta property="og:description" content="构建站点、在线销售、通过内容赚取收入以及更多精彩功能" />
  <meta property="og:url" content="https://wordpress.com/zh-cn/" />
  <meta property="og:site_name" content="WordPress.com" />
  <meta property="og:image" content="https://s1.wp.com/i/featured/hp-2023-aug.jpg" />
  

  

• 添加 Twitter Cards tag，Twitterd的富文本分享优化

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@wordpressdotcom" />
  <meta name="twitter:creator" content="@wordpressdotcom" />
  <meta name="twitter:app:name:iphone" content="WordPress" />
  <meta name="twitter:app:id:iphone" content="335703880" />
  <meta name="twitter:app:name:ipad" content="WordPress" />
  <meta name="twitter:app:id:ipad" content="335703880" />
  <meta name="twitter:app:name:googleplay" content="WordPress" />
  <meta name="twitter:app:id:googleplay" content="org.wordpress.android" />
  

  

12.自定义404、502页面

对于404、502错误页面的自定义，这通常是为了提供更好的用户体验。当用户访问一个不存在的页面时，通过提供有用的、个性化的404、502错误页面，可以帮助用户导航到其他相关页面或提供帮助信息。这样可以改善用户体验，并降低用户离开网站的可能性。

• Nginx 自定义404和502错误页面

  在server代码块中找到error_page指令

   error_page 404 /404.html;
   error_page 502 /502.html;