HTML meta常用设置

码农天地 -
HTML meta常用设置

meta 标签的作用

  • 搜索引擎(SEO)优化;

  • 定义页面使用语言;

  • 自动刷新页面;

  • 控制页面缓存;

  • 网页定级评价;

  • 控制页面显示的窗口;

  • 等等...

搜索引擎获取网页的关键字,网页的内容描述

<meta name="keywords" content="" />
<meta name="description" content="" />

告诉搜索引擎哪些页面需要索引,哪些页面不需要索引

<meta name="robots" content="all" />

其content的值有:

  • all:文件将被检索,且页面上的链接可以被查询;

  • none:文件将不被检索,且页面上的链接不可以被查询;

  • index:文件将被检索;

  • noindex:文件将不被检索,但页面上的链接可以被查询;

  • follow:页面上的链接可以被查询;

  • nofollow:文件将被检索,但页面上的链接不可以被查询。

设置页面作者

<meta name="author" content="一般写站点名称" />

设置网站版权信息

<meta name="copyright" content="" />

设置禁止浏览器从本地缓存中访问页面

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

设置自动刷新并跳转新页面,其中content第一个数字代表 5 秒后自动刷新:

<meta http-equiv="Refresh" content="5;URL=https://gybworld.com" />

iPhone上的Safari(还有些webkit android手机浏览器)会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:

<meta name="format-detection" content="telephone=no" /> //不识别数字串
<meta name="format-detection" content="email=no" />   //不识别邮箱


Tags 标签

meta标签SEO优化

加个好友,技术交流

1628738909466805.jpg