用户体验优化

　　学习的话：1、必须学习以下基础脚本：html、css、javascript；　　2、任选以下开发程序的一种学习：asp，php，asp.net；　　3、数据库知识：access，mssql，或者mysql(学php必须掌握这个，其他不需要掌握)　　还有一种简单就是：下载现成的建站系统来改，比如pageadmin系统、worpress系统、discuz系统，可以在自己电脑上安装iis和framework来运行这些系统，也可以购买主机上传到主机上安装。　　网站建设概念简介：　　网站建设是指使用标识语言（markup language)，通过易雅达网站一系列设计、建模、和执行的过程将电子格式的信息通过互联网[1]传输，最终以图形用户界面（GUI[2]）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF， JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。　　网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。类似于博度科技团队常常会分为若干个工作小组，负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。　　建设步骤　　一、申请域名（域名备案）；　　二、申请空间 ；　　三、定位网站 ；　　四、分析网站功能和需求（网站策划）；　　五、网站风格设计 ；　　六、网站代码制作；　　七、测试网站；　　八、FTP上传网站；　　九、完善资料；　　十、网站维护　　十一、网站推广　　前期准备　　网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。网站建设是指使用标识语言（markup language)，通过易雅达一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。在设计网站前，必须先准备好以下工作：　　针对对象　　在设计网站前，必须告诉网站所针对的人群、区域、国家等。如果能提供某种行业的更好，这样帕绍网络在设计上就会针对这种人群的浏览习惯特别定制您的网页。　　频道　　网站频道就是网站的大框架，也就是主体部分，比如：首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。如果你有特定的框架，请您一一列出，这样方便我们设计。　　风格　　您必须知道您网站的目的，是以广告形式、还是仅给现有的老客户观察？是功能型的，还是展示型的？风格定位要准确，功能型的是，网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。　　布局　　从用户的体验角度来说，企业网站布局时一定要复合用户在浏览时的习惯，想很多网站都有一个网站新闻的分类或者是新闻内容的页面，这些页面在上面最好是添加回到主页或者是回到新闻列表页的链接，用户能方便的返回自己的浏览历史页，在这里最近很多网站都对于自身的页面分页都做了一个细微的调整，就是下一页比上一页的字体大而且width长，为的就是能更加的让用户有下一页的习惯。这是对于用户体验的一种好的做法，也当然也是对于自身网站假设友好性的一个加强。如果你的新闻往往是长篇大论的话，一定要加上右侧是滑动的返回顶部的链接，不然用户在查看你的长文章时会有损体验度。　　最近非常流行瀑布流效果，尤其是对于图片网站或者是购物导航站都纷纷效仿，提醒各位在企业网站中对于图片或者是新闻页面使用瀑布流时最好加上用户在浏览瀑布流的内容时能一直保持在页面一侧的快捷导航或者是置顶的一个导航条，这一点在用户体验效果上能大大的加强瀑布流给浏览者的体验友好度。　　企业网站最好是在每个页面都设置tkd（title、keywords、description），在很多的企业站一直会出现一个这样的问题，就是在新闻内页的title都设置了显示不同的，但是在关键字和描述上每新闻和文章都是一样的，这样对于搜索引擎的抓取和识别对于网站的优化有很大的副作用，有时因为这些会导致网站被k。　　主流代码布局　　构成　　文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为：文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。　　在网页上点击鼠标右键，选择菜单中的 “查看源文件” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。　　网站建设流程　　1.需求沟通，客户提出网站建设的基本需求，包括设计要求及功能要求　　2.项目评估及报价，易雅达根据客户提出的需求进行评估，估算出相应的时间与费用　　3.签订合同，合作双方确认费用、工期、合作要求的基础上，双方共同签订合同　　4.提案阶段，完成网站初稿DEMO设计，包括首页风格，内页风格页面　　5.确认与修改，客户对初稿进行审核，然后提出意见，然后进行完善，并最终确认初稿设计风格　　6.制作阶段，完成所有页面的设计，进行程序开发以及前后后台的页面整合　　7.调试阶段，对网站进行调试，调试程序的稳定性，链接和运营的畅通性　　8.网站验收，根据合同条款进行网站验收，并签署网站验收确认单　　9.后续服务，确认后期网站的维护服务，和具体维护区域

