金沙棋牌官方平台

当前位置:金沙棋牌 > 金沙棋牌官方平台 > 常见的Meta标签有哪些,标签与搜索引擎优化

常见的Meta标签有哪些,标签与搜索引擎优化

来源:http://www.logblo.com 作者:金沙棋牌 时间:2019-11-05 18:51

Meta Content Type (charset)

meta content type标签被用来声明网页的字符编码,为了防止浏览器产生编码问题最好加上这个属性。但是它不会影响搜索排名或点击率(CTR)。

你可能很熟悉下面长长的Content-type代码:

JavaScript

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

1
<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

现在我们也可以使用更简短的、向后兼容的声明模式:

JavaScript

<meta charset="utf-8" />

1
<meta charset="utf-8" />

这个标签应该放在任何包含文本元素的标签之前,包括我们已经讲解的title标签。

注意:这样设定,访问者将无法脱机浏览。

name
name的value值(name=)指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值,如:creationdate(创建日期) 、document ID(文档编号)和level(等级)等。
name的content指定实际内容。如:如果指定level(等级)为value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
常见的值有: 
(1).Keywords 网页关键字
<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……" />

浏览器乱码的原因是什么?如何解决

  • 浏览器不能自动检测网页编码,造成网页乱码。
  • 1、如果浏览器浏览时候出现网页乱码,在浏览器中找到转换编码的菜单。
    在IE9浏览器中需要转码的网页空白出右键鼠标,即可选择“编码”。
    傲游浏览器中浏览需要转码的网页时,菜单“查看”-->“编码”即可选择转换编码
    谷歌浏览器中浏览需要转码的网页时,点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码达到让浏览器浏览此网页不是乱码。
    2、如果自己开发网页,必须网页加入meta charset编码标签。假如转换时候,不是记事本编辑添加meta charset编码标签就完成,这样同样会造成乱码,那是因为直接记事本添加或修改编码格式后,而对应Html超文本文档内容并没有随添加或修改编码格式而变化,这个时候需要真正意义上的转码,所以最好借助开发软件进行编码添加与修改。

Meta Description

Meta description标签可能是最有用的标签之一。顾名思义,它会给搜索引擎提供关于这个网页的简短的描述。代码如下:

JavaScript

<meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/>

1
<meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/>

这个标签曾经在搜索排名中占有很大的权重,但随着算法的不断的更新升级,它的地位也逐渐降低。它虽然不会提高网站排名,但是,因为它会被用在搜索引擎的结果页,所以依然有用。

这也就意味着它仍然可以提高你的网页点击率。毕竟,当用户搜索的关键词与之相匹配时,会以粗体显示突出显示。这就是为什么一个好的页面说明 (利用关键字的) 可以显示更多与用户相关的信息,进而提高了点击率。推荐的description长度为160 个字符。

但是如果你没有使用description标签或者description标签为空时,会发生什么呢?搜索引擎仍会在搜索结果页显示出自己创键的一小段文字。大多数的结果都不是用户需要的,也就意味着你将失去用户点击网页的机会。

用法:<meta name=”copyright” content=”晨鸟”>

none:文件将不被检索,且页面上的链接不可以被查询;(和 noindex, no follow 起相同作用)

列出常见的标签,并简单介绍这些标签用在什么场景

  • html框架类标签
    html -- 定义html文档
    body -- 定义文档体body
    head -- 定义文档头信息
    headtitle -- 定义文档的标题title

  • html图像与链接类标签
    a -- html链接标签a
    img -- html图像标签img

  • html文字相关标签
    h-- 定义标题1至标题6 h1, h2, h3, h4, h5, h6
    p-- html段落标签p
    div-- html层div
    strong -- 定义要强调显示的内容strong

  • html列表标签
    ul -- 定义html列表ul
    li-- 定义html列表内容li

  • html表格类标签
    table -- 定义html表格table
    tr -- 定义表格行tr
    td -- 定义表格列td

  • html表单类标签
    form-- html表单标签form
    input-- 定义一个表单的输入域input
    select-- 定义可选择的html表单select
    textarea-- 定义一个多行的文字输入域textarea

Title

专业的讲,title标签不是meta标签,但他们都放在相同位置。我之所以把title标签放在这里是因为它对搜索引擎优化很重要。

在所有的HTML文档中,title标签都是不可缺少的。它定义了整个文档的标题,如下所示:

JavaScript

