`

meta 标签之NAME属性 详解

    博客分类:
  • seo
阅读更多

META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。META标签有两个重要的属性:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。本文主要介绍NAME属性

name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。
Meta标签的name属性语法格式:<meta name="参数" content="具体参数值">

1. Keywords (关键字)
说明:告诉搜索引擎你网页的关键字是什么。
用法:<Meta name="Keywords" Content="网络营销,网站推广,网站建设,搜索引擎优化">

关键字meta标签Keywords 优化详解>>

2. Description (网页描述)
说明:Description用来告诉搜索引擎你的网页主要内容。
用法:<meta name="description" content="网站开发、网站优化、网站推广和网络营销交流学习中心" />

如何撰写良好的描述标签 description tag?>>

描述标签 description tag还有必要优化吗?>>

3. Robots (机器人向导)
说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;(和 "noindex, no follow" 起相同作用)
index:文件将被检索;(让robot/spider登录)
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)
nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找) 

robots Meta标签使用详解>>


4. Author (作者)
  说明:标注网页的作者或制作组
  用法:<Meta name="Author" Content="豆苗,doumiao@live.cn">
  注意:Content可以是:你或你的制作组的名字,或Email

5. Copyright (版权)
  说明:标注版权
  用法:<Meta name="Copyright" Content="本页版权归豆苗网所有">

6. Generator (编辑器)
  说明:编辑器的说明
  用法:<Meta name="Generator" Content="PCDATA|FrontPage|">
  注意:Content="你所用编辑器"

7. revisit-after (重访)
      说明:通知搜索引擎多少天访问一次
      用法:<META name="revisit-after" Content="7 days" >

分享到:
评论

相关推荐

    HtmlMate标签使用详解中文WORD版

    meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看 资源太大,传...

    HTML中的meta标签的使用详解

    在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的...meta name=author content=Erwin Aligam - styl

    关于meta viewport中target-densitydpi属性详解(推荐)

    meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" &gt;  但发现页面依旧不根据手机屏幕进行自动缩放,后来找其他同事帮忙解决了,我看了源代码发现了是在原来的viewport中...

    自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    主要介绍了移动客户端手机页面布局时各标签元素作用和适用情景,通过详解几种属性让读者更明确自适应布局的注意点,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。

    详解html头标签的使用

    meta name="keywords" content="熊猫,金丝猴,恐龙"/&gt;  &lt;meta http-equiv="refresh" content="3;url=01-hello.html"/&gt;  ** base标签:设置超链接的基本设置  - 可以统一设置超链接的打开方式  &lt;...

    【JavaScript源代码】Ajax 文件上传进度监听之upload.onprogress案例详解.docx

    Ajax 文件上传进度监听之upload.onprogress案例详解  $.ajax实现 &lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;   &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-...

    【JavaScript源代码】详解jQuery的拷贝对象.docx

    详解jQuery的拷贝对象  &lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;  &lt;head&gt;   &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta ...&lt;title&gt;Document&lt;/title&gt;...

    vue移动端的左右滑动事件详解

    本文实例为大家分享了vue移动端左右滑动事件,供大家参考,具体内容如下 &lt;!...&lt;... &lt;head&gt;...meta charset=UTF-8&gt;...meta name=viewport content=width=device-width, initial-...meta content=telephone=no name

    Vue的属性、方法、生命周期实例代码详解

    meta name=viewport content=width=device-width, initial-scale=1.0&gt; &lt;meta http-equiv=X-UA-Compatible content=ie=edge&gt; &lt;title&gt;Vue的属性、方法和生命周期&lt;/title&gt; [removed][removed] ...

    【JavaScript源代码】如何使用原生Js实现随机点名详解.docx

    如何使用原生Js实现随机点名详解 ...DOCTYPE html&gt;  &lt;html lang="en"&gt;   &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; 点名&lt;/title&gt; ...

    Vue.js标签页组件使用方法详解

    meta name=viewport content=width=device-width, initial-scale=1.0&gt; &lt;meta http-equiv=X-UA-Compatible content=ie=edge&gt; &lt;title&gt;标签页组件&lt;/title&gt; &lt;link rel=stylesheet t

    jQuery实现轮播图及其原理详解

    meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; &lt;title&gt;JQuery轮播图&lt;/title&gt; &lt;style&gt; ...

    CSS3新增布局之: flex详解

    flex 基本概念 flex布局(flex是flexible box的缩写), 也称为弹性盒模型 。将属性和属性值(display:flex; )写在哪个标签样式中,谁就是 容器;它的所有子元素自动成为容器成员,称为...meta name="viewport" con

    详解jQuery Mobile自定义标签

    本文实例讲解了jQuery Mobile自定义标签,分享给大家供大家参考,具体内容如下 规划产品国际化的需求时,涉及到PC Web,移动Web,和各app。设计了多个版本的移动Web均不理想。...meta name=viewport

    详解基于vue-cli配置移动端自适应

    之前写过一篇关于移动端屏幕适配:移动端屏幕适配的解决,今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。 配方还是一样:手淘的 lib-flexible + rem 配置 flexible 安装 lib-flexible ...meta name=viewport

    详解swipe使用及竖屏页面滚动方法

    Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。...meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maxim

    Vue.js组件通信之自定义事件详解

    组件通信 从父组件向子组件通信,通过props传递数据就可以了,但Vue组件通信的场景不止有这一种,归纳起来,组件之间的通信可以用下图来表示: 自定义事件 ...meta name=viewport content=width=devic

    jQuery表单对象属性过滤选择器实例详解

    本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考,具体如下: &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;2-11&lt...

    Vue作用域插槽实现方法及作用详解

    meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;bod

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码

    ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4,取出解压后的...

Global site tag (gtag.js) - Google Analytics