Html之标签

<meta>元素<head>元素内的不封闭标签,包含一些用户不可见的网页元数据。

本文介绍meta元素的功能及使用方法。

指定字符集

告诉浏览器使用怎样的编码集显示html文档

<meta charset="UTF-8">

或是

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

name值

可用参数:”keyword”

告诉搜索引擎爬虫网页关键字

内容限制在36个字,最好不要超过5个词

<meta name="keywords" content="kw1,kw2,kw3,kw4,kw5">

可用参数:”description”

告诉搜索引擎爬虫网页介绍,呈现在搜索结果中

内容限制在76个字

<meta name="description" content="介绍meta标签的使用">

从seo角度而言,网页要尽量精简,不要加过多不必要的meta元素

关于百度搜索引擎的优化策略

可用参数:”robot”

告诉搜索引擎爬虫允许其做什么

设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。

//禁止检索该页面
<meta name="robot" content="none">

可用参数:”viewport”

告诉浏览器网页的可视布局

通过此标签可实现网页自适应

可操控属性:width、height、initial-scale、minimum-scale、maxmum-scale、user-scalable

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

其他无用参数不介绍不解释,仅使用必要的meta,让网页保持简洁

一个meta模板

<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1.0">

发表评论

电子邮件地址不会被公开。 必填项已用*标注