pc移动中常用的meta标签

页面中常用的meat标签总结

字符编码:声明文档使用的字符编码 相对于这种方式,更推荐你(推荐使用HTML5的声明方式)。

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

最高ie版本打开

  <meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1"/>

Expires(期限) 该声明用来指定页面的过期时间,一旦网页过期,从服务器上重新请求,其中时间必须使用GMT格式,或者直接是0(即不缓存)

 <meta http-equiv="expires" content="Thu Jan 01 1970 00:00:00 GMT 或者 0"/>

Pragma(cache模式) 禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv="pragma" content="no-cache"/>     <meta http-equiv="cache-control" content="no-cache"/>

Refresh(刷新) 该声明用来指定页面自刷新或者跳转到其它页面,其中的时间单位是s。第一种写法是10s后刷新本页面,第二种写法是10s后跳转到新的页面。

<meta http-equiv="refresh" content="10"/>     <meta http-equiv="refresh" content="10; url=..."/>

Set-Cookie(cookie设定) 如果网页过期,那么存盘的cookie将被删除。

 <meta http-equiv="set-cookie" content="[cookie名字]=[cookie值]; expires=[cookie过期时间];path=/;"/>

Window-target(显示窗口的设定) 强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。

  <meta http-equiv="window-target" content="_top"/>

Keywords(关键字) 用来告诉搜索引擎你网页的关键字是什么(这个关键字的设定对于整个页面的SEO优化非常的重要)。一般来说我们会根据当前页面所展示的内容来设定一组关键词语,这样用户在网上进行搜索的时候,搜索引擎会把拥有或者靠近相关关键词的页面呈现给用户,以达到产品推广的作用(当然这个需要长期的SEO/SEM等运营推广才会让自己的网页在搜索出的结果中靠前)。关键字内容太短,搜索引擎可能不会认为和这些内容有关,但是关键字的设定不能超过874个字符。

<meta name="keywords" content="javascript培训,js培训,HTML5培训,css培训,前端开发培训,node.js培训,nodeJS培训"/>

description(网站内容描述)

<meta name="description" content="某维是中国前端开发知名品牌,JS前端培训,以专注立身;70%的同学来自老学员推荐,以诚信立业。"/>

robots(机器人向导) robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

content的参数有 all(默认值),none,index,noindex,follow,nofollow。 all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索; nofollow:页面上的链接不可以被查询。

<meta name="robots" content="index,follow"/>     <meta name="google" content="index,follow"/> ->下面是声明其它搜索引擎的搜索模式     <meta name="googlebot" content="index,follow"/>     <meta name="verify" content="index,follow"/>

声明搜索引擎抓取间隔

有时候你可能并不希望站点一直被搜索引擎抓取,而是每间隔一段时间才来访问一次,这时,可以声明revisit-after meta

 <meta name="revisit-after" content="10 days"/>

声明网页的作者信息

   <meta name="author" content="zhangxiaohuan@qq.com"/>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

Python微信后台开发--环境搭建与接入指南

0x00 背景及介绍 申请一个微信公众平台订阅号,将后台接入到服务器上,验证服务器地址的有效性,实现简单的业务逻辑,根据用户发送不同类型的消息做出不同的反应。 ...

48560
来自专栏Youngxj

YoungxjTools开源工具箱

答:项目本身支持站内站外跳转,添加新的工具箱,你只需要在网站根目录创建一个文件夹,在文件夹内部就是你的工具箱,只需要在头部插入

1K260
来自专栏跟着阿笨一起玩NET

TF卡格式化8G格式化时候变成128KB的解决办法

我的8GC6卡,APPS2SD后,因为不满意分区容量,所以就想删除分区重新分配容量. 删除分区方法:我的电脑---管理---磁盘管理--里删除了EXT3分区,...

52420
来自专栏软件测试经验与教训

ADB命令集锦

在测试APP时,我们常常会用到adb命令来协助测试,那么adb命令到底是什么?有什么用?怎么用?

28850
来自专栏葡萄城控件技术团队

如何通过预加载器提升网页加载速度

预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了...

210100
来自专栏我与狸奴不出门

基于CentOS搭建微信小程序--响应错误502

在腾讯云开发者实验室的搭建微信小程序中  ,遇到了在完成实验二会话部署失败后,实验一http访问测试也显示失败并且表示响应错误-错误码:502。(域名是可以正常...

31230
来自专栏Golang语言社区

golang基于redis lua封装的优先级去重队列

前言: 前两天由于某几个厂商的api出问题,导致后台任务大量堆积,又因为我这边任务流系统会重试超时任务,所以导致队列中有大量的重复任务。这时候我们要临时解决两个...

43090
来自专栏PHP在线

如何通过预加载器提升网页加载速度

预加载器(Pre-loader)可以说是提高浏览器性能最重要的举措。Mozilla 官方发布数据,通过预加载器技术网页的加载性能提升了19%,Chrome测试了...

337100
来自专栏zaking's

走进webpack(3)-- 小结

  写这一系列的文章,本意是想要梳理一下自己凌乱的webpack知识,只是使用过vue-cli,修改过其中的一部分代码,但是对于一个简单项目从0开始搭建webp...

36270
来自专栏大前端开发

微信小程序之内嵌网页(webview)

微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个<web-view>组...

46430

扫码关注云+社区

领取腾讯云代金券