当前位置:长沙SEO优化 > SEO教程 > SEO基础> CSS+SEO优化篇,使用ul li布局网站导航条

CSS+SEO优化篇,使用ul li布局网站导航条

导读:

为什么要使用ul li布局网站导航条?使用ul li布局网站网页导航必要性。对于SEO优化来说显得非常重要。CSS DIV布局时考虑seo因素。

   为什么要使用ul li布局网站导航条 CSS+SEO优化

       一个网站的导航栏是非常重要的,我们得设计美观,有优越感,精简代码,就得运营div/ul li布局网站导航条,既简单又大方,还方便管理。

div+css如何布局头部导航条!

采用列表标签ul li + CSS布局+浮动。

实现代码;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>www.21shipin.com</title>

<style type="text/css">

#nav {

height: 30px;

width: 100%;

background-color: #c00;

}

#nav ul {

margin: 0 0 0 30px;

padding: 0px;

font-size: 12px;

color: #FFF;

line-height: 30px;

white-space: nowrap;

}

#nav li {

list-style-type: none;

display: inline;

}

#nav li a {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

padding: 7px 10px;

color: #FFF;

}

#nav li a:hover {

color: #ff0;

background-color: #f00;

}

</style>

</head>

<body>

<div id="nav">

<ul>

<li>HomePage</li>

<li>Div CSS教程</li>

<li>CSS布局实例</li>

<li>CSS2.0教程 </li>

<li>CSS在线手册</li>

<li>Web标准</li>

<li>XHTML教程</li>

</ul>

</div>

</body>

 

</html>

  为什么要使用ul li布局网站导航条?使用ul li布局网站网页导航必要性。对于SEO优化来说显得非常重要。CSS DIV布局时考虑seo因素。

  会布局的都知道网站导航条布局非常重要,可能一个导航条最终布局效果有时可以使用ul li列表标签布局,有时可以不用ul li布局,而是直接一个div盒子里直接放锚文本超链接的栏目名称,也能实现,看下图。

为什么要使用ul li布局网站导航条 CSS+<a href=http://www.seocss.com/ target=_blank class=infotextkey><a href=http://www.seocss.com/ target=_blank class=infotextkey>SEO优化</a></a>篇.png

  通过以上两种布局都能实现同样导航条布局效果,但是DIVCSS5推荐使用ul li布局,哪怕多几个ul li标签代码也无妨。

  比如以下代码:

  1、可以使用Ul li布局导航条

  css样式.png

 

  2、也可以不使用ul li布局的

 样式2.png

  这是为什么(推荐ul li)?

  在不考虑网站优化seo布局情况下,DIVCSS5是推荐不用ul li布局从而节约html代码;但一般网站要考虑搜索引擎排名因素(SEO),此时如果不用ul li而是直接在一个盒子里放锚文本超链接的栏目名称,虽然html代码量减少了,但这样搜索引擎容易认为有堆砌关键字嫌疑(故意堆砌关键字容易被搜索引擎有降权的风险)。如果使用ul li列表标签布局,这个时候搜索引擎很容易辨别为有条理的列表型内容(对搜索引擎蜘蛛更加友好)。

  综合以上描述,不难看出有时在div css网页布局中考虑seo搜索引擎优化时网页布局适当使用h1、h2、h3、h4、b、strong等标签必要性,如果在html css布局中对不同html 标签灵活使用,可能会得到意想不到的效果。当然使用不同标签的使用适可而止,不要滥用后成为适得其反。

转载请保留本文链接:http://www.seocss.com/seojiaocheng/seojichu/621.html


您可能关注的内容:SEO优化 CSS 网站导航条

上一篇:百度热门关键词和热门页面分别指什么?

下一篇:返回列表

  • seo名词解释:域名注册怎么办理成功
  • seo名词解释:什么是网站域名的顶级
  • seo名词解释:什么是站群?
  • 外链判断,通过阅读此文档您将会了解
  • dedecms标签调用,织梦常用调用标签
  • 【大拿分享】浅谈网站换域名注意事
  • seo名词解释:什么是虚拟主机与域名
  • 【大拿分享】Zac对话百度搜索工程
  • seo名词解释:什么是robots
  • 如何提交sitemap?阅读百度sitemap协
  • 带你玩转robots协议,新手必备
  • seo名词解释:什么是网站的404
  • seo名词解释:什么叫泛域名?
  • 百度搜索关键词工具里出现的展现量
  • 【平台工具】官网保护工具使用帮助
  •