网站优化

点点:SEO网站结构优化思维导图分析与布局规划(视频)

字号+ 作者:书海SEO优化网 来源:SEO网站结构优化 2016-08-26 22:17 我要评论( )

SEO网站结构优化思维导图与布局分析(视频) 一,SEO网站结构有哪些! 网页布局就是以最合适浏览者的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。

点点SEO网站结构优化思维导图与布局分析(视频)
一,点点SEO网站结构有哪些!

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

 

网页布局.jpg

        

网页布局有以下几种常见结构:
        1.“同”字形布局:所谓“同”字形结构,就是整个页面布局类似“同”字,页面顶部是主导航栏,下面左右两侧是二级导航条、登录区、搜索区等,中间是主内容区。
        2.“国”字形布局:它是在“同”字形布局上演化而来的,它在保留“同”字形的同时,在页面的下方增加一横条状的菜单或广告。
        3.“匡”字形布局:这种布局结构去掉了“国”字形布局的右边的边框部分,给主内容区释放了更多空间,内容虽看起来比较多,但布局整齐又不过于拥挤,适合一些下载类和贺卡类站点使用。
        4.“三”字形布局:一般应用在简洁明快的艺术性网页布局,这种布局一般采用简单的图片和线条代替拥挤的文字,给浏览者以强烈的视觉冲击。
        5.“川”字形布局:整个页面在垂直方向分为三列,网站的内容按栏目分布在这三列中,最大限度地突出主页的索引功能,一般适用在栏目较多的网站里。
        在实际设计中我们也不要局限于以上几种布局格式,有时候稍作适当的变化会收到意想不到的效果,另外,平时在浏览网页时要多留心别人的布局方式,遇到好的布局就可以保存下来作为我们设计布局的参考
二,点点SEO网站结构布局与规划

1、首页该放什么?
 首页做为一个网站的门户和窗口,他的重要性是肯定的。他的最基本职能就是为访问网站的用户提供导航的作用,其次便是体现和突出网站主题的作用。这两个作用对一个网站来说是至关重要的。
首先从提供导航作用的职能来看,一个网站项目在实施的初期最重要的就是对网站栏目的划分,这里就需要考虑到对网站内容进行导航的需要,但是网站导航只是栏 目的一个最优化划分,他永远不会是十全十美的,为了自己的更周全的需要,唯一的解决办法就是对栏目进行二次甚至是多次划分,这样的划分当然是应该直接在网 站上体现的,最有效的还是直接在首页上来集中体现了。所以首页需要放置导航以及利用一块集中的区域来体现二次导航。至于这个集中的二次导航需要放在哪里? 在后面在一起讨论。
 
       然后从突出网站主题的职能来说,网站要突出主题就必须在首页明确的表明网站自己的功能以及职能。这些可以根据网站运营主体的性质来确定。比如服务型公司做 网站,他必然需要在首页突出介绍自己的服务体系;生产型企业做网站就必然要介绍自己的主打产品。所以这是网站上需要放置的又一个重要的东西。
 
 2、首页元素怎么放
  1)页面的重心
 
       接下来说页面的重心问题,这是我自己抽象出来的一个概念。它是指把页面的一些重要元素或者说版块连接起来构成的一个几何图形的重心点。如果一个页面的各部 分内容放置不合理,这个重心要么体现不出来,要么会被体现在不合适的区域。这样整个页面给人的感觉就是没有结构美,很零散,像是记流水帐,不是头重脚轻就 是头轻脚重。如果通过合理的安排来放置这些元素,从而把这个页面的重心、限定在浏览者视线的焦点上,这样整个页面就会体现出一种结构感,给人匀称的感觉。
       2)页面的层次感
       除了重心的考虑,还需要根据浏览网站的用户的意图来考虑,用户访问这个网站的意图是什么?需要哪些信息?首先需要哪些信息?然后需要哪些信息?哪些是主要 信息?哪些是次要信息?通过这样的分门别类依靠合理的安排把页面分出层次来。哪些是需要突出显示的?哪些是不需要着重显示的?心中应该有数。
       3) 网站的信息类栏目
       这里所说的信息类栏目是指网站公告、公司新闻以及行业信息等信息内容版块,是指狭义的信息栏目,广义的来讲网站上的栏目包括功能性的都是属于信息类的。
       网站信息栏目是一个网站重要的部分,网站作为信息载体,这些都是必要的元素。可是他并不是网站的重要即需要突出的元素,具体也需要根据网站实际情况来定。 从网站运营及营销的角度来讲,这些元素是起到营销目的的对网站访问者服务的作用性并不突出。所以他不应该在首页上占据较大的篇幅。因为作为营销目的来说这 些信息主要是给搜索引擎看的,搜索引擎不会像普通人一样挑剔信息的表现形式,例如颜色、样式等。
