网站SEO基础知识第35篇:META标签优化

SEO基础 2年前 (2016-10-03) 142次浏览 已收录 0个评论

在网页的 HTML 源代码中一个重要的代码(即通常所说的META 标签)。META 标签用来描述一个 HTML 网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。下面就跟着株洲网站优化一起来了解下META 标签如何优化吧!

网站 SEO 基础知识第 35 篇:META 标签优化

一、作用

META 标签是 HTML 标记 HEAD 区的一个关键标签,它位于 HTML 文档的<head>和<title>之间(有些也不是 在<head>和<title>之间)。它提供的信息虽然用户不可见,但却是文档的最基本的元信息。<meta>除 了提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。

所以有关搜索引擎注册、搜索引擎优化排名等网络营销方法内 容中,通常都要谈论META 标签的作用,我们甚至可以说,META 标签的内容设计对于搜索引擎营销来说是至关重要的一个因素,合理利用 Meta 标签的 Description 和 Keywords 属性,加入网站的关键字或者网页的关键字,可使网站更加贴近用户体验。

从 HTML 代码实例中 可以看到,一段代码中有 3 个含有 meta 的地方,并且 meta 并不是独立存在的,而是要在后面连接其他的属性,如 description、 Keywords、http-equiv 等。下面简单介绍一些搜索引擎营销中常见的 META 标签的组成及其作用。

二、组成

META 标签可分为两大部分:HTTP-EQUIV 和 NAME 变量。

HTTP 实例

HTML 代码实例中有一项内容是<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>

其作用是指定了当前文档所使用的字符编码为 gb2312,也就是中文简体字符。根据这一行代码,浏览器就可以识别出这个网页应该用中文简体字符显示。类似地,如果将”gb2312″换为”big5″,就是我们熟知的中文繁体字符了。

HTTP 使用方法

1、<meta http-equiv=”Content-Type” content=”text/html”;charset=gb_2312-80″>和 <meta http equiv=”Content-Language” content=”zh-CN”>用以说明主页制作所使用的文字以及语言;又如英文是 ISO-8859-1 字符集,还有 BIG5、utf-8、 shift-Jis、Euc、Koi8-2 等字符集;

2、<meta http-equiv=”Refresh” content=”n;url=http://yourlink”>定时让网页在指定的时间 n 内,跳转到你的页面;

3、<meta http-equiv=”Expires” content=”Mon,12 May 2001 00:20:00 GMT”>可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用 GMT 时间格式;

4、<meta http-equiv=”Pragma” content=”no-cache”>是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从 Cache 中再调出;

5、<meta http-equiv=”set-cookie” content=”Mon,12 May 2001 00:20:00 GMT”>cookie 设定,如果网页过期,存盘的 cookie 将被删除。需要注意的也是必须使用 GMT 时间格式;

6、<meta http-equiv=”Pics-label” content=””>网页等级评定,在 IE 的 internet 选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过 meta 属性来设置的;

7、<meta http-equiv=”windows-Target” content=”_top”>强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个 frame 页调用;

8、<meta http-equiv=”Page-Enter” content=”revealTrans(duration=10,transition= 50)”>和<meta http-equiv=”Page-Exit” content=”revealTrans(duration=20,transition=6)”>设定进入和离开页面时的特殊效果,这个功能即 FrontPage 中的”格式/网页过渡”,不过所加的页面不能够是一个 frame 页面。

HTTP-EQUIV 用于向浏览器提供一些说明信息,从而可以根据这些说明做出反应。HTTP-EQUIV 其实并不仅仅只有说明网页的字符编码这一个作用,常用的 HTTP-EQUIV 类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。

description

HTML 代码实例中有关”description”的代码为:

<meta name=”description” content=”湖南株洲 SEO 服务于个人站长和公司企业,提供网站 SEO 优化、网站建设的知识与技巧;同时提供网络推广、网络营销、微信开发、服务器维护等服务。QQ:736035566″>

“description”中的 content=”网页描述”,是对一个网页概况的介绍,这些信息可能会出现在搜索结果中,因此需要根据网页的实际情况 来设计,尽量避免与网页内容不相关的“描述”,另外,最好对每个网页有自己相应的描述(至少是同一个栏目的网页有相应的描述),而不是整个网站都采用同样 的描述内容,因为一个网站有多个网页,每个网页的内容肯定是不同的,如果采用同样的 description,显然会有一些网页内容没有直接关系,这样不仅 不利于搜索引擎对网页的排名,也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。

三、description 设计

1、网页描述为自然语言而不是罗列关键词(与 keywords 设计正好相反);