SEO是方方面面的事，每一个细节都要把握好前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合，完美还原设计图稿，编写兼容各大浏览器、加载速度快、用户体验好的页面。现在还需要跟SEO人员配合，调整页面的代码结构和标签。一些成熟的平台，在开发初期并没有考虑优化问题，所以做出来的页面，就算是效果很炫，功能很强，但是对搜索引擎非常的不友善。任何一个成熟的网站，后期页面都是动辄几百万的，到这个时候再来调整结构，既费时又费力，最怕的还是会影响到排名和收录。所以说与其在后期碰到问题再来调整，还不如把问题解决在源头。我本人也是从事前端开发工作的，下面把我工作过程中，积累的几个开发过程中就需要做好的SEO优化技巧，分享给大家。1、简化代码结构，更利于搜索引擎分析抓取有用内容：页面尽量采用DIV+CSS，当然，表格展现模式用table还是比div方便很多的;所有js、css采用外联方式，图片采用css精灵，减少请求次数。看下下面同样的内容，用div和talbe布局的代码比较，显而易见用div简便的多。2、重要内容优先加载(第一个链接最好是网站主关键词，不刻意要求)，可以用css来处理，索引一篇文章的长度也是有限制的，一定要把最重要的内容，优先展现给蜘蛛，这方面你可以通过查看一些比较大的网页快照来求证。3、每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、商品详情页的标题，都放在H1里。4、图片一定要添加alt属性，title属性可选：蜘蛛不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词，所以我一般是只加alt属性。5、图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到加载速度。6、链接可根据需求添加title属性以及nofllow值;非特殊性链接，链接地址一定要写入herf属性，有些前端开发人员为了省事，直接用div加个click事件当链接，在视觉上和使用上确实是实现了链接效果，但是做过SEO优化的人员都知道，蜘蛛目前对于js的支持很差，基本无法读取里面的链接地址。所以说用click事件是绝对不允许的，特别是一些重要的导航链接。7、页面内容尽量不要做成flash、图片、视频，这些东西蜘蛛是抓不到的，就算是必须的，也要生成相应的静态页面。有很多企业站看着很炫，全站flash，老板看着是爽了，做SEO优化的人员就要抓狂了，全站没一个链接。8、除首页外别的页面最好要加上面包屑型导航，导航结构一定要清晰。9、做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404：1、用户体验友好，可以留住用户，不至于直接关闭页面;2、蜘蛛友好，可以返回抓取其他页面。10、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取。注意：内容为王的时代，还是要有价值输出作为最重要的依靠，切莫舍本逐波，打造自己的IP。

　　所谓的交互体验简单的来说是关注用户的体验。　　但是地着眼于如何将这种影响体现在用户界面的信息架构，用户操作的流程上。　　拿设计一个网站来说，交互设计师需要使用流程图，线框图将用户与网站的 “交互” 流程，网站的信息架构可视化出来，以得到反馈，和确保与开发人员的有效沟通。　　在一些公司的要求里，也可以看到要求交互设计需要掌握一定的开发技能。有一些招聘人员将 “交互设计体验” 和 “互动设计体验” 混淆了，所以有时候交互设计师也被要求会一些 Actionscript 什么的。 那么作为SEO优化网站的时候如果改善用户的交互体验。这就是我们说的网站的信息构架可视化，并且在适当的时候可能反馈，和seo人员甚至是 公司的业务人员有限沟通。 举例子说明； 1.合理的网站布局让客户能体验问题的所在，发现文章的问题，通过图文 视频也好。 2.当找不到所需要的内容的情况，我们需要加入不影响用户体验的 在线反馈聊天工具。 3.进行问题不断的修正和维护，让网站的交互体验得到更好的升华。

