一、网站的标题
1.网站的表述
<meta name="description" content="这是一个好的网站">
2.网站关键字,对网站友好
<meta name="description" conttent="关键字">
3.标题图标:用ico文件,引入ico图片,两种方式
1.比特虫在线转换ico图片
2.直接在项目根目录放入ico图片,图片名称: fovicon.ico
3.加入引入ico的link链接,再加入图片,图片名称一定是 faicon.ico
4.<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
二,网页中logo的优化
在网页中一般都会有logo,今天学习一个将logo变成对浏览器友好的设置方法
<style>
.logo{
width:200px;
height:200px;
}
.logo a{
display: inline-block;
background-image: url(logo.jpg);
width:200px;
height:200px;
/* font-size:0px; */
text-indent: -9999px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="logo">
<h1>
<a href="http://www.baidu.com">首页</a>
</h1>
</div>
</body>
虽然看起来的效果和直接放一个logo图片没什么区别,但是在搜索引擎看来,这就是一个好的logo!
h1标签的设置会使logo对浏览器变得重视起来,更加的友好,
文字的隐藏的方法
1.font-size:0px;
2.overflow:hidden;
text-indend:-9999px;