首页设计与产品页设计：如何通过布局与信息传递提升用户体验与品牌形象

hwyzw

    首页设计通常会体现品牌气质，符合企业品牌和产品宣传。它能满足企业品牌和产品形象的定位，也符合搜索引擎对网站设计美观度和用户审美感的要求。首页前台的静态页面设计通常采用三栏式结构设计、两栏式结构设计或左右上下结构设计。重点在于企业品牌定位是什么，首页设计主要根据突出的内容来进行定位首页设计结构的布局。不管首页进行何种类型的结构设计，导航结构以及整个首页结构设计都需要考虑用户进入网站这一情况。首页的设计页面会向用户传达信息，也会为用户提供信息。首页设计必须要满足用户的价值观，让用户体验到网站的价值，为后续下单做好铺垫。

    2、产品页设计

    产品页设计的作用是告知用户进入访问网站后，该网站能提供何种类型的产品或信息服务。产品页设计需以产品图片、产品详细参数信息、产品用途、产品效果图以及产品如何购买指引作为主要设计框架思想。

    3、新闻页设计

    企业站的新闻页一般采用文章页类型来设计。在左右上下合适的位置添加企业重点宣传信息，这些信息可以是产品，也可以是企业提供的服务信息。在适当的时候，用图片来修饰文字就可以了。

    4、资讯页设计

    企业站的资讯页设计与新闻页以及文章的设计相似，大致相同。这种设计可以根据不同类型企业的要求进行实际的变动，只要按照实际情况进行调整就可以了。

    5、技术资料页设计

    技术资料页一般会给 xxx 企业提供一些关于技术方面的文章或资料，为爱好者、技术人员以及维修人员提供所需的技术资料，供他们免费下载使用。这类页面的设计较为简单，重点在于左栏规划好哪些类型的技术资料可提供免费下载，而右边栏则用于显示下载技术资料的区域，上下的布局由网站框架策划师根据网站情况进行调整。

    6、文章页设计

   

    文章页一般用于站内文章的编辑更新。文章页设计通常会在左边栏添加产品导航或产品列表。在适当的时候，可以添加一些核心产品图片和信息。在文章结尾处添加相关推荐插件。如果程序能够实现自动内链添加以及显示本文地址，可将这些设计在程序中，如今似乎含有该功能。

    7、重要单页设计

    重要页面通常是用户点击最多的页面。这些页面可以通过搜索关键词或其他路径进入访问。对于目前的企业站而言，一般情况属于重要单页设计，可分为预定重要单页和后期延伸重要单页。笔者建议以后期延伸单页为主，因为预定设计无法确定对用户是否有帮助。如果是后期延伸单页，可以根据用户点击次数、停留时间最长以及来路访问渠道最多的页面，将其设置为重要单页。并且可以适当在该页面增加一些关于产品的信息，比如促销信息、优惠活动或者核心产品介绍，以将用户引导到网站核心页面，暂时抢夺流量注入。

    8、通用(头部/页脚)设计

    目前多数企业站的头和脚的设计与规划是固定式的。不要让每个页或栏目页的头部和页脚设置都不一样。这样会给美工制造模板带来技术难度问题，也会波及到程序员。同时，还会引起搜索引擎和用户体验的盲目性。切记最好遵守统一性。

    9、模板代码精装设计

    不利于搜索引擎蜘蛛爬取的标签要尽量少用或不用，不能给蜘蛛造成爬取困境。在模板设计时，要尽量做到代码瘦身。无论网站用什么源码设计，其代码都需采用 DIV+CSS 框架，以减少网站源码的大小，尽量将其控制在 200k 之内。如果网站的 js 可以封装，就需要全部进行封装，同时也要进行 CSS 封装。网站的 URL 简单有诸多好处。它有利于搜索引擎进行抓取，同时也有利于提升用户体验。因此，建议尽量使用静态或者伪静态代码。如果采用的是动态代码，那么代码参数应尽量保持简单，最好不要超过 2 个参数。

    二、程序设计

    程序设计要围绕满足编辑使用的需求，要做到简单易用。目前笔者建议程序员在进行网站程序设计时，必须满足以下几个因素：一是满足编辑使用；二是简单易用。

    文章编辑器可以将采集下来的文章进行格式化，使其像文本一样纯，且具备查找与替换功能，其类型为 word。

   

    产品编辑与发布功能有以下要求：产品图片需指定大小，同时要对图片进行优化以减少容量，并且产品图片必须清晰。

    3、文章搜索功能/产品搜索功能

    内链自动添加插件是值得研究的。不过，目前这个内链自动添加功能欠缺很多因素，大家可以去研究一下。

    做好栏目、产品、重要页 title 的标签调整以及编辑功能。

    6、固定好图片使用alt描述以及title标签

    7、敏感词过渡功能

    9、网站地图/Rss功能

    以上 9 点是目前企业通用的程序设计功能。其它功能可依据企业网站实际情况进行增减。然而，笔者所说的功能必须要落实到位，既有利于编辑者工作，又有利于提供网站综合指标的第一步。

    本章小节：以上内容是关于 seo 优化方案中站内优化的网站设计部分。笔者只是依据企业站前台模板设计进行了大致的归纳总结。如果有不足之处，恳请给予指点。文章的版权信息由太原搬家撰写，如需转载，请带上文章版权地址。谢谢合作！

    卢玉华博客更多seo优化方案系列网址：