优化方案教学内容

汉中森创工贸有限责任公司网站优化方案

学院管理学院

专业电子商务

班级 102班

姓名

学号

指导老师

公司简介

创建于2002年4月的汉中森创工贸有限责任公司，坐落于陕西省，汉中市，前进西路。汉中森创工贸有限责任公司是一家以生产自主产权产品——“森创”牌扭矩扳手为主并利用当地飞机制造和工具制造的行业优势，组织高难度机加产品的加工和复杂刀具、刃具；量具、量仪、仪器、仪表；电力工具、扭矩工具、五金工具及建筑工具生产的工、贸相结合的企业，公司是民营企业，位于陕西省南部的汉中市高新技术产业开发区。

注册商标产品“森创”牌扭矩扳手，经陕西省计量科学研究院按JJG707-2003《扭矩扳子》检定为四级，达到世界一流水平，在第100届“广交会”上获得广泛好评并与美商签订相当数量的订单。

获全国十佳“最具魅力的历史文化名城”汉中，地处中国版图的腹地，当初的“三线”建设和这些年的持续发展为这座古城赋予了新的生命力，大型机床的制造、数控机床工具的生产乃至运输飞机的上天使素有“小江南”美称的汉中成为全国工具生产企业最多的市级城市，走在了全国机械行业的前列。森创公司自成立以来，在开拓自己产品的同时，致力于将国内外的供求信息与当地资源优势的结合，为飞机、火车、汽车和机床的零配件出口美国、德国及西亚诸国作出过一些成功的努力，今后，将为“一举三赢”的成效而扩展合作。

公司严格按照ISO9001质量认证体系对产品质量进行全面管理，从产品设计、制造到组织成品贸易，都有完整的质量保证系统。

网站分析

网站页面介绍

汉中森创工贸有限责任公司主页页面分为五个部分，最上一部分内容为宣传公司logo，公司名称，主导航栏和宣传flash。中间内容部分有三部分，右部分为搜素框及产品分类。中间部分为最新产品的滚动显示及行业动态。左部分为在线客服及友情链接。最下部分为推荐产品的滚动显示。主页如下图：

汉中森创工贸有限责任公司主页采用蓝色导航栏，颜色较醒目。导航栏分为主页，行业动态，产品展示，知识学堂，关于我们，联系我们，留言板和人才招聘。色调偏浅色系，布局合理，内容简洁，分类明确。

技术模式简介

汉中森创工贸有限责任公司主页采用jsp技术，结合div+css技术。Jsp技术支持多系统的多平台支持，基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。与ASP也一样，Java的一些优势正是它致命的问题所在。正是由于为了跨平台的功能，为了极度的伸缩能力，所以极大的增加了产品的复杂性。

采用div+css技术可以缩减代码，提高页面浏览速度，使页面结构清晰，对搜索引擎更加友好。更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。而且支持各种浏览器，兼容性好。符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。可以进行简单的修改，缩短改版时间，支持强大的字体控制和排版能力，使用CSS可以结构化HTML，提高易用性，更好的扩展性，更灵活控制页面布局，表现和内容相分离，干净利落，更方便搜索引擎收录，并获得更高的评价，优化了表结构。Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强，更快加载带有图片的页面。以前一些必须通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

网站存在问题

1.网站logo图片模糊不清晰，网页上的公司名称的样式有严重问题，与网页

整体不符合，甚至遮挡住了主导航栏。

2.网站的flash所占面积过大，影响下面内容显示，使整个网站显得头重脚轻，

且flash并没有链接，所以更显得这个flash是多余的。Flash 响应速度较慢，网页显得卡顿，用户体验不高。

3.内容更新速度慢。

4.相对于图片来说，文字解说不足，使网页显得有些单调。

5.友情链接过少，使访问量不足。

6.网站存在少数死链。

7.网站响应速度慢。

8.网站代码较繁琐。

9.网站关键词不足。

针对问题提出的优化方案

1.汉中森创工贸有限责任公司主页的logo模糊不清晰，公司名称的颜色竟然

是大红色，使整个网页极其不和谐，公司名称甚至遮挡了部分导航栏。这种错误是很致命的，让浏览者会对企业产生负面的感觉。对此应该重新制作清晰的公司logo，重新设置和整个网页和谐的公司名称，可以采用动态flash 展示公司名称，这样可以使浏览者容易记住公司名称，有利于网站的推广，也使得整个网页美观，提高客户体验。

