佛系SEO佛系SEO佛系SEO

网站结构优化思维导图分析与布局规划

一,点点seo网站结构有哪些!

网页布局就是以最合适浏览者的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网站布局对网站结构甚至网站总体架构都有非常重要的影响。

155b3b720acdbe8d649f576d6b5bc651

  网页布局有以下几种常见结构:


  1.“同”字形布局:所谓“同”字形结构,就是整个页面布局类似“同”字,页面顶部是主导航栏,下面左右两侧是二级导航条、登录区、搜索区等,中间是主内容区。


  2.“国”字形布局:它是在“同”字形布局上演化而来的,它在保留“同”字形的同时,在页面的下方增加一横条状的菜单或广告。


  3.“匡”字形布局:这种布局结构去掉了“国”字形布局的右边的边框部分,给主内容区释放了更多空间,内容虽看起来比较多,但布局整齐又不过于拥挤,适合一些下载类和贺卡类站点使用。


  4.“三”字形布局:一般应用在简洁明快的艺术性网页布局,这种布局一般采用简单的图片和线条代替拥挤的文字,给浏览者以强烈的视觉冲击。


  5.“川”字形布局:整个页面在垂直方向分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能,一般适用在栏目较多的网站里。


  在实际设计中我们也不要局限于以上几种布局格式,有时候稍作适当的变化会收到意想不到的效果,另外,平时在浏览网页时要多留心别人的布局方式,遇到好的布局就可以保存下来作为我们设计布局的参考


  二,点点SEO网站结构布局与规划


  1、首页该放什么?


  首页做为一个网站的门户和窗口,他的重要性是肯定的。他的最基本职能就是为访问网站的用户提供导航的作用,其次便是体现和突出网站主题的作用。这两个作用对一个网站来说是至关重要的。


  首先从提供导航作用的职能来看,一个网站项目在实施的初期最重要的就是对网站栏目的划分,这里就需要考虑到对网站内容进行导航的需要,但是网站导航只是栏目的一个最优化划分,他永远不会是十全十美的,为了自己的更周全的需要,唯一的解决办法就是对栏目进行二次甚至是多次划分,这样的划分当然是应该直接在网站上体现的,最有效的还是直接在首页上来集中体现了。所以首页需要放置导航以及利用一块集中的区域来体现二次导航。至于这个集中的二次导航需要放在哪里?在后面在一起讨论。


  然后从突出网站主题的职能来说,网站要突出主题就必须在首页明确的表明网站自己的功能以及职能。这些可以根据网站运营主体的性质来确定。比如服务型公司做网站,他必然需要在首页突出介绍自己的服务体系;生产型企业做网站就必然要介绍自己的主打产品。所以这是网站上需要放置的又一个重要的东西。


  2、首页元素怎么放


  1)页面的重心


  接下来说页面的重心问题,这是我自己抽象出来的一个概念。它是指把页面的一些重要元素或者说版块连接起来构成的一个几何图形的重心点。如果一个页面的各部分内容放置不合理,这个重心要么体现不出来,要么会被体现在不合适的区域。这样整个页面给人的感觉就是没有结构美,很零散,像是记流水帐,不是头重脚轻就是头轻脚重。如果通过合理的安排来放置这些元素,从而把这个页面的重心、限定在浏览者视线的焦点上,这样整个页面就会体现出一种结构感,给人匀称的感觉。


  2)页面的层次感


  除了重心的考虑,还需要根据浏览网站的用户的意图来考虑,用户访问这个网站的意图是什么?需要哪些信息?首先需要哪些信息?然后需要哪些信息?哪些是主要信息?哪些是次要信息?通过这样的分门别类依靠合理的安排把页面分出层次来。哪些是需要突出显示的?哪些是不需要着重显示的?心中应该有数。


  3)网站的信息类栏目


  这里所说的信息类栏目是指网站公告、公司新闻以及行业信息等信息内容版块,是指狭义的信息栏目,广义的来讲网站上的栏目包括功能性的都是属于信息类的。


  网站信息栏目是一个网站重要的部分,网站作为信息载体,这些都是必要的元素。可是他并不是网站的重要即需要突出的元素,具体也需要根据网站实际情况来定。从网站运营及营销的角度来讲,这些元素是起到营销目的的对网站访问者服务的作用性并不突出。所以他不应该在首页上占据较大的篇幅。因为作为营销目的来说这些信息主要是给搜索引擎看的,搜索引擎不会像普通人一样挑剔信息的表现形式,例如颜色、样式等。


  三,点点SEO网站结构思结导图分析


  近段时间以来,通过接触有关海量数据处理和搜索引擎的诸多技术,常常见识到不少精妙绝伦的架构图。除了每每感叹于每幅图表面上的绘制的精细之外,更为架构图背后所隐藏的设计思想所叹服。个人这两天一直在搜集各大型网站的架构设计图,一为了一饱眼福,领略各类大型网站架构设计的精彩之外,二来也可供闲时反复琢磨体会,何乐而不为呢?特此,总结整理了诸如国外wikipedia,Facebook,Yahoo!,YouTube,MySpace,Twitter,国内如优酷网等大型网站的技术架构(本文重点分析优酷网的技术架构),以飨读者。


  本文着重凸显每一幅图的精彩之处与其背后含义,而图的说明性文字则从简从略。ok,好好享受此番架构盛宴吧。当然,若有任何建议或问题,欢迎不吝指正。谢谢。


  1、WikiPedia技术架构