2、尽可能准确地描述网页的核心内容,通常为网页内容的摘要信息,也就是希望搜索引擎在检索结果中展示的摘要信息;

3、网页描述中含有有效关键词;

4、网页描述内容与网页标题内容有高度相关性;

5、网页描述内容与网页主体内容有高度相关性;

6、网页描述的文字不必太多,一般不超过搜索引擎检索结果摘要信息的最多字数(通常在 100 中文字之内,不同搜索引擎略有差异)。

Keywords

与 META 标签中的”description”类似,”Keywords”也是用来描述一个网页的属性,只不过要列出的内容是“关键词”,而不是网页的 介绍。这就意味着,要根据网页的主题和内容选择合适的关键词。在选择关键词时,除了要考虑与网页核心内容相关之外,还应该是用户易于通过搜索引擎检索的, 过于生僻的词汇不太适合做 META 标签中的关键词。关于 META 标签中关键词的设计,要注意不要堆砌过多的关键词,罗列大量关键词对于搜索引擎检索没有太 大的意义,对于一些热门的领域(也就是说同类网站数量较多),甚至可能起到副作用。

四、错误

网页设计中 META 标签写法的常见错误如下:

1、META 标签中没有网页描述和关键词设计;

2、整个网站所有的网页使用同样的 META 标签内容;

3、在 META 描述”description”中堆砌关键词,而不是对网页核心内容的自然语言描述;

4、META 标签中关键词和描述的内容一样,有些甚至和网页标题一样;

5、META 标签中网页介绍信息与网站内容缺少相关性;

6、META 标签中的关键词数量过多;

……

五、标签

1、在 zblog 模板网站的首页 default.html 添加 description 和 keywords 标签

按照这个顺序依次操作:打开后台首页–文件管理–打开 SHEMS 文件–打开你的当前模板样式的文件(此处一般有 2 个选择,之一是 default, 如果你是用系统默认模板就点击 default,否则就点击另一个)–打开 TEMPLATE 文件–编辑 default.html(默认首页),操作路径 为:THEMES/axna/TEMPLATE/default.html ,其中的 axna 是我的博客模板样式,因人而异,操作完这些之后在<head></head>里面添加如下代码:

<meta name="keywords" content="xx,xx,xx" />
<meta name="description" content="yyyyyyy" />

Keywords 里面的 xx 等就是你当前页面的关键词,这个非常重要,要准确定位,而且确定了就不要再随意修改。可设置多个关键词但不要过多,适当即 可,也不要重置堆砌关键词,这是对搜索引擎不友好的。关键词之前最好用逗号隔开。 而 description 里面的 yy 等字样就是指对当前页面的描述,在首页里就是要指明这个网站是什么样的网站,有什么用或者是做什么的,等等。这一部分 是会出现在搜索结果的页面当中的,因此还是举足轻重的。

添加了代码后就点击提交,然后文件重建即可,返回你的首页,查看源文件就能看到首页已经成功添加了这两个标签。

2、在网站的内页模板 single.html 中添加 meta 标签

同理,此处的操作路径为:./THEMES/axna/TEMPLATE/single.html 依次打开至 single.html 页面。这里,先介绍一下网上有一部分人的一些做法,可能是有点小问题的。

在 single.html 中添加如下标签:

<meta name="keywords" content="<#article/tagtoname#>" />
<meta name="description" content="<#article/intro#>" />

其中,#article/tagtoname# 是调用文章页面的关键词,我们在进行新建文章时,有一栏要填 tags,关键词就是从你所填写的 tags 调用过来的, #article/intro# 是调用文章简介,在新建文章的后台页面里,可以点击下面的自动生成摘要,当然了,摘要也可以自己填写,简介就是从你写的摘要里面完完全全调用过来的。

可是运用这样的代码方法在一些博客中是行不通的,在部分博客中文章的简介就自动调到页面的最顶部。可见这种方面要慎用。当然了,还有其它更加简便的方 法,比如我们可以在 Z-Blog 安装一个名为 NOBIRDAticleSEO 的插件,之后就多出<#nobird/article /seo#>标签,并自动添加到文章页模板中作为页面的 Description,同时还自动添加了 keywords 和 author 信息。

3、同样,也可以在 catalog.html、tags.html、search..html 中添加 meta 标签

代码如下<meta name=description content =<#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#>” />

这部分大家是可以自行进行增删修改的,不一定要那些调用代码,也可以输入自己想要加的文字。

以上是以 zblog 为例进行讲解,其他网站系统只需要找到对应的模板即可。


本文版权归湖南 SEO所有丨如需转载请注明文章出处
原文地址:https://www.wangxiaoyou.com/804.html
喜欢 (0)
[736035566@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址