商业源码 怎么使用面包屑导航的方法切换两个div？
首先说明一点的是seo是不需要任何软件的，软件是没法帮你做排名的。这是为什么呢，其实很简单，你仔细一想就知道了，如果seo能用软件刷的话，那市场还需要seoer干嘛，公司都去买软件了，还招什么seo啊！然后我说下什么是seo，如何做好seo。
为什么网站需要SEO
1seo就是为了让我们的网站在搜索引擎上的曝光率达到最高，让别人在亿万的搜索结果中第一个看到我们，那么就有可能产生订单或者点击我们的广告，才可以产生盈利，所以说，对于一个希望盈利的网站，seo是非常重要的。
2从搜索引擎获得的流量质量高。从搜索引擎来的用户是主动找寻的，意向很明确，如果你的网站这个时候出现在他们的眼前，访问的几率以及转化率将大大增高。
3相对于直接的网址推广而言，seo的针对性强，可信度高。
4长期有效的推广手段。竞价排名、网络广告、PPC等一旦停止投放，同时从这些渠道获取的流量也将停止。而网站seo优化只要通过非作弊的手段把排名做上去了，就能维持相当长的一段时间。
搜索引擎排名规则
搜索引擎的任务是，把最符合用户搜索需求的网站排在检索结果的前面。搜索引擎通过一系列复杂的算法，来给每个网站打分，并排名。根据经验，我们大概可以发现搜索引擎一般通过三个方面来评估网站。
搜索引擎排名的三大指标
网站的受欢迎程度：在互联网上被广泛链接的网站。在检索结果中，点击率高。（权重高，外链多）
网站质量：网站访问量大，原创内容多，页面更新速度快等。（原创高，内容多）
网站的相关度：网站的内容主题与用户搜索的关键词，密切相关。（内容相关度高）
内容优化
对网站来说，提供高质量的、对用户有益的内容恐怕是所有讨论的各种要素里最重要的一部分。用户很容易分辨出网站提供的内容是否是高质量的，并且他们也乐意于通过各种社交网络来向自己的朋友推荐好的网站，这同时也会提高网站在用户和搜索引擎中的声望，而这一切都离不开高质量的内容。
1、撰写容易阅读，浅显易读的内容，有条理地组织内容，段落清晰，让读者能够清楚地了解内容的起始和逻辑，避免将大量不同主题的内容放在同一页上，却没有任何的分段、标识和层次划分。
关键词优化
关键词的布局，最重要的几个位置是开头，特别是第一段开头的50-150个字，需要包含一次关键词，然后中间正文中，出现2-3次关键词或者近义词，文章的结尾，也包含一次关键词就可以了。
在关键词的布局中，还有一个概念是，关键词密度。关键词密度(KeywordDensity)也叫关键词频率(KeywordFrequency)，它是用来量度关键词在网页上出现的总次数与其他文字的比例，一般用百分比表示。相对于页面总字数而言，关键词出现的频率越高，那么关键词密度也就越大。简单地举个例子，如果某个网页共有100个字符，而关键词本身是两个字符并在其中出现5次，则可以说关键词密度为10%。通常认为，页面的关键词密度应该保持在2%到8%之间。
许多搜索引擎都将关键字密度作为其排名算法考虑因素之一，每个搜索引擎都有一套关于关键字密度的不同的数学公式。合理的关键字密度可使你获得较高的排名位置，密度过大，起到相反的效果。
关键字密度有时候会影响到关键词的排名，不建议采取一些极端的方法来提高关键字密度。合理的目标关键字密度可以通过关注一些长尾关键字来进行优化。长尾关键词(LongTailKeyword)是指网站上非目标关键词但也可以带来搜索流量的关键词。长尾关键词的特征是比较长，往往是2-3个词组成，甚至是短语。通过长尾关键词挖掘工具可以找到不少长尾关键词，将这些词组织到文章里，就可以做到既不提高关键词密度，又能提升关键词在页面的权重。
在正文里，要围绕关键词自然地写作，千万不要生硬地将需要优化的关键词直接插到文章中。文章中，尽量使用关键词的近义词、同义词。
网站结构优化
网站内部结构优化对网站建设起到计划和指导的作用，对网站的内容维护、后期SEO起到关键作用。
URL地址优化
为网站上的文件创建具有良好描述性的分类名和文件名，不仅可以更好地组织网站结构，还有助于搜索引擎更有效地抓取文件。虽然搜索引擎能够抓取复杂的URL，但提供相对简单的URL，对于用户和搜索引擎来说都是有帮助的。
优化URL结构的主要方法有，网站自始至终都使用一个URL地址，不要来回变更地址，如果用带www的域名地址，则将不带www的域名使用301重定向技术重定向到主要地址，避免使用大小写字母的URL，网站的URL尽量使用静态URL，避免使用动态URL，URL越短越好，URL的内容使用拼音或者英文最好，方便记忆。
对于动态网站来说，使用伪静态技术可以让网站的外部看起来和静态网站一样，利于搜索引擎的索引。
目录结构
目录结构最好用一级到二级，不要超过三级。目录的组织方式尽量采用：首页-》栏目页-》内容页。目录名采用拼音或者英文。避免使用多层嵌套的子目录。
网站导航
网站的导航功能对于帮助用户迅速找到他们想要的内容来说是很重要的，它对帮助搜索引擎理解该网站有哪些重要内容同样非常重要。网站地图是将网站上用于展示网站结构的网页以层级式列表的方式展示。网站导航的主要目的是为了方便用户，但同时它也有利于搜索引擎对整个网站页面更全面地抓取。
主要的网站导航方法有，创造一个自然的层叠结构的网站地图页面，这个导航页面可以让用户很容易地从主干页面找到他们需要的特定内容，有必要的话可以在保证内部链接结构合理的基础上添加导航页。
使用面包屑（breadcrumb）导航模式，面包屑导航是指在网页顶端或者底部放置的一排内部链接，它使用户可以方便地回到上一层结构中的网页或者主页。大多数面包屑导航通常会从最具概括性的页面开始（通常是主页），越往右指向的页面内容越具体，例如"首页-》栏目-》具体文章标题"。
robotstxt
robotstxt是一种存放于网站根目录下的文本文件，用于告诉搜索引擎的爬虫（spider），此网站中的哪些内容是不应被搜索引擎的索引，哪些是可以被索引。robotstxt协议并不是一个规范，而只是约定俗成的，通常搜索引擎会识别这个文件，但也有一些特殊情况。
当我们不希望网站中的某些页面被搜索引擎抓取，也许这些网页在搜索结果中出现对于用户来说并没多大用处，就可以把这些页面放在robotstxt里，这可以保证网站的某些内容不出现在搜索结果中。
Sitemaps
Sitemaps可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页，有点象BLOG的RSS功能，是一个方便自己的服务，如果大家（互联网上所有的信息源）都采用了这种方式提交自己的更新的话，搜索引擎就再也不用派出那么多爬虫辛辛苦苦的到处乱窜了，任何一个站点，只要有更新，便会自动"通知"搜索引擎，方便搜索引擎进行索引。
Sitemaps文件通常是XML格式的，格式比较简单，Sitemaps协议以<urlset>开始标记开始，以</urlset>结束标记结束。每个网址包含一个作为父标记的<url>条目。每一个<url>父标记包括一个<loc>子标记条目。<loc>是网页文件的网址。此网址应以结构化标准的设计，将网站页面的实际内容与它们呈现的格式相分离。简单来说，就是将所有的字体、样式等表现形式都写成DIV+CSS的方式，CSS放在单独文件里，Javascript也放在单独文件，HTML里面只有文字内容。凡是可以使用外部文件调用的，就使用外部文件调用，可以不出现的，尽量不出现，在正文中，全部以文字为主，不要出现CSS代码。
这样做的好处是，HTML文件的代码被精简，文件变小，搜索引擎在索引网站页面时，可以更好地索引和识别网站的内容信息，并能准确抓取页面正文的内容。
Meta标签优化
对于Meta标签，主要有title、description、keywords三个地方，其余的meta标签不加也没事。就重要性而言，title在页面优化中绝对占据很重要的位置。
title标题标签告诉用户和搜索引擎一个特定网页的主题是什么。<title>标签通常放在HTML文档的<head>标签内。理想情况下，应该为网站的每一个网页创建唯一的title页面标题。
关于title的写作，title标签应该准确描述网页的内容，使用简短的，但具描述性的标题标签--短的标题同样可以包含丰富的信息。如果标题太长，搜索引擎只会在搜索结果里显示其部分内容。尽量不要堆积太多关键词，如果是长标题，可以包含关键词1-2次，而且关键词不用靠的太近。
description描述标签提供了关于这个网页的总括性描述，网页的标题可能是由一些单词和短语组成的，而网页的描述元标签则常常是由一两个语句或段落组成的。如果网页摘要里的某个词语恰好出现在用户的查询里，那么这个词语将被高亮显示，如果描述标签写的好，可以提升页面的点击率。
关于description的写作，description标签准确概括该网页的内容，每一个网页应该创建各不相同的描述标签，避免所有的网页或很多网页使用千篇一律的description标签。
keywords关键词标签，对于页面优化来说，重要性已经大不如前，甚至有种说法是，keywords标签已经没用了，不过，就算搜索引擎已经不将keywords考虑进，写一下keywords标签可能还会有些作用，不过keywords里面不要堆砌太多关键字，否则可能适得其反，写上4、5个核心关键字即可。
Heading标签优化
Heading标签（H标签）通常用来为用户呈现网页的结构。HTML语言里一共有六种大小的H标签，从最重要的<H1>到<H6>，权重依次降低。最常用的包括H1、H2标签，H1代表着大标题，H2是小标题。按照这个意思，最重要的关键词设置在H1标签中，和关键词相关的词组再放到H2标签中，依次往后推。
由于H标签通常会使某些文字比普通的文字大，对于用户来说，这样可以便于他们更直观地看出这些文字的重要性，多种渐变大小的H标签可以为网站的内容创建分层结构，从而使用户更容易地浏览网站。
对于网页内容页面的优化来讲，应该适度的使用H标签，从一般页面的写作来讲，文章的标题，就应该出现在H1标签中，小标题就出现在H2标签上。
首先进行定位看做什么样子的网站，选择什么行业，具体搭建时候选择什么系统从（dedecms，wordpress，帝国cms，搜外6系统）这里面选择，搭建完成以后在进行网站的站内优化：
1、利用搜外6系统做301定向
2、站内链接排查去index
3、面包屑导航优化
4、做robotstxt文件同时可以放网站地图sitemap
5、绑定熊掌号，做好主动推送，做好手机网站
6、做好url伪静态化
7、做好alt标签
一般来说，你这个需求是两个页面来实现的。毕竟数据比较复杂。如果你非要在一个页面来完成，给你提供一个思路。
jq隐藏和显示。 思路是把数据全部取出来，分成2个div，开始时展示图一的形式，图二的隐藏，当点击图一地图1时就隐藏当前div，展示原先被隐藏的图二形式的div。
ajax异步加载。 思路是根据页面点击去加载不同的数据，将读取的数据内容直接嵌入或者直接拿获取的html填入，和方法1差不多，但是数据安全点。
不建议直接一个页面。复杂也不好维护，如果还有地图2，地图100，怎么办。。。。
面包屑导航：面包屑是作为辅助和补充的导航方式，网页上让用户感知当前页面所在的层级位置并能方便地回到原先的地点，或者是产品的属性之间的关系的控件。最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，横向排布 ，这个符号也暗示了它们的层级关系。面包屑导航不是页面中最显眼的地方，它只是一定程度上帮助用户理解网站的结构和属性的从属关系。
面包屑导航分类：
1、基于位置的面包屑导航。用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和包含关系的，只要这几个页面本身存在线性跳转关系。
2、基于属性的面包屑导航。用于表明产品属性之间的所属关系和当前页所在的位置，这些属性是存在所属和包含关系的。这种面包屑导航最常出现在电商网站，对于一个产品来说，所具有的属性往往不只有一种，而通过这种面包屑导航可以给消费者一个更加直观的了解。3、基于路径的面包屑导航。用于显示用户的操作路径和历史，他们的功能基本上是和前进和后退的按钮是一样的。
面包屑导航作用：
1、 表明当前页面所处的位置，感知产品属性之间的所属关系
2、方便跳转到之前的页面
3、总体上是作为主导航的补充
4、降低跳出率。当用户进入一个站点，看到一个面包屑的线索可能诱使用户点击到更高级别的页面，以查看相关的利益主题。这反过来，降低了整体的网站跳出率。
面包屑导航适用条件：
1、层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。例如豆瓣、36kr等扁平类网站就没有使用面包屑。
2、独立不交叉的网站结构，由于面包屑导航路径是线性结构的，因此内容必须划分的非常清晰，且不存在交叉；否则，面包屑导航的路径就不是唯一的，同一分类可能出现在不同的路径中，让用户感到困惑。
不是所有网站都需要使用面包屑导航：
1、信息层级很扁平的。例如豆瓣、36kr等扁平类网站就没有使用面包屑，移动产品中没有使用面包屑导航也很大一部分是这个原因。
2、不存在线性的页面关系；
3、有其他可以替代面包屑导航功能的东西。比如：进度指示条。其实进度提示条也算是面包屑导航的一个变种，通过线性表明页面处于任务步骤中的位置。
面包屑导航目前使用情况：
面包屑导航不会出现在首页，一般它会出现在二级频道页的下一个层次的页面。
1、电商类网站。在首页点击进入家用电器频道页，在频道页点击了大家电后，你就能看到面包屑了
2、内容类网站。在首页点击进入了动漫频道页，在频道页点击了《猫和老鼠》后，你就能看到面包屑了。
涨姿势！从头带你认识面包屑导航的前世今生！
在设计面包屑导航中需要注意的问题：
1、面包屑导航有线性结构，因此，如果网站不能被整齐的类别划分，将很难使用面包屑。决定是否使用面包屑，在很大程度上取决于如何设计网站层级。当较低级别的页面交叉放在在多个父目录下，面包屑路径是无效的、不准确的，会给用户造成混淆。
2、面包屑导航只是作为主导航的一个辅助，因此不能让面包屑主宰页面。面包屑导航的功能，只是作为用户访问的协助，因此，面包屑导航应该比主导航菜单小或者不能太突出，不应该抓住用户的注意力。
3、面包屑路径通常显示在页面的上半部分，在主导航菜单的下面。
0条评论