SEO运用meta标签进行网站优化
2019-08-14 09:55:17来源：博客园 阅读 ()
SEO定义
Search Engine Optimization 搜索引擎优化
一，常用的HTTP-EQUIV类型：
Set-Cookie(cookie设定)
说明：如果网页过期，存盘的cookie将会被删除(必须是GMT的时间格式)
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday,21-Oct-98 16:14:21 GMT;path=/">
Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示----用来防止别人在框架里面调用你的页面
<meta http-equiv="Window-target" content="_top">
Content-Type(显示字符集的设定)
说明：设定页面使用的字符集
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
expires(期限)
说明：用于设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅(必须使用GMT的时间格式)
<meta http-equiv="expires" content="Wed, 26 Feb 2016 08:21:57GMT">
Pragma(cache模式)
说明：禁止浏览器从本地机的缓存中调阅页面内容(访问者无法脱机浏览)
<meta http-equiv="Pragma" content="no-cache">
Refresh(刷新)
说明：需要让页面定时链接到其他页面的话，就用这句(停留五秒后自动跳转到URL地址)
html中的meta信息里可以直接设置跳转，可以设置跳转延迟时间和跳转url，经常应用，比如支付完了告诉用户支付成功并跳转到订单页面。下面的列子表示：5秒钟后页面会自动跳转到http://www.myqingmei.cn。
<meta http-equiv="refresh" content="5;url=www.myqing.cns">
二，meta标签name变量语法
keywords(关键字)---已经过时
说明：用来告诉搜索引擎 你网页的关键字是什么
<meta name="keywords" content="xxx">
description(简介)------(import)
说明：用来告诉搜索引擎你网站的主要内容
<meta name="description" content="xxx">
robots(机器人向导)------(import)
说明：robots用来告诉搜索机器人 哪些页面需要索引 哪些不需要 ;用来阻止搜索引擎获取拷贝页面、私密页面和未完成的页面.content参数有：all,none,index,noindex,follow,nofollow.默认all
<meta name="robots" content="none">
其中：
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索；
nofollow：页面上的链接不可以被查询。
author(作者)
说明：标注网页的作者
<meta name="author" content="huangqingmei">
notranslate----(important)
说明：有时，Google在结果页面会提供一个翻译链接，但有时候你不希望出现这个链接
<meta name=”google”content=”notranslate” />
三，以下是一些不常用的例子和简要的说明
<meta name="viewport" content="width=device-width, initial-scale=1" />
viewport属性说明：
width:可视区域的宽度，值可为数字或关键词device-width
height同width
intial-scale:页面首次被显示时可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放，no 禁止缩放
<meta name="googlebot" content="index,follow" /> <meta name="verify" content="index,follow" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="google" 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" />
针对手持设备优化，主要是针对一些老的不识别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">
四，实例
在html页面上设置不缓存
<meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0">
原文链接:https://www.cnblogs.com/xuxiaoyu/p/11272071.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- meta标签及Keywords 2020-04-15
- head头部包裹title,base,link,meta,script,style 2020-03-26
- 利用onMouseOver和onMouseOut实现图像翻滚 2019-11-08
- meta 2019-09-23
- Html头部meta标签 2019-08-26
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
