本文主要介绍B2B类企业站产品页的制作流程。尽管我们在日常生活中习惯将B类产品和C类商城分开，但在搜索引擎谷歌看来，它们都是同样重要的网页。因此，在制作产品页面时，我们需要注重内容质量，符合用户的搜索意图，同时满足SEO要求。一、产品页面制作流程
- 产品简介：突出产品的特点和优势，让用户能够快速了解产品。
- 产品展示：展示产品的图片和视频，让用户可以更直观地感受产品。
- 产品参数：详细列出产品的规格参数，让用户能够更全面地了解产品。
- 客户评价：展示客户的评价和反馈，让用户能够更加信任产品。
- 购买链接：为用户提供购买链接或者询价方式，让用户能够方便地购买产品。
二、SEO要求与用户体验
从SEO角度来看，产品页面的最重要方面是内容。为了提高页面的排名，需要关注以下几点：关键词优化：在页面中合理地布置关键词，让搜索引擎能够更好地理解页面内容，但不要过度堆砌关键词。
页面结构优化：使用清晰的标题和段落，让页面结构清晰，易于用户阅读和理解，同时也能提高页面的可读性。
链接优化：使用友好的URL链接，让链接能够直观地反映页面内容，同时也方便用户记忆和分享。
页面速度优化：优化页面的加载速度，避免用户因为等待时间过长而放弃访问。
然而，即使遵循了SEO的要求，也不能忽视用户体验。为了提高用户体验，需要关注以下几点：内容质量：提供有价值的、高质量的内容，满足用户的需求和期望，让用户感到满意和信任。
页面设计：采用简洁、直观的设计风格，让用户能够快速了解页面内容，避免过于花哨的设计影响用户的阅读和理解。
页面导航：提供清晰明了的页面导航，让用户能够方便地浏览和查找内容。
响应式设计：针对不同的终端设备进行响应式设计，让页面在不同设备上都能够有良好的展示效果。
这依然符合一直以来SEO的要求，即——内容需要满足用户的搜索意图。已经具备一个WordPress程序的网站；
已经安装了 GeneratePress 或类似主题并已经激活；
已经有了明确的网站结构；
已经安装了 Kadence Pro高级编辑器或类似编辑器插件；
可选 Advanced Gutenberg 高级古腾堡编辑器插件。
三、产品页面结构
产品页面结构大致可以分成如下几块。其中有包含可选择的板块。可选择意味着你需要根据你实际的产品情况来定，并非绝对需要的。同时各个部分之间顺序也可以根据实际情况进行调整。下方仅仅是最为基础的顺序：产品展示；
产品说明（特殊 / 通用）；
产品相关文档；
相关产品 / 内容推荐；
(可选) 应用场景 / 用户反馈；
(可选) 联系方式表单；
四、产品展示板块
展示板块即让用户对当前页面的产品有个大致的了解。其中可以包含图片、视频、小段文字说明、服务特色、咨询按钮、等等。大致的格式可以参考下方的截图：我个人十分推荐大家使用视频代替图片来展示你的产品。如果你像选择视频来展示产品的话，那么建议使用 YouTube。在之前的文章中我也说过使用 YouTube视频的好处。但是如果你的并没有制作高质量视频的经费，则可以考虑选择使用图片的形式来展现。这个板块可以使用编辑器中的【栏目】功能进行左右分割；同时左侧添加媒体（视频、图片）、右侧添加基础信息（标题、文字、核心特色、服务特色）。同时别忘了添加触发用户行为（下单、加入购车等）的按钮。PS：相比于【栏目】我更加喜欢使用 Kadence插件的【Row Layout】功能。因为它选项更多、自定义程度更高。并且移动端展示效果要比【栏目】要好。这里需要牢记一点：同类型的产品，无论使用视频还是图片，尽量做到风格统一（例如背景颜色，产品摆拍方向，光线方向等等）。因为从视觉角度来说，越统一的风格会显的越为专业。专家建议
其实产品展示还有两个选择：图片+视频(弹窗式)；图片轮播图。图片+视频(弹窗式)：这种就是展示的时候是图片。但是用户点击图片时则弹出对应的视频。这么做可以提升页面首屏的加载速度。（点击图片后才会加载视频）你可以通过 Kadence Pro 插件的【Video Popup】功能，你可以上传固定的封面图，并且设置点击之后展示的YouTube视频：图片轮播图：顾名思义。我并不推荐使用这种方式。不过如果你一定想要用轮播图进行展示，那么可以使用 Kadence Pro的【Image Gallery】功能：五、产品说明（特殊 / 通用）板块
很多产品其实有独立的特殊参数、说明。同时也有同类产品共有的部分。这里建议大家分成两块去处理。将单个产品独有的参数、功能等放在最前面展示在用户面前。将多个产品共有的说明部分放在后面显示。在制作产品说明内容时，我给大家一条建议——细化。同时借助不同的形式（功能）展现出来。表格你可以使用WP自带的【表格】功能，也可以使用 Advanced Gutenberg插件的【Advanced Table】功能。我推荐后者。它可以做出更精美的表格。当你需要罗列某个产品的特殊属性或功能时，则可以使用【列表】形式：列表部分，你可以使用WP自带的【列表】功能。也可以使用 Kadence 插件的【Icon List】功能。我推荐后者。后者可以使用特殊图标，同时自定义选项更多。如果你有更多的图片需要展示给用户看（比如不同颜色、不同材质等），则可以添加图片组：这里你可以使用默认的【画廊】功能，也可以使用 Kadence插件的【Media Gallery】功能。我推荐使用后者。因为后者的展现形式更多，视觉效果更好。细化后的产品信息不仅可以帮助用户，同时也可以帮助谷歌更好的理解你的页面。从SEO来看，产品信息细化的页面往往会带来更多长尾关键词的流量。六、产品相关文档
一般情况产品是会配有产品的额外的文档的。（例如：doc、pdf、xls等格式的）这些可以放入页面中。目的是为了提高页面内容质量，同时这些独立的文档是可以独立获取搜索流量的。比如下方这个站点，根据 Ahrefs 的统计，他的网站上搜索流量中的 84%都是来源于 一个pdf文档：如果你的产品配套有独立文档，请一定加入到产品页面中，它只会给你带来好处。甚至有可能成为你主要的搜索流量来源。你可以使用WP自带的【附件】功能上传文档。但是我建议通过 WP后台 > 媒体 > 添加 上传文档后，利用 Kadence 的【Icon List】功能去制作。制作出的效果会更加的理想。七、相关产品 / 内容推荐
这里其实相关产品和相关内容可以放两块。可以两者同时出现，并不一定非得二选一。这个板块的目的其实SEO的用处会更大一些（内链提升权重）。当然也可以给用户提供更多的深入了解产品的选择。你可以选择使用【栏目】的功能独立对每个产品页面进行相关产品、文章的推荐。但是由于制作这样的板块不必太花时间，所以我推荐使用 Kadence 插件的 【Post Grid/Carousel】功能：它可以自动调用特定分类、标签下方的内容，并按照设置好的格式展示出来。自定义程度非常高，颜色，大小，排列顺序等都可以自行定义。同时它还可以展示指定内容的页面信息。只需要在右侧设置好参数即可。八、[可选] 应用场景 / 用户反馈
这个板块大家可以选择性添加。毕竟很多同类产品的应用场景、用户反馈等基本是一致的。如果你在首页制作时已近体现过了，那么就可以这里就可以跳过。如果你的产品有独立的场景，有独立的用户反馈信息，那么则可以单独罗列出来。这里建议大家参考首页制作的指南。里面有详细的讲解。九、[可选] 联系方式表单
如果你的网站没有提供额外的沟通方式（比如，在线聊天、浮动的联系我们按钮等）那么则可以考虑添加一个联系的表单。比如像下方这样：但是，我建议大家给自己的网站添加沟通的浮窗（在线聊天浮窗、按钮浮窗，二选一）同时配有表单。这样可以给用户更多沟通的选择。毕竟不是每个用户都喜欢直接在线联系的。一部分用户其实更喜欢邮件沟通。关于浮窗，我后面会专门写个教程。表单部分建议大家使用 Kadence插件的【Form】表单功能：小建议：可以让用户提供如下几个内容【Email】【公司名称】【备注信息】等。其中【Email】【名称】为必填项。如果你们的行业有常用的联系方法，比如 Whatsapp、MSN、Skype等，也可以添加对应栏目让用户填写。请各位根据需求自行调整。十、最后总结
以上就是关于产品页面制作你需要了解的基础操作知识。无论是那种页面的制作其实永远都有最好的做法。
優(yōu)網(wǎng)科技，優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應服務商
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務" 的經(jīng)營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應用服務。
公安局備案號：
專屬顧問