三,点点SEO网站结构思结导图分析

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

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

 

1、WikiPedia 技术架构

 

 

  1. 来自wikipedia的数据:峰值每秒钟3万个 HTTP 请求 每秒钟 3Gbit流量, 近乎375MB 350 台 PC 服务器。
  2. GeoDNSA :40-line patch for BIND to add geographical filters support to the existent views in BIND", 把用户带到最近的服务器。GeoDNS 在 WikiPedia 架构中担当重任当然是由 WikiPedia 的内容性质决定的--面向各个国家,各个地域。
  3. 负载均衡:LVS,请看下图:

2、Facebook 架构

Facebook 搜索功能的架构示意图

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

                                                     twitter的整体架构设计图

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

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

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


6、Amazon技术架构

                                    Amazon的Dynamo Key-Value存储架构图

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

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

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

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

    Amazon的云架构图如下:

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

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

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

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

    1. 简单的MySQL主从复制。
      MySQL的主从复制解决了数据库的读写分离,并很好的提升了读的性能,其原来图如下:
    2. 但是,主从复制也带来其他一系列性能瓶颈问题:

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

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

    3.  MySQL垂直分区

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

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

    4.  MySQL水平分片(Sharding)

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

        如何来确定某个用户所在的shard呢,可以建一张用户和shard对应的数据表,每次请求先从这张表找用户的shard id,再从对应shard中查询相关数据,如下图所示:
         
      但是,优酷是如何解决跨shard的查询呢,这个是个难点,据介绍优酷是尽量不跨shard查询,实在不行通过多维分片索引、分布式搜索引擎,下策是分布式数据库查询(这个非常麻烦而且耗性能)。

    5.  缓存策略

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

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

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

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

    6.  

本文由乐橙娱乐SEO学堂(www.seo8.org)收集于网络不代表本站观点,如果您还想了解更多关于SEO培训SEO研究中心的文章,请点击查看百度快速排名代理平台和网络营销培训的其它文章,请关注乐橙娱乐SEO研究中心官网,(微信/QQ:154899659)

本文地址:SEO培训http://www.seo8.org/youhua/267.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

SEO研究中心乐橙娱乐SEO研究中心站长推荐学习
  • 百度SEO将不是网站优化排名的第一选择?

    百度SEO将不是网站优化排名的第一选择?

    2017-02-04 19:48

  • 移动网站排名_手机网站排名_移动端整站优化_移动网站优化

    移动网站排名_手机网站排名_移动端整站优化_移动网站优化

    2016-12-13 21:14

  • SEO唐勇:企业网站怎么优化(培训视频讲解)

    SEO唐勇:企业网站怎么优化(培训视频讲解)

    2016-08-26 23:01

  • 无忧seo:新网站如何做SEO优化

    无忧seo:新网站如何做SEO优化

    2016-08-15 22:01

seo培训网友点评
SEO培训乐橙娱乐SEO培训
<友情连结> 手机版/ 大发娱乐888注册彩金/ 吉祥坊/ 金利来娱乐/