<title>Title of the page</title>

1
<title>Title of the page</title>

简单而实用。标题通常会显示在两个不同的地方;浏览器的头部标签和搜索结果页。这就意味着title标签在点击率(CTR)和排名上有很重要的影响。

一个好的标题应该包含关键字,而且最好放在标题的开头部分。请记住,那些匹配到用户搜索的关键字会以粗体显示。

另一件你应该牢记在心的事情就是标题的长度。谷歌会限制标题为70个字符,所以偶尔你可能需要书写一个合适的标题。

Dan Shure发表过一篇很不错的关于标题的文章,叫are your titles irresistibly click worthy and viral?,包含了很多有意思的知识点。

Meta标签有两个标签(<meta name=”description” content=””><meta name=”keywords” content=””>)总会用到,但Meta标签不仅仅只有这两个,那么常用用Meta标签有哪些,以及Meta标签所对应的作用又是什么,下面就给大家介绍下Meta标签。

(2).expires:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。eg:
<meta http-equiv="expires"  content="0"> 
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT" />
注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。

文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?

  • 声明文档是用于告知浏览器,用什么文档类型规范来解析这个文档。
  • 在严格模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如 Microsoft IE 4和Netscape Navigator 4)的行为以防止老站点无法工作。
  • <!doctype html>是用来声明当前文档为html5。

Meta Keywords

这个标签在过去很重要,但是现在却没什么价值了。现在没有一个主流的搜索引擎使用meta keywords来判断网页的内容了。

在meta keywords标签里面,你可以存储几个关于网页内容的关键字。然而,它却不会提高你的排名。如果你想要实现它(尽管我不知道你为什么这样做)你可以用如下代码:

JavaScript

<meta name=”keywords” content=”meta tags,search engine optimization” />

1
<meta name=”keywords” content=”meta tags,search engine optimization” />

2、name=”description”
说明:这里是网页的描述,是给搜索引擎看的,搜索引擎根据这个描述进行收录排名,一般是网页内的关键字。

说明:插入网页基链接属性

常见的浏览器有哪些,什么内核

  • IE浏览器:Trident内核
  • FireFox浏览器:Gecko内核
  • Opera浏览器:Presto内核
  • chrome浏览器:WebKit内核
  • Safari浏览器:WebKti内核
  • 国产浏览器:所谓的双内核,就是指Trident和WebKit

Meta Language

这个标签之前是用来声明网页的语言的。可以告知屏幕阅读器和其它文本处理器他们正在处理的语言以便更好的工作。这就是为什么meta language的content声明为什么可以为fr。

JavaScript

<meta http-equiv="content-language" content="fr" />

1
<meta http-equiv="content-language" content="fr" />

但这看起来是多余的,W3C推荐使用标签的属性来声明语言:

XHTML

<html lang="en">

1
<html lang="en">

如果这个元素所包含内容的语言和你在<html>元素设置的默认语言不一样时,这个属性也能应用到其他元素上:

XHTML

<p lang="es">Me gusta..

1
<p lang="es">Me gusta..

6、 name=”robots”
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

说明:链接到文件

怎样理解 HTML 语义化

  • 简单说来就是让机器读取HTML文档结构的时候能够像人读书一样,可以读懂HTML文档内容。
  • 只需要根据页面内容及其结构,选择合适的标签。
    将页面内容的语义化翻译为代码级别的语义化。
    编写语义明确的HTML代码需要有足够的耐心和良好的编码意识,这需要在实际的项目中不断地实践。
  • 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。
    语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构。
    用户体验:例如title、alt用于解释名词或解释图片信息、label标签的活用;
    方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)
    便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

总结

简单的说,有三个meta标签,你应该关注一下:descriptionrobotstitle(经常被视为是,但专业来讲不是).

description标签被用来显示更多有关网页内容的信息,搜索引擎也会在搜索引擎结果页面(SERP)使用它。robots标签用来阻止搜索引擎获取拷贝页面、私密页面和未完成的页面。最后,最重要的title标签,控制它在70个字符以下,并在其中使用关键词。

keywords标签的时代已经过去,最好不在使用它。其他一些比较重要的标签(有关搜索引擎优化):languagecontentrefreshnontranslate

用法:<meta http-equiv=Expires Content=0>

用法:<Link  rel=”Shortcut Icon“  href=”soim.ico“ />   网站小图标
         <link rel="Stylesheet" type="text/css" href="my.css" /> css文件

