当前位置:首页 > 网站应用

html meta标签屏蔽搜索引擎的用法

cjw1233年前 (2023-03-17)网站应用9200

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。

搜索引擎的 meta 标签的解析

下面是meta标签对搜索引擎的解析

<meta name='robots' content='noindex,nofollow' />

参数:

参数描述
name

表示搜索引擎的类型,它可以有多个值。

robots:表示所有的搜索引擎。

Baiduspide:表示百度搜索引擎

Googlebot:表示谷歌搜索引擎

其它搜索引擎的标识,可以百度搜索。

content

表示对搜索引擎的行为做出指示,可以多个值一起使用。

index:允许本页被抓取

noindex:禁止许本页被抓取

follow:允许本页的上其它链接可以被跟踪抓取

nofollow:禁止本页上的其它链接被跟踪抓取

noarchive:禁止搜索引擎对网站建立快照

 

meta 标签对搜索引擎的用法

meta的使用示例:

<!--可以抓取本页,也可以顺着本页继续索引别的链接  -->
<meta name='robots' content='index,follow' />
<!--禁止抓取本页,但可以抓取跟踪本页的其它链接-->
<meta name='robots' content='noindex,follow' />
<!--可以抓取本页,禁止抓取和跟踪本页的其它链接-->
<meta name='robots' content='index,nofollow' />
<!--禁止抓取本页,禁止抓取和跟踪本页的其它链接-->
<meta name='robots' content='noindex,nofollow' />
<!--禁止搜索引擎建立快照-->
<meta name='robots' content='noarchive' />

补充说明

1、index 与 follow 的组合可以简化为 all 

<meta name='robots' content='index,follow' />

可以写成

<meta name='robots' content='all' />

2、noindex 与 nofollow 组合可以简化为 none

<meta name='robots' content='noindex,nofollow' />

可以写成

<meta name='robots' content='none' />

3、相反的属性值是不能写在一样的,比如 index 与 noindex 不能写到一起,follow 与 nofollow 不能写到一起

<!--错误示例-->
<meta name='robots' content='index,onindex' /> 
<meta name='robots' content='follow,onfollow' />

 

扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=956

标签: 教程方法
分享给朋友:

相关文章

css3实现加载动画,边框跑马灯

<style> body{/*让body所有元素正居中*/ display:flex; justify-content:center;/*水平居中*/ align-items: center;/*垂直居中*/ height:100vh;/*不加高,无法垂直居中…

js实现弹出层居中显示背景变灰效果

<HTML> <HEAD> <META http-equiv=content-type content="application/xhtml+xml; charset=gb2312" /> <…

一个网站网页快照截图的接口

如果您的网站想展示某个网站的快照截图的话使用这个网页快照截图的接口确实比较方便网页快照截图接口使用https://s0.wp.com/mshots/v1/网址?w=宽度&h=高度示例https://s0.wp.com/mshots/v1/www.cjw123.com?w=1900&h…

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋转。通过巧妙地运用CSS的动画属性和变换属性,你可以实现这个效果。首先,使用CSS创建一个心形图案,可以通过调整元素的宽高、边框、背景色等属性来塑造心形的形状。然后…

彩色流转文字代码

根据自己需求修改代码,点击运行预览效果!<style>     #nr{font-size:15px; margin: 0;background: -webkit-linear-gradient(left,#ffff…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。