HTML网页头部SEO优化

前言

很多时候，我们在做主页时会忽略了网页头部属性的设置。网页头部属性是指 html 文件中被 ＜head＞ 标识符所作用的区域，HTML文件的头部信息包括了对当前文件一些信息的收集，对 ＜head＞ 区的属性进行修改后，不会直接影响到该文件的视觉效果。但通过对其进行设置，将使我们的主页制作过程更加规范、使用更方便。

meta标识符是主页头部元素用以记录当前页面的一些重要信息，例如网页的字符集、作者、版本、网页关键字等等。

一、name属性详解:

---

主要用于描述网页，对应于`content`（网页内容），以便于搜索引擎机器人查找、分类。这其中`description`（站点在搜索引擎上的描述）和`keywords`（分类关键词）是最重要的。

 <!--seo关键词-->
    <meta
      name="Keywords"
      content="bealei,个人网站,个人网页,个人站点,个人博客,个人主页"
    />
    <!--seo一段描述-->
    <meta
      name="Description"
      content="bealei的个人网站主页。我是一个自学者，爱旅游、摄影和编程。网址www.bealei.com "
    />
    <!--网站作者-->
    <meta name="author" content="bealei" />
    <!--网站版权-->
    <meta name="copyright" content="bealei" />

1、参数：Keywords (关键字)

说明：为搜索引擎提供的关键字列表

<meta name="Keywords" content="bealei,个人网站,个人网页,个人站点,个人博客,个人主页">

提示：各关键词间用英文逗号“,"隔开。如果你使用的是中文的标点符号，关键词将不起作用。<meta>的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个<meta>元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先。

2、参数：Description (简介)

说明：Description用来告诉搜索引擎你的网站主要内容。

<meta name="Description" content="bealei的个人网站主页，网址www.bealei.com ">  

3、参数：Robots (机器人向导)

说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。

<META NAME="Robots" CONTENT="All">

提示：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；(和 “noindex, no follow" 起相同作用)
index：文件将被检索；（让robot/spider登录）
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

4、参数：Author (作者)

说明：标注网页的作者或制作组

<meta name="Author" Content="bealei，www.bealei.com">

提示：Content可以是：你或你的制作组的名字,或Email

<meta name="Author" Content="bealei，bealei@163.com">

5、参数：Copyright (版权)

说明：标注版权

<meta name="Copyright" Content="本页版权归bealei所有。All Rights Reserved">

6、参数：Generator (编辑器)

说明：编辑器的说明

<meta name="Generator" Content="VScode">

提示：Content=“你所用编辑器”

7、参数：Language (语言)

说明：网页语言的说明

<meta name="Language" Content="zh-CN">

8、参数：Designer(设计者)

说明：网页设计者的说明

<meta name="Designer" Content="bealei">

提示：一般而言，发布者为个人信息

9、参数：Publisher(发布者)

说明：网站发布者的说明

<meta name="Publisher" Content="bealei">

提示：一般而言，发布者为发布公司信息

10、参数：Title(主题)

说明：网站主题说明

<META NAME="Title" CONTENT="bealei个人博客">

提示：通常这里的值是网页的内容标题

11、参数：Subject(内容的主题)

说明：主要是指这篇文章的主题是什么，核心内容是什么。

<META NAME="Subject" CONTENT="个人主页|个人博客">

12、参数：Abstract(摘要)

说明：网页页面说明

<META NAME="Abstract" CONTENT="本网站为学习点滴记录网站">

提示：对页面内容进行简短的描述，常见于内容页面中，可以加强搜索引擎对页面内容的保存，便于用户搜索。

13、参数：Expires(期限)

说明：网页页面期限

<META NAME="Expires" CONTENT="time">

提示：必须是GMT标准时间，定义过期时间，超过时间后即不能从cache中掉出。

<META NAME="Expires" CONTENT="Wed, 11 Feb 2010 00:51:09 EST">

14、参数：Distribution(分配目标)

说明：META NAME在那些页面有效

<META NAME="Distribution" CONTENT="Global">

提示：是指网站都在哪些地区范围出现，一般设置为Global即为全球范围。

15、参数：Revisit-After(重访时间)

说明：一般大型网站，蜘蛛爬行频率相当频繁，导致服务器重压。因此做这样的限制是让蜘蛛在限定日期内重访，例如7 days就是七天访问一次

<META NAME="Revisit-After" CONTENT="N Days">

提示：是指网站都在哪些地区范围出现，一般设置为Global即为全球范围。

二、http-equiv属性详解:

---

1、用以说明主页制作所使用的文字以及语言，又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；

<meta http-equiv="Content-Type" content="text/html" charset="gb_2312-80">
<meta http-equiv="Content-Language" content="zh-CN">

2、定时让网页在指定的时间77秒内，跳转到页面http://www.bealei.com；

<meta http-equiv="Refresh" content="77;url=http://www.bealei.com">

3、可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；

<meta http-equiv="Expires" content="Dec,12 May 2020 12:12:12 GMT">

4、是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；

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

5、cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；

<meta http-equiv="set-cookie" content="Dec,12 May 2020 12:12:12 GMT">

6、网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；

<meta http-equiv="Pics-label" content="">

7、强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；

<meta http-equiv="windows-Target" content="_top">

8、设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡"，不过所加的页面不能够是一个frame页面。

<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion=50)">
<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">

插入网页基链接属性

---

如果你的一个页面中的全部链接都使用相对路径链接，而你想将其都改为网上的同一个绝对路径链接，可以通过对网页基链接属性的设置来实现。
　　例如：

<base href=″http://www.bealei.com″ target=″_blank″>

如上，你网页上的所有相对路径在链接时都将在前面加上http://www.bealei.com/。其中target=″_blank″是链接文件在新的窗口中打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（帧）中打开；改为“_top”链接文件全屏显示。