1.独立站结构-主页面和子页面层级清晰，从客户访问需求设计分级
1）头部区域：逻辑清晰，布局合理，重点突出
头部区域浮动显示在页面的最上方，方便客户点击，Logo图片加首页链接，多语言切换和站内搜索要放到头部，社媒转化潜在客户，语种要用对应语言展示文本，下拉样式的多语言控件，当前语种要放到第一位。
2）符合现代网站标准设计的导航栏：主页、产品、公司介绍、服务、新闻，联系方式
建议4-6项，最多不要超过8个
B2B的次级导航也同样重要，可以更加细分展示企业业务、实力、社会责任等。
3）产品列表及图片可收藏在次级导航下拉页中，一目了然次级导航栏目数量多于5个时，建议使用次级容器样式
不同产品系列图片、简介、名称
4）网站首页：构架清晰、设计简洁舒服，在传达企业价值的同时让人一眼看出这家企业做什么生意
头图用来展示品牌定位、突出产品优势，其他板块按内容排列，重点靠前、风格统一，企业主打产品放置在横幅下面最显眼的位置
5）产品信息下方可用于展示公司信息、最新动态、联系方式等，方便客户在了解完后马上行动提交询盘
简短的介绍公司历史、主要产品，并高亮有哪些强项和优势，新闻曝光和近期动态，给予客户信任感
公司地址及询盘表单放置在首页最下端
6）底部导航囊括所有关键信息，分类罗列
底部导航与顶部导航呼应，总结产品分类信息、并合理拓展信息，给用户提供方便快捷的信息指引。比如：联系方式，公司地址，技术支持，备案与认证信息，隐私协议和服务条款等。
7）产品列表页：产品页多为广告着陆页，内容要丰富
产品分类导航，产品列表，生产工艺，企业优势，FAQ，资质、案例... ...
8），产品列表页使用统一角度的高清图片，给客户清晰明了的采购列表
9）产品详情页：添加分类导航和产品推荐，上下都要有询盘按钮和联系方式
2.内容：展示客户感兴趣的内容、产品详情介绍、成功案例介绍
1）产品资料
产品分类-清晰
◆ 分类标准：对象、用途、材质、规格等
◆ 多维度可同时使用产品分类和产品标签
产品描述-详细
◆ 功能、规格、型号、参数、专业性描述
◆ 产品图片（整体图片，细节图片，多角度），缩略图比例建议4:3或3:2
◆ 视频链接（YouTube)
◆ 产品特性（比较优势）
◆ 资质、产品第三方认证、客户评价
◆ 售后服务及延伸阅读（企业介绍、联系方式、案例）
1-1，产品详情页列出完整产品多角度图片、文字介绍、规格参数及视频
可增加公司实力、优势、成功案例、FAQ等
2）关于我们页面：详细的公司信息可让客户更好的了解企业，增加客户的信任度。
公司介绍，视频和照片（工厂外景和内景、团队），发展历程，企业资质 ... ...
3）联系我们页面详细列出公司办事处地址、电话、邮箱等信息，让客户在最后考虑时产生信任感。
4）为客户提供产品操作手册和FAQ
3，互动-询盘和议价功能要快捷明显、吸引客户订阅更多内容
1）询盘模块应在每一个页面上都能清晰容易地找到
可以放询盘表单的位置：
① 页面头部放置询盘按钮
② 产品列表上每个产品分别放置询盘按钮
③ 产品详情页，页头放置询盘按钮
④ 产品详情页，页尾直接放置询盘表单
2）询盘表单内容需要包涵的重要信息
询盘表单应至少包括以下内容，设置2-3个必填项即可：
①姓名
②采购公司
③联系邮箱
④联系电话
⑤所在国家与地区
⑥询盘产品名称与型号
⑦期望交付产品的时间
⑧其他信息、要求与留言
3）询盘表单设置提交成功的跳转页面
4）永远记住用公司网址后缀做联系邮箱
5）邮件可预设内容，获取访问页面的链接
6）网站添加WhatsApp、在线客服、社媒分享和关注等
4，流畅和体验-注重页面加载速度、设计要清晰大方、移动端体验
1）保证网站速度，避免不必要的流量流失
https://www.thinkwithgoogle.com/feature/testmysite
https://developers.google.com/speed/pagespeed/insights/
2）网站的服务器位置
选择离目标市场最近的服务器。
超级网站：多节点发布，访客就近回源，网站打开速度更快。
3）响应式网站提高使用者体验，更提高转化
响应式网站可以根据不同的设备优化用户体验，它能根据不同的屏幕尺寸、分辨率及设备，灵活地调整网页布局。无论使用什么设备，你的网站都能保持美观、运作流畅
*使用响应式网站时应注意各设备端之间变换时网页整体的排版与体验是否仍旧顺畅，信息展示位置是否合理无遮挡，字体是否相应变化避免过大或过小，图片清晰度是否符合要求
4）网站安装安全证书
5）URL规范化
6）设计404页面
404页面添加跳转按钮、联系方式
7）其他注意事项
◆ 英文标点后面要加空格；
◆ 外链、WhatsApp链接要设置在新窗口打开；
◆ PC端的弹出窗口大多不适合移动端，建议给移动端单独设计弹出窗；
◆ 注意弹出窗口在小屏的兼容性；
◆ 搜索结果页和购物车列表页不用加面包屑导航（当期位置）；
◆ 一键邮件的预设内容列填写： Ask for a quote from : https://www.overseas-inquiries.cn/news/dulizhanyushejiaomeitixietongcelyue-goujianquanyuzengzhangbihuan/ruhedazaokehuyuanyimaidandeB2Bwangzhan-.html
◆ 注意侧边栏位置，不要和第三方客服不重叠；
◆ 手机端头部logo加首页链接；
◆ 手机端侧边栏加返回顶部；
◆ 移动端做独立移动站时注意PC和移动跳转；
◆ 避免中英文混杂：产品列表的上一页下一页，产品详情页的上一篇下一篇，搜索结果页的无结果提示等；
谢谢观看！可以浏览我司的模板库参考实例网站架构：https://www.overseas-inquiries.cn/wangzhanmoban.html