网站优化主要有：1、网站关键词选择（标题、关键词、描述）（TKD是网站一个基本的元素、标题、关键词需要谨慎选取、一但选取后期不要轻易更改、不然会造成网站收录、权重下降）2、网站代码元标签的添加（h1-h6、alt、B）（搜索引擎蜘蛛对于h1-h6等元标签非常看重、可以提高网站蜘蛛爬取、增大收录）3、网站地图sitemap是否拥有（网站地图是做出来给蜘蛛爬取、让蜘蛛爬取的网站内容）4、网站内链导航（面包屑、上下篇）（网站内链可以更好的让蜘蛛抓取网站链接、增大收录）5、网站文章定时定量更新（每周定时、定量的更新文章、养成搜索引擎蜘蛛的抓取习惯、达到网站文章更快的收录）6、网站外链外发（各媒体、自媒体、社区论坛进行软文、外链发送）7、交换友情链接（可以链接交易平台、链接互换群、朋友的网站上进行网站链接互链、增加网站权重并且引流。）8、查看并修改robots.txt文件.（robots.txt文件是用来告诉蜘蛛什么链接是可以抓取、什么链接是不能抓取的、有外部链接就需要添加进robots.txt文件中，不让蜘蛛离开网站、造成蜘蛛离开）基本的网站优化就是这8条了

网站优化的优势一：优化效果好通过SEO获得的流量都是高质量的搜索引擎流量，选择好了合适的关键词，那么这些流量都是转化率极高的有效流量。而且从搜索引擎正常排名获得的流量更容易被用户所认可和接收，搜索引擎给出的排名结果更容易获得用户的信任，正常网页广告的点击率在2~5%，而搜索引擎的点击率高达30~80%，当然，这与关键词排名也有一定关系，但是这说明SEO的效果要比其他网络广告或者营销的方式更加好。网站优化的优势二：优化成本低对于掌握了SEO技术的人来说，对一个网站进行优化基本上不需要投入资金就可以开始进行操作，几乎是零投入的，和付费推广比较起来，SEO的成本更低。这里简单举个例子，以贝斯特墙艺为例，一般用百度竞价来做硅藻泥的广告价格在2-3元/点击(价格仅供参考，实际价格以百度公布竞价平台公布数据为准)，如果每天点击数量为50次，那么每天的费用就要100-150元，一个月要3000-4500元，一年就要四五万左右，而且这些是在仅仅是在百度竞价平台有显示，如果还要做谷歌，雅虎等其他推广费用又要另外算。还有就是无效点击也要付费，不是宜昌地区的朋友点击这个也是需要付费的，而现在IP地址匹配机制还不够完善，这也是不可避免的。但是如果选择SEO就完全不同了，只要做到了正常搜索引擎排名，点击多少次都是不用收费的，就算是一年，几年，只要正常排名，都不用付费，所以性价比是极高的。网站优化的优势三：优化持续性好做搜索引擎竞价排名，一旦不参加竞价了，或者账户余额不足了，竞价排名就停止了，就找不到了，这就是普通搜索引擎竞价的时效性。但是SEO却完全不用担心，只要通过正常的优化手段获得了搜索引擎自然排名，而且坚持维护的话，关键词排名是不会有大幅度变化的，而且随着时间的推移，所作的优化越细致，积累越多，关键词排名越稳定，就算是搜索引擎偶尔有算法的调整，也可以通过调整优化方案从而继续获得排名，所以通过SEO获得排名是有持续性的，这点是任何推广方法都无法获得的。网站优化的优势四：优化覆盖面广做搜索引擎优化是针对网站结构，用户需求，搜索引擎原理等来进行整体的优化，不仅仅是针对某一个搜索引擎，正常来说，在百度有较好排名的网站，在其他搜索引擎也一定有不俗的表现，所以SEO覆盖面是极为广泛的，而搜索引擎竞价或者其他网络广告的方式，都是局限在某一个网站或者某一个区域，但是SEO针对的是整个互联网用户，这个优势任何推广都无法比拟。网站优化的优势五：全方位提高网站质量做SEO不仅仅是做网站的关键词排名，而是对网站整体质量的提升。搜索引擎蜘蛛其实也是一个用户，他不仅能有智能的抓取能力，还能通过判断用户行为来分析网站的质量，所以SEO做的好的网站，绝不仅仅是带来了搜索引擎流量，而且会提升整个网站的质量，改善用户体验，提高用户粘度，提高网站成交率。SEO绝不仅仅等于搜索引擎优化。劣势的话：就是网站优化如果在不花钱的基础上做优化的话，实现起来的时间比较长

