用 400 字，讲完 10 个重要的 SEO 元标签的用法用或易错点！
时间：2025-12-17 00:58 作者：独元殇 分类： AI 与出海
今天，我想回归最基本的，讲讲 SEO 元标签，尤其是一些新手易犯的错误。可能有点枯燥，但基本功向来如此....
如果遇到 SEO 瓶颈了，试试 【站内优化】 ，很可能起到不错的作用。这个应该是第一节课就要学的，这是【站内优化】，如果【站内优化】搞不好，对 SEO 的影响也不小，一不小心会犯了致命错误。
我尽可能把以下内容，每个都在 400 个汉字以内，给诸位讲完！
- 标题 title
- 描述 Description
- H1到H6
- 图片描述 alt
- 移动友好标识标签
- Nofollow
- robots meta
- canonical
- Schema Markup
- Social Media.
这些小细节小优化，累计起来，会起到决定性作用，你的排名就比别人高了。
标题 title
2024 年的 Google 公布的排名算法因素分布
这是 2024 年的 Google 公布的排名算法因素分布。我翻译并根据我的理解，整理了一下：
我自己整理的分布因素的中文整理
其中 标题 是占据 15% 。
不过现在，标题不是强相关了，因为 ai 语义化已经很厉害了，现在只要我们自己起的标题，和用户的搜索词，有关联，可能就会被 Google 选上。在过去，ai 语义不发达的时代，起标题是个技术活，和用户的搜索词必须非常像，才会被选上。
谷歌官方，对 标题 < title > 的建议是：
- 每个页面，最好都有一个独特的标题，描述这个页面的内容。
- 标题长度最好保持在 50 字符内（按照英语字母计算）
- 语言要自然！
- 越重要的内容，尽量越排标题前面。
- 标题里写入了品牌名，对搜索引擎也是有影响的。
针对第 5 点，就是建议，在每个标题结尾，都要加上网站名，最起码是域名。
比如 “预算有限如何有效进行 SEO？ - 知乎网”
描述 Description
现在，< Description > 并不出现在 谷歌 排名里了，但依然重要！
谷歌现在确实是不参考 < Description > ，只参考标题，但用户会在 谷歌 的搜索界面，看到你的描述。就好像 知乎 首页推荐的内容，那两行的预览一样。
所以，最好在诚实的基础上，写的有让人去点击的欲望才行！
- 谷歌对 < Description > 的读取，在 160 个英文字符以内。
- 描述，应当清晰，能表达这个页面的作用和价值。
- 描述应当是句子，而不是关键词的堆砌。
- 要包含关键词！
而.... 至于 keywords ，按照谷歌官方的说辞，其实写不写都无所谓了~ 但尽量写上吧！
H1到H6
和 Description 一样，也不是谷歌在排名时参考的主要内容。
但，它 是谷歌爬虫，在爬你网站时，重要的参考路标。把 H1-6 写好，能让爬虫梳理清楚你的网站的构造。以及，爬虫会梳理清楚你某个页面的目录！
- 每个页面，最好只有一个 H1
- 这个 H1 应该和 Description 强相关。
- 标题，要起名起的有意义，不要只写一个 “第一节” 这种
- H1 和 Title 可以相同。
- 保持对用户的可读性，无需堆砌关键词。
上面这三个内容，总而言之，< title > 是最重要的，所以你要付出很大的努力，在 title 的斟酌上，或许真的能觉得你的页面在谷歌的第一页还是第二页吧。
图片描述 alt
不知道你有没有犯这种低级错误，就是 < img > 没有写 alt ？
这个 alt 除了便于页面在无法加载图片时，让游客看到图的描述信息，也用于 谷歌 的图片爬虫，理解你这个图。
虽然，谷歌图片，不一定能给你带来大流量，但也会带来一些小流量。如果你的页面，无法达到谷歌网页搜索结果的前排，可以试试在网站里，多来些图片，加好描述，使其提高在谷歌图片里出现的几率。苍蝇再小也是肉。
谷歌排名，虽然没有参考页面的图有没有 加 alt，但 html 规范里是强制要加的，它可以提高你页面在谷歌眼里的得分。
- 在正确的上下文环境里，使用正确的图片。不能乱加图。
- 描述，要清晰合理。
其实，很多网站，都是靠 谷歌图片 导流的，比如 跨境外贸 ，产品图，设计网 的 demo 等等，这些网站，对 alt 一定要长点心！
移动友好标识标签
回到上面的那个谷歌权重图。
移动优先，占了 5% 的权重！比内联还要重要！
也就是谷歌鼓励我们使用移动端友好的页面。毕竟现在手机用户有时候，甚至能占到 65% ！
那对于爬虫，怎么才知道你网站，是否移动端友好呢？除了估算移动端用户的停留时长外，更重要的是 Viewport 标签！
<meta name="viewport" content="width=device-width, initial-scale=1"/>上面这一行，或类似作用的 viewport 务必不能省略！
就这一行就足够了，相信我，有这一行，你的排名不一定会上升，但没有这一行，肯定是会下降很多很多的！
Nofollow
我们对这个一直有误解，我们可能认为加上这个，是不是爬虫就不进去了，其实不是。爬虫依然会进去。虽然 学 html 的时候，教科书是这样解释的。但时代已经变了。
它 的真正作用是，不传递权重！
也就是 nofollow 是不会影响你站 和 它站 的 SEO 的。这个常用于 论坛 或者说单纯在页面里推荐一些小站点，但不想给它一些 SEO 上的福利时使用，以及一些你不信任的链接，
也就是：不让用户薅我们的羊毛！
我们最好 rel="noopener noreferrer nofollow" 这三个一起用。这个比只写 nofollow 好一些！
robots meta
这是一个 meta 标签，可以标记这个页面，不需要被爬虫爬取。
一般写成这个样子：
<meta name="robots" content="noindex">可以用在：
- 一些无价值的页面，不想分散爬虫的注意力。
- 未完成的页面。
- 后台管理系统相关的（比如登录页）
canonical
这个标签，是用来告诉爬虫，网站的主域名是谁？这个是我们最容易犯的错误！
我们的网站，可能有多个域名，很常见的情况是两个：www.zhihu.com 和 zhihu.com 。在爬虫眼里，它可不认为这是同一个网站，它会认为这是两个。虽然有一定的纠错机制，但为了以防万一，也为了应对一些更复杂的情况（比如被竞争对手，恶意反向代理了，让爬虫认为他的站点才是主站），我们务必要添加这个标记。
这个标签，不能乱写，写错了，很严重！很严重！很严重！
在 head 里面，应当写上这个：
<link rel="canonical" href="https://www.example.com/">
或者
<link rel="canonical" href="https://www.example.com/563.html">
或者
<link rel="canonical" href="https://www.example.com/about.html">就这个样子就可以，你页面的正宗链接，是啥就写啥。 href 后面，如果都是主域名，比如全站的任何页面都是 href="https://www.example.com/" ，这种行为是作死，爬虫会直接把整个站搞疯。
这个没别的理由，总之，一定要加。是必备的！
Schema Markup
很多同学，可能根本没听说过这个。
这是个很古老的，但是对于 AI 和 谷歌来讲，都很重要的东西。它不像标题，会影响权重，但它会影响摘要！
怎么理解它呢？
在爬虫眼里，你的网页就是一堆代码，它得去阅读，它自己理解和归类。
但 schema markup ，可以帮助爬虫理解你的页面。
这是 https://www.google.com/webmasters/markup-helper/ 谷歌提供的可视化工具，里面有很多模板：
结构化数据标记辅助工具
然后填入你网站上某示例页面后，可以圈圈点点，最后为你生成一个类似这样的结构：
<!-- 由 Google 结构化数据标记助手生成的 JSON-LD 标记。-->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Listen Notes",
"image": "https://wxcdn.qabot.cn/plugin/img/1280.duck_3.png",
"description": "最好的播客搜索引擎和数据库，包含所有播客和剧集。"
}
</script>然后，你根据你自己的要求，写入 PHP 或什么，保证每个页面一致即可。
谷歌很有可能，会为你个性化描述，让访客在谷歌页面，觉得你更专业！能提高 20% 甚至更高的点击量。
Social Media
这玩意儿类似这种：
og:title - 控制显示的标题
og:url - 控制网址，如可以增加跟踪参数
og:description - 控制描述
og:image - 控制图片在国内可能没什么用，但在国外比较有用。对于 SEO 可能有辅助作用，但不大。
大概意思是，你的这个链接，被复制粘贴到 Twitter 或 Facebook 等一些社交媒体上时，会在那个网站上展示成什么。
这个大家感兴趣，可以自行探索。会增加你网站的专业度。这里，不再赘述。