in 技巧分享 (1610℃)

编码(不解释)

<meta charset="UTF-8">

网页自适应

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

以最新内核加载

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">

谷歌手机浏览器沉浸颜色

<meta name="theme-color" content="#颜色" />

DNS预加载

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//链接" />

禁止识别电话号邮箱

<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />

Windows8磁贴

<meta name="msapplication-TileColor" content="#颜色"/> <!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="链接"/> <!-- Windows 8 磁贴图标 -->

描述(可被QQ分享抓取版)

<meta name="description" itemprop="description" content="喵喵喵">

关键词(很普通的)

<meta name="keywords" content="英文逗号分割每个关键词,就像这样">

禁止浏览器读取缓存

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">

QQ分享itempop

<meta itemprop="name" content="分享标题"/>
<meta itemprop="image" content="分享缩略图" />

网页图标

<link rel="icon" type="image/ico" href="favico.ico">

为何收集这么多meta

额...这几天一直帮我们mc服务器做帮助百科(传送门),用的是友人C大佬的帮助文档作为基础,然后我一顿魔改之后就出来了这个东西....

为此我为了这次的质量,还有弥补这种网页对SEO不友好的先天性缺点,然后更让站点有意思些,吸引他们来读,所以就弄了这一大堆meta....

也算是换个地方折腾了吧233333

 |   | 

相关标签:#meta

许可协议: 署名-相同方式共享 4.0 国际 转载请保留原文链接及作者