Category SEO

我们在做网站的时候，有时候会用到TOC，它的全称是什么呢？table of content TOC有什么用呢？ 可以提取一个目录放到文章的开头，有利于读者非常容易的点击对应的段落。打个比方说，有一篇文章是讲解如何种树，这篇文章有一万字，在第8000字到第9000字的时候，讲解如何施肥。我本来就是想进来看看如何施肥的，但是由于网页有10000字，如果没有目录，我就需要一点点的看，直到在第8000字的时候看到了关于如何施肥的文章。 有同学可能会讲，我们写文章都会写标题啊，会有H1标题，比如第一个标题是“种树的时间？”，第二个标题是“什么季节适合种什么树？”，第N个标题是“种树如何施肥”，用户可以看这个标题来寻找内容。这个逻辑没有毛病，但是一篇文章一万字，即使有标题，是不是也需要不断的用鼠标往下滑动才能翻到对应的段落？ 假如我们将各个标题整理一下放到文章的开头，或者悬浮在网页两侧的话，用户只要点击任意一个标题就能到达对应的位置，是不是用户体验更好？ 想达到这种效果，就可以利用TOC，实际上TOC是一个术语，并不是指插件。但是我们使用WordPress搭建网站的时候，只要去搜TOC这三个英文字母，就会找到实现TOC所用的插件。 如何实现TOC？ 直接在WordPress后台的插件库中搜索“TOC”，就可以看到好多插件。或者直接搜索“table of contents plus”也可以，这个插件是比较出名的一个插件了。 如何配置TOC？ 插件安装完成以后，会有一个默认配置。所以需要检查一下自己期望的页面是否会生成TOC。比如期望POST页面生成TOC，Page页面不生成TOC。 一般情况下文章都会以POST的形式发表，所以POST页面是需要生成TOC了。不过如果需要做一个特殊的Page，那么Page页面也需要生成TOC。 来看一下我博客中使用的TOC的配置： Position：决定了TOC显示在网页哪个位置 Show When：也就是标题超过几个的时候才会显示TOC，比如我我现在设置的是4，也就是只有H标题达到4个或者更多的时候才会有TOC目录的显示。 Heading text：就是TOC目录的一个标题，可以不用改，因为好多网站也都在使用默认的名字。 看一下Advanced的这个配置，都没有改动过，都是默认配置 其中要注意“Hyphenate”这个配置，默认是下划线，而不是“-”这种中联线，如果在意的话可以更改一下，不过好多个TOC插件默认都是使用的下划线。 但实际上我们现在用WordPress搭建好的网站，使用的URL一般都是中横线的，比如我们看看Ahrefs这篇文章的锚链接：https://ahrefs.com/blog/content-hub/#what-are-content-hubs，对于what-are-content-hubs都是中横线，而不是下划线。不过Ahrefs这篇文章内的目录，不是TOC插件做出来的。 TOC有什么效果呢？ 目录效果 下面我们来看看TOC插件安装以后，会有什么效果？ 如下图所示，这是我博客另一篇文章的一个TOC效果，红框中的是TOC生成的，就是一个目录效果。当用户点击“研究代码”的时候，就会跳到对应的段落。 锚链接效果 TOC除了上述的一个目录效果，还有啥效果呢？还有一个锚链接的效果，为什么我们点击目录会进入对应的段落，就是因为锚链接起的作用。 比如这个链接：https://ensky.tech/is-toc-different-with-anchor-link/#i-2 我们看到最后面有一个#i-2，这个#是锚链接的标识，然后“i-2″是一个ID，实际上是HTML代码的作用。只要知道这个可以作为一个锚链接就可以了。 如果一篇文章有了TOC，那么可能就会有好几个锚链接，当我们在其余文章引用这篇文章的时候，就可以使用这个锚链接，比如使用https://ensky.tech/is-toc-different-with-anchor-link/#i-2，而不是使用https://ensky.tech/is-toc-different-with-anchor-link/，如果你使用的是”https://ensky.tech/is-toc-different-with-anchor-link/#i-2“，这样就会进入这个网页的第一段。 如果使用的是”https://ensky.tech/is-toc-different-with-anchor-link/#i-2“，那么就会进入这个网页的后半部分”研究代码“这个段落。所以说对于内链的使用上，我们使用TOC的话，可以更好的定位到相关内容，对于内容相关性上会比较有利。 还有一个小点需要注意的就是，我刚才借用的TOC，锚链接是i-2，这个”i-2″并不是友好型的URL，如果友好型的话，应该是“research-code”，因为中文是”研究代码“。这就是因为中文的关系，TOC插件识别不好，搞了一个”i-2″出来，如果是英文的话，会直接使用标题的，比如英文是research code，那么TOC多数时候是#research-code，这样的URL就友好多了，Google看到了也容易认识这个URL是做啥用的。 TOC和HTML代码中的锚链接有什么关系？ 关于这个TOC与锚链接的作用，我专门写过一篇文章来分析。可以读一下这篇文章https://ensky.tech/is-toc-different-with-anchor-link/ TOC插件是否可以互换？… Continue Reading →

谷歌搜索对于Snippet的处理 假如我们写了一篇5000字关于铁观音的文章，其中在第3000字到4000字的位置是如何冲泡铁观音。假设用户搜索”如何冲泡铁观音“，我们这篇文章排名第一。那么用户点击你的链接的时候，用户期望直接到达目的地。点击链接的时候，而已直接达到第3000字的地方。 但是如果我们的内容没有设置锚链接的话，那么就不会有链接可以直接到达。前几天在群里和大伙讨论这个问题，我认为设置锚链接会对搜索引擎友好，但有个朋友说谷歌已经实现了这个技术，我没有想明白如何实现的。 正好今天搜索一个短语，遇到了这个问题，记录一下。 搜索关键字”how to stop receiving dmarc reports“，Google搜索网址：how to stop receiving dmarc reports – Google 搜索 搜索结果时的显示： 谷歌浏览器的表现： 谷歌浏览器的地址：https://support.google.com/a/answer/10032783?hl=en#:~:text=When%20your%20DMARC%20policy%20is,from%20your%20DMARC%20TXT%20record. 我们看一下上面的地址，有一个问号，然后问号后面有好多参数，这个参数应该是Chrome才会支持的。然后我们点击网址以后，就会直接抵达答案。 When your DMARC policy is none, you’ll still receive daily DMARC reports. To turn off DMARC reports, remove the rua tag from… 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 →

如果让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，这个地方填描述。