让搜索引擎更容易抓取和了解你的内容-GX博客-分享个人 Full-Stack JavaScript 项目开发经验、前端在线工具、Sass、Bootstrap、Grunt、Gulp、webpack、React、Node.js、Git、Koa、MySQL、Nginx、Docker、Kubernetes、Jenkins、SEO、网络安全、CentOS 7

让搜索引擎更容易抓取和了解你的内容

创建 2019-04-15 04:19，修改 2020-08-29 10:53，作者 leeguangxing.cn，阅读数：1133

本文将结合谷歌的搜索引擎优化 (SEO) 新手指南和百度搜索引擎优化相关书籍的介绍，并根据博主现有的一些 SEO 经验，在应用程序层面介绍如何让搜索引擎更容易抓取和了解你的内容。

化繁为简，下面就直接列出在程序上需要配合 SEO 的技术点。

合理使用robots.txt文件

robots.txt 文件应位于网站根目录下。

https://www.leeguangxing.cn/robots.txt

robots.txt 文件告诉搜索引擎应该或不应该抓取哪些页面。这可让搜索引擎集中精力去抓取你期望被抓取的页面，而避开那些对用户无用的页面，如内部搜索页（用户不喜欢点击搜索引擎结果后却登录到你网站上的其它搜索结果页）。下面是本站 robots.txt 的示例：

User-agent: *
Disallow: /search.html
Sitemap: https://www.leeguangxing.cn/sitemap.html

了解更多 robots.txt 文件的创建问题，请点击这里。

创建准确合理的title和description

在网站后台管理系统，我们应该可以更改网站的 title 和 description 信息，为 SEO 作战略性调整。

module.exports.buildHtmlPage = ({title, keywords, desc}) => `<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="keywords" content="${keywords}">;
    <meta name="description" content="${desc}"/>
    <title>${title}</title>
</head>
......`;

title 应该准确简短地描述网页内容，合理选取有竞争力的关键字。

description 应该准确总结网页内容。最好可以为每个网页使用唯一的 description 说明。

尽量使用https

无论是谷歌或者百度，它们都会推荐使用 https 以提高站点的安全性。这点也会增加你网站在搜索引擎中的权重。

网址应简洁且易于传达内容信息

网址层次不应太深，合理使用 URL 重写技术以精简前端路由路径。网址若包含网页内容相关字词会更为友善。

为你的html添加更多说明

在html标签中，有些用于描述内容的元素和属性，可以帮助搜索引擎了解你的内容。例如：

<h1>~<h6>，用于定义标题，合理的描述网页内容层次。
<a> 链接的 title 属性，是对链接到的网页的基本说明。另外，不要让网站包含死链接。
<img> 的 alt 属性，为图片添加简短的描述性文字。
使用 <em> 和 <strong> 等标记对重点字词进行强调。
对不想搜索引擎跟踪的外链添加 rel="nofollow" 属性，因为它们可能会传递你网页的权重。对于有不良记录的网站外链，甚至会影响搜索引擎对你网站的评分。

服务器端渲染

要想搜索引擎能够抓取到你网站的内容，需要在服务器端渲染 html 内容。同构性应用可以使你的应用组件在服务器端和客户端渲染中使用同一套代码。

良好的网站结构

良好的网站结构可以帮助用户很好地使用你的网站，下面列出一些例子：

构建响应式网站。
良好的页面导航和网站地图。
显示实用的 404 页面。

确保你的网站可用且响应快速

如果搜索引擎多次抓取你的网站没有得到响应，则可能会影响它以后对你网站抓取的频率，所以我们需要确保站点随时可用。当上有服务器宕机时，可以考虑使用陈旧缓存作为响应。

GX博客