87b6e99b8193da3664fa204c4de4c03c

  来自wikipedia的数据:峰值每秒钟3万个http请求每秒钟3Gbit流量,近乎375MB350台PC服务器


  GeoDNSA:40-linepatchforBINDtoaddgeographicalfilterssupporttotheexistentviewsinBIND",把用户带到最近的服务器。GeoDNS在WikiPedia架构中担当重任当然是由WikiPedia的内容性质决定的--面向各个国家,各个地域。


  负载均衡:LVS,请看下图:


  2、Facebook架构

6e130f1fb62c82173447f4a023d5dbdf

  Facebook搜索功能的架构示意图


  细心的读者一定能发现,上副架构图之前出现在此文之中:从几幅架构图中偷得半点海里数据处理经验。本文与前文最大的不同是,前文只有几幅,此文系列将有上百幅架构图,任您尽情观赏。


  4、twitter技术架构

8ce97a971cadf61cb95ff8acb63f80cc

  twitter平台大致由twitter.com、手机以及第三方应用构成,如下图所示(其中流量主要以手机和第三方为主要来源):

f557c2bcea6e9f26d6403ce724607ecc

  缓存在大型web项目中起到了举足轻重的作用,毕竟数据越靠近CPU存取速度越快。下图是twitter的缓存架构图:

f1bd6d66c7adc31e947cf6942f2362c3

   关于缓存系统,还可以看看下幅图:


6、Amazon技术架构

8566d378e86ee87254f5d98fda836d9e

8f1cc7e597a76ef99bdf33614cb2e93e

  Amazon的DynamoKey-Value存储架构图


  可能有读者并不熟悉Amazon,它现在已经是全球商品品种最多的网上零售商和全球第2大互联网公司。而之前它仅仅是一个小小的网上书店。ok,下面,咱们来见识下它的架构。


  Dynamo是亚马逊的key-value模式的存储平台,可用性和扩展性都很好,性能也不错:读写访问中99.9%的响应时间都在300ms内。按分布式系统常用的哈希算法切分数据,分放在不同的node上。Read操作时,也是根据key的哈希值寻找对应的node。Dynamo使用了ConsistentHashing算法,node对应的不再是一个确定的hash值,而是一个hash值范围,key的hash值落在这个范围内,则顺时针沿ring找,碰到的第一个node即为所需。


  Dynamo对ConsistentHashing算法的改进在于:它放在环上作为一个node的是一组机器(而不是memcached把一台机器作为node),这一组机器是通过同步机制保证数据一致的。


  下图是分布式存储系统的示意图,读者可观摩之:


b1cf81cdd23389473ab2e433cac16afe

   Amazon的云架构图如下:

