一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

HTML怎么设置作者信息_html meta author作者信息设置(基础)

时间:2026-06-26 09:46:53 编辑:袖梨 来源:一聚教程网

meta name="author" 标签对浏览器渲染、搜索引擎排名及结构化数据提取均无效,属非规范性提示标签;唯一潜在用途是内部系统人工归档时解析content字段,但非标准行为。

meta name="author" 标签到底有没有用

没用——至少对浏览器渲染、Google/Bing 搜索排名、结构化数据提取来说,meta name="author" 是个摆设。W3C 不反对你写,但明确标注为“non-normative”(非规范性),意思是“写了不报错,但别指望它起作用”。你搜到的教程里说“可被爬虫识别”,实际是过时信息:Google 自 2014 年起就停止抓取该标签;Bing 从未支持;Firefox 曾短暂高亮显示作者名,2019 年已移除。

它唯一可能生效的场景,是内部知识库或 CMS 后台人工归档时顺手解析 content 字段——但这不是标准行为,纯属巧合,不能当设计依据。

真正被搜索引擎识别的作者信息怎么写

必须用 JSON-LD 结构化数据,且嵌在 <head> 里。Google 新闻、富媒体摘要、知识图谱只认这个。关键点:

  • @type 必须是 "Person",不能是字符串,比如 "author": "王五" 是错的;正确写法是 "author": {"@type": "Person", "name": "王五"}
  • 推荐补全 urlsameAs(如 GitHub、LinkedIn 链接),否则校验工具会警告“作者身份不可验证”
  • 如果页面是文章(<article>),更稳妥的做法是同时用 article:author Open Graph 标签 + JSON-LD,双保险
  • 避免在 content 里塞邮箱、工号、逗号分隔的多人名——meta name="author"content 值不被解析,只是纯文本

link rel="author" 还能用吗

基本不能。这个属性本意是指向作者个人主页(比如 <link rel="author" href="/authors/zhangsan">),但 Google 已不支持,Firefox 已移除相关 UI,W3C 也未将其纳入 HTML5 规范。更麻烦的是:如果 href 指向 404 页面,浏览器不会报错,但 Google Rich Results Test 会标红警告“author link unreachable”。

立即学习“前端免费学习笔记(深入)”;

如果你还在用它,建议替换成:

  • 静态站点生成器中用模板变量(如 Hugo 的 {{ .Params.author }}、VuePress 的 {{ $page.frontmatter.author }}
  • 服务端渲染时,从 CMS 字段或 Git 提交者(git log -1 --pretty="%an")注入真实作者,注意脱敏——别把 [email protected] 直接打进去
  • 前端展示作者信息,用语义化 HTML:<footer class="article-meta"><p class="byline">作者:<span itemprop="name">李四</span></p></footer></span>

address 标签不是用来写作者的

<address> 只能用于标记「当前页面本身的联系信息」,比如官网首页底部的客服电话、技术支持邮箱,或者 About 页面里的“欢迎来信:[email protected]”。它不是作者署名容器,也不是版权栏占位符。

常见误用:

  • <address>© 2024 张三</address> 当版权申明——该用 <meta name="copyright"><p class="copyright">
  • 在文章正文里塞 <address>本文作者:王五</address>——屏幕阅读器会读成“这是联系信息”,语义错乱
  • <address> 里加导航链接、社交图标、<h3> 标题——它只允许内联元素和地址结构化内容

判断一句:用户想反馈这个页面的问题,该找谁?如果是作者,就该用结构化数据;如果是客服,<address> 才是正解。

热门栏目