HTML、XML、XHTML 有什么区别

  • HTML:超文本标记语言(HyperText Markup Language),是语法较为松散的、不严格的Web语言;
  • XML:可扩展标记语言(Extensible Markup Language),主要用于存储数据和结构参考;
  • XHTML:可扩展超文本标记语言(EXtensible HyperText Markup Language),基于XML,作用与HTML类似,但语法更严格参考。

其它一些Meta标签

讲解了一些常用的meta标签,下面让我们来看一些不经常使用的。

用法:<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>

all:文件将被检索,且页面上的链接可以被查询;

怎样理解内容与样式分离的原则

  • 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上,让 HTML 能体现页面结构或者内容。之后再去写样式。
  • 写 JS 的时候,尽量不要用 JS 去直接操作样式,而是通过给元素添加删除class来控制样式变化
  • HTML 内不允许出现属性样式,尽量不要出现行内样式

Refresh

使用这个meta标签你可以控制浏览器在一段时间之后自动刷新。举例说明,下面的代码表示每隔30秒网页自动更新:

XHTML

<meta http-equiv=”refresh” content=”30”>

1
<meta http-equiv=”refresh” content=”30”>

你也可以在刷新之后跳转到另外一个页面,看看下面这个例子:

XHTML

<meta http-equiv=”refresh” content=”30;URL=’;

1
<meta http-equiv=”refresh” content=”30;URL=’http://website.com’”>

W3C是不推荐使用这个标签的,因为它会令用户产生迷惑。另外,它对搜索排名没有任何影响。

1、name=”viewport”
说明:在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定!

用法:<Base href= target="_blank">

有哪些常见的meta标签(转)

  • name=”viewport”
    说明:在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-scalable=no 可以禁用其缩放(zooming)功能。这样禁用缩放功能后,用户只能滚动屏幕,就能让你的网站看上去更像原生应用的感觉。注意,这种方式我们并不推荐所有网站使用,还是要看你自己的情况而定!
    用法:<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>

  • name=”description”
    说明:这里是网页的描述,是给搜索引擎看的,搜索引擎根据这个描述进行收录排名,一般是网页内的关键字。
    用法:<meta name=”description” content=””>

  • name=”keywords”
    说明:keywords用来告诉搜索引擎你网页的关键字是什么,换句话说就是你的网站主题,从一定意义上来说keywords与description其实它们的作用是一样的(突出网站主题),但他们又有所不同(在搜索结果页的展示)。
    用法:<meta name=”keywords” content=””>

  • name=”author”
    说明:标注网站作者是谁
    用法:<meta name=”author” content=”晨鸟”>

  • name=”copyright”
    说明:标注网站的版权信息
    用法:<meta name=”copyright” content=”晨鸟”>

  • name=”robots”
    说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
    用法:<meta name=”robots” content=”all”>

  • Refresh(刷新)
    说明:自动刷新并转到新页面。
    用法:<meta http-equiv=”Refresh” content=”5;URL”>;(注意后面的引号,分别在秒数的前面和网址的后面,URL可为空)
    注意:其中的2是指停留2秒钟后自动刷新到URL网址。

  • content-Type(显示字符集的设定)
    说明:设定页面使用的字符集。
    用法:<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″>
    注意:在HTML5中已经简写成<meta charset=”utf-8″>

  • Window-target(显示窗口的设定)
    说明:强制页面在当前窗口以独立页面显示。
    用法:<meta http-equiv=”Window-target” content=”_top”>
    注意:用来防止别人在iframe(框架)里调用自己的页面,这也算是一个非常实用的属性。

  • Set-Cookie(cookie设定)
    说明:如果网页过期,那么存盘的cookie将被删除。
    用法:<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>
    注意:必须使用GMT的时间格式。

  • Pragma(cache模式)
    说明:禁止浏览器从本地计算机的缓存中访问页面内容。
    用法:<meta http-equiv=”Pragma” content=”no-cache”>
    注意:这样设定,访问者将无法脱机浏览。

  • Expires(期限)
    说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
    用法:<meta http-equiv=Expires Content=0>
    用法:<meta http-equiv=”expires” content=”Fri,12 Jan 2001 18:18:18 GMT”>

相关的meta设置

XHTML