2.汉中森创工贸有限责任公司主页导航栏下有flash文件，相较于传统的静态

网页中所有页面都是由不同内容的图片和文字构成的，在网页中引入flash 动画会更容易吸引浏览者的兴趣，甚至能赶走浏览者因查询大量信息而产生的疲劳和厌烦等不良情绪。对于静态网页来说，无论制作的多么华丽，发布之后就不会再产生任何动态的变化。然而，将flash动画引入到网页中后，网页的风格会得到非常大的提升，更容易吸引浏览者的兴趣，而且不会有厌烦情绪的产生。另外，flash动画在突出网页主题的作用上较静态网页也具有

绝对的优势，将flash动画引入到网页中，可以在有效结合广告和网站的基础上，通过不同的层次和不同的角度来展现网页的主题或者广告。通过flash 动画在网页中广泛应用，一方面网站的主题得到突出，网站的理念得到了体现，另一方面还给浏览者带来了不一样的视觉体验和全新感受。对flash和图片做一下对比，可以发现图片在表现相关内容的生动性上要远远弱于flash 动画，广告的发展和延伸可以通过flash动画得到良好体现，在网页制作中应用flash动画，可以将广告和网站的主题风格更好的融合在一起，使网页的主题思想得到更好的体现，方便了浏览者对信息的浏览和查询。

但是汉中森创工贸有限责任公司主页的flash文件占用面积过大，而且每个页面的相同位置都有这个flash文件。并且没有链接，这使得本来有重大作用的flash变成了鸡肋，不仅影响下方的内容的浏览而且还使网页文件变大，加载起来速度变慢。

对此应该缩小flash的大小，应该减少flash的高度，再给flash文件添加上主页的链接，这样不仅改变网页头重脚轻的感觉，还缩小了网页文件的大小，使浏览速度加快，使网页的信息可以更好的显示。加上链接之后可以使浏览者更容易的返回主页。

3.汉中森创工贸有限责任公司主页的内容更新很慢，经过我一段时间的观察，

发现内容基本上没有什么变化，这会使得浏览者失去新鲜感，可能让浏览者访问两三次之后就不再浏览，这样不利于网站推广。对此的方案应该加快网站内容的更新，在网页上加上公司最近动态和最新产品的详细信息会取得更好的结果。

4.汉中森创工贸有限责任公司主页为了介绍产品所以使用了大量的图片及滚

动图片，并且文字解说不足，这样不仅使得网页显得单调，还使网页的大小增大，不利于网页的加载，对此的优化方案应该是适当减少每个页面的图片，对图片进行归类，新建页面对此图片进行解说及归类并且增加图片的文字解说，这样不仅解决了网页单调问题，还使网页加载速度加快。

5.友情链接是一种网站之间的简单合作形式，即分别在自己的网站上以文字、

图片或其他形式的载体链接到对方的网站。友情链接的意义主要有两方面：一是通过和其他站点交换链接,可以吸引用户点击访问，直接提高您网站的访问量;二是搜索引擎在决定一个网站的排名时，不仅对网页内容和结构进行分析，还围绕网站的链接展开分析。搜索引擎(尤其是Google)认为，如果你的网站富有价值，其它网站会提及你;对你提及越多，说明价值越大。因此高质量的友情链接有利于搜索引擎排名的提升。

汉中森创工贸有限责任公司主页的友情链接只有一个，并且是公司在阿里巴巴的店铺信息，应该多增加几个友情链接。对此提出的方案是与竞争对手共同在各自的主页上添加对方的链接作为友情链接，这样虽然也给竞争对手加大了宣传，但是这样更会提高网站及公司的知名度。

6.汉中森创工贸有限责任公司主页的链接里存在少数死链，对此提出的方案是

应制作一个404页面，这样不会让浏览器出现打不开页面的问题，我们可以在这里显示正在更新或者直接跳转到首页，这最起码能够提高一下网站的用户体验性，同时也不会让搜索引擎撞墙了。

7.互联网行业数据显示，网民等待网页打开时间如果超过七秒，就会不耐烦得

关闭该页面然后开始查看其它搜索结果页面。也就是说如果您的网站打开速度慢，竞争对手可能会趁机抢走网站的潜在用户，导致败在起跑线上，从而