最近收集网站常用的图标库都是免费开源的，直接调用图标开源库就可以使用到里面的图标了，十分的方便

1. Font Awesome

Font Awesome一套绝佳的图标字体库和CSS框架。

官网：https://fontawesome.com

1. iconfont-阿里巴巴矢量图标库

iconfont-国内功能很强大且图标内容很丰富的矢量图标库。

官网：https://www.iconfont.cn

1. flaticon

flaticon有8,000多个SVG和基于矢量的最佳Web字体图标，适用于Web、iOS和Android应用程序。

官网：https://www.flaticon.com/uicons

1. feather icons

feather是一组简单漂亮的开源图标，每个图标都设计在 24x24 网格上，强调简单性、一致性和灵活性。

官网：https://feathericons.com

1. iconoir

Iconoir 是最大的开源图标库之一。

官网：https://iconoir.com

1. Ionicons

Ionicons是一个完全开源的图标集，包含1300个图标，专为Web、iOS、Android和桌面应用程序设计。

官网：https://ionic.io/ionicons

标题可以让客户快速了解搜索结果的内容以及与其查询相关的原因，它通常是用户在决定点击哪个结果时使用的主要信息，所以在你的网页上使用高质量的标题是非常重要的。

如何优化网站标题
如上所述，保证在title在标记中网站上的每个网页指定一个标题。

网页标题应具有描述性和简洁性。要防止不清楚的描述，比如使用主页，“首页”或者使用某人的个人资料“个人信息”。还要防止不必要的冗杂/冗长的标题，因为这个标题在显示在搜索结果中时可能会被截断。

防止关键词堆积
有时在标题中包含几个描述性词汇是有帮助的，但同一个词或短语不能出现几次。“Foobar,foobar,foobars,foobars”这样的标题对客户没有帮助，而这种关键词的积累可能会导致客户将你的结果视为垃圾内容。

避免重复或样品标题
你网站上的每个网页都应该有一个独特的描述性标题。例如，将商业网站每个网页的标题写成标题“卖便宜货”用户无法区分每个网页。信息变化不大的长标题(“样版”标题)也不好，比如，“查看视频、歌词、海报、专辑、评价和音乐会”这样一个标准化的标题包括大量没有参考价值的单词。一种解决方案是动态更新标题，以更好地反映网页的实际内容：例如，只在特定网页中使用，包括视频或歌词“视频”，“歌词”等词。另一种方法是只使用它。“乐队名字>”作为一个简要的标题，同时使用元描述(参考下文)来显示网站的内容。

给你的标题加上品牌，但要简明扼要
网站主页的标题可以包含一些相关网站的额外信息，例如，“社交网站示例，大家在这里相识相知。”然而，在你网站上的每个页面的标题中，文本不仅会破坏可读性，而且当系统回到你网站的多个页面时，它会特别重复和冗长。在这种情况下，您不妨考虑在每个页面标题的开头或结尾只添加网站名称，并将其与标题的其余部分分开，如连接字符、冒号或垂直线。

严禁搜索引擎抓取网页的问题
在你的网站上使用robots.txt协议可以阻止Google抓取网页，但不一定能防止网页被编入索引。例如，如果是，如果是，如果是，Google通过其他网站上的链接找到你的网页，你的网页可能会被编入索引。为了在搜索结果中显示您的网页，Google你需要以某种方式显示标题，但因为你不能打开你网页上的任何内容，你会依靠页面外的内容，比如来自其他网站的定位文本为了完全防止网站被编入索引，你可以使用它“noindex”指令）。

闭站通知页面

演示如下

下载地址：https://zbhxy.lanzoul.com/ijxmX0f5sd2j

这个是在某一个网站看到的，怪好玩的，扒过来分享，顺便稍微改了下样式。

分享一个好看的网站跑路专用HTML源码。

删库跑路教程

首先你要有胆量，还要有做事不计后果的精神，公司网站效果最佳。

以下用宝塔面板作为示例。

文件 – 打开你的网站根目录、删除 – 确定、找到数据库 – 找到你的数据库 – 删除 – 计算 – 确认。

重新回到根目录，将下方文件上传至首页。

代码如下:

<script type="text/javascript">
//屏蔽右键菜单
document.oncontextmenu = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
}catch (e){
return false;
}
}
//屏蔽粘贴
document.onpaste = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
}catch (e){
return false;
}
}
//屏蔽复制
document.oncopy = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
}catch (e){
return false;
}
}
//屏蔽剪切
document.oncut = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if(!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
}catch (e){
return false;
}
}
//屏蔽选中
document.onselectstart = function (event){
if(window.event){
event = window.event;
}try{
var the = event.srcElement;
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){
return false;
}
return true;
} catch (e) {
return false;
}
}
</script>

前言

在我们日常SEO工作中，遇到问题真是太多太多，分享一下关于网站二级目录与二级域名区别和优劣通以及在什么情况下用它？

一、网站二级目录与二级域名区别是什么？

1、从URL来看，二级域名比二级目录天生的信任度稍微高一点。但从搜索引擎排名的角度看，建议
尽可能使用分目录，而不是二级域名。
2、二级域名和主域名是两个完全不同的网站，相当于要推广的是两个网站，所有的网络营销工作都
要多做一遍，网站PR值，信任度都会被这两个独立的网站所分散。二级域名的使用会使网站变多，
但同时使网站变小，分目录会使一个网站越做越大。搜索引擎优化很重要的一点就是网站内容和网
站自身的质量和强度，网站的大小就是其中很重要的一个指标。
3、对于搜索引擎来说二级域名是属于独立的网站，而子目录其实是属于主站下面的一个页面。二级
域名跟子目录哪个页面权重高,理论上二级域名跟子目录在搜索引擎上权重没有高低之分，但是对于
不同的情况却又不一样。对于新建的子目录和二级域名而言，子目录的权重要高，因为它会继承主
站的权重，对于搜索引擎来说它跟网站内其他的页面没有什么区别，会很容易收录；
而二级域名刚开始权重要低，因为二级域名相当于一个新的网站，除非主域名权重非常高，这样二
级域名要想被搜索引擎收录基本上跟一个新网站差不多。也就是说刚开始子目录会相对比二级域名
好，以后发展起来可能相反了。