SEO方案写作一般包括以下五个部分：概述、网站结构、关键词检测分析、SEO计划和预测结果等。 一、概述 写作概述的目的是吸引方案的读者，使其对方案的实施产生兴趣。最好的书写感觉是含糊，但又显得真实。其写作内容一般包括以下三个方面： 1.实施SEO本身的好处 2.为什么某个（该方案的读者）网站要进行SEO？ 3.SEO实施后，该网站将会获得怎样的改变？ PS：（以下是我经常用的内容） 互联网走过了十多年，发展到今天，她有了一个最重要的发明或者说应用，那就是搜索引擎，而伴随着搜索引擎的发展，搜索引擎营销也成为网络营销的首选。 根据长期以来对搜索引擎的跟踪，我有如下定义：搜索引擎营销所做的就是全面而有效的利用搜索引擎来进行网络营销和推广。搜索引擎营销追求最高的性价比，以最小的投入，获得最大的来自搜索引擎的潜在客户访问量，并产生商业价值。 二、域名检测 为了了解网站目前的状态，需要检测各项指标对网站当前的状况进行综合评估，即域名检测。检测的内容一般包括网站当前的PR值、ALEXA排名、百度和谷歌等SE的收录情况、PV、IP、反向链接数等。 （1）域名注册时间： （2）域名PR值： （3）ALEXA排名： （4）百度收录： （5）谷歌收录： （6）PV数： （7）IP数： （8）反向链接： 三、网站结构 对当前网站结构的了解与评估主要从以下两个方面： 1.网站框架 按照网站的内容，网站页面一般可以分为：首页、频道页和文章页，主要考虑的问题有： ①各类页面的三要素（title、keyword、description）写作情况。其中，首页一般是人工写作，频道页与文章页可以是人工写作，也可以按照某种标准结构自动生成。 ②找出当前网站框架中存在的问题，考虑进行怎样的修改，达到怎样的效果。 ③建设最简单的网站结构。首页（一级域名）+频道页面（二级域名或是一级目录）+文章页面（各频道页面目录下简单路径） ④考虑是否启用二级域名。对于网站下属站点，二级域名的使用会使得用户更容易记住该站点的访问地址，从而留住用户。 2.网站代码 对网站代码的考虑，一般主要是技术SEO，基本内容是： ①从搜索引擎的角度来看，网站代码越简单越好； ②网页分动态与静态页面，页面中一般包括动态flash、图片等要素，应当从页面加载情况、用户体验等方面考虑SEO； ③网页所使用的技术、书写语言等； 四、关键词检测分析 关键词检测分析的对象主要是首页、频道页（列表页）和文章页所有当前使用的关键词，一般步骤是： 1.针对竞争对手网站，罗列出所有的关键词。 2.对罗列的关键词进行分析，主要是查看当前关键词的各种搜索引擎排名、收录页面数量和百度指数的情况。 3.针对当前分析情况，找出“目标关键词”和“相关关键词”，同时做出关键词优化列表。 五、SEO计划和预测结果 SEO计划主要包括最佳结构总结、页面写作、关键词优化、内容优化和效果预测，具体内容是： 1.最佳结构总结：当前结构的“健康性”，是否突出重点；页面外观设计上是否突出“焦点区域”（一般来说，对于图片焦点，人们更容易关注文字焦点）；频道是否启用二级域名（起码要是一级目录）； 2.页面三要素（title、keyword、description）写作：根据不同时期，人们关注的热点不同，适时调整相关页面的三要素（title、keyword、description）内容； 3.关键词优化：分阶段实现关键词的优化，目标关键词、相关关键词、长尾关键字； 4.内容优化：预测一些社会热点，丰富网站本身的内容。此时涉及最多的一般是文章页的标题与关键字密度情况； 5.效果预测：一般通过实际的指标数来进行效果预测，指标数主要包括：PR值、Alexa排名、PV、IP、百度和google等搜索引擎收录情况、反向链接等，还包括各阶段关键字排名情况。 一般来说，关键字排名有四种情况可以认为是达到了优化效果：出现在搜索结果的前三页、首页、首页的前三位、第一位，当然，出现在第一位是达到了最佳的优化效果。

