# a标签rel属性
rel='nofollow' 属性值
告知搜索引擎的爬虫不要追踪或爬取这个连接中的内容，也不要传递权重
<a href=”http://www.baidu.com” target=”_blank” rel=”nofollow”>百度</a>
如果期望搜索引擎的爬虫不要追踪(即抓取)网页上的任何出站链接，则添加
<meta name="robots” content="nofollow” />
rel='external' 属性值
告诉搜素引擎，这是非本站的链接，不要爬取也不要传递权重，
rel="noopener noreferrer" 属性值
告诉浏览器在打开新页面时采取一些安全措施，以防止新页面利用原页面的窗口对象执行恶意脚本，来防止钓鱼网站，提高页面安全性。
noopener, noreferrer 及 nofollow 的用法 - 知乎 (zhihu.com)
对于外链这几个属性值，最好一起使用
如:
<a href="http://www.baidu.com" target="_blank" rel="external nofollow noopener noreferrer">百度</a>
8个重要标签
Title 标签
<title>页面标题</title>
标题对于让用户快速了解搜索结果的内容至关重要。这是用户对你网页的第一印象，它通常是决定点击哪个结果的重要影响因素，因此在你的网页上使用高质量的标题很重要。
最佳实践
- 为每个页面写一个唯一的标题标签
- 简短但具有描述性
- 避免通用和模糊的标题
- 创造一些值得点击的东西，抓住用户的好奇心
- 去猜测搜索意图，尽量匹配上
- 包含长尾关键字
- 保持在 60 个字符以内， 超过这个长度搜索引擎会将标题截断
Meta Description 标签
<meta name="description" content="页面的描述">
该 meta 标签用于描述总结页面的内容。搜索引擎经常将其用于搜索结果的片段中，放在标题下面。它占据了搜索结果片段的很大部分的内容，内容的好坏很大程度上会影响用户是否点击这个结果，你需要设置一个引人注目的描述。
最佳实践
- 给每个页面一个独特的描述，并清楚地反映内容
- 描述必须既真实又吸引人
- Google 的摘要通常最多可包含 150-160 个字符（包括空格）
- 包括你最重要的关键字，以便它们可以在搜索结果页上上突出显示，但要小心避免关键字堆砌
标题标签（h1-h6）
标题标签是 HTML 标签，HTML <h1>–<h6> 标题 (Heading) 元素呈现了六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。它可以用来识别内容的结构层级。
现在标题标签不再是搜索引擎排名因素，标题标签中添加关键字，不一定可以使你的排名更好，但是对爬虫来说理解组织良好的内容更为容易。同时也方便用户理解页面内容。
图片 Alt 属性
<img src="http://example.com/xyz.jpg" alt="xyz" />
图片的 alt 属性被添加到<img />标签以描述其内容。
Alt 属性在页面优化方面很重要，原因有两个：
- 如果无法加载任何特定图像（或图像被禁用），则会向访问者显示替代文本。
- 搜索引擎无法读取图像，你应该为图像添加适当的替代文字，以便搜索引擎知道如何解释它们
最佳实践
- 始终使用正确的描述，切勿在此标签中填充关键字
- 使用信息丰富的文件名，且清楚明了
- 创建图像站点地图
- 在替代文本中使用 50-55 个字符（最多 16 个单词）
Canonical 标签
<link rel="canonical" href="https://www.website.com/page/" />
rel=“canonical” link 标签为类似网页或重复网页指定权威网页。 它告诉搜索引擎哪个版本的页面是主要页面并希望被搜索引擎索引。
viewport Meta 标签
视口标记允许你配置页面在任何设备上的缩放和显示方式。
<meta name="viewport" content="width=device-width, initial-scale=1"/>
视口元标记与排名没有直接关系，但与用户体验有关。
同时谷歌在移动搜索结果中对移动端友好的网页的排名更高
最佳实践
- 在所有网页上设置 viewport 标签
meta标签name属性的普通值
keywords
keywords 定义了一组关键词，用于搜索引擎优化
<meta name="keywords" content="seo, nuxt, vue3网站">
在网络和 SEO 刚刚兴起的时候，这个标签是相当有用的，但是到如今，很多搜索引擎都已经不再用keywords标签作排名因素。我们在使用时k应该避免关键词堆砌
description
description 是针对页面的简短描述。用于告诉搜索引擎你网站的主要内容， 此内容可能被用作搜索引擎结果的一部分。
<meta name="description" content="JavaScript之禅专注于Web开发, 汇集HTML, CSS,
JavaScript教程">
先把关键词上百度搜一下，看有没指数，看热门度怎么样。找出相关的关键词。再把关键词用一两句话串起来就是描述。
robots
robots 用于告诉网页爬虫如何索引网页
<meta name="robots" content="none">
<meta name="robots" content="index, follow"> 表示索引并关注这个网页。
有以下几种参数值：
- all：对索引编制或内容显示无任何限制, 该指令为默认值
- noindex: 告诉搜索引擎不要索引当前页, 等价于noindex，nofollow
- index: 告诉搜索引擎索引当前页
- follow: 即使页面没有被索引，爬虫也应该爬取页面上的所有链接
- nofollow: 告诉爬虫不要跟踪页面上的任何链接以及资源
- noimageindex: 告诉爬虫不要索引页面上的任何图片
- none: 相当于同时使用 noindex 和 nofollow
- noarchive: 不在搜索结果中显示缓存链接。如果您未指定此指令，搜索引擎可能会生成缓存网页，并且用户可能会通过搜索结果访问该网页。
- nosnippet: 不在搜索结果中显示该网页的文本摘要或视频预览
subject
subject 是关于你的网站主题的简短描述
<meta name="subject" content="你的网站主题">
rating
rating 基于网站内容给出一般的年龄分级，通常用于让浏览者知道内容是不是合适的。 如果您希望对页面的受众适当性进行评分，请使该标记
<meta name="rating" content="General">
它主要有以下属性值：
- general
- mature
- restricted
- adult
- 14 years
- safe for kids
author
author 用于标明该页面的作者
<meta name="author" content="Liu Xing">
copyright
copyright 用于标注版权信息
<meta name="copyright" content="Liu Xing">
meta标签name属性的OG值
前端进阶：The Open Graph protocol（OGP）使你的网页内容在社交媒体上更吸睛 - 掘金 (juejin.cn)
