SEO优化密切相关三大标签
1.<meta name="keywords" content="CSDN">
2.<meta name="description" content="CSDN是一个程序员博客平台。">
3.<title></title>
1. 避免IE使用兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
2.为移动设备添加 viewport视口,适用于移动端适配布局
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- width-viewport的宽度
- height-viewport的高度
- initial-scale - 初始的缩放比例,页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
- minimum-scale - 允许用户缩放到的最小比例
- maximum-scale - 允许用户缩放到的最大比例,用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
- user-scalable - 用户是否可以手动缩放,no 禁止缩放
3.优先使用 IE 最新版本和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
4.SEO优化之浏览器搜索关键字
<meta name="keywords" content="CSDN">
5.SEO优化之描述信息
<meta name="description" content="CSDN是一个程序员博客平台。">
6.它是之前是用来声明网页的语言的,可以告知屏幕阅读器和其它文本处理器他们正在处理的语言以便更好的工作。
<meta http-equiv="content-language" content="fr" />
7.有时Google在结果页面会提供一个翻译链接,加如下代码可以不出现。
<meta name=”google” content=”notranslate” />
8.控制浏览器在一段时间之后自动刷新。
<meta http-equiv=”refresh” content=”30”>
<!--每隔30秒网页自动更新-->
9.网页刷新后自动跳转到新的页面
<meta http-equiv=”refresh” content=”30;URL=’https://baidu.com’”>
10.添加作者名称
<meta name="author" content="田根旺" />
11.字符编码
<meta charset="utf-8" />
12.优先使用IE最新版本或chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
13.360读取到这个标签立即钱换到极速模式
<meta name="renderer" content="webkit" />
14.禁止百度转码
<meta http-equiv="Cache-Control" content="no-siteapp" />
15.UC强制竖屏
<meta name="screen-orientation" content="portrait" />
16.QQ强制竖屏
<meta name="x5-orientation" content="portrait" />
17.UC强制全屏
<meta name="full-scerrn" content="yes" />
18.QQ强制全屏
<meta name="x5-fullscreen" content="ture" />
19.QQ应用模式
<meta name="x5-page-mode" content="app" />
20.UC应用模式
<meta name="browsermode" content="application">
21.window phone 点亮无高光
<meta name="msapplication-tap-highlight" content="no" />
22.安卓设备不自动识别邮件地址
<meta name="format-detection" name="email=no" />
23.iOS设备添加到主屏幕的标题
<meta name="apple-mobile-web-app-title" content="标题" />
24.ios设备是否启用webApp全屏
<meta name="apple-mobile-web-app-capable" content="yes" />
25.ios设备设置状态栏的背景颜色,启用webapp模式时生效
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent/black/default" />
26.ios设备禁止数字识别为电话号码
<meta name="format-detection" content="telephone=no" />
27.iOS图标
iPhone/iTouch默认是57*57
iPad,72*72,可以没有,但推荐有
Retina iPhone/Retina iTouch,114*114,可以没有,但推荐有
Retina iPad,144*144,可以没有,但推荐有
iPhone 6 plus是180*180,iPhone 6 是120*120
<link rel="apple--touch-icon-precomposed" sizes="width*height" href="xxx.png" />
28.iOS启动画面
iPad启动是不包含状态栏的。
标准分辨率:1、竖屏(768*1004);2、横屏(1024*748)
Retina:1、竖屏(1536*2008);2、横屏(2048*1496)
iPhone/iTouch启动是包含状态栏的。
标准分辨率(320*480)、Retina(640*960)、iPhone 5/iTouch 5(640*1136)
<link rel="apple-touch-startup-image" sizes="width*height" href="xxx.png" />
29.iPhone 6对应的图片大小是750×1294,iPhone 6 Plus 对应的是1242×2148
<link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:375px)">
<link rel="apple-touch-startup-image" href="xxx.png" media="(device-width:414px)">
30.ios智能添加广告条
<meta name="apple-itunes-app" content="app-id=myappstoreID,affiliate-data=myaffiliatedata,app-argument=myurl" />