网站建设完成后并不是一劳永逸的，网站建好后还需要我们精心的运营才会越显成效。大致的说，企业网站建好之后，要做以下几个方面的工作： 一、网站内容的维护和更新 网站信息内容应该适时的更新，如果客户访问企业的网站看到的却是企业去年的新闻或者说客户在秋天看到新春快乐的网站祝贺语，那么他们对企业的印象肯定是不好的。因此注意信息内容的适时更新是相当重要的。在网站栏目设置上，也最好将一些可以定期更新的栏目如企业新闻等放在首页上，使首页的更新频率更高些。二、网站服务与回馈工作要跟上 企业应设专人或专门的岗位从事网站的服务和回馈处理。客户向企业网站提交的各种回馈表单、购买的商品、发到企业邮箱中的电子邮件、在企业留言板上的留言等等，企业如果没有及时处理和跟进，不但丧失了机会，还造成很坏的影响，以致客户不会再相信你的网站。 三、网上推广与营销不可缺少 想要的人知道你的网站，了解你的企业就要对网站进行推广。网上推广的手段很多，大多数是免费的。主要的推广手段包括搜索引擎注册、注册加入行业网站、邮件宣传、论坛留言、新闻组、友情连接、互换广告条、B2B站点发布信息等。除了网上的推广外，还有很多网上与网下结合的渠道。比如将网址和企业的商标一起使用，通过产品、信笺、名片、公司资料等途径可以很快地将企业的网站告知你的客户，也方便他们从网上了解企业的最新动态。 四、不断完善网站系统，提供更好的服务 企业初始建网站一般投入较小，功能也不是很强。随着业务的发展，网站的功能也应该不断完善以满足顾客的需要，此时使用集成度高的电子商务应用系统可以更好的实现网上业务的管理和开展，从而将企业的电子商务带向更高的阶段，也将取得更大的收获。

1、JS、css文件数量尽可能少，能合并的尽量合并，减少请求次数；2、重要的链接不能放在JS中，这样蜘蛛无法抓取；3、框架不要用，JS数量不要太多，保证HTML之页面的主要代码；4、代码简洁化，去除重复冗余；

SEO优化步骤 1、 关键词分析（也叫关键词定位） 这是进行SEO优化最重要的一环，关键词分析包括：关键词关注量分析、竞争对手分析、关键词与网站相关性分析、关键词布置、关键词排名预测。 2、 网站架构分析 网站结构符合搜索引擎的爬虫喜好则有利于SEO优化。网站架构分析包括：剔除网站架构不良设计、实现树状目录结构、网站导航与链接优化。 3、 网站目录和页面优化 SEO不止是让网站首页在搜索引擎有好的排名，更重要的是让网站的每个页面都带来流量。 4、内容发布和链接布置 搜索引擎喜欢有规律的网站内容更新，所以合理安排网站内容发布日程是SEO优化的重要技巧之一。链接布置则把整个网站有机地串联起来，让搜索引擎明白每个网页的重要性和关键词，实施的参考是第一点的关键词布置。友情链接战役也是这个时候展开。 5、与搜索引擎对话 向各大搜索引擎登陆入口提交尚未收录站点。在搜索引擎看SEO的效果，通过site:你的域名，知道站点的收录和更新情况。通过domain:你的域名或者link:你的域名，知道站点的反向链接情况。更好的实现与搜索引擎对话，建议采用Google网站管理员工具。 6、建立网站地图SiteMap 根据自己的网站结构，制作网站地图，让你的网站对搜索引擎更加友好化。让搜索引擎能过SiteMap就可以访问整个站点上的所有网页和栏目。 7、高质量的友情链接 建立高质量的友情链接，对于SEO优化来说，可以提高网站PR值以及网站的更新率，都是非常关键性的问题。 8、网站流量分析 网站流量分析从SEO结果上指导下一步的SEO策略，同时对网站的用户体验优化也有指导意义。流量分析工具，建议采用Google流量分析。 以上8步贵在坚持.流量多了也别骄傲,少了也别灰心.努力前进,学好seo优化,你一定能成功 。 做这个很枯燥么 都在说坚持 只要对一件事有兴趣就不会觉得枯燥，只是做SEO优化不是短时间就能看到效果的，需要长时间的坚持并维护好。 这样哦 那谢谢你啦 不客气，望采纳