07HTML基础-meta其它类型

简介: meta其它类型Keywords类型作用: 告诉搜索引擎当前网页的关键词, 在SEO中非常重要, 能够提高搜索命中率, 让别人更容易找到你格式: Descriiption类型作用: 告诉搜索引擎当前网页的主要内容, 在SEO中非常重要...

meta其它类型

Keywords类型

  • 作用: 告诉搜索引擎当前网页的关键词, 在SEO中非常重要, 能够提高搜索命中率, 让别人更容易找到你
  • 格式: <meta name="keywords" content="IT前言技术、iOS技术、HTML5技术、Android技术" />

Descriiption类型

  • 作用: 告诉搜索引擎当前网页的主要内容, 在SEO中非常重要, 当别人在搜索引擎中搜索到你的网站时会自动作为对你网站的描述信息展示给用户, 能够提高搜索命中率, 让别人更容易找到你
  • 格式: <meta name="description" content="江哥热爱于IT前言技术、iOS技术、HTML5技术、Android技术研究" />

Author类型

  • 作用: 告诉搜索引擎当前网页的作业, install B专用
  • 格式: <meta name="author" content="Jonathan_Lee" />

Refresh类型

  • 作用: 告诉浏览器多久自动刷新一次页面并指向新页面, 常用于新老域名交替时, 访问老域名自动跳转到新域名, 或用语一些需要定时刷新的聊天室等.
  • 格式: <meta http-equiv="Refresh" content="2;URL=http://www.baidu.com/">

Robots类型

  • 作用: 告诉搜索引擎当前网页的作业, 写给网络爬虫看的内容

  • 格式: <meta name="robots" content="all|none|index|follow|noindex|nofollow" />

    • index: 告诉搜索引擎允许抓取当前页面
    • noindex:告诉搜索引擎不允许抓取当前页面
    • follow: 告诉搜索引擎可以从当前页面上找到链接,然后继续访问抓取下去
    • nofollow:告诉搜索引擎不允许从当前页面上找到链接, 拒绝其继续访问
    • all: 告诉搜索引擎允许抓取当前页面, 并且允许从此页找到链接继续访问
    • none: 告诉搜索引擎不允许抓取这个页面,并且不允许从此页找到链接、拒绝其继续访问
  • 常见组合

    • <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW">:可以抓取本页,而且可以顺着本页继续索引别的链接

      • 有可以写成<META NAME="ROBOTS" CONTENT="ALL">
    • <META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW">:不许抓取本页,但是可以顺着本页抓取索引别的链接

    • <META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW">:可以抓取本页,但是不许顺着本页抓取索引别的链接

    • <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">:不许抓取本页,也不许顺着本页抓取索引别的链接。

    • 注意事项:

      • 不要把两个对立的反义词写到一起,例如
      • 例如<META NAME="ROBOTS" CONTENT="INDEX,NOINDEX">

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038

相关文章
|
4月前
|
XML 移动开发 数据格式
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 有多少种Doctype文档类型?
51 0
|
3月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`&lt;head&gt;`标签中,通过添加不同的`&lt;meta&gt;`标签可指定浏览器默认使用的内核。使用`&lt;meta name=&quot;renderer&quot; content=&quot;webkit&quot;&gt;
47 1
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
1月前
|
移动开发 前端开发 程序员
后端程序员的前端基础-前端三剑客之HTML
后端程序员的前端基础-前端三剑客之HTML
27 9
|
1月前
|
移动开发 前端开发 搜索推荐
前端基础101之HTML总结
【8月更文挑战第1天】
19 4
|
3月前
|
Web App开发 移动开发 搜索推荐
HTML <meta> 标签及其属性介绍
HTML <meta> 标签及其属性介绍
|
3月前
|
安全 数据安全/隐私保护 UED
HTML基础-输入类型与表单验证
【6月更文挑战第5天】本文探讨HTML表单元素和输入类型,强调表单验证的重要性。常见的输入类型包括text、email、password、number、date、checkbox和radio。在表单验证中,应注意设置`required`属性、指定输入类型和使用`pattern`属性以进行自定义验证。结合客户端和服务器端验证可提高用户体验和数据安全性。正确运用这些方法能创建更高效、更安全的表单。
43 5
|
3月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
27 0
前端基础学习(一)HTML入门
|
3月前
|
移动开发 HTML5
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
html5为什么只需要写<!doctype html>? 一共有多少种Doctype文档类型?
41 0