Month October 2021
TIDIO介绍 注册地址：https://www.tidio.com/ 可以先注册免费的版本，免费版本1个月可以和100个用户在线聊天，可以发送500封邮件。对于外贸独立站刚开始起步来说，够用了。这个工具有个好处，就是用户聊天的时候需要填写Email地址才可以，所以一单用户选择和你聊天，那么就会收集到用户的Email地址。 免费版本的权益： Send up to 500 emails monthly 100 unique reachable visitors Unlimited chats Desktop & mobile apps Visitors Info 3rd party apps integration JavaScript API TIDIO注册步骤： 步骤#01：点击https://www.tidio.com/ 步骤#02：点击网站首页的Get Started 步骤#03：输入邮箱、密码、网站 然后点击“Create a Free Account” 步骤#04：设置聊天机器人名字和语言 Your name设置：在Your… Continue Reading →
Cumulative Layout Shift 累积布局偏移 (CLS) 什么是CLS呢？就是布局发生了偏移，或者说UI发生了偏移，比如你可能希望点击按钮A，但鼠标点下去的时候，却点到按钮B上了。 可以用如下视频来解释，比如你选中了56款产品，但你不想下单，想点击返回按钮”NO Go Back“，但是你鼠标落下的时候，却点中了”Place My Order“，本来这个为止应该是Go Back，但你一点，布局主动发生了偏移，导致你了一个你不期望的按钮。 对于我们的网站，这个CLS会影响用户体验。在谷歌的站长工具有台有一个Core Web Vitals，如果你的用户体验不好，这个地方会报错，就会有CLS。 会按照移动端或者PC端的方式显示URL数据。 比如： Mobile： 19 poor URLs 22 URLs need improvement 134 good URLs 这就表明19个URL很糟糕。22个还可以，但有待提高。134个URL比较好。 还有一个PC数据，和Mobile是一样的。 这个地方的数据，只有你的网站有一定的曝光量与访问量以后，才会显示出来。但那个时候已经影响我们网站的排名了，所以我们可以提前测试一下这个分数，在流量还没有起来的时候，就修复这个地方的问题。 测试方法#01：使用GTMetrix 测试网址：https://gtmetrix.com/, 测试如图所示 如上图所示，我的这个博客，目前是不合格的，CLS是0.36分，大于0.1分，Google应该会提示有待提高。 测试方法#02：使用webpagetest 测试网址：https://www.webpagetest.org/webvitals WebPageTest测试： WebPageTest测试结果： 从WebPageTest的测试结果得知，CLS是0.331分。和GTMetrix差一点，但都是0.3分以上，反正是不合格。… Continue Reading →
基于宝塔面板安装免费的SSL证书 如果网站是宝塔搭建的，可以一键申请免费的SSL证书。 步骤： 首先登录宝塔后台 然后点击网站 选中自己的网站 点击设置 选中SSL 选中Let’s Encrypt，选中文件验证 点击申请，顺利的情况下，就可以直接生成证书了。 如图所示： 创建证书的这个界面，右上角有一个”强制HTTPS“，这个可以不用勾选。证书安装好以后，可以在WordPress里安装一个插件https://wordpress.org/plugins/really-simple-ssl/,这个插件会配置好SSL的问题，而且因为网站刚开始是Http的，会有一些文件的路径是http，安装了这个插件，也会解决一部分http迁移到https的问题。
如果让Bing快速收录网页？现在Bing推出了Ping服务。 #步骤01：首先进入Bing的官网，然后点击生成API Key，点击Generate，生成新的Key。 官网地址：https://www.bing.com/indexnow?source=Campaign#implementation 如图所示： #步骤02：生成了API Key以后，点击右侧的下箭头，实际上上一个下载箭头，会下载一个文件。 例如：b2399a12c30a4a4793f8e7a01ee95197.txt, 是一个txt文件，内容也是b2399a12c30a4a4793f8e7a01ee95197 #步骤03：将上述文件上传到网站根目录 将文件b2399a12c30a4a4793f8e7a01ee95197.txt上传到网站根目录，如果上传到ensky.tech的话，那么上传以后需要达到如下效果： 访问这个网址：https://ensky.tech/b2399a12c30a4a4793f8e7a01ee95197.txt 可以看到内容b2399a12c30a4a4793f8e7a01ee95197 如果你的网站是宝塔搭建的，那么上传方法是这样的：登录宝塔后台——>点击左侧的菜单，找到文件，点击文件——>找到你的网站，比如ensky.tech，然后上传文件。 #步骤04：然后访问上传的文件确认一下，是不是可以正常访问了，如果访问正常了，就可以继续下一步了。 访问这个网址：https://ensky.tech/b2399a12c30a4a4793f8e7a01ee95197.txt #步骤05：然后组织数据 第一步：组织POST的网址： 比如我们提交网址：https://ensky.tech/bing-indexnow/ 那么就需要这样组织数据：https://www.bing.com/indexnow?url=https://ensky.tech/bing-indexnow/&key=b2399a12c30a4a4793f8e7a01ee95197 上述数据由3部分组成： https://www.bing.com/indexnow?url= 这部分数据是固定的，不要改动。 https://ensky.tech/bing-indexnow/ 这部分数据就是你网站的要及时索引的网址。 &key=b2399a12c30a4a4793f8e7a01ee95197 这部分数据也是固定的。 上述3部分数据，第一部分和第三部分都是固定的，中间的网址是变化的。每次组织好数据，直接将组织好的数据放到浏览器的URL中，点击Enter就可以了。 第二步：组织POST的数据域 如下： {“host”: “ensky.tech”,“key”: “b2399a12c30a4a4793f8e7a01ee95197”,“keyLocation”: “https://ensky.tech/b2399a12c30a4a4793f8e7a01ee95197.txt”,“urlList”: [“https://ensky.tech/bing-indexnow/”]} #步骤06：发送POST 打开网址：https://reqbin.com/ 选择POST，网址填入上面的https://www.bing.com/indexnow?url=https://ensky.tech/bing-indexnow/&key=b2399a12c30a4a4793f8e7a01ee95197，或者只填写https://www.bing.com/indexnow。 参数填写： 然后点击Send，查看Status，返回200表示成功。… Continue Reading →
WordPress搭建的电商站如何设置关键字呢？ 首先需要安装SEO插件Rank Math，可以搜索Rank Math，官网地址是：https://rankmath.com/ 第一步：HOME页如何设置关键字? 1.首先进入WordPress后台，选择页面（Page），点击所有页面，点击编辑 2.点击页面编辑以后，点击右上角的rank math按钮，看下图画圈的地方 点击RankMath以后，会看到Edit Snippet的按钮，实际上这个地方就是编辑Description的。点击Edit Snippet。 Focus Keyword：是用于RankMath检测使用的，假如你这个页面的主要KeyWord是”ensky”,那么你就可以把ensky填入这个地方，如果符合rankmath的要求，那么就会给出一个分数，分数满分是100分。如果分数比较低，就会提醒你应该如何更改提高分数。 3.点击Edit Snippet后，弹窗出来就看到了Description，这个地方填描述。
如何将WordPress的前端设置为英文，后端设置为中文？ 实际上很简单，但第一步你需要安装一个中文的WordPress安装包。 点击这里，下载中文WordPress包：中文的WordPress安装包下载 下载了中文安装包以后，才能在后台将语言设置为中文的，如果你下载的是英文版本的话，那么后台可能看不到更改语言的选项。这个时候如果还想更改为中文的话，可以看看有没有方法安装语言包。 针对安装中文WordPress的方法： 1.来到后台，点击Setting—>General—>Site Language. 这个地方设置为English，这个地方设置的是前端的语言，如果设置为英文，那么前端就是英文。 2. 设置WordPress后端管理界面为中文 步骤：点击右上角的用户界面，点击Edit Profile 点击Users——>点击Profile——>选择Language，选择简体中文
使用checkbot检测 checkbot是一个Chrome插件，可以检测安全，下载地址：https://www.checkbot.io/,如果有安全问题，会有如下提示： 修复clickjack protection, XSS Protection的安全问题： 解决方法：安装HTTP Headers插件，然后按照图中配置 X-Frame-Options:SAMEORING X-XSS-Protection: 选择 mode=block X-Content-Type-Options: nosniff Strict-Trasport-Security: 选择includeSubDomains，Prload，Max-Age选择1年。 配置成功以后，可以继续使用Checkbot测试一下，或者使用浏览器的开发模式自己检查一下Header。 宝塔面板的配置 关闭无用的端口 比如FTP不用的话，就关闭掉。检查其余端口，不需要的不要放行。 步骤：宝塔后台——>安全——>放行端口这个地方，删除FTP的端口。 开启防火墙 搜索“免费防火墙”，可以看到一个Nginx免费防火墙，然后安装。 Nginx免费防火墙： Nginx免费防火墙配置： 初级防御：开启CC防御和常见扫描器防御，一般不会影响到网站的功能。 高级防御：开启GET-URL过滤，开启GET-参数过滤，开启POST过滤，开启User-Agent过滤，开启常见扫描器。禁止海外访问一定要注意，如果面向国外的电商站，一定不要勾选这个，否则国外客户就访问不了了。 注意：这一步措施执行后，一定要测试一下自己的站，如果遇到Elementor不能使用，爬虫不能爬取等，就先不要开启了。 PHP组件安装bt_safe插件防止跨站攻击 PHP文件配置 关闭php-display errors 步骤：在宝塔面板中，找到PHP，然后打开管理面板，点击”配置文件“，搜索”display_erros”，这个地方改为Off，display_erros=Off。 改完以后，在服务这个位置“重启一下PHP服务器”。 如何检测PHP配置信息是否正确？ 可以使用php-info这个界面去看配置是否成功 在管理界面的左下角，有一个phpinfo，然后点击“查看phpinfo()”，就会出来一个信息界面，在这个界面中去搜索自己的配置，就能看到对应的结果。 WordPress后台配置 安装“Wordfence防火墙”插件 很出名的一个WordPress防火墙插件，可以屏蔽一些登录尝试等。免费版就可以预防，配置好邮件通知，会经常通知你。… Continue Reading →