<meta charset="UTF-8"> <meta http-equiv="refresh" content="5;url=" /> <link rel="copyright" href="copyright.html"  /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="150 words" /> <meta name="keywords" content="your tags" /> <!-- all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索; nofollow:页面上的链接不可以被查询。 --> <meta name="robots" content="index,follow" /> <meta name="author" content="author name" /> <meta name="google" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="verify" content="index,follow" /> <!-- 启用 WebApp 全屏模式 --> <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 --> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <!-- 添加到主屏后的标题 --> <meta name="apple-mobile-web-app-title" content="标题"> <!-- 忽略数字自动识别为电话号码 --> <meta content="telephone=no" name="format-detection" /> <!-- 忽略识别邮箱 --> <meta content="email=no" name="format-detection" /> <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" /> <!-- 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner: --> <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <!-- uc强制竖屏 --> <meta name="screen-orientation" content="portrait"> <!-- QQ强制竖屏 --> <meta name="x5-orientation" content="portrait"> <!-- UC强制全屏 --> <meta name="full-screen" content="yes"> <!-- QQ强制全屏 --> <meta name="x5-fullscreen" content="true"> <!-- UC应用模式 --> <meta name="browsermode" content="application"> <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app"> <!-- windows phone 点击无高光 --> <meta name="msapplication-tap-highlight" content="no">

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5;url=" />
<link rel="copyright" href="copyright.html"  />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="150 words" />
<meta name="keywords" content="your tags" />
<!--
    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;
    index:文件将被检索;
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索;
    nofollow:页面上的链接不可以被查询。
-->
<meta name="robots" content="index,follow" />
<meta name="author" content="author name" />
<meta name="google" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify" content="index,follow" />
<!-- 启用 WebApp 全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 隐藏状态栏/设置状态栏颜色:只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<!-- 添加到主屏后的标题 -->
<meta name="apple-mobile-web-app-title" content="标题">
<!-- 忽略数字自动识别为电话号码 -->
<meta content="telephone=no" name="format-detection" />
<!-- 忽略识别邮箱 -->
<meta content="email=no" name="format-detection" />
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" />
<!-- 添加智能 App 广告条 Smart App Banner:告诉浏览器这个网站对应的app,并在页面上显示下载banner:https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html -->
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">

1 赞 10 收藏 评论

图片 1

4、Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。

1.<meta>  定义元信息。
2.<title>    定义文档标题。
3.<link>   定义资源引用。
4.<base>  定义页面中所有链接的基准 URL。

Notranslate

有时,Google在结果页面会提供一个翻译链接,但有时候你不希望出现这个链接,你可以添加这样一个meta标签:

XHTML

<meta name=”google” content=”notranslate” />

1
<meta name=”google” content=”notranslate” />

1、Refresh(刷新)
说明:自动刷新并转到新页面。

index:文件将被检索;(让robot/spider登录)
(4).Author 作者
  <Meta name=”Author“ Content=”张三,abc@163.com“ />
(5)Copyright (版权)
<Meta name=”Copyright“ Content=”本页版权归我所有。All Rights Reserved“>

什么是Meta标签

Meta标签给搜索引擎提供了许多关于网页的信息。这些信息都是隐含信息,意味着对于网页自身的访问者是不可见的。

你可以在网页的 <head>元素中发现<meta>标签。在过去,有人曾经问我它是否可以放在网页的<body>,最好不要这样做。如果<meta>标签被放在<body>位置,某些浏览器可能无法识别它们,也就相当于你创建了无效的标签。

通常情况下,<meta> 标签会包含一个name属性,用来设置元数据。元数据的值放在content属性里面。你可以在<meta>标签中使用各种名称/值对,让我们来看看其中的一些。

2、content-Type(显示字符集的设定)
说明:设定页面使用的字符集。

http-equiv的常见的值:
(1).content-type :显示字符集的设定。eg:
<meta http-equiv="content-type"  content="Text/XML; charset=UTF-8" />

你可以会遇到一些Meta标签

让我们运行一下在一个网页中发现的几个不同的 <meta> 标签。

用法:<meta name=”author” content=”晨鸟”>

四、Bae

Meta 标签与搜索引擎优化

2016/01/08 · HTML5 · Meta

原文出处: 静子(@静-如秋叶)   

当谈及到<meta>标签对搜索引擎排名的影响,很多人都存在误解。在过去,许多已经失去作用的标签仍然被频繁使用。所以哪些标签对搜索引擎优化(SEO)有作用,哪些没有呢?

