什么内容或服务的小程序需要补充电商平台类目？ 小程序为企业或个人提供网上交易的平台，可以理解为多个经营者提供交易的平台；或在线提供实物众筹服务，需补充电商平台类目。 [视频] 所需资质（二选一）： [图片] 案例1：下图小程序内涉及商家入驻/店铺街入口提供交易平台服务，需补充电商平台类目。[图片] 案例2：下图小程序内涉及提供实物众筹服务，需补充电商平台类目。 [图片]

什么内容或服务的小程序需要选择商业服务相关类目？ [图片] 1、律所：小程序主体为律师事务所，主要提供法律相关服务需选择商业服务-律所类目。 所需资质（2选1）： （1）《律师事务所执业许可证书》 （2）经司法厅批准成立法律服务机构的文件 案例：下图小程序涉及某律师事务所在线提供付费法律咨询服务，需选择商业服务-律所类目 [图片] 2、公证：小程序涉及提供公证功能服务，需选择商业服务-公证类目。 所需资质（2选1）： （1）《公证处执业许可证》 （2）与公证处的合作协议 案例：下图小程序涉及提供楼盘摇号公证，需选择商业服务-公证类目。 [图片] 3、电子认证：小程序涉及适用于提供电子（数字）认证等服务，需选择商业服务-电子认证类目。 所需资质(2选1): (1)《电子认证服务许可证》 (2)与电子认证公司签订的合作协议 及 合作电子认证公司的《电子认证服务许可证》 4、认证机构：小程序涉及适用于管理体系认证、服务认证 、产品认证、国推污染控制认证、强制性产品认证等提供认证服务的机构，需选择商业服务-认证机构类目。 所需资质:《认证机构批准书》 5、招聘/求职（中介类）：小程序涉及提供招聘求职平台服务需选择招聘/求职（中介类）类目。 所需资质：《人力资源服务许可证》 案例：下图小程序涉及为各公司提供招聘服务，需选择招聘/求职（中介类）类目。 [图片] 6、拍卖公司（非文物）：小程涉及为非文物拍卖公司提供拍卖服务，需选择商业服务-拍卖公司（非文物）类目。 所需资质：《非经营性互联网信息服务备案核准》与《拍卖经营批准证书》与《营业执照》。 案例：下图小程序涉及提供翡翠油画等非文物商品拍卖服务，需选择商业服务-拍卖公司（非文物）类目。 [图片] 7、文物拍卖公司：小程序涉及为文物拍卖企业提供的相关服务，需选择商业服务-文物拍卖公司类目。 所需资质：《《非经营性互联网信息服务备案核准》与《拍卖经营批准证书》与《文物拍卖许可证》与《营业执照》。 案例：如下图小程序涉及提供文物拍卖等服务，需选择商业服务-文物拍卖公司类目。 [图片] 8、司法拍卖：小程序涉及提供司法拍卖内容，需选择商业服务-司法拍卖类目。 所需资质（2选1）： （1）法院主体提供：《统一社会信用代码证》 （2）法院的合作企业提供：与法院的合作/授权协议 案例：如下图小程序涉及司法拍卖物品内容等服务，需选择商业服务-司法拍卖类目。 [图片] 9、专利/商标代理：小程序涉及提供专利/商标代理服务，需选择商业服务-专利/商标代理类目。 所需资质（2选1）： （1）专利代理业务：《专利代理机构注册证》或《专利代理机构执业许可证》 （2）商标代理业务：《商标代理机构备案凭证》 案例：如下图小程序涉及提供专利、商标查询等服务，需选择商业服务-专利/商标代理类目。 [图片] 10、亲子鉴定：小程序涉及提供提供亲子鉴定、DNA鉴定服务，需选择商业服务-亲子鉴定类目。 所需资质：《司法鉴定许可证》 案例：下图小程序涉及提供父子鉴定、DNA个体识别服务，需选择商业服务-亲子鉴定类目。 [图片] 11、典当：小程序涉及提供典当、抵押服务，选择商业服务-典当类目。 所需资质：《典当经营许可证》与《非经营性互联网信息服务备案核准》 案例：下图小程序涉及提供奢侈品珠宝、房车质押典当服务，需选择商业服务-典当类目。 [图片] 12、会计师事务所：小程序为会计师事务所主体，涉及提供会计服务功能，选择商业服务-会计师事务所类目。 所需资质：《会计师事务所执业证书》 案例：下图小程序为会计事务所主体，通过电话、邮箱等方式引导用户至线下提供会计服务，需选择商业服务-会计师事务所类目。 [图片] 13、税务师事务所：小程序税务师事务所，涉及提供税务服务功能，需选择商业服务-税务师事务所类目。 所需资质：《税务师事务所执业证书》 案例：下图小程序某税务师事务所主体，涉及提供代办照、验资审计等税务服务功能，需选择商业服务-税务师事务所类目。 [图片] 14、第三方人力资源服务：小程涉及提供第三方人力资源服务，包括第三方社保、公积金代服务需选择商业服务-第三方人力资源服务类目。 所需资质：营业执照（包含人力资源相关服务）和《人力资源服务许可证》 案例：下图小程序涉及提供劳务派遣、劳务外包、人事代理等第三方人力资源服务，需选择商业服务-第三方人力资源服务类目。 [图片] 15、公共印章刻制：小程序涉及提供印章刻制服务，需选择商业服务-公共印章刻制类目。 所需资质（2选1）： （1）《印章刻制业许可证》 （2）《公章刻制业特种行业许可证》 案例：如下图小程序涉及为用户提供多个地点的刻章服务，需选择商业服务-公共印章刻制类目。[图片] 16、农林牧渔：小程序涉及提供农业技术类、林业技术类、畜牧兽医类、水产养殖类、农林管理类资讯、交易等服务，选择商业服务-农林牧渔类目。 所需资质（4选1）： （1）初级农产品：提交《全国工业产品生产许可证》 （2）其他农产品：提交《食品经营许可证》 （3）驯养繁殖国家重点保护野生动物需提供：《野生动物驯养繁殖许可证》或《野生动物及其产品经营许可证》 （4）从事种畜禽生产或经营的，需提供：《种畜禽生产经营许可证》 案例：下图小程序涉及提供、鹅在线交易，需选择商业服务-农林牧渔类目。 [图片] 17、一般财务服务：小程序涉及提供代理记账、代理建帐等一般财务服务，需选择商业服务-一般财务服务类目。 案例：下图小程序通过个人律师提供商标注册、公司注册等一般财务服务，需选择商业服务-一般财务服务类目。 [图片] 19、法律服务：小程序涉及提供专业法律咨询、法律调解仲裁等功能服务，需选择商业服务-法律服务类目。 案例：下图小程序涉及提供在线法律付费咨询服务，需选择商业服务-法律服务类目。 [图片] 20、广告/设计：小程序涉及提供商业广告、产品设计等相关服务，需选择商业服务-广告/设计类目。 案例：下图小程序涉及提供logo设计食品包装设计广告设计服务，需选择商业服务-广告/设计类目。 [图片] 21、公关/推广/市场调查：小程序涉及提供商业性质市场调研推广、公关服务，需选择商业服务-公关/推广/市场调查类目。 案例：如下图小程序涉及提供品牌年会、公关营销等商业性质服务，需选择商业服务-公关/推广/市场调查类目。 [图片] 22、网络代理：小程序涉及适用于提供网络优化维护、网络代理等服务注：暂不支持涉及vpn等服务，需选择商业服务-网络代理类目。 23、会展服务：小程序涉及提供商业会展服务，会展中心推广/介绍等，需选择商业服务-会展服务类目。 案例：下图小程序涉及提供时尚展会导览推广服务，需选择商业服务-会展服务类目。 [图片] 24、企业管理：小程序涉及提供适用于提供企业办公工具/办公管理、门店信息管理、展示等服务，需选择商业服务-企业管理类目。 25、出国移民：小程序内提供投资移民、创业移民、买房移民、技术移民、雇主移民(出国劳务)、结婚移民和团聚移民等信息咨询、手续办理等服务，需补充商业服务-出国移民类目。 所需资质： 《营业执照》且经营范围包含：提供出国探亲访友等信息咨询服务 案例：下图小程序涉及提供加拿大投资移民绿卡护照咨询代办理等移民服务，需补充商业服务-出国移民类目。 [图片] 26、软件/建站/技术开发：小程序涉及提供网站建设、网络基础建设、专业软件开发/售卖等服务，需补充商业服务-软件/建站/技术开发类目。 案例：下图小程序涉及提供网站app、小程序等专业软件开发/售卖服务，需补充商业服务-软件/建站/技术开发类目。 [图片]