二、在网站优化中,二级目录与二级域名如何选择用它呢?

网站越大，包含的内容自然就越多，对用户的帮助就越大，它所累积的信任度就更高。所以在做网站时尽量使用子目录。前提是整个网站主题是紧密相关的，当然这只是就搜索引擎排名而言。在很多时候出于其他考虑，也不得不使用二级域名。比如说公司的产品线比较多，而且产品线之间的差异性比较大，那么不同的产品系列可以用不同的二级域名。
还有的时候国际性公司会在不同的国家使用不同的二级域名，比如中国分公司就使用cn.xxx.com，日本分公司就使用jp.xxx.com。对一个中小企业来说，建议是尽可能把所有内容放在目录下，形成一个大的网站。当然，现在也有网站国家用二级目录了，比如中国www.xxx.com/cn。

三、使用二级域名和二级目录它们各有什么优缺点呢?

1.二级目录的使用会提高隶属站点的权重，因为蜘蛛在此站会做更多时间的停留，停留时间越长则
权重越高，另外收录越多，权重越高。但是二级目录承载的内容有限。如果要扁平化，则只好开辟
更多的二级目录，这样的话，难免会分散某些需要高权重目录的权重。
2.二级域名的使用对主站权重的提高唯有指向此站的链接。但同时主站也会把权重传递出去，二者
相抵，到底对主站提升权重作用到底多大就不知+道了。大约因为子站指向主站的链接多会起到比较
大的提升主站权重的作用。认为大量子站点的存在（当然是与主站点有隶属关系的）可能会分散主
站点的权重。
关于到底用二级域名还是用二级目录，这些是在不管建站之初，还是网站扩大的时候都有可能遇到
的，如果对它们多了解一些，根据自己的业务做出合适的选择，后面对于SEO网站流量会有事半功
倍的效果，对于初学SEO的人来说，了解它也更加重要！

您知道SEO优化时如何选取关键词吗?

　　在SEO优化中，关键词的选择是优先的，一个敞亮而有吸引力的关键词对于用户来说有很高的点击率。事实上，关键词的选择是一个方式，而不是随机选择的，我们可以简单地按照搜索的目的来选择关键词操浸染户的喜欢。

　　SEO优化对于研究人员来说，他们不盲目搜索，他们很是专业，只在搜索过程中搜索几个关键词。因为技术关键词长短常的，主要是技术术语，你需要在选择关键词方面专业。

　　互联网用户选择娱乐信息，如用户喜欢搜索娱乐资源如电影和歌曲，他们去的时候在线。他们经常搜索歌曲带有必然的盲目性，只想玩，所以他们尽量选择一些话，吸引用户的注意，好比热、热情的和近似的词语。

　　对于那些跟糊口相关的信息，如用户喜欢网上搜索近似关键词如怎样连结年青，如何痤疮。他们需要的是便当。SEO优化只要信息供给了便当和具体，他们会打开你的网站进行详细的阅读，甚至添加网站到保藏夹下次访谒。如果搜索功能含混不清，他们就不会点击阅读。

　　用于贸易目的的用户，搜索纯粹是为了找一些信息，这样用户会选择一些高度相关的网站打开时，打开一个网页。

　　这些类型的人根底上包含了我们所有用户的偏好和搜索习惯。如果我们的网站上有更多的网友，我们应该选择的关键词匹配的用户，SEO优化让用户能更喜欢我们的网站。

食用本博客同款字体：

@font-face {
  font-family: "nexzhu";
  src: local('PingFang SC'),local('Hiragino Sans GB'),local('Microsoft YaHei'),url(https://cdn.jsdelivr.net/gh/gogobody/Modify_Joe_Theme@4.8.3/assets/fonts/blockdole.woff2) format("woff2"),
  url(https://cdn.jsdelivr.net/gh/gogobody/Modify_Joe_Theme@4.8.3/assets/fonts/blockdole.woff) format("woff"),
  url(https://cdn.jsdelivr.net/gh/gogobody/Modify_Joe_Theme@4.8.3/assets/fonts/blockdole.eot) format("embedded-opentype");
  font-display: swap;
}
body {font-family: nexzhu!important;}

优化说明

font-display: swap;

swap告诉浏览器使用字体的文本应立即使用系统字体显示。自定义字体准备好后，它将替换系统字体。避免显示隐形文字。

预加载网页字

用于更早获取字体文件。要开启此优化，需在博客 head 中插入一下代码。比如：

<!-- laod fonts -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gogobody/Modify_Joe_Theme@4.8.3/assets/fonts/blockdole.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gogobody/Modify_Joe_Theme@4.8.3/assets/fonts/blockdole.woff" as="font" type="font/woff2" crossorigin>
 

as = "font" type =" font / woff2" 属性告诉浏览器以字体形式下载此资源，并有助于确定资源队列的优先级。

crossorigin 属性指示是否应该使用CORS请求获取资源，因为字体可能来自不同的域。如果没有这个属性，预加载的字体将被浏览器忽略。