
10 5月 [网页设计公司x网站设计公司推荐文] 网页设计SEO揭秘,Meta Tag-中继标记,搜寻引擎关键字优化中,擅用Meta标签加注增进搜寻排序
( 文 / 网页设计公司 • 2.5D 品牌顾问 – 图 / Seth Schwiet )
对网站管理员来说,网页层级中继标记(MATA TAG)是向搜寻引擎提供网站相关资讯的绝佳途径。中继标记(MATA TAG)可以用来提供资讯给各类用户端,每一个系统都仅会处理它们理解的中继标记,并会忽略其他类型的标记。中继标记应置入 HTML 网页的部分
≈
MATA TAG 的定义和用法 –
“中继标记”既“Mata Tag”并以meta name来分门别类,提供了有关HTML文档的资料数据描述。 而标记资料数据将不会显示在页面上,但可以经由网路电算解析。
中继标记通常用于指定页面的描述,关键字,文案的作者,最后修改以及其他相关资料数据。
中继标记的网页资料数据可被浏览器使用(如何显示内容或重新加载页面),搜索引擎(关键字)或其他的网路服务可以使用标记的网页资料数据。
中继标记需加注于<head></head>之间,以下范例:
<head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="关键字1,关键字2,关键字3"> <meta name="description" content="在此描述内容"> </head>
中继标记有以下几个基础设定案例,可提供搜寻引擎抓取解析网页主要内容描述,以下范例可以加注在网页中:
1.VIEW PORT 设置视窗入口
在HTML5引入了一种方法,使网页设计人员可以通过标记来控制视窗入口-View Port(即用户在网页的可见区域范围)(请参见下面的“设置视口”范例)。View Port随设备的不同而不同,例如在手机上会比在计算机屏幕上小。
您应该在所有网页中包含以下视口元素:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
介绍:
content=”width=device-width 描述视窗宽度等同装置视窗宽度
initial-scale=1.0为视窗比例基础参数设为1
2. KEY WORD 设置关键字(近期google未采用)
关键字指示文张专有名词,可填入数个重点专有名词:
<meta name="keywords" content="关键字1,关键字2,关键字3">
介绍:
keywords=关键字
initial-scale=1.0 – 为视窗比例基础参数设为1
3. DESCRIPTION 设置内容描述
在google列表中最常见到内容描述,因此文章重点内容描述设置与撰文时适当写入关键字,关键词非常必要,字数约60~70字:
<meta name="description" content="请用60-70字描述">
介绍:
description=文字描述
Meta Name 属性:
Attribute / 属性 |
Value / 数值 |
Description / 描述 |
charset | character_set | 指定HTML文档的字符编码 |
content | text | 给出与http等同或明称属性关联的值 |
http-equiv | content-type
default-style refresh |
为内容属性的信息/值提供HTTP标头 |
name | application-name
author description generator viewport |
指定用于解释中继名称 |
scheme | format/URI | 不支援 HTML5.
指定用于解释内容属性值的方法 |