我们小程序的防爬机制实施在后端接口上，给微信爬虫加白用什么特征比较好 因为接口无法感知到 1129 这个场景值，目前只能通过 User-Agent 里的 “mpcrawler” 来识别是否为微信官方爬虫。 但可能存在风险：第三方伪造微信官方爬虫，在 User-Agent 里添加 “mpcrawler” 也可以躲避防爬机制。 因此，想请教一下，微信爬虫是否有固定的IP段？这样我们可以对 UA 和 IP 两个特征识别到微信官方爬虫，拦截第三个爬虫；如果没有固定IP段，那么针对接口防爬策略，有其他更好的特征可以识别到微信官方爬虫吗？ 期待官方同学解答，十分感谢~

那些被忽略的盒子模型小知识 本文是笔者在学习CSS时的一些小白总结 我们知道的盒子模型主要由4个区域组成，分别是内容区域（content），内边距区域（padding），边框区域（border）和外边距区域（margin）。 对于不了解盒子模型的朋友可以移步到这里了解一下。 [图片] Content（内容） 1. 替换元素 替换元素（replaced element），顾名思义就是内容可以被替换的元素。 我们通常会把一些特殊意义的文本替换成图片，比如一个网站的logo。 [图片] 我们会在页面上看到的不是h1标签显示的”Google“文字，而是谷歌logo的图片。使用了content的元素的内容在html标签中是不存在的。这样做就有个好处，当爬虫来访问我们的网站，爬虫可以知道我们这个主站的h1标题是”Google“而不是一个img标签，且在视觉上给用户更好的体验。 2. 伪元素::before和::after [图片] 为了实现上面显示价格，之前写react代码时候会经常这么写，感觉在逻辑上写了好多关联性不大的文本。其实可以利用[代码]::before[代码]和[代码]::after[代码]两个伪元素，把这些与逻辑不相关的写在css里，react dom则专注于数据的表现。 [代码]<div className="price-panel"> <span className="price-panel__price"> ￥ {(totalPrice / 100).toFixed(1)} </span> <span className="price-panel__discount-price"> 已省￥ {(totalDiscountPrice / 100).toFixed(1)} </span> <span className="price-panel__discount"> （ {(discount / 10).toFixed(1)} 折） </span> </div> [代码] 使用了伪元素后的react代码显然更加清晰表示数据。 HTML: [代码]<div className="price-panel"> <span className="price-panel__price"> {(totalPrice / 100).toFixed(1)} </span> <span className="price-panel__discount-price"> {(totalDiscountPrice / 100).toFixed(1)} </span> <span className="price-panel__discount"> {(discount / 10).toFixed(1)} </span> </div> [代码] SCSS: [代码].price-panel { &__price { &::before { content: '￥'; } } &__discount-price { &::before { content: '已省￥'; } } &__discount { &::before { content: '('; } &::after { content: '折）'; } } } [代码] 我们还能使用伪元素帮助实现一些本来需要多个div实现的样式，比如下面这个对话框。 [图片] HTML: [代码]<div class="dialog">Hi，I’m a bubble dialog. Can you see me?</div> [代码] CSS: [代码].dialog { background: #f0f; padding: 10px; border-radius: 10px; color: white; max-width: 250px; position: relative; overflow: visible; } .dialog::after { position: absolute; content: ''; display: inline-block; border-width: 5px 10px; border-style: solid; border-color: transparent transparent #f0f #f0f; width: 0; height: 0; right: -20px; } [代码] Padding（内边距） padding的百分比值是非常有用的。需要注意的padding的百分比值，无论是水平方向还是垂直方向都是相对于父级元素的宽度进行计算的。 如果需要弄一张16:9的等比缩放图片，可以利用padding的这个特性，设置一个[代码]padding-top[代码]或者[代码]padding-bottom[代码]为56.25%即可(100\16*9) [图片] [图片] Margin（外边距） 1. margin合并 块级元素的[代码]margin-top[代码]和[代码]margin-bottom[代码]有时候会合并为单个margin，这种现象叫margin合并。 margin合并发生两个重要元素 必须是块级元素 只发生在垂直方向。 margin合并的场景 1.1 相邻兄弟元素 [图片] 1.2 父级和第一个/最后一个子元素 在实际开发中，父子margin合并很有可能会带给我们麻烦。 如下图所示，div表现出和我们预想不一致的结果。 [图片] 那么怎么才能防止这种父子margin合并导致的和预想不一致问题呢？ 解决方法如下（这里直接复制了张鑫旭老师书籍《CSS世界》的原话。）： （1）对于margin-top合并（满足一个即可）： 父元素设置为BFC 设置[代码]border-top[代码]的值（亲测transparent也可以的） 设置[代码]padding-top[代码]的值 父元素和第一个子元素之间添加内联元素 （2）对于margin-bottom合并（满足一个即可）： 父元素设置为BFC 设置[代码]border-bottom[代码]（transparent也可以的） 设置[代码]padding-bottom[代码] 父元素和最后一个子元素之间添加一个内联元素 父元素设置[代码]height[代码]、[代码]min-height[代码]或者[代码]max-height[代码] 1.3 空块级元素的margin合并 [图片] 2. margin auto 每当说到[代码]margin:auto[代码]，我的第一反应是居中。但这个只是一个浅层应用的表象。 接下来我们去一起看看这个[代码]margin:auto[代码]究竟是‘何方神圣’。 [代码]margin:auto[代码]的填充规则如下： 如果一侧定值，一侧auto，则auto为剩余空间大小。注意auto并不是0的意思。 如果两侧都是auto，则平分剩余的空间 我会疑惑为什么我设置了[代码]margin: auto[代码]，却在垂直方向上没有居中。 [图片] 这里《css世界》中给出的答案让人非常容易理解。假如把.son元素的height去掉，.son的高度会自动变成父元素的200px，显然不会，所以无法触发margin: auto。同理，如果把width为200px去掉，确实是会和父元素一样宽。 那么如何让垂直居中呢? 子元素使用绝对定位后设置[代码]margin: auto[代码]即可 [图片] Border（边框） 用border绘制三角形 我们可以利用border color为透明来绘制一些图形，比如三角形 [图片] 注意[代码]border-color[代码]这个属性。 [代码]/* border-color: color; 单值语法 */ border-color: red; /* border-color: vertical horizontal; 双值语法*/ border-color: red #f015ca; /* border-color: top horizontal bottom; 三值语法 */ border-color: red yellow green; /* border-color: top right bottom left; 四值语法 */ border-color: red yellow green blue; [代码] 当然，我们绘制三角形不限于这种等腰三角。 [图片] 这里绘制了一个底边分别是60px和160px的直角三角形。 参考 文章主要参考了张鑫旭老师的《css世界》并根据自己的业务做出的一些实践总结。

2019年4月微信上线了基于小程序内的小程序搜索，区别于过去基于纯名字+简介的小程序搜索，第一次打破了移动互联网各个应用的信息孤岛，实现了对应用内容的检索。 本次分享会从爬虫数据抓取和搜索转化等两个大方向出发，给予开发者一些 SEO 建议，一起实现“专心做好小程序，剩下的交给我们”的目标。 iframe class="embed-responsive-item vqq-player" type="text/html" width="640" height="390" src="https://v.qq.com/txp/iframe/player.html?vid=i30064c0enx&disableplugin=IframeBottomOpenClientBar&&auto=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>

以下是我们自己实践中摸索的一些经验，不一定准确，给大家做个参考吧 小程序名字＞小程序简介＞小程序页面关键词（提交发布的时候设置）＞小程序页面标题＞小程序页面转发语（这个很多都忽略了）＞小程序页面内容标题＞小程序页面内容... 另外为了便于爬虫爬取，页面跳转不要有「断头」，最好每个页面都有跳转按钮无限跳转无限循环下去，还有就是单个页面内容不要太多，多拆分一些页面，同样内容甚至可以换个样式重新生成一个页面。最最重要的是页面的内容一定要「结构化」，尽可能是静态页面，避免「选择式」按钮。

微信小程序的开发者们在发布小程序之前，需要给每个小程序起好一个名称，设置好logo、简介及类目信息，然后才能进行代码提审。 这些账号的基础信息是用户对一个小程序的初步认知，平台希望这些信息能够给予用户准确预期每个小程序的功能和内容，也希望每个小程序的名称是具有独特性的，减少误导、混淆用户理解的可能性。 因此有以下几点名称规则调整及优化建议，希望开发者可以了解并遵循，后续可能会在名称审核、代码审核或已发布运营时，收到平台的审核通知或建议修改通知。 l 微信小程序的名称建议是品牌、商标或具有辨识度的短词 在微信小程序发布后，用户会通过搜索、传播等场景使用小程序的功能和服务。选择品牌、商标或具有辨识度的短词作为小程序的名称，可以帮助用户快速建立与小程序的记忆与关系。 名称为“印象笔记”会比“笔记”能更好的让用户记忆和理解，并使用“印象”品牌词进行搜索或传播。 [图片] l 不能直接使用功能性描述、广义归纳类的词汇作为名称 功能性描述的词汇虽然可传达出小程序所要提供的相关功能，但直接使用此类词汇，缺乏显著性且不具有识别、区分小程序的作用。 如名称为“牙科”的账号，用户能直接理解小程序的内容可能与“牙科”相关，但对这个小程序账号是没有建立认知和关系的。  [图片]  l 不能同时使用地域性词汇与广义归纳类词汇进行命名 使用“地域+广义归纳类”词汇进行命名，同样存在指向性过于宽泛的问题。 如以下案例， 名称包含的地域词：“四川”、归纳类词：“系统门窗”，并不会让用户对账号的功能产生有效的预期。以下示例是不允许的： [图片] 但在政务民生类服务场景，“广州地铁”、“广州公积金”可以被用户理解并接受属于政府或相关机构提供的服务和资讯，因此“地域+广义归纳类”词汇可被政府民生场景使用。 l 不建议使用具有营销属性的词汇进行命名 营销属性词汇如：免费、促销、清仓、打折等，鉴于活动规则普遍附有限制条件，在名称中使用，通常带有过于夸大的表达效果，并非是小程序的核心功能和用户的全部认知，存在误导的可能性。以下示例是不允许的： [图片] l 商品销售类小程序，需要包含品牌名称，不直接使用产品分类进行命名 商品销售类小程序，若仅使用产品分类进行命名，无法建立易于记忆、易于传播的品牌形象。如名称为“女鞋男鞋女包批发生产”，用户并不会因“女鞋”“男鞋”“女包”就会进行选择，反而“品牌+女装”才是用户真正需要的。以下示例是不允许的。 [图片] l 不在名称中堆砌热门搜索关键词 名称中堆砌多个关键词，过于冗长的热门搜索关键词堆砌名称无法建立品牌记忆，目的普遍是在搜索结果上获得更多的曝光。以下示例是不允许的： [图片] 结语 此次名称规则的调整和优化建议，平台希望开发者们能相应地调整自己的小程序名称。如未满足名称规范，平台会在后续的小程序名称设置、名称审核、代码审核流程进行规则提示和修改要求。并会在搜索场景优化需求基础上，对无辨识度的账号名称进行搜索策略调整。 微信小程序完整的名称规则可具体参照《微信小程序平台运营规范》2. 基本信息规范，除以上规则与示例之外，当然还包括了不得使用违法违规的名称、不得使用侵权他人的品牌词进行命名、在命中敏感类目如医疗词时提交主体资质等规则。 平台希望小程序名称的优化调整，可以使得每个被开发者精心创造出来的小程序都能让用户在使用时、搜索时、传播时逐渐接受并建立对产品品牌的认知。