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 →
我们有时候看到一些链接形式是https://ensky.tech/add-buy-on-amazon-button/，直接在域名后面加上了一个词语描述，这样的URL对于谷歌来说是比较友好的，爬虫抓取到这个URL的时候，就知道这个网页写的应该是关于添加一个“buy on amazon”的按钮，如果爬取到内容一分析，确实是写的这个内容，那么对于SEO具有积极的效果。 步骤#01：WordPress后台如何更改URL为Post name格式 进入WordPress后台 点击”设置“ 点击”固定链接“ 选择”post name“格式，点击保存。 步骤#02：去宝塔后台添加伪静态 进入宝塔后台 点击左侧菜单的”网站“ 在屏幕右侧选中你的网站 点击网站后面的设置按钮 在网址设置中按照下面的步骤添加伪静态，对应WordPress后台更改的post name格式。 步骤： 点击伪静态 在右侧上方选中”wordpress” 点击保存
近来有朋友需要在WordPress搭建的电商站中添加Buy On Amazon，可能是需要通过WordPress搭建电商独立站，引流到Amazon上下单，所以才有此需求。 本文针对的是WordPress已经安装Woocommerce插件的解决方案，如果没有安装过Woocommerce的WordPress只有Page与POST可用，可用自行在任意位置添加超链接。 Woocommerce原版 在没有改动的时候WordPress的界面如下 步骤#01-去掉add to cart 第一步：我们首先将Woocommerce中自带的”加入购物车“删除掉。如果你不需要删除自带的Add To Cart，请忽略本步骤。 第一步：打开WordPress后台 第二步：选择外观，然后点击主题编辑器 第三步：在右侧现在需要编辑的主题，默认会选中当前的主题。 第四步：选择function.php 第五步：添加代码 注意，代码请直接复制到function.php中，不用复制到其余任意地方，比如说先复制到word文档中，又从word文档复制到了function.php中，一定不要这么做，请直接从本网站复制。 代码如下： 第六步：点击更新文件，结束。 步骤#02-添加buy on amazon 添加Buy On Amazon按钮，那么如何实现呢？需要添加代码，在产品编辑页面的Short Description中添加代码。 进入产品详情页，找到Short Description（短描述），点击文本，然后编写代码。如下图所示： 选择文本，不需要选择可视化。 在文本框中编写代码，如果需要填写一些短描述，可以在图中第2部分添加，第3步骤是放代码的。当然第2部分和第3部分是可以调换位置的。图中的代码就是按钮，所以位置调换以后，Buy On Amazon就会出现在上方。 格式#01 效果：点击Buy On Amazon，会弹出一个新的窗口，在新窗口中打开亚马逊的产品链接。 更改步骤： 代码是这么写的，其中有一行代码是href=”https://www.amazon.com/Seagate-Portable-External-Hard-Drive/dp/B07CRG94G3″ 。… Continue Reading →
A记录配置检测 域名配置了A记录以后，域名理论上应该指向IP了，这个时候访问域名有问题的话，需要确认一下域名有没有正常的解析到你期望的IP上。可以使用Ping工具检测一下。 步骤#1：打开网站https://www.wormly.com/test-remote-ping/ 在方框中输入你需要检测的域名，然后点击“START REMOTE PING” 步骤#2：分析结果 如果你将域名解析到了CloudFlare上，想要检测一下是不是配置正确，按照上述方式得到这个Resolved IP以后，检测一下这个IP就可以了。 如何检测IP是否属于Cloudflare 步骤#1：打开网址https://whatismyipaddress.com/ip-lookup 在输入框中输入你的IP，点击GET IP DETAILS 步骤#2：分析结果 查看下图中的结果，其中ISD是Cloudflare，这就表明已经将域名解析到Cloudflare上了。
经常有朋友遇到网站速度慢的问题，但是却无从下手，今天讲解一下GTmetrix工具的使用，这个工具是专门测试网站速度的，还有其余工具，不过我经常用这个工具，现拿这个工具来分析一下。 步骤#1：打开GTmetrix网站 注意：GTmetrix这个网站，未注册用户只能使用加拿大节点做测试，注册用户可以选择其余节点，所以为了方便起见，建议注册一个账号，免费注册。 GTmetrix网站地址：https://gtmetrix.com/ 步骤#2：输入要测试的网址，点击Analyze 例如，我们输入https://ensky.tech/，然后点击Analyze 点击Analyze以后，会进入到抓取网页测试阶段，扫描一会就会出结果，扫描的时间长短取决于你网站的速度 步骤#3：分析测试结果 首先第一眼看到的是一个汇总结果： Performance：表示GTmetrix对你这个网站的一个评分，100%表示最高分。 Struture:也是GTmetrix对你网站结构的一个评分，100%表示最高分。 LCP：看一下GTmetrix的解释：LCP measures how long it takes for the largest content element (e.g. a hero image or heading text) on your page to become visible within your visitors’ viewport. 可以先不用管这个。 步骤#3.1 最重要的步骤是看瀑布流… Continue Reading →
© 2025 ensky的跨境笔记 — Powered by WordPress
Theme by Anders Noren — Up ↑