name属性
我们见得最多的name属性就是keywords和descripion了,除了这两个最常用的属性外name属性还有其它一些属性。

follow:页面上的链接可以被查询;

Meta Robots

我们在之前的教程中已经接触过Meta robots标签。如果你没有机会回去阅读它,这里有一段简短的介绍:

Meta robots标签管理着搜索引擎是否可以进入网页,你可以用它来允许或不允许搜索引擎来获取你的网页、进入你网页中的子链接或对你的网页存档。例如:

JavaScript

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

1
<meta name=”robots” content=”noindex, nofollow” />

这个 meta 标签告诉搜索引擎不要获取网页,并且阻止其进入链接。如果你不小心使用了两个矛盾的术语 (例如noindex 和index),谷歌会选择最具限制性的选项。

为什么这个标签会对搜索引擎优化(SEO)起作用呢?首先,它可以防止对拷贝内容的冗余抓取,例如页面的打印版页面。它也可能会对那些内容不完整的页面或者而存在私密信息的网页起作用。

用法:<meta http-equiv=”Window-target” content=”_top”>

nofollow:文件将可以被检索,页面上的链接不可以被查询。(不让robot/spider顺着此页的连接往下探找)

用法:<meta http-equiv=”Pragma” content=”no-cache”>

二。重点说一下<meta>,它常用的属性有三个:
1.http-equiv   把 content 属性关联到 HTTP 头部。
2.name          把 content 属性关联到一个名称,name是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。
3.scheme       定义用于翻译 content 属性值的格式。

注意:必须使用GMT的时间格式。

noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider登录)

用法:<meta http-equiv=”expires” content=”Fri,12 Jan 2001 18:18:18 GMT”>

(2).Description 网页描述,用来告诉搜索引擎你的网站主要内容。
 <Meta name=”Description" Content="网页的简述" />
(3).Robots (机器人向导).说明:Robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。
用法:<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow" />
注意:许多搜索引擎都通过放出robot/spider搜索来登录网站,这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

4、name=”author”
说明:标注网站作者是谁

(3).refresh : 网页每隔多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
<meta http-equiv="refresh"  content="5" />  每隔5秒刷新一次页面
<meta http-equiv="refresh"  content="5,url=" />
注意
:其中的5是指停留5秒钟后自动刷新到URL网址,http://不能省略。

http-equiv属性
http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

注意:你网页上的所有相对路径在链接时都将在前面加上“

3、name=”keywords”
说明:keywords用来告诉搜索引擎你网页的关键字是什么,换句话说就是你的网站主题,从一定意义上来说keywords与description其实它们的作用是一样的(突出网站主题),但他们又有所不同(在搜索结果页的展示)。

        

注意:其中的2是指停留2秒钟后自动刷新到URL网址。

三:Link (链接)

用法:<meta name=”keywords” content=””>

一。html头部即<head>标签,包含的标签有:

用法:<meta name=”robots” content=”all”>

注意:用来防止别人在iframe(框架)里调用自己的页面,这也算是一个非常实用的属性。

注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。

5、Pragma(cache模式)
说明:禁止浏览器从本地计算机的缓存中访问页面内容。

3、Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。

用法:<meta name=”description” content=””>

注意:<meta> 标签永远位于 head 元素内部;<meta>标签有两个属性name和http-equiv。

5、name=”copyright”
说明:标注网站的版权信息

用法:<meta http-equiv=”Refresh” content=”5;URL”>;(注意后面的引号,分别在秒数的前面和网址的后面,URL可为空)

注意:在HTML5中已经简写成<meta charset=”utf-8″>

用法:<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>

用法:<meta http-equiv=”content-Type” content=”text/html; charset=utf-8″>

6、Expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

meta标签的http-equiv属性语法格式是:<meta http-equiv=”参数” content=”参数变量值”>

对于如何设置mate标签才能让搜索引擎更喜欢,更利于SEO优化,我个人觉得与网站优化有关的属性主要是keywords和descripion,其它的属性对于优化基本没多大帮助,所以keywords和descripion的设置就极其重要了!而对于这两个属性的设置也是因网站而异的,也不能一概而论,keywords和descripion的设置需要作全面的分析才能得出的。

本文由金沙棋牌发布于金沙棋牌官方平台,转载请注明出处:常见的Meta标签有哪些,标签与搜索引擎优化

关键词:

上一篇:没有了

下一篇:充满想象力的,10个出色的HTML5画布示例