eb9a928a3e9c068d2b012fee60f72131

                                          Amazon的云架构图
7、优酷网的技术架构

    从一开始,优酷网就自建了一套CMS来解决前端的页面显示,各个模块之间分离得比较恰当,前端可扩展性很好,UI的分离,让开发与维护变得十分简单和灵活,下图是优酷前端的模块调用关系:

c96be77e8b12b741c64d1e4317086246

   这样,就根据module、method及params来确定调用相对独立的模块,显得非常简洁。下图是优酷的前端局部架构图:

a34d976230688556ba332951aa9b5f0a

 优酷的数据库架构也是经历了许多波折,从一开始的单台MySQL服务器(Just Running)到简单的MySQL主从复制、SSD优化、垂直分库、水平sharding分库。

    1. 简单的MySQL主从复制。
      MySQL的主从复制解决了数据库的读写分离,并很好的提升了读的性能,其原来图如下:

3b3cb7f2740f9ac37ca5cc30a34540a8

043eac4eb16cc079b839218fdd42f684

  1. 但是,主从复制也带来其他一系列性能瓶颈问题:

    那问题产生总得解决的,这就产生下面的优化方案。

    1. 写入无法扩展
    2. 写入无法缓存
    3. 复制延时
    4. 锁表率上升
    5. 表变大,缓存率下降
  2.  MySQL垂直分区

        如果把业务切割得足够独立,那把不同业务的数据放到不同的数据库服务器将是一个不错的方案,而且万一其中一个业务崩溃了也不会影响其他业务的正常进行,并且也起到了负载分流的作用,大大提升了数据库的吞吐能力。经过垂直分区后的数据库架构图如下:

a0458bd51a06667aec633aff04e1365c301.gif" title="" alt="23223360W-14.gif"/>

  1. 然而,尽管业务之间已经足够独立了,但是有些业务之间或多或少总会有点联系,如用户,基本上都会和每个业务相关联,况且这种分区方式,也不能解决单张表数据量暴涨的问题,因此为何不试试水平sharding呢?

  2.  MySQL水平分片(Sharding)

        这是一个非常好的思路,将用户按一定规则(按id哈希)分组,并把该组用户的数据存储到一个数据库分片中,即一个sharding,这样随着用户数量的增加,只要简单地配置一台服务器即可,原理图如下:

1036240beebe82a559af40d5b7e6aafc

如何来确定某个用户所在的shard呢,可以建一张用户和shard对应的数据表,每次请求先从这张表找用户的shard id,再从对应shard中查询相关数据,如下图所示:

2cda2a4fc9c7c39e4a0c1dffb82b0c91

  1. 但是,优酷是如何解决跨shard的查询呢,这个是个难点,据介绍优酷是尽量不跨shard查询,实在不行通过多维分片索引、分布式搜索引擎,下策是分布式数据库查询(这个非常麻烦而且耗性能)。

  2.  缓存策略

    貌似大的系统都对“缓存”情有独钟,从http缓存到memcached内存数据缓存,但优酷表示没有用内存缓存,理由如下:

    而且Squid 的 write() 用户进程空间有消耗,Lighttpd 1.5 的 AIO(异步I/O) 读取文件到用户内存导致效率也比较低下。

    但为何我们访问优酷会如此流畅,与土豆相比优酷的视频加载速度略胜一筹?这个要归功于优酷建立的比较完善的内容分发网络(CDN),它通过多种方式保证分布在全国各地的用户进行就近访问——用户点击视频请求后,优酷网将根据用户所处地区位置,将离用户最近、服务状况最好的视频服务器地址传送给用户,从而保证用户可以得到快速的视频体验。这就是CDN带来的优势,就近访问。

    1. 避免内存拷贝,避免内存锁
    2. 如接到老大哥通知要把某个视频撤下来,如果在缓存里是比较麻烦的


本文由西安SEO刘毅(www.mmpyo.cn)收集于网络不代表本站观点,如果您还想了解更多关于SEO的文章,请关注刘毅SEO,(微信:gh2636484259)

免责声明:

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理(2636484259@qq.com)。敬请谅解!