📌  相关文章
📜  HTML |隐藏属性(1)

📅  最后修改于: 2023-12-03 14:41:54.203000             🧑  作者: Mango

HTML | 隐藏属性

HTML隐藏属性是被网页浏览器隐藏不显示的元素属性，但仍可以被搜索引擎读取和索引。这些属性通常被用于向搜索引擎提供更多的信息，从而优化网页的搜索排名。

常见的HTML隐藏属性
1. meta标签中的属性

该属性告诉搜索引擎不要索引此页面，并且不要在此页面中的链接传递PageRank值。

该属性告诉Google不要在其缓存中存储此页面的副本。

2. HTML头文件中的属性

X-Robots-Tag: noindex,nofollow

该属性告诉搜索引擎不要索引此页面，并且不要在此页面中的链接传递PageRank值。这个标头通常被添加到HTTP响应的头部。

3. HTML标签中的属性

该属性将元素隐藏起来，但是搜索引擎仍然可以读取到它的内容。

该属性将元素的可见性设置为隐藏，但是其位置保留在文档流中。搜索引擎仍然可以读取到它的内容和链接。

如何正确地使用HTML隐藏属性

虽然HTML隐藏属性可用于优化网页的搜索排名，但是滥用它们可能会导致搜索引擎惩罚您的网站。以下是一些使用HTML隐藏属性的最佳实践：

  • 不要隐藏重要的内容
  • 不要试图欺骗搜索引擎
  • 不要使用Javascript隐藏内容或链接
参考文献
  • https://www.searchenginejournal.com/seo-guide/advanced-technical-seo/html-meta-tags/
  • https://developers.google.com/search/reference/robots_meta_tag
<meta name="robots" content="noindex,nofollow">
<meta name="googlebot" content="noarchive">
<div style="display:none">
<a href="#" style="visibility:hidden">
X-Robots-Tag: noindex,nofollow