ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

企业官网后台怎么设计?从产品分类、参数到资料下载的数据结构

企业官网后台怎么设计?从产品分类、参数到资料下载的数据结构 企业官网后台怎么设计从产品分类、参数到资料下载的数据结构企业官网开发中前台页面只是用户看到的部分。对于制造业、机械设备、工业零部件、仪器仪表、新材料等产品比较多的企业来说网站后期好不好用很大程度上取决于后台的数据结构。如果网站只有十几个产品用“标题 图片 正文”的方式管理一般没有太大问题。但当网站有几十个产品系列、几百个型号每个产品还有规格、材质、尺寸、技术参数、PDF 资料、应用领域和多语言内容时如果后台仍然只是一个简单的文章编辑器后期维护就会越来越麻烦。杭州派迪科技在企业官网项目中遇到产品数量比较多的网站时通常会先梳理产品之间的数据关系再确定后台怎么开发。一个比较常见的产品数据关系可以理解为产品分类 → 产品 → 型号 → 参数 → 图片 → PDF资料 → 应用关联 → SEO字段 → 多语言内容一、产品分类不要只做成前台栏目产品型网站首先要解决的是分类。例如一家工业制造企业可能有多个一级产品分类每个一级分类下面又有二级、三级分类。如果这些分类直接写死在前端页面里以后企业增加分类、调整顺序或者改变产品归属都可能需要技术人员修改程序。因此产品分类应该作为独立的数据进行管理。比较基础的分类结构可以包含product_category id parent_id name slug image description sort_order status其中parent_id用来处理上下级关系sort_order控制排序slug可以用于生成前台 URL。这样企业以后可以直接在后台增加、删除和调整产品分类而不需要重新修改前端页面。二、产品和产品分类要分开管理分类确定以后再建立产品数据。例如product id category_id name model slug summary content cover_image status sort_order created_at updated_at这里保存产品本身的基础信息。如果一个产品只属于一个分类可以直接通过category_id关联。如果一个产品可能同时出现在多个分类中则可以建立单独的关联表product_category_relation product_id category_id这样一个产品可以关联多个分类一个分类也可以包含多个产品。对于产品体系比较复杂的网站这种方式比直接把分类写在产品内容中更方便后期调整。三、一个产品有多个型号时型号最好单独管理制造业网站经常出现一个产品系列下面有很多型号的情况。例如A100 A150 A200 A250 A300这些型号可能外观接近但尺寸、材质、压力、性能等参数不同。如果把几十个型号全部写进产品正文前台虽然能够显示但后台无法真正识别这些型号后期也很难做筛选和查询。可以增加独立的型号表product_model id product_id model_no sku specification sort_order status数据关系就变成产品分类 ↓ 产品 ↓ 产品型号以后增加 Product Finder、型号查询或者产品对比功能时也更容易在这个结构上继续开发。四、技术参数不要全部写进富文本这是产品型企业官网后台比较重要的一部分。例如一个产品有这些参数型号A200 材质Stainless Steel 尺寸DN50 压力PN16 连接方式Flange如果这些内容全部写进正文或者做成一张参数图片系统实际上并不知道哪个字段代表材质哪个字段代表压力。前台只能把它展示出来却无法真正利用这些数据。如果以后企业提出“按照材质筛选产品。”“按照压力等级查找型号。”“选择尺寸以后显示符合条件的产品。”就很难直接实现。因此参数可以单独结构化管理。例如参数定义parameter id name code unit type sort_order再建立产品参数值product_parameter_value id product_id model_id parameter_id value这样 Material、Size、Pressure、Connection 等参数就不再是一段普通文字而是真正可以被程序读取的数据。前台既可以把这些数据生成技术参数表也可以用于 Product Finder、产品筛选和产品对比。五、产品图片也可以独立管理制造业产品通常不只有一张图片。一个产品可能同时包含产品主图、细节图、尺寸图、结构图、应用图片和包装图片。因此可以建立产品图片表product_image id product_id model_id image_url image_type alt sort_order这样后台可以完成图片上传、删除、排序以及图片类型管理。其中alt字段也可以单独保留方便网站做基础 SEO 设置。如果某些型号拥有独立图片还可以通过model_id继续关联到具体型号。六、PDF和技术资料最好独立管理很多工业企业网站需要提供资料下载例如产品目录、Technical Datasheet、说明书、安装手册、CAD 文件、认证资料等。如果只是通过富文本编辑器手工插入下载链接产品数量少的时候没有问题。但当网站有几百个产品以后资料管理会越来越麻烦。可以建立独立的资料表product_document id product_id model_id title file_type file_url language version sort_order status这样后台可以知道一个文件属于哪个产品、哪个型号、什么资料类型、什么语言以及当前版本。前台产品详情页则可以自动调用Downloads Product Catalogue Technical Datasheet Installation Manual CAD Drawing Certificate以后企业更新某个产品的技术资料也可以直接在后台替换不需要重新修改页面。七、产品和应用领域可以建立关联很多制造业网站除了 Products还会设置 Applications。例如某些产品可以应用于Water Treatment Chemical Industry Oil Gas Power Generation HVAC这时候可以把应用领域也作为独立内容管理application id name slug image summary content然后建立产品和应用的关联product_application product_id application_id这样一个产品可以关联多个应用一个应用也可以关联多个产品。前台就可以实现双向调用。产品详情页自动显示Related Applications应用详情页自动显示Related Products这样产品和应用不再是两个完全独立的栏目而是通过后台数据关联起来。八、SEO字段建议做到每个页面都可以单独管理企业官网后台还应该考虑基础 SEO。例如产品、产品分类、应用和新闻页面都可以设置自己的 SEO 信息seo_title seo_description seo_keywords canonical_url robotsURL 也建议在开发阶段提前规划。例如/products/产品分类/products/ball-valves/产品详情/products/ball-valves/model-a200/应用页面/applications/water-treatment/相比完全依赖数据库 ID 的/product?id138这种 URL 更直观也方便企业后期管理。如果是准备长期运营的英文官网还需要考虑 Sitemap、Robots.txt、Canonical、图片 ALT、页面 Title 和 Description 等基础设置。九、多语言内容也要考虑数据结构企业准备做中文、英文以及其他小语种网站时多语言不能只考虑前台增加一个语言切换按钮。如果网站只有中英文而且内容非常简单可以直接增加name_cn name_en content_cn content_en但如果以后继续增加西班牙语、法语、德语等语言这种结构就会越来越复杂。一种常见方式是把语言内容单独拆出来product_translation id product_id language_code name slug summary content seo_title seo_description产品的公共数据保留在产品表不同语言的文字内容放在语言表中。不过多语言网站也不一定必须共用一个后台。如果中文站和英文站面对的市场不同产品内容、SEO、服务器部署和后期运营方式也不同可以直接把中文站和英文站独立规划各自使用独立后台和部署环境。具体采用哪种结构要根据企业后期怎么运营来确定。十、一个产品详情页后台可能对应多组数据把前面的内容整理起来一个比较完整的产品数据结构可以理解为产品分类 ↓ 产品 ↓ 产品型号 ↓ 产品参数 产品 ├── 产品图片 ├── PDF / 技术资料 ├── 应用领域 ├── SEO字段 └── 多语言内容用户在前台看到的可能只是一个产品详情页。但是后台实际上已经涉及产品分类、产品、型号、参数、图片、文件、应用、SEO和语言等多组数据。这也是为什么制造业企业做官网时不能只看首页设计得怎么样。十一、后台数据结构会直接影响网站后期能不能扩展企业网站刚上线时可能只需要展示产品。运行一两年以后需求很可能会继续增加按照材质筛选产品按照尺寸和压力查找型号增加 Product Finder增加产品对比增加 PDF 技术资料产品关联应用领域增加英文或者其他语言给不同产品设置独立 SEO 信息。如果网站最开始所有内容都塞进一个富文本编辑器这些功能后期再增加就可能需要重新整理大量产品数据。如果一开始已经把产品、型号、参数、资料和关联关系结构化很多功能就可以直接建立在原有数据上。所以企业官网后台设计不只是解决“能不能发布产品”还需要考虑这些产品数据以后准备怎么使用。最后对于只有少量产品的企业官网没有必要把后台设计得过于复杂。但对于制造业、机械设备、工业零部件、仪器仪表、新材料以及外贸企业如果产品数量多、型号多、参数多前期就有必要把数据结构梳理清楚。从产品分类到产品、型号、参数、图片、PDF 资料、应用关联、SEO 字段和多语言内容本质上是在建立一套适合企业长期维护的产品数据体系。杭州派迪科技从 2013 年开始从事企业网站建设和系统开发。在产品型企业官网项目中除了前台页面设计也会根据企业实际的产品分类、型号和参数规划后台数据结构、内容管理以及后续扩展方式。对于这类网站来说前台决定客户怎么看产品后台决定企业以后怎么管理产品两部分需要在项目开始阶段一起考虑。
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进