分类: WordPress基础

  • Nofollow链接详解及使用注意事项

    Nofollow链接详解

    rel="nofollow" 标签是html标签中使用比较广泛的一种,无论是站长还是SEO从业人员都应该对其十分熟悉。这个文章将会从多个方面带你深入了解Nofollow链接的相关知识。

    Nofollow链接不是什么新的东西,它已经存在了14年了。

    如果你关心你的网站在搜索引擎中的表现,那么知道什么时候应该使用、或者什么时候不该使用nofollow链接是至关重要的。

    在本指南中,我将解释nofollow链接是如何形成的,它们如何帮助我们进行SEO优化,以及如何正确使用它们,避免被谷歌算法惩罚。

    首先我们从基础开始说起。

    什么是Nofollow链接?

    Nofollow链接指的是超链接代码中有 rel="nofollow" 标记的链接。

    这些链接不会影响网站的搜索引擎排名。因为Google不会通过它传递页面权重。事实上,谷歌甚至都没有抓取nofollow链接。

    Nofollow链接 VS Follow链接

    对于正常的网站访客来说,其实是无法直接区分nofollow和follow链接,因为在前端展示是完全一致。

    仅当你通过html进行查看的话,才会发现差别。

    Dofollow链接:

    <a href=“https://wbolt.com”>dofollow链接</a>
    <a href=”https://wbolt.com”>dofollow链接</a>
    <a href="https://wbolt.com">dofollow链接</a>

    Nofollow链接:

    <a href=“https://wbolt.com” rel=“nofollow”>nofollow链接</a>
    <a href=”https://wbolt.com” rel=”nofollow”>nofollow链接</a>
    <a href="https://wbolt.com" rel="nofollow">nofollow链接</a>

    除了 rel="nofollow" 标记之外,其他部分的HTML是相同的。

    你虽然可以通过添加meta标签的方式去nofollow页面上的所有链接。但是使用nofollow标记是更常用的方法,因为你可以选择让一个特殊的链接传不递权重,而让其它的链接传递权重。

    不太清楚为什么你会这么做,但是我们还是先来了解下nofollow的历史。

    rel="nofollow" 的历史

    谷歌最初提出 nofollow的做法是在2005年,为了打击垃圾评论外链。

    如果你是博主(或博客读者),你会非常熟悉那些在留言框中留下 “访问我的折扣药品网站” 链接的那些内容。 这些链接的目的就是用来提高自己网站搜索引擎排名。这就是所谓的垃圾评论,我们也不喜欢它,我们一直在测试阻止它的新标签。从现在开始,当Google在超链接上看到属性(rel =“nofollow”)时,这些链接将不会获得任何信用。这并不是说不信任所有的评论链接。这只是一种方法,可以确保垃圾链接发送者不会滥用博客评论,引用和引荐列表等公共区域。

    不久之后,YahooBing和其他一些搜索引擎也宣布了它们对nofollow标签的承诺。

    重要的提示

    关于nofollow的解释在不同的搜索引擎之间有所不同。这里是一个显示相互之间差异的表格。

    如今,和许多其它的CMS程序一样,WordPress程序在默认情况下会将nofollow标记添加到评论链接中。因此,即使你之前从未听说过nofollow链接,请放心,博客上的任何垃圾评论可能都没有办法获得任何SEO的权重加成。

    但是,如果您担心您的评论可能不会被忽视,请按以下方式仔细检查:

    1. 找到一个评论链接
    2. 右键单击该链接
    3. 点击“审查元素”
    4. 查看高亮显示的HTML代码

    nofollow评论链接

    如果你看到的 rel="nofollow" 标记,说明这个链接是nofollow的,否则就是follow状态。

    如果你不习惯看HTML代码的话,建议安装nofollow的Chrome扩展程序,可在浏览网页时高亮显示所有nofollow链接。

    nofollow链接标记

    看到了吗?好,还是回到历史的话题上面来。

    2009年:谷歌打击刻意的链接植入

    PR值通过内部链接(从网站上的一个页面到另一个页面的链接)在网站上流动。

    例如,本文的一些PR值通过类似这样的超链接流向我们网站上的其他页面。一般来说,较高的PR值等同于更高的排名。 Gary Illyses去年也证实了这一点。

    谷歌PR值

    但是,PR值只能通过follow链接进行传输,而不是通过nofollow链接传输。

    情况总是如此,但是多年来PR值在页面上的follow链接之间共享的方式已经发生了变化。

    在2009年之前,它的工作方式如下:如果页面上有三个链接,其中一个链接是nofollow,则总的PR值在其它两个follow链接之间分配。

    PR值传递流程(旧)

    不幸的是,有些人开始利用这种技术性来通过刻意的在页面中植入网站的链接,利用PR值传递来操纵排名。

    换句话说,它们nofollow了指向不重要页面的链接,最大程度的提高了指向“高转化”页面链接的权重传递。

    谷歌在2009年宣布一个改动,将这种做法扼杀在萌芽状态:

    假设你得一个页面拥有“10个单位的PR值”,同时页面上有个10个外部链接?其中5个链接是nofollow链接。[…] 最初,谷歌会将10个单位的PR值平均分给5个follow链接,一个链接2个单位的PR值。[…] 但是在一年前,谷歌更改了计算方式后,每个链接都会平均享有PR值,只是nofollow的链接不传递权重而以。

    以下是谷歌变化前后说明的说明图

    PR值传递流程(新)

    重要的提示

    PR值是一个复杂的东西。谷歌做出这一改变已有十年了。虽然近年来他们尚未公开宣布对PR值的工作方式有任何进一步的改变。但至少在背后,确实在发生一些变化。

    虽然刻意植入链接获取PR值做法已经失效,但是针对部分链接进行nofollow的设置有助于谷歌更好的抓取你的页面。因为nofollow链接谷歌是不抓取的

    搜索引擎蜘蛛不会在论坛上登录或注册为会员,因此你没有理由邀请谷歌蜘蛛抓取“注册”或“登录”页面。在这些链接上使用nofollow可让谷歌蜘蛛更有效的抓取那些值得被索引的页面。

    这个话题有点深,我就不在这里继续讨论了。

    2013年起:Google打击付费链接

    Google将通过买卖链接传递PR值归类为违反其网站站长指南的行为。

    因此,所有付费链接应该都是nofollow链接

    这种情况多年来一直如此,甚至早在2013年之前。

    但是,从我所看到的情况来看,谷歌在这个时候越来越关注未公开的付费链接对他们算法的影响.…..并且从那时起就一直如此。

    Matt Cutts在2013年视频中披露谷歌深入研究付费链接的原因:https://www.youtube.com/watch?v=1SmlsfSqmOw(访问此视频需要一把梯子)

    总结一下就是:谷歌希望你通过内容质量“获得”链接,而不是“购买”链接。

    大家会把链接行为当成一种投票,他们分享链接是因为这个链接的内容有趣,或者是可以激发他们的激情。他们希望把这个链接内容分享给自己的朋友。

    问题是某些付费链接与你通过内容质量获得的链接没什么不同。你可以站在一个没有进行付费链接的用户角度去判断,付费链接和自然链接之间有什么区别。

    从表面上看,两个链接看起来都是一样的。这就是为什么需要一种方式辨别是否是付费链接。

    你可以这么去思考这个问题:

    假设你想要获得一个奥斯卡小金人,那么现在有两个选择。

    选择1:致力于演艺,不断磨练你的技术,多年努力工作。

    选择2:在Amazon花8.97美金买6个.…

    Nofollow后的付费接对于谷歌来说,就相当于是这种假的奥斯卡小金人一样。它代表着,这个链接不是通过质量,或者努力换来的。而是一种非正常,不值得被奖励的手段。

     

    Nofollow链接对SEO有影响吗?

    让我们来回顾一下谷歌是如何处理nofollow链接的

    谷歌不会通过这个链接传递任何的权重或者是锚文本。

    看上去有了定论,直到你看了它前面的一句话。

    通常,我们不会跟踪这些链接。谷歌不会通过这个链接传递任何的权重或者是锚文本。

    通常,并不是绝对,我认为在第一顶情况下,谷歌依然会跟踪nofollow链接。

    具体是什么情况呢?没有人知道。

    有些人认为所有的nofollow链接仍然转移一些PR值。有些人认为谷歌将PR值转移到一些nofollow链接上,但不是所有的链接。其他人则认为,人们太在意谷歌的说辞了,这些说辞已经7年没有变化了

    早在今年早些时候,ahrefs研究了44,589个搜索引擎结果页面(SERP)。目的是为了研究谷歌排名和各类外链要素之间的关系。其中一个要素就是dofollow链接数量。

    下面是我们发现的结果:dofollow链接数量对谷歌排名的影响要比所有链接数量对谷歌排名的影响要小一些

    下面是Tim关于这块的观点

    这可能表明谷歌重视优质页中的一些nofollow链接,而会忽略劣质页面的nofollow链接。但是,谁知道呢?——Tim Soulo, CMO Ahrefs

    你可以辩证的去看待这个结论。这个研究的主要目的并不是研究nofollow链接和dofollow链接对谷歌排名的影响。我们并没有对这个因素做出定论。

    但即使我们假设nofollow链接对SEO没有直接影响,它们仍然会产生间接影响,因为:

    1. 它们可以帮助你区分链接

    自然的外链是多种多样的。

    一些链接是dofollow链接,另外的则是nofollow链接。这个事实是不可避免的,因为有些人不可避免地会通过nofollow链接链接到你…无论你多么希望这样的事情不会发生。

    此外,你从以下地方获得的大多数外链都是nofollow链接:

    • 社交网络(Facebook,Twitter,YouTube等)
    • 论坛(Reddit,Quora等)
    • 新闻发布网站
    • 留言板
    • 维基百科(提示:任何人都可以编辑维基百科页面)
    • 引用链接
    • 目录网站

    长话短说,如果一个网站只有dofollow链接,或者是占比非常高,那么就非常的可疑了。

    如果你想知道某个页面的dofollow和nofollow链接比例,你可以使用Ahrefs Site Explorer (网站分析)功能。

    Site Explorer > enter any domain, URL, or subfolder > Overview

    网站分析 > 输入域名、URL、或者目录  > 概览

    网站分析-nofollow链接

    这里可以看到 85%指向Ahrefs的链接(指向域名)是dofollow链接。

    这是好事还是坏事?老实说,只要这里链接有多样性,那就是一个好兆头。

    你不想看到的是100%的dofollow链接,或任何接近100%的数值。因为这就是刻意操作的明确标志。根据经验,我会说60–90%的dofollow链接比例是正常的。当然,这个范围并不是确定的。如果你有疑惑的话,可以深入进行研究。

    2. 它可以给你提供流量,而流量可以给你提供dofollow的链接机会

    链接不仅对SEO有用。它们也可以提高引荐流量。

    这就是为什么我们在Quora上如此活跃。

    如果你之前没有听说过Quora,没关系。它是一个问答网站,任何人都可以回答人们发布的问题。在这些答案中,Quora允许你链接到相关资源页面。

    下面是我们近期在Quora上的一个回答,有我们的市场管理 Rebekah Bek 发布,在她的答案中,给了我们博客一个链接。

    Quora网站外链建设

    不幸的是,由于Quora上的所有出站链接都是nofollow链接,不会直接的影响SEO效果。

    一个有意思的地方是:

    如果我们通过Ahrefs Site Explorer (网站分析)的外链报告观察 Ahrefs.com 的数据,并且通过过滤器功能将dofollow链接筛选出来。我们会发现在众多外链中有这样一个链接。

    dofollow外部链接分析

    让我们详细看下这个dofollow链接是如何来的。

    dofollow链接来源

    我们得到这个dofollow链接的原因是因为这篇文章的作者偶然发现了Rebekah在Quora答案。换句话说,nofollow的链接间接带来了一个dofollow链接。

    所以请记住:想让别人给你链接,有三件事是必需的:

    1. 他们看到你的内容
    2. 他们喜欢你的内容
    3. 他们向其他人推荐(通过他们网站上的链接)

    因为nofollow链接可以帮助完成第一步,所以它们通常是后续产生链接的催化剂。

    3. Nofollow链接可以防止谷歌惩罚

    有时候付费链接是有正当的理由的。

    如果一个网站获得了大量的流量,那么在该网站上购买赞助位是完全合理的。如果你为一个赞助位付出了很多钱,那么你可能想要包含一个外链,以便读者可以轻松找到你的网站。

    那么问题来了,谷歌表示,付费的dofollow链接是违反网站站长指南的。

    虽然这么说,但是在SEO中大致分为两个阵营

    1. 一部分人认为,Google可以通过算法,准确识别付费链接的人。
    2. 另一部分认为,Google无法通过算法,准确识别付费链接的人。

    具体是那个观点正确,我们下次在讨论。

    现在,让我们假设阵营#2是正确的。谷歌在无法识别任何付费链接行为。这意味着你可以安全地购买和销售链接,对吧?

    别高兴的太早。

    谷歌有一个工具,允许任何人举报有网站购买或销售链接的行为。

    付费链接举报

    解读:你最需要担心的可能并不是谷歌,而是你的竞争对手。

    想想看:如果竞争对手看到你的目标关键字排名很好,并且他们使用像Ahrefs Site Explorer (网站分析)这样的工具来深入研究你的反向链接之后,就会发现这样的链接结果:

    付费链接

    相信你的竞争对手发现后,必然会举报你。

    这样做会导致Google的垃圾网站检测团队检查你的网站,发现付费链接并手动惩罚,那么对于你的对手来说,就少了一个SERP的竞争。

    这就引出了我们下一个主题:

    如何检测你的网站,并查找与nofollow链接相关的问题

    如果你的网站中存在违反谷歌站长规定的链接,是非常有风险的一件事。

    对于你网站上给出的出站链接也是如此,需要nofollow处理。

    但这不仅仅是关于谷歌的惩罚。也可能是某些内部nofollow链接阻碍了SEO效果。以下是快速检查的方法,帮助你识别和消除这类问题。

    1.检测dofollow外链,并检测其锚文本

    在大多数情况下,人们在链接到网站时,不会使用完整匹配的锚文本。

    这就是为什么完整匹配的锚文本链接可能意味着外链作弊。

    为了找到这些结果,你可以使用 Ahrefs Site Explorer(网站分析)功能。

    Site Explorer > enter your domain > Anchors > dofollow filter

    网站分析 > 输入域名 > 锚文本 > 筛选dofollow链接

    dofollow链接分析

    在这里,我们看到本网站的大部分锚文本都是品牌或通用的词汇(出于隐私目的,我们将一部分结果模糊化了)。但有19个网站(引用域名)使用精准词汇 “payday loans”作为锚文本。

    如果我们点击Referring Domains(引用域)的数据,我们可以看到这些外链网站具体是什么。

    然后,如果我们再次点击箭头符号,我们可以看到每个外链域的所有外链的上下文情况。

    引入域名链接分析

    下面是你在处理不同类型链接的一个粗略指南:

    • 在低质量网站上购买的链接。你可以要求对方删除(最好)或者nofollow链接。如果他们没有这样做,你可以拒绝这个外链或者整个域名。
    • 做客博客的个人资料链接。你之前是否在客座博客的作者介绍中使用了关键词作为锚文本?最好要求该网站的负责人将锚文本换成你的品牌词。或者,如果你希望保留这个锚文本的话,请要求对方负责人把链接换为nofollow链接。
    • 侧边栏小工具链接。尝试更改小工具的HTML,将链接换成nofollow链接。
    • 全站链接。最好要求对方替换成Nofollow链接或者替换成品牌次锚文本。

    请注意,完美匹配关键词的链接并不一定示低质量或是付费链接。这可能是在合理的情况下自然发生。

    这就是为什么你需要确保在拒绝这些链接之前,深入调查链接类型或者要求对方nofollow处理。如果你没有做到这一点,有可能是弊大于利的。

    专家建议

    对于大型网站,锚文本报告中可能有数百或数千个不同的锚文本。

    筛选所有这些数据可能非常耗时。

    下面是一个你可以快速使用的技巧:

    首先,导出dofollow链接的锚文本数据。

    Site Explorer > enter your domain > Anchors > add “dofollow” filter > Export > CSV

    网站分析 > 输入域名 > 锚文本 > 添加dofollow筛选 > 导出 > CSV模式

    将导出的锚文本再次复制进入Ahrefs Keywords Explorer(关键词分析),目前可以支持一次查询10,000个词汇。

    点击查询按钮,并且点击表头的CPC(每次点击费用)一栏,从大到小排列。

    CPC点击付费关键词分析

    通常,高CPC(每次点击费用)的锚文本可能是垃圾链接经常使用的。我们可以通过这样的方式找到那些可能会出现垃圾链接的锚文本。

    最后,在Site Explorer(网站分析)的报告中搜索此类型的锚文本,并且检查任何看起来像垃圾链接的资源,并进一步调查。

    垃圾链接描文本

    2. 寻找Dofollow的付费赞助链接

    如果你的外链来源于付费赞助的方式,那么这链接最好使用nofollow。

    理由是,你这个链接是购买的,所以最好不然它传递任何的PR值。

    为了找到这样的赞助链接,你可以在Ahrefs Site Explorer(网站分析)中的外链报告中筛选包含 “sponsored” 字样的链接。

    Site Explorer > Backlinks > search for “sponsored” > filter for “dofollow”

    网站分析 > 外链 > 搜索 “sponsored” > 筛选dofollow链接

    dofollow赞助链接分析

    并且联系对方站长,要求他们把链接设置为nofollow。

    3. 找到多次出现同一锚文本的出站链接,并nofollow处理

    你知道吗?2017年福布斯网站的的所有出站链接都设置了nofollow?

    此举原因是,他们注意到他们的一些贡献者在他们的文章中出售dofollow的链接位置。他们有非常多的的贡献者,导致他们也不可能审查网站上的所有链接,所以采取了nofollow所有出站链接的方式。

    这个和你有什么关系呢?

    因为如果你曾经在自己的网站上接受过访客留帖,或者任何用户生成的内容,那么你可能会有相同的感受。

    为了找到这样的出站链接,你最好在 Ahrefs Site Explorer(网站分析)中检查下你的出战链接锚文本。

    Site Explorer > enter your domain > Outgoing links > Anchors > add “dofollow” filter

    网站分析 > 输入域名 > 出站链接 > 锚文本 > 筛选dofollow链接

    dofollow链接重复描文本

    查找一些可疑的单词或短语的锚文本,删除或禁止任何看似有问题的链接(例如,在用户讲简介中出现的锚文本链接,等等)

    至于为什么要这么做,谷歌已经给出了它的解释

    如果你无法或不想保证从你的站点链接到的页面内容是优质的(例如,不受信任的用户评论或留言板内容) — 你应该nofollow这些链接。这可以阻止垃圾链接发送者定位你的网站,并有助于防止你的网站无意中将PR值传递到这些不受信任的页面上。

    你发现了很多锚文本吗?

    查看第一步中的专家建议板块吧。

    4. 在你的网站中找到dofollow的赞助链接

    你有没有在你的网站上接受过赞助商的页面?

    你确定没有链接吗?如果你不确定的话,可能需要检查一下。

    为了找到这些页面,你可以在谷歌当中搜索:site:yourwebsite.com "sponsored post"

    赞助链接检查

    按照显示的结果,一个一个检查你的是否存在赞助的链接

    如果你安装过Chrome浏览器的nofollow插件,页面上的所有nofollow链接都会被高亮标注出来。付费赞助链接如果是nofollow的话会立马被标注出来,如果没有标注,则这个链接就是dofollow链接。

    Chrome浏览器nofollow链接扩展

    你也可以通过查看HTML代码来确认是否做了nofollow。

    右击链接,选择查看元素,并寻找 rel="nofollow" 的标注。

    nofollow链接标记

    如果没有出现这个标注的话,那么就是dofollow链接,你可能需要nofollow处理了。

    5. 寻找被nofollow的内部链接

    没有任何一个内链需要被nofollow处理,除非这个链接指向了不重要的页面,或者是这个页面不需要被搜索引擎索引。

    为了找出这些链接,你可以使用 Ahrefs Site Explorer(网站分析)中的 最佳链接报告

    Site Explorer > enter your domain > Best by Links > switch to Internal > sort by the “nofollow” column

    网站分析 > 输入域名 > 最佳链接 > 切换至内链 > 按照nofollow链接进行排序

    nofollow标记内部链接

    如果你看到有nofollow内链的页面,请点击该数字,并查看这些链接的来源,做进一步调查。有些情况可能是可以做nofollow的(例如,指向登录页面的nofollow内链)。

    但是,如果没有明确理的nofollow内链,建议你删除nofollow标记。

    下方就是这样的情况。出于某种原因,我们从一个页面到另一个页面的链接就做了nofollow处理。

    nofollow内部链接例子

    专家建议

    如果你想要要更详细地分析网站上的nofollow链接问题,请在Ahrefs Site Audit(网站检测)中检测下你的整个站点。

    这不仅可以为你100%的提供最新的数据,还可以提醒你一系列与内部和外部nofollow链接的相关的问题。

    nofollow链接问题

    上图就是Ahrefs Site Audit(网站检测)中显示的nofollow相关问题列表。

    6.除非有利益关联,否则出站链接建议使用nofollow

    虽然WordPress默认对站点留言的评论者链接附带nofollow属性,但这也要看你所使用的主题是否也是这样做的。如果并没有,则可能需要对评论者链接添加nofollow属性。

    然后,对WordPress文章内容里面的外部链接,在编辑的时候建议也应该在外部链接代码添加nofollow属性。如果你不知道如何做,建议阅读“WordPress如何添加设置Nofollow链接”。

    此外,对于懒人站长,甚至可以借助Smart SEO Tool这样的SEO插件,实现所有文章及页面的出站链接自动添加nofollow属性。

    该插件甚至允许你将出站链接改写为yourdomain.com/go?=*,更加一劳永逸!当然,对于与你有利益关联的站点,或者知名度较高的网站,可以将其域名添加到例外列表!

    SEO插件站外链接优化

    最后总结

    在SEO当中,nofollow有着很重要的作用。希望这篇教程能成功地为你提供所需的知识,让nofollow链接给你帮助.…..而不是阻碍你的优化工作。

    nofollow链接仅网站SEO的皮毛,如果你希望全面深入地了解网站SEO,建议阅读“网站SEO优化指南”。

    (via ahrefs.com 译者,Park Cheng,文章有改动)

  • 深入了解Robots.txt及如何规范地编写

    什么是robots.txt

    关于Robots.txt,相信大部分WordPress站长对其都不会感到陌生,一个规范的Robots.txt对于WordPress网站SEO优化来说至关重要。该文件主要用于告诉搜索引擎爬虫,网站哪些页面可以爬取,哪些页面不可以。

    我们曾经在“如何编写和优化WordPress网站的Robots.txt”对Robots.txt进行了详细地介绍,不过,今天这篇文章将会更加详细,也易于站长解读及更好地利用Robots.txt文件。

    Robots.txt 是网站中最简单的一个文件,但同时也是最容易出错的。仅仅是一个字符的错误可能会影响你的SEO效果、阻碍搜索引擎抓取你网站中的有效内容。

    robots.txt文件的配置错误经常发生,即使经验丰富的SEO人员也是如此。

    在这篇教程中你将会学到:

    Robots.txt文件是什么?

    Robots.txt文件是用来告诉搜索引擎,网站上的哪些页面可以抓取,哪些页面不能抓取。

    首先,它列出了你想从搜索引擎(如Google)中排除的所有内容。你还可以告诉某些搜索引擎(非Google)应该如何抓取网站的内容。

    重要提示

    大多数搜索引擎都会遵循规则,它们没有打破规则的习惯。换句话说,少部分的搜索引擎则会无视这些规则。

    Google不是那些不守规矩的搜索引擎之一。他们遵守robots.txt文件中的声明。

    只是我们知道有些搜索引擎完全忽略它。

    Robots.txt长什么样?

    以下是Robots.txt文件的基本格式:

    Sitemap: [URL location of sitemap]
    User-agent: [bot identifier]
    [directive 1]
    [directive 2]
    [directive …]
    User-agent: [another bot identifier]
    [directive 1]
    [directive 2]
    [directive …]
    Sitemap: [URL location of sitemap]

    User-agent: [bot identifier]
    [directive 1]
    [directive 2]
    [directive …]

    User-agent: [another bot identifier]
    [directive 1]
    [directive 2]
    [directive …]

    Sitemap: [URL location of sitemap]
    
    User-agent: [bot identifier]
    [directive 1]
    [directive 2]
    [directive ...]
    
    User-agent: [another bot identifier]
    [directive 1]
    [directive 2]
    [directive ...]

    如果你以前从未看过这些内容,你可能会觉得很难。但实际上,它的语法非常简单。简而言之,你可以通过在文件中指定user-agents(用户代理)和directives(指令)来为搜索引擎蜘蛛分配抓取规则。

    让我们详细的讨论则两个组件。

    User-agents(用户代理)

    每个搜索引擎都有一个特定的用户代理。你可以在robots.txt文件中针对不同的用户代理分配抓取规则。总共大约有上百种用户代理(实际上,你只要安装Spider Analyser插件,即可轻松掌握都有哪些蜘蛛访问爬取您的网站。),以下是一些对SEO有用的用户代理:

    • Google: Googlebot
    • Google Images: Googlebot-Image
    • Bing: Bingbot
    • Yahoo: Slurp
    • Baidu: Baiduspider
    • DuckDuckGo: DuckDuckBot

     

    小提示. robots.txt中的所有用户代理均严格区分大小写。

    你也可以使用通配符(*)来一次性为所有的用户代理制定规则。

    举个例子,假设你想屏蔽除了谷歌以外的搜索引擎蜘蛛,下面就是做法:

    User-agent: *
    Disallow: /
    User-agent: Googlebot
    Allow: /
    User-agent: *
    Disallow: /

    User-agent: Googlebot
    Allow: /

    User-agent: *
    Disallow: /
    
    User-agent: Googlebot
    Allow: /

    你需要知道,在 robots.txt文件中,你可以指定无数个用户代理。虽然这么说,每当你指定一个新的用户代理时,它都是独立的。换句话说,如果你陆续为多一个用户代理制定了规则,那么第一个用户代理的规则并不适用于第二个,或者时第三个。

    有一个例外就是,如果你针对同一个用户代理制定了多次规则,那么这些规则则会被放在一起执行。

    重要提示

    蜘蛛只会遵循准确表明详细用户代理的指令。所以上方的 robots.txt文件只会排除除谷歌蜘蛛(以及其它类型的谷歌蜘蛛)以外的搜索引擎爬虫。谷歌蜘蛛会忽略一些不太具体的用户代理声明。

    Directives(指令)

    指令指的是你希望用户代理遵循的规则。

    目前支持的指令

    下面是谷歌目前支持的指令,以及它们的用法.

    Disallow指令

    使用此指令来规定搜索引擎不要访问特定路径的文件和页面。例如,如果你想阻止所有搜索引擎访问你的博客及其所有帖子,则robots.txt文件就像下方这样:

    User-agent: *
    Disallow: /blog
    User-agent: *
    Disallow: /blog
    User-agent: *
    Disallow: /blog

    小提示. 如果你再disallow指令后面没有给出详细的路径,那么搜索引擎就会忽略它。

    Allow指令

    使用此指令来规定搜索引擎需要访问特定路径的文件和页面——即使在一个被disallow指令屏蔽的路径中也可以使用。如果你屏蔽特定文章以外的所有文章页面,那么robots.txt应该像下方这样:

    User-agent: *
    Disallow: /blog
    Allow: /blog/allowed-post
    User-agent: *
    Disallow: /blog
    Allow: /blog/allowed-post
    User-agent: *
    Disallow: /blog
    Allow: /blog/allowed-post

    在这个例子中,搜索引擎可以访问: /blog/allowed-post. 但是它不能访问:

    /blog/another-post/blog/yet-another-post/blog/download-me.pdf

    谷歌和必应都支持这个指令。

    小提示. 和disallow指令一样,如果你在allow指令之后没有声明路径,那么搜索引擎会忽略它。

    有关规则冲突的说明

    除非你非常的细心,否则部分情况disallow指令会与allow指令互相冲突。下方的这个例子,我们阻止了访问了这个页面 /blog/ 同时开放了这个页面 /blog.

    User-agent: *
    Disallow: /blog/
    Allow: /blog
    User-agent: *
    Disallow: /blog/
    Allow: /blog
    User-agent: *
    Disallow: /blog/
    Allow: /blog

    这个例子中,这个URL /blog/post-title/ 似乎即被阻止了,又被允许了。那么到底是哪一个呢?

    对与谷歌和必应来说,它们会遵循指令字符较长的那一个,在这个例子中就是disallow指令。

    Disallow: /blog/ (6 字符)Allow: /blog (5 字符)

    如果disallow指令和allow指令长度一样,那么限制范围较小的指令会胜出,这种情况就是allow指令。

    小提示. 这里, /blog (没有斜杠为后缀) 是可以被抓取的。

    严格来说,这只适用于谷歌和必应搜索引擎。其它搜索引擎会遵循第一条指令,这种情况就是disallow指令。

    Sitemap指令

    使用此指令来标记你网站地图所的位置。如果你对网站地图不熟悉,它通常会包含你需要被搜索引擎抓取&索引的所有页面链接。

    下面就是一个使用Sitemap指令的robots.txt文件:

    Sitemap: https://www.domain.com/sitemap.xml
    User-agent: *
    Disallow: /blog/
    Allow: /blog/post-title/
    Sitemap: https://www.domain.com/sitemap.xml

    User-agent: *
    Disallow: /blog/
    Allow: /blog/post-title/

    Sitemap: https://www.domain.com/sitemap.xml
    
    User-agent: *
    Disallow: /blog/
    Allow: /blog/post-title/

    在robots.txt中注明sitemap指令有多么重要呢?如果你已经向谷歌提交了网站地图,那么这一步操作就可有可无。但是,对于其它搜索引擎,比如必应,就可以明确的告诉它你的网站地图在哪里,所以这一步还是很有必要的。

    注意,你不需要针对不同的代理重复标注sitemap指令。所以最好的方法是将sitemap指令写在robots.txt的最开始或者最末尾,就像下方这样:

    Sitemap: https://www.domain.com/sitemap.xml
    User-agent: Googlebot
    Disallow: /blog/
    Allow: /blog/post-title/
    User-agent: Bingbot
    Disallow: /services/
    Sitemap: https://www.domain.com/sitemap.xml
    User-agent: Googlebot
    Disallow: /blog/
    Allow: /blog/post-title/
    User-agent: Bingbot
    Disallow: /services/
    Sitemap: https://www.domain.com/sitemap.xml
    User-agent: Googlebot
    Disallow: /blog/
    Allow: /blog/post-title/
    User-agent: Bingbot
    Disallow: /services/

    谷歌支持sitemap指令、同时Ask、必应、雅虎搜索引擎都支持。

    小提示. 你可以在robots.txt中使用多条sitemap指令。

    不再支持的指令

    下面是一些谷歌不再支持的指令——部分因为技术原因一直都没有被支持过。

    Crawl-delay指令

    之前你可以使用这个指令来指定抓取间隔时间(秒)。比如,你希望谷歌蜘蛛再每次抓取之后等待5秒,那么你就需要将Crawl-delay指令设置为5:

    User-agent: Googlebot
    Crawl-delay: 5
    User-agent: Googlebot
    Crawl-delay: 5
    User-agent: Googlebot
    Crawl-delay: 5

    谷歌已经不再支持这个指令,但是必应Yandex依然支持。

    虽然这么说,在设置这个指令的时候你需要小心,尤其是你有一个大型网站的时候。如果你将Crawl-delay指令设置为5,那么每天蜘蛛最多只能抓取17,280个URL。如果你有上百万的页面,这个抓取量就非常的小了。反之,如果你是小型网站,则它可以帮你节省带宽。

    Noindex指令

    这个指令从来没有被谷歌支持过。但是直到最近,人们认为谷歌有一些“处理不受支持和未发布的规则的代码(例如noindex)”。所以如果你希望阻止谷歌索引你所有的博客页面,那么你可以使用这个指令:

    User-agent: Googlebot
    Noindex: /blog/
    User-agent: Googlebot
    Noindex: /blog/
    User-agent: Googlebot
    Noindex: /blog/

    但是同时,在2019年9月1号,谷歌明确表示这个指令不被支持。如果你想从搜索引擎中排除一个页面的话,使用meta robots标签、或者是x-robots HTTP头部指令。

    Nofollow指令

    这个指令谷歌也是从来没有从官方支持过的。曾经是用来阻止搜索引擎跟随某一个链接,或者是某个特殊的路径。比如,你想屏蔽谷歌跟随所有的博客链接,你可以这么设置指令:

    User-agent: Googlebot
    Nofollow: /blog/
    User-agent: Googlebot
    Nofollow: /blog/
    User-agent: Googlebot
    Nofollow: /blog/

    谷歌在2019年9月1号声明这个指令不会被支持。如果你想阻止搜索引擎跟随页面上的所有链接,那么你应该使用meta robots标签、或者是x-robots HTTP头部指令。如果你想指定一个链接不让谷歌跟随,那么你可以在特定链接中加入rel="nofollow"参数。

    你需要一个Robots.txt文件吗?

    对于一部分网站来说,有没有robots.txt其实无关痛痒,尤其是小网站。

    虽然这么说,但是没有一个好的理由不去拥有它。它可以在搜索引擎访问网站的规则上给你一些额外的控制权,那么这可以帮助你:

    • 防止抓取重复页面;
    • 让网站在某个阶段不公开 (比如:在搭建网站雏形时);
    • 防止抓取内部搜索页面;
    • 防止服务器过载;
    • 防止谷歌浪费crawl budget(抓取预算);
    • 防止部分图片视频及其它资源展示在谷歌结果中。

    请注意,尽管谷歌通常不会索引robots.txt中阻止的网页,但这无法保证使用robots.txt文件可以100%将其排除在搜索结果之外

    谷歌说过,如果内容从另外一个地方获得链接,那么依然有可能被呈现在搜索结果当中。

    如何找到你的robots.txt文件?

    如果你的网站已经有了robots.txt文件,那么你可以通过domain.com/robots.txt 这个链接进行访问。如果你看到有类似下方这样的信息,这就是你的robots.txt文件:

    robots.txt文件

    ahrefs robots

    如何建立一个robots.txt文件?

    如果你没有robots.txt文件的话,那么做一个也十分的简单。你只需要打卡一个空的.txt文件(记事本文件)然后按照要求填写指令。比如,你希望搜索引擎不抓取你的 /admin/ 目录,你可以像下方这样设置:

    User-agent: *
    Disallow: /admin/
    User-agent: *
    Disallow: /admin/
    User-agent: *
    Disallow: /admin/

    你可以继续添加指令,只要你满意为止,然后将文件保存为“robots.txt”。

    除此之外,你还可以使用robots.txt生成工具来制作,比如Smart SEO Tool插件:

    robots creator插件管理robots.txt文件

    利用类似这样工具的优势就是,更加容易编辑管理。当然为了避免指令语法错误,建议任何工具生成的robots.txt都应该使用搜索引擎站长工具进行检验,比如百度资源管理平台

    百度搜索资源平台robots.txt文件检测

    这个非常重要,因为一个小的语法错误都会导致灾难性的后果,还是小心无大错比较好。

    在哪里放置robots.txt文件呢?

    将robots.txt文件放置在对应域名/子域名的根目录文件夹中。比如,如果你的网站使用的是domain.com,那么robots.txt就可以通过domain.com/robots.txt访问到。

    如果你希望你控制二级域名的访问限制,比如blog.domain.com,那么它的robots.txt就需要通过blog.domain.com/robots.txt访问到才可以。

    Robots.txt的最佳做法

    牢记下方提示,可以避免不必要的错误:

    每一个新指令都需要另起一行

    每个指令都需要新起一行。否则会让搜索引擎产生误解:

    错误示例:

    User-agent: * Disallow: /directory/ Disallow: /another-directory/
    User-agent: * Disallow: /directory/ Disallow: /another-directory/
    User-agent: * Disallow: /directory/ Disallow: /another-directory/
    

    标准示例:

    User-agent: *
    Disallow: /directory/
    Disallow: /another-directory/
    User-agent: *
    Disallow: /directory/
    Disallow: /another-directory/
    User-agent: * 
    Disallow: /directory/ 
    Disallow: /another-directory/

    使用通配符简化指令

    你不仅可以使用通配符(*)将指令应用于所有用户代理,同时可以在声明指令时用来匹配雷同的URL。例如,如果你想防止搜索引擎访问网站上的参数化产品类别URL,可以像这样列出它们:

    User-agent: *
    Disallow: /products/t-shirts?
    Disallow: /products/hoodies?
    Disallow: /products/jackets?
    User-agent: *
    Disallow: /products/t-shirts?
    Disallow: /products/hoodies?
    Disallow: /products/jackets?
    User-agent: * 
    Disallow: /products/t-shirts?
    Disallow: /products/hoodies?
    Disallow: /products/jackets?
    …

    但是这并不简洁,你可以利用通配符,简写成下方这样:

    User-agent: *
    Disallow: /products/*?
    User-agent: *
    Disallow: /products/*?
    User-agent: * 
    Disallow: /products/*?

    这个例子就是屏蔽了所有的搜索引擎用户抓取 /product/ 目录下,所有包含问号(?)的链接。换句话说就是屏蔽了所有带有参数的产品链接。

    使用美元符号($)来标注以特定字符结尾的URL

    在指令最后加入”$”。比如,如果你像屏蔽所有以 .pdf结尾的链接,那么你的可以这样设置你的 robots.txt:

    User-agent: *
    Disallow: /*.pdf$
    User-agent: *
    Disallow: /*.pdf$
    User-agent: * 
    Disallow: /*.pdf$

    这个例子中,搜索引擎无法抓取任何以 .pdf 结尾的链接,意味着搜索引擎无法抓取 /file.pdf,但是搜索引擎可以抓取这个 /file.pdf?id=68937586,因为它没有以”.pdf“结尾。

    相同的用户代理只声明一次

    如果你多次声明相同的用户代理,谷歌虽然并不反对,依然可以结合在一起执行。比如,像下方这样…

    User-agent: Googlebot
    Disallow: /a/
    User-agent: Googlebot
    Disallow: /b/
    User-agent: Googlebot
    Disallow: /a/

    User-agent: Googlebot
    Disallow: /b/

    User-agent: Googlebot
    Disallow: /a/
    
    User-agent: Googlebot 
    Disallow: /b/

    … 谷歌蜘蛛不会抓取两个中任何一个目录。

    虽然这么说,最好只声明一次,因为这不会产生困惑。换句话说,保持简单明了,可以让你不会出现致命的错误。

    使用精准的指令避免以外的错误

    如果不使用精准的指令,那么很可能会导致SEO中产生致命的错误。假设你现在有一个多语言的网站,正在操作一个德语版本的 /de/ 子目录。

    因为还未完成,所以暂时你想阻止搜索引擎抓取这个目录内的内容。

    下方的robots.txt文件可以屏蔽搜索引擎抓取这个目录以及下方的所有内容:

    User-agent: *
    Disallow: /de
    User-agent: *
    Disallow: /de
    User-agent: *
    Disallow: /de

    但是,同时这也阻止了搜索引擎抓取所有以 /de.开头的内容。

    比如:

    • /designer-dresses/
    • /delivery-information.html
    • /depeche-mode/t-shirts/
    • /definitely-not-for-public-viewing.pdf

    这种情况,解决方法也很简单,只需要在后面加个斜杠:

  • WordPress网站安装微软数据分析Clarity图文教程

    2018年年底微软正式上线测试网站数据分析服务-Clarity。那么,如果在WordPress,我们应该如何安装微软网站统计分析代码-Clarity?

    微软网站统计分析系统Clarity是一个免费的分析工具,可帮助您通过点击跟踪,滚动跟踪和热图来分析用户如何与您的网站互动。类似谷歌的Google analytics统计代码,百度统计及友盟的U-web(原来的CNZZ统计代码)。

    在本文中,我们将逐步向您展示如何在WordPress中安装微软网站统计代码-Clarity。

    Clarity统计代码安装图文教程

    什么是Microsoft Clarity?

    Microsoft Clarity是微软推出的网站免费分析工具。它可以帮助您查看网站上最受欢迎的页面,以及用户如何单击,滚动和与这些页面交互。

    Microsoft Clarity最重要功能是其数据可视化。这包括点击跟踪,热图报告,会话记录等。

    热图将显示用户如何移动鼠标,单击,选择或滚动等方式的直观报告。

    Clarity统计代码热点图

    同样,会话记录可帮助您了解用户如何查看网站内容,在哪些页面花费更多的时间以及促使他们离开WordPress网站的原因。

    这些信息可帮助您为用户创造更好的用户体验,提高性能及转化。

    Clarity统计仪表盘

    与Google Analytics对比

    Google Analytics是市场上最好的网站数据分析解决方案,因为它提供了许多深入的跟踪功能。而Microsoft Clarity则专注于可视化具有热图和会话记录的用户交互。

    Google Analytics可帮助您跟踪网站上的几乎所有内容。它还具有增强的电子商务跟踪,转化跟踪,详细报告等。

    Microsoft Clarity作为后起之秀,目前还不能替代Google Analytics的高级功能。但是,您可以结合使用Microsoft Clarity和Google Analytics来解锁热图和访客会话记录等功能,因为Google尚未提供这些功能。

    在使用Microsoft的分析功能之前,许多网站所有者都可以将Hotjar或CrazyEgg之类的付费热图解决方案与Google Analytics一起使用,Clarity完全可以作为这些付费热图统计工具的代替品。

    如果你需要深入研究网站数据,我们的建议是在安装Google Analytics的基础上,安装Microsoft Clarity。

    它们在不影响您网站功能的前提下都可以很好地工作。

    如何安装Clarity Analytics

    将Microsoft Clarity添加到包括WordPress网站在内的任何网站都非常容易。您需要注册Microsoft Clarity,然后将跟踪代码添加到您的网站。如下:

    注册Microsoft Clarity

    首先,转到Microsoft Clarity网站,然后单击“Get Started”按钮。

    您需要一个Microsoft,Facebook或Google帐户才能注册。

    注册后,您将看到带有弹出窗口的Clarity仪表板,以添加新项目。

    继续输入您的项目名称、网站名称及网站所属类别。

    注意:金融,医疗或政府相关网站不得使用Clarity。

    创建Clarity统计网站项目

    创建新项目后,该新项目将列在仪表板中。

    单击它即可查看到属于你网站的Clarity跟踪代码:

    clarity统计跟踪代码

    我们建议以选项卡打开该页面或将统计代码复制到本地记事本,因为后面才需要到统计代码。

    将Clarity统计代码添加至网站

    Micorosoft Clarity跟踪代码需要出现在WordPress网站的所有页面上。

    你可以将统计代码复制到网站主题文件footer.php,如果你安装的是闪电博的WordPress主题,你可以在主题设置界面-自定义代码-统计代码处,填写统计代码。

    又或者你不希望修改主题文件,且没有其他可填写统计代码的位置,还可以借助第三方插件来实现。

    首先,您需要安装并启用Insert Headers and Footers插件。

    有了这个插件,你可以在WordPress仪表板即可实现在网站的页眉或页脚中添加任何脚本。

    启用插件后,转到WordPress管理后台中的“设置”»“Insert Headers and Footers”页面。

    将Microsoft Clarity代码复制并粘贴到“Scripts in Header”框中。

    Insert Headers and Footers插件

    最后不要忘记保存插件的设置。

    该插件自动将Microsoft Clarity分析代码添加到WordPress网站的所有页面,以跟踪网站上的网站访客活动。

    Tips:如果您使用了WordPress缓存插件,则需要清除WordPress缓存,否则Microsoft将无法在几个小时内验证您的站点。

    Microsoft Clarity使用

    安装跟踪代码并清除WordPress缓存后,Microsoft将开始记录网站访问者会话数据。

    但是,您最多可能需要2个小时才能在Clarity帐户中看到结果。

    几个小时后,只需登录到您的Clarity帐户,您就可以在信息中心中看到活动摘要。

    微软clarity统计仪表盘

    与Google Analytics类似,Clarity也提供最受欢迎页面数据。

    您还可以查看其他有用的数据,例如具有“dead clicks(无效点击)”的会话百分比。这些点击无处不在。例如,用户可能单击图像(以为它是按钮或链接的方式)。

    仪表盘提供“快速返回”的次数,当用户离开页面然后很快返回页面时发生。

    当用户滚动页面的速度超出预期时,它还会跟踪过度的滚动。

    另一个有用的统计数据是当用户在同一区域中重复点击。密切关注这些指标可以帮助您使网站更加人性化。

    “Recordings”选项卡显示您不同用户会话的记录。您将获得用户设备,操作系统和国家/地区的详细信息。

    Clarity还会统计访客访问的页面数,会话的持续时间和时间,以及点击次数。

    clarity统计会话记录

    通过Recordings,您可以看到访客在站点上单击的位置。在此示例中,用户多次单击图像,也许用户认为这是一个带链接的图像。

    clicks-global-solution-website

    切换到“Heatmaps(热图)”选项卡,即可查看网站的热图。这些信息可帮助您依据点击人数查看网站哪些区域更受欢迎。例如,在演示站点上的热点图中,我们可以看到人们试图单击联系人页面上的电子邮件地址。

    clarity统计-联系页面热点图

    Microsoft Clarity还计划在热图上显示滚动。

    小结

    Microsoft Clarity是属于后起之秀的分析工具。尽管它不能替代强大的Google Analytics平台,但它提供了一些有趣的功能,例如免费的热图和会话记录。

    网站初入门者如果希望查看网站热图和会话记录,但是没有预算购买像HotJar或CrazyEgg这样的高级解决方案。那么就可以考虑Microsoft Clarity。

    使用热图和会话记录,您应该能够优化网站或在线商店的体验,从而改善用户体验并提升销售转化。

  • 如何添加WordPress用户注销/退出链接到导航菜单

    如果您使用WordPress运行会员站点,bbPress论坛,电子商务商店或学习管理系统(LMS),提供明显的注销/退出链接将会有利于用户体验。

    在本文中,我们将向您展示如何将WordPress用户注销/退出链接添加到导航菜单以及网站的其他区域。

    WordPress用户注销/退出

    WordPress默认用户注销/退出链接

    通常,您可以通过单击注销链接来退出WordPress网站登录。此链接位于WordPress管理栏右上角您的个人资料图片下方。

    您所要做的就是将鼠标移到您的用户名上,该用户名将显示在下拉菜单中。

    WordPress后台登录注销入口

    如果WordPress网站已禁用WordPress管理员栏,则您将无法看到WordPress注销链接。

    好处是,可以直接访问WordPress注销链接以注销当前的WordPress用户登录。

    WordPress网站的注销链接如下所示:

    http://example.com/wp-login.php?action=logout(example.com替换为你的域名)。

    您可以直接在浏览器窗口中访问此链接以注销WordPress网站登录。

    当访问WordPress注销链接时,会出现一个警告页面,点击“注销”即可退出当前登录账号。

    WordPress用户注销提示

    您也可以在WordPress网站上的任意位置手动添加此注销链接。下面将会详细说明。

    温馨提示:如果您安装的是闪电博开发的WordPress主题,付费类主题都会附带会员中心,登录后,在网站主导航菜单均提供退出的快捷入口,如下图所示:

    闪电博主题会员中心退出链接

    在WordPress导航菜单中添加用户注销/退出链接

    在网站的导航菜单中添加WordPress注销链接,可以帮助WordPress网站用户在任何页面快速退出登录。

    只需转到WordPress后台中的外观»菜单页面。单击“自定义链接”选项卡以展开它,然后在“ URL”字段中添加前面提到的注销链接。

    主题菜单自定义链接

    完成后,单击“添加到菜单”按钮,您将注意到该链接显示在右栏中。您只需向上或向下拖动即可调整其位置。

    不要忘记单击“保存菜单”按钮来保存更改。

    现在,您可以访问您的网站以在导航菜单中查看退出链接。

    主题主导航菜单用户退出链接

    在菜单中添加注销链接的问题在于,它对所有用户(已登录和已退出)均可见。仅向实际登录的用户显示注销链接才有意义。

    在侧边栏小工具中添加WordPress注销/退出链接

    WordPress随附一个名为“功能”的默认小工具。此小工具显示了许多有用的链接,包括指向用户的注销或登录链接。

    WordPress功能小工具

    <a href="http://example.com/wp-login.php?action=logout">Logout</a>

    某些人发现功能(Meta)小工具中的其他链接没有那么有用。

    另外,您也可以使用纯HTML中的注销链接添加纯文本或自定义HTML小工具。这是您需要添加的HTML代码:

    <a href="http://example.com/wp-login.php?action=logout">Logout</a>

    WordPress注销小工具HTML代码

    在WordPress中添加动态登录/注销链接

    在WordPress中手动添加注销链接很简单,但问题是这个链接不会根据用户的登录状态而更改。

    要解决此问题,您可以使用插件根据用户登录状态显示登录或注销链接。

    首先,您需要安装Login or Logout Menu Item插件。

    安装并启用插件后,转到WordPress后台的外观»菜单,然后将“登录/注销”链接添加到菜单中。

    Login or Logout Menu Item插件

    点击“保存菜单”后,即可在网站导航菜单中看到对应链接。

    WordPress动态登录/注销链接

    当您单击登录链接后,即会访问网站的登录页面,或者,如果是已经登录,则会注销/退出当前用户登录。

    此方法也可用于WooCommerceMemberPress和其他WordPress电子商务平台。

  • 如何在WordPress中添加PayPal捐赠按钮

    PayPal让您轻松地在您的网站上接受捐款。它方便,经济,安全,并且已经被全球数百万用户使用。在本文中,我们将向您展示如何在WordPress网站上轻松添加PayPal捐赠按钮。

    添加PayPal捐赠按钮教程

    为什么要在WordPress中使用PayPal捐赠按钮?

    许多博主在其WordPress网站上添加了PayPal捐赠按钮,以帮助支付该网站的运营成本。

    非营利组织也使用其网站为自己的事业筹款。贝宝捐赠按钮为他们提供了一种接受捐赠的简便方法。

    提示:如果希望通过支付宝或者微信获得网站筹款或者赞助,可以考虑博客社交分享组件WP插件

    在开始之前,您需要创建一个PayPal帐户或登录到现有帐户。

    这是一个提供多种方法的教程,你可以根据目录内容直接跳到所需要的部分:

    1. 如何在WordPress中添加PayPal捐赠按钮(免费插件)
    2. 如何在WordPress中添加PayPal捐赠表格(使用WPForms)
    3. 如何在WordPress中手动添加PayPal捐赠按钮(代码方法)

    1.如何在WordPress中添加PayPal捐赠按钮(免费插件)

    如果您正在寻找免费的WordPress PayPal捐赠插件,建议使用此方法。它比较简单,但是在您可以做什么方面非常有限。

    首先,您需要安装并启用PayPal Donations插件。

    激活后,转到设置 » PayPal Donations页面以创建捐赠按钮。

    在这里,您需要输入您的PayPal电子邮件地址。

    捐赠货币将默认为美元,要更改此设置,只需从下拉菜单中选择您的首选货币。

    PayPal Donations插件设置

    您可能要在网站上创建一个“感谢”页面,并将其设置为“Optional Settings(可选设置)”部分中的“Return Page(返回页面)”。

    您可以选择为PayPal捐赠添加默认:Amount(金额),Purpose(用途)和Reference(参考)。

    PayPal Donations插件默认设置

    接下来,您可以选择PayPal按钮样式,或输入自定义按钮图像的URL。您还可以更改捐赠国家和语言,默认为美国和美式英语。

    完成后,点击“Save Changes”按钮保存设置。

    PayPal Donations插件PayPal按钮样式

    将PayPal捐赠按钮添加到您的网站

    该插件支持使用Shortcode在WordPress网站上的任何位置轻松显示PayPal捐赠按钮。

    只需在要显示捐赠按钮的位置编辑帖子或页面,然后在内容编辑器中添加shortcode。PayPal捐赠Shortcode

    在设置内,您需要添加[paypal-donation]简码,保存更改并预览文章或页面展示效果。如下图所示:

    页面PayPal捐赠按钮演示

    该插件还支持将PayPal捐赠按钮添加到侧栏或页脚小部件区域。只需转到外观»小工具页面,然后将PayPal Donations小工具拖动到侧边栏或页脚。

    PayPal捐赠小工具

    该小工具使用插件相同的设置,你只需要填写标题和文本,最后保存即可。下图是演示网站侧边栏中的PayPal捐赠展示效果。

    WP侧栏PayPal捐赠按钮

    2.如何在WordPress中添加PayPal捐赠表格(使用WPForms)

    另一个在WordPress网站添加PayPal捐赠按钮的好方法是使用WPForms。它是市场上最好的WordPress表单生成器插件,已有数百万网站所有者使用。

    WPForms支持创建漂亮的捐赠表格,使您可以使用信用卡和/或PayPal接受付款。

    此方法为您提供更大的灵活性。

    您可以收集捐助者信息,将它们添加到您的电子邮件列表中(WPForms支持与所有顶级电子邮件营销服务组合使用),收集电话号码,调研,民意调查等等。

    基本上,您可以与用户互动,这有助于您建立更强大的社区。

    注意:您需要使用WPForms的Pro版或以上版本才能进行PayPal付款。

    首先,您需要安装并启用WPForms插件。

    启用后,访问WPForms»设置页面以输入许可证密钥。您可以在WPForms网站上的帐户下找到此信息。

    WPForms授权激活

    接下来,转到WPForms»Addons页面。在这里,您需要安装PayPal Standard插件。只需在列表中找到它,然后单击它下面的Install Addon按钮即可。该插件将自动安装并启用。

    WPForms插件PayPal组件

    开始创建捐赠表格。只需转到WordPress管理后台的WPForms»Add New页面以启动buikder表单。

    首先,需要为表单设置标题,然后选择“Donation Form”模板。

    WPForms插件捐赠表单模板

    WPForms现在将自动在WPForms构建器中加载表单模板。你可以在表单上添加,删除或更改字段。

    要添加字段,只需单击左侧的“Add Fields”选项卡。比如添加一个“How Did You Hear About Us?” 多选字段。

    将默认的“提交”按钮更改为“捐赠”或者更合适一些,单击按钮或转到表单的“Settings » General”选项卡。

    WPForms插件捐赠按钮文字

    对表单满意后,单击顶部的“SAVE”按钮以保存更改。

    WPForms插件捐赠表单添加字段

    接下来,您需要转到“Payments » Paypal Standard来设置表格的付款。

    只需选中“启用PayPal标准付款”,然后输入您的PayPal电子邮件地址,付款类型选择“Donation”。

    WPForms插件启用捐赠功能

    完成后,单击“保存”按钮保存设置。

    将捐赠表格添加到您的网站

    完成PayPal捐赠表格创建后,我们还得将其添加到网站。

    使用WPForm,在网站上的任何位置添加表单都非常简单,易于操作。

    只需创建一个新的文章或页面,或编辑一个现有的文章或页面。然后,将WPForms块添加到WordPress内容编辑器,然后从下拉菜单中选择前面创建的表单。

    WPForms插件块

    准备就绪后,预览或发布页面即可在网站上实时查看捐赠表格。

    WPForms捐赠表单演示

    恭喜,您现在已经在WordPress中创建了更加丰富的PayPal捐赠表单而是不是一个赤裸裸的捐赠按钮。

    3.如何在WordPress中手动添加PayPal捐赠按钮(代码方法)

    如果您不想安装插件,或者您使用的是WordPress.com而不是WordPress.org,则可以手动添加PayPal捐赠按钮。

    首先,需要登录到您的PayPal帐户,然后转到“Pay & Get Paid » PayPay Buttons页面(注:中文版PayPal略有不同,中文版是以链接的方式)。

    PayPal捐赠按钮官方选项

    在下一页上,只需单击“Donate”按钮选项。

    PayPal官方捐赠按钮样式

    现在,您可以按照屏幕上的说明创建按钮。

    官网创建PayPal捐赠按钮

    在按钮创建向导的最后一个屏幕上,单击“Finish and Get Code”按钮。

    PayPal官方捐赠按钮代码

    现在,将看到带有分享链接的页面,这是您需要的URL。在此选项卡中使其保持打开状态或将其保存在安全的地方。

    PayPal捐赠按钮分享链接

    接下来,转到WordPress管理区域并编辑您要添加PayPal捐赠按钮的文章或页面。

    您需要在页面上添加新的HTML块,如果使用的是经典编辑器,则需要使用文本模式。

    添加PayPal捐赠HTML代码块

    将以下代码粘贴到您的HTML块中:

    <a href=“Your Shareable Link that you got from PayPal” target=“_blank” rel=“nofollow noopener”><img src=“https://www.paypal.com/en_US/i/btn/x-click-but21.gif” alt=“Click to Donate” /></a>
    <a href=”Your Shareable Link that you got from PayPal” target=”_blank” rel=”nofollow noopener”><img src=”https://www.paypal.com/en_US/i/btn/x-click-but21.gif” alt=”Click to Donate” /></a>
    <a href="Your Shareable Link that you got from PayPal" target="_blank" rel="nofollow noopener"><img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="Click to Donate" /></a>
    请确保将“Your Shareable Link that you got from PayPal”替换为PayPal的实际链接。

    PayPal捐赠HTML代码演示

    继续并发布页面。即可在WordPress网站上使用PayPal捐赠按钮,而无需使用插件。

    提示:您还可以将此HTML代码粘贴到WordPress自定义HTML小工具内,以将其添加到侧边栏中。

    这是捐赠按钮的实时示例:

    PayPal捐赠按钮样式1

    随时单击它以查看其工作原理。如果您发现本文有帮助,可以捐款以帮助我们。

    定制选项

    之所以选择共享链接而不是完整的捐赠按钮代码,是因为您可以轻松自定义捐赠图片。

    以下是其他一些官方的PayPal捐赠按钮。只需复制代码,然后在上面的主代码中替换图像部分。

    选项1

    PayPal捐赠按钮样式2

    <img src=“https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" alt="Click to Donate" />

    选项2

    PayPal捐赠按钮样式3

    <img src=“https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" alt="Click to Donate" />

     

    选项3

    PayPal捐赠按钮样式4

    <img src=“https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif" alt="Click to Donate" />

     

    选项4

    PayPal捐赠按钮样式5

    <img src=“https://www.paypal.com/en_US/i/btn/x-click-but21.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/x-click-but21.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/x-click-but21.gif" alt="Click to Donate" />

     

    选项5

    PayPal捐赠按钮样式6

    <img src=“https://www.paypal.com/en_US/i/btn/x-click-but04.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/x-click-but04.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" alt="Click to Donate" />

     

    选项6

    PayPal捐赠按钮样式7

    <img src=“https://www.paypal.com/en_US/i/btn/x-click-but11.gif” alt=“Click to Donate” />
    <img src=”https://www.paypal.com/en_US/i/btn/x-click-but11.gif” alt=”Click to Donate” />
    <img src="https://www.paypal.com/en_US/i/btn/x-click-but11.gif" alt="Click to Donate" />

     

    如果您不喜欢这些图像,则可以创建自己的图像。只需将该图像上传到您的WordPress媒体库中并获取文件链接。接下来,在以下代码中添加该链接:

    <a href=“Your Sharable Link that you got from PayPal” target=“_blank” rel=“nofollow noopener”><img src=“The Image URL” alt=“Click to Donate” /></a>
    <a href=”Your Sharable Link that you got from PayPal” target=”_blank” rel=”nofollow noopener”><img src=”The Image URL” alt=”Click to Donate” /></a>
    <a href="Your Sharable Link that you got from PayPal" target="_blank" rel="nofollow noopener"><img src="The Image URL" alt="Click to Donate" /></a>

    WordPress最佳PayPal捐赠插件

    我们建议使用PayPal捐赠插件添加PayPal捐赠按钮至WordPress网站,既免费又简单。

    当然,如果您想从捐赠者那里收集信息,那么WPForms是您的最佳选择。

    如果您想选择更多选项,那么这里有一些其他不错的PayPal捐赠插件。

    希望本教程能帮助您在WordPress中添加PayPal捐赠按钮。您可能还喜欢最常见的八种博客赚钱方式,以及11个帮助站长提升网站搜索引擎自然流量的SEO技巧两篇文章。

  • 如何更改或者设置网站域名MX记录

    MX记录(Mail Exchange记录)是将电子邮件传递到你的企业电子邮件地址所必需的。如果要使用以自己的域名使用G Suite或其他电子邮件服务,则需要更改它们。

    在本教程中,我们将展示如何轻松更改WordPress域名的MX记录。

    change-mx-records-main

    什么是MX记录,为什么要更改它们?

    MX记录(邮件交换记录)是DNS记录的一种特殊类型。它告诉Internet服务器在何处向您的网站域名发送电子邮件。

    例如,如果您想使用Google Workspace创建你的域名的专业电子邮件地址(例如name@yoursite.com),那么您需要将所有电子邮件路由到Gmail的服务器。

    同样,如果您想使用SMTP服务提供商发送WordPress电子邮件,则需要添加MX记录以使用SMTP发送电子邮件。

    重要提示:开始之前,您需要新MX记录的详细信息。您的企业电子邮件提供商应该能够提供这些信息。例如,这些是我们域的Google MX记录。

    google-mx-records-list

    转入正题,那么我们应该如何更改WordPress网站的MX记录。

    教程将针对不同的域名注册商分别介绍,操作流程大同小异,你可以直接跳到适合你的部分或者参考其中一部分来操作。

    使用Domain.com更改MX记录

    Domain.com是市场上最大的域名注册商之一。

    如果您的域名是在Domain.com上注册的,则可以按照以下说明进行操作。

    首先,您需要登录到Domain.com帐户,然后单击左侧的DNS & Nameservers链接。

    dns-and-nameservers-domaincom-1

    如果您有多个域,请确保页面顶部面包屑导航中选择了你需要修改MX记录的域名。

    select-correct-domain-domaindotcom-1

    接下来,向下滚动DNS记录列表以查找域名的MX条目。点击你需要更改的MX记录旁边的更多图标,然后单击“Edit”链接。

    edit-mx-record-domaindotcom

    在弹出窗口编辑MX记录。只需在“Content”框中输入新的MX记录。示例图中使用G Suite MX记录。

    您可以将“Name”和“Type”保留为默认值。之后,您需要输入Google Workspace(以前称为G Suite)或您的电子邮件主机指定的内容,TTL(生存时间)和优先级。然后,单击Update DNS按钮。

    changing-mx-record-domaincom

    使用相同的MX记录,对其他MX条目重复此操作即可。在本教材演示的是ASPMX.L.GOOGLE.COM。

    完成相关操作后,你应该在列表中可以看到更改的MX记录。

    changed-records-google-domaincom

    一些有用的信息:

    1.QQ企业邮箱的MX记录

    邮件服务器名:mxbiz1.qq.com 优先级:5
    邮件服务器名:mxbiz2.qq.com 优先级:10

    2.163企业邮箱的MX记录

    邮件服务器名:mx.qiye.163.com 优先级 10
    邮件服务器名:mx2.qiye.163.com 优先级 50

    使用Bluehost更改MX记录

    Bluehost是市场上最好的WordPress网站托管公司,同时提供域名注册。

    如果您在Bluehost中注册了域名,那么您可以按照以下说明将MX记录添加到您的域名中。

    首先,您需要登录到Bluehost帐户并切换到左侧栏中的“Domains”选项卡。之后,点击域名旁边的管理下拉菜单,然后选择DNS选项。

    domains-manage-dns-bluehost-1

    然后,将看到域名的DNS详细信息页面。

    bluehost-dns-settings-page

    现在,向下滚动到“ MX(Mail Exchanger)”部分。继续并单击顶部MX记录旁边的更多图标,然后选择“Edit”。

    edit-mx-record-bluehost

    在下一个窗口页面,即可可以编辑MX记录。只需更改G Suite或其他电子邮件服务提供商指定的priority(优先级),Points To(指向服务器)和TTL值。

    changing-mx-record-bluehost

    不要忘记单击“Save”按钮来保存你的设置。

    继续并对其他MX记录重复编辑过程。一般情况下,G Suite或其他电子邮件服务提供商都需要设置两条MX记录。

    changed-records-google-bluehost

    使用SiteGround更改MX记录

    SiteGround是受欢迎的专业WordPress网站托管公司,国内许多做对外的网站都使用了他们的主题。不过小编更喜欢的是LinodeVultr

    如果你的域名是在SiteGround注册的,则可以按照以下说明更新MX记录。

    首先,您需要登录到SiteGround帐户,然后转到“Websites”标签。然后,单击您域旁边的cPanel按钮。

    siteground-websites-cpanel

    接下来,向下滚动到cPanel的“Mail”部分,然后单击“Advanced MX Editor”按钮。

    cpanel-advancedmxeditor-siteground

    现在,您需要从下拉列表中选择您需要修改MX记录的域名。

    mx-records-select-domain-siteground

    之后,您需要选择“Remote Mail Exchanger”选项。然后,您可以输入G Suite或其他电子邮件服务提供商指定的优先级和指向域名。

    只需单击“Add New Record”按钮,即可添加MX记录。

    add-mxrecord-siteground

    使用HostGator更改MX记录

    HostGator是许多WordPress网站使用的大型托管公司。

    注意:您需要HostGator的托管帐户才能更新您的MX记录。如果您仅在他们那里注册了域名,则无法更改MX记录。

    如果您在HostGator注册了域名并在HostGator上拥有托管帐户,则可以按照以下说明更新MX记录。

    首先,您需要登录到HostGator帐户。然后,单击侧栏中的“Hosting”选项卡。

    在您的域名下方,点击cPanel链接。

    hostgator-cpanel-link

    在新选项卡打开cPanel界面,点击左侧的Email链接后跳至页面的“Email”部分,单击右侧的“MX Entry”按钮。

    hostgator-cpanel-email-link

    接下来,向下滚动到“MX Records”部分,只需单击现有记录旁边的“Edit ”。

    hostgator-edit-mx-record

    你可以将priority(优先级)更改为1,将destination更改为ASPMX.L.GOOGLE.COM(这是教程的示例,此处应该改为你的邮件服务商要求的地址)。单击Edit按钮以保存更改。

    hostgator-changed-mx-record

    保存成功后,你会在MX Records列表列出的新记录。您也可以使用上方的“Add New Record”按钮添加新的MX记录。

    hostgator-add-new-mx-record

    使用GoDaddy更改MX记录

    GoDaddy是一家最流行的虚拟主机和域名公司,估计是全球最大的域名注册提供商。

    如果您使用GoDaddy注册了域,则可以按照以下说明更新MX记录。

    首先,登录您的GoDaddy帐户。接下来,单击导航菜单中的DNS下拉菜单,然后选择Manage Zones。

    godaddy-dns-manage-zones

    接下来,搜索需要更改或者新增MX记录的域名。该域名必须是您已经在GoDaddy中注册的域名。

    选择域后,向下滚动页面,您将看到记录列表。在这里,您需要查找和编辑MX记录。如果您没有任何MX记录,则只需单击列表下方的ADD按钮。

    godaddy-add-dns-record

    接下来,从“Type”下拉列表中选择MX。然后,输入第一个MX记录的详细信息。以G Suite为例,这些详细信息是:

    • Host: @
    • Points to: ASPMX.L.GOOGLE.COM
    • Priority: 1

    继续并单击“Save”按钮以保存MX记录。

    godaddy-add-mx-record

    要添加其他MX记录,只需再次单击“Add ”按钮。

    godaddy-mx-records-in-list

    使用Namecheap更改MX记录

    Namecheap是另一个受欢迎的域名注册公司,提供超值域名。

    如果您使用Namecheap注册了域,请按照以下说明更新MX记录。

    首先,继续并登录到您的Namecheap帐户。之后,您需要转到Domain List » Advanced DNS

    namecheap-domains-tab

    接下来,向下滚动页面至“Mail Settings”部分。单击下拉菜单,然后选择Custom MX。

    namecheap-domain-settings-custom-mx

    输入MX记录的详细信息。以G Suite为例:

    • Host: @
    • Mail Server: ASPMX.L.GOOGLE.COM
    • Priority: 1
    • TTL: 60

    最后单击“Save All Changes”按钮以保存新的MX记录。

    mx-record-save-changes

    也可以通过“Add New Record”按钮来添加更多记录。

    namecheap-mx-record-add-new-record

    小结

    上述MX记录修改或者新增教程主要针对国外的域名服务商,如果你的域名是在国内的域名注册服务商购买,MX记录设置可以参考QQ企业邮箱编写的教程,非常全面。

    设置MX记录后,请确保按照其他步骤正确设置电子邮件或SMTP帐户。

    接下来,您可能需要设置WordPress网站以使用电子邮件/SMTP服务提供商发送电子邮件,如果你使用的是闪电博的WordPress主题,可以参考SMTP邮局设置教程

    你也可以接用WP Mail SMTP插件,帮助你使用SMTP来接管所有的WordPRess电子邮件,而无需进行任何复杂的设置。

  • 如何在WordPress嵌入iFrame代码

    iFrame提供了一种无需上传即可将视频或其他内容嵌入网站的简便方法。腾讯视频、B站等许多第三方平台都允许用户使用iframe嵌入其网站中的内容。

    在本教程中,将介绍在WordPress中嵌入iFrame代码的三种办法。

    WordPress嵌入iFrame代码

    什么是iFrame?

    通过iFrame,您可以在网站上嵌入视频或其他内容。这意味着您可以在站点上显示视频而无需上传该视频至你的网站。

    iframe就像在网站上打开一个窗口以显示外部内容一样,实际内容从嵌入的源中加载。

    添加iframe,需要添加特殊的HTML代码。但操作都比较简单,后面会详细介绍如何将iFrame嵌入WordPress的三种方法。

    为什么使用iFrames?

    使用iFrame的一个关键原因是避免必须在自己的网站上上传视频或其他资源,以免占用大量的带宽和存储空间。

    另外,通过iFrame,还可以避免侵权问题。您无需下载视频或其他内容后再将其上传到网站,只需使用iFrame将其添加到页面即可。

    另一个优点是,如果原始内容更改了,iFrame嵌入的方式也会自动更新内容。

    为什么使用iFrames

    使用iFrame也有一些缺点。并非所有网站都允许将其内容放入iFrame。另外,对于您的页面而言,iFrame可能会变得太大或太小,因此您需要手动对其进行调整。

    另一个问题是HTTPS网站只能使用iFrame嵌入其他HTTPS网站内容。同样,HTTP站点只能使用iFrame嵌入其他HTTP站点内容。

    这就是为什么像WordPress这样的许多平台都喜欢oEmbed的原因。您只需将URL粘贴到WordPress帖子中,即可使用oEmbed嵌入视频以及其他类型的内容。内容将自动调整为合适的大小,且兼容移动设备。

    重要提示: WordPress不支持针对Facebook和Instagram的oEmbed。

    iFrames的另一个绝佳选择是使用社交信息流插件。推荐使用Smash Balloon插件,以实现显示来自Facebook,Instagram,Twitter和YouTube的内容。

    下面让我们详细看看如何将iFrame添加到网站的三种不同方式。

    1.使用嵌入代码在WordPress中添加iFrame

    许多大型网站的内容都有“嵌入”选项,以iFrame代码提供其网站内容。

    举了例子,如果你需要分享B站的视频,你只需要在具体的视频页面,点击视频播放器下方的分享按钮,即可看到嵌入代码,如下图所示:

    B站视频分享嵌入代码

    单击“复制”按钮以复制代码。

    然后,将该代码粘贴到WordPress网站上的任何文章或者页面。我

    下面我们将演示将代码复制粘贴到页面的块编辑器(古腾堡编辑器)。

    通过WordPress仪表板中的页面»新建页面,即可创建新页面。然后,将HTML块添加到这个页面。

    古腾堡自定义HTML

    现在,您需要将B站的视频分享iFrame代码粘贴到该块中。

    HTML代码演示

    通过预览或发布页面以查看嵌入其中的B站视频。

    B站视频分享

    提示:如果使用的是旧版经典编辑器,则需要在“文本”视图中添加iFrame代码。

    B站iFrame代码示例

    注:在经典编辑器上的可视化和文本视图之间切换可能会导致iFrame代码出现问题。

    2. 使用iFrame插件实现iFrame代码嵌入

    此方法比第一种方法更实用,因为它允许您创建iframe来嵌入任何来源的内容,即使该来源未提供嵌入代码。

    首先,您需要安装并启用iFrame插件。

    启用后,该插件无需进行设置即可工作。编辑或创建文章、页面。然后,添加一个简码(shortcode)块。

    古腾堡编辑器简码

    之后,您可以使用此短代码输入iFrame代码。

    [iframe src="URL goes here"]

    只需将 URL goes here  替换为您要嵌入到站点中的内容URL。举个例子,嵌入百度地图。

    提示:您可能需要使用“嵌入”选项来获取内容的URL。但你只需要使用URL,而无需使用其余的嵌入代码。

    iframe简码 预览或发布文章,即可查看网站上嵌入的百度地图。

    iframe嵌入百度地图演示

    您还可以在iFrame短代码添加参数,以更改嵌入内容的显示方式。例如,设置宽度和高度,添加或删除滚动条或边框。这些参数信息可以在iFrame插件页面上找到。

    提示:如果使用的是经典编辑器,则只需将简码粘贴到帖子或页面中。您无需切换到“文本”视图。

    直接贴入iframe代码

    3. 手动创建iFrame代码并嵌入WordPress

    如果不想使用iFrame插件,则可以手动创建iFrame代码。为此,您需要在WordPress内容编辑器中添加HTML块。

    古腾堡编辑器HTML块

    然后将下面iframe代码粘贴到HTML块中。

    <iframe src="URL goes here"></iframe>

    将“URL go here”替换为嵌入的内容的URL地址。继续以百度地图为例:

    HTML块引入iframe代码

    你还可以设置HTML标签其他参数。例如,设置iFrame的宽度和高度,以下代码表示将嵌入内容显示为600*300像素。

    <iframe src="URL goes here"></iframe>

    如果嵌入内容受限于版块宽度,则这很有用。

    百度地图iframe嵌入演示

    希望本教程能帮助您学会如何将iFrame代码嵌入WordPress。

  • WordPress文章高亮文本设置教程

    使用高亮标注文本以突出作者需要重点说明的点,并能够起到吸引用户的注意力。可以使用高亮文本突出显示诸如号召性用语,特价商品,或者仅强调特定句子。

    在本文中,将会详细说明如何在WordPress文章或者页面编辑中高亮显示文本。

    高亮文本设置教程

    为什么以及何时高亮显示文本

    高亮显示文本是强调内容中重要信息的简便方法。这有助于将用户的注意力吸引到重要的号召性用语上。

    以下是高亮突出显示的示例:

    高亮文本示例

    默认情况下,WordPress内容编辑器不支持选择并高亮显示任何文本的选项。一般情况下只能够通过使斜体,更改文本颜色或粗体来强调文本。

    古腾堡编辑器块更多操作如果需要对特定的文本进行高亮显示,你可以参考以下方法:

    方法1.使用插件实现文本高亮显示

    高亮突出显示文本的最简单方法是使用WordPress插件。

    首先,您需要安装并启用Advanced Editor Tools插件。

    Advanced Editor Tools (以前称为TinyMCE Advanced)将会提供更多格式设置选项,以增强WordPress古腾堡编辑器。

    启用插件后,即可在编辑文章或者页面时对特定文本设置高亮。只需选择要修改的文本,然后单击下拉箭头以获取更多格式选项。

    Advanced Editor Tools插件

    从下拉菜单中,您需要选择“Mark”选项。这将使用默认颜色突出显示文本。

    但是,实际颜色可能会因您的WordPress主题颜色而异。现在,保存文章/页面并进行预览,即可查看高亮显示文本的效果。

    Advanced Editor Tools插件高亮效果演示

    但是,如果高亮文本并非经常需要用到的功能,安装插件似乎就有点多余。那么你可以尝试无插件的情况,通过HTML代码方法实现文本高亮。

    方法2. 手动编辑代码实现文本高亮

    虽然涉及到代码,但实现起来非常简单。

    在此示例中,我们将使用HTML-‘mark’元素。这可以用来高亮显示特定文本。

    只需在要高亮显示文本的地方编辑文章或页面。接下来,转到包含文本的段落,然后单击块工具栏中的更多菜单按钮,选择“作为HTML编辑”选项。

    HTML代码mark元素

    接下来,将会看到HTML格式的原始文本。只需将要高亮显示的文本包在<mark></mark>标记内,如下所示:

    <mark>highlighted text</mark>
    <mark>highlighted text</mark>
    <mark>highlighted text</mark>

    现在,可以通过再次单击更多按钮并在下拉菜单中选择“可视化编辑”来切换回可视模式。

    可视化编辑

    区块将切换回可视模式,可以看到所选文本已经高亮显示。

    mark标记高亮显示效果

    基于WordPress主题,高亮显示的文本可能看起来有所不同。但是,通常为黄色背景。

    如果您想更改它,可以通过添加自定义CSS来实现。转到外观»自定义页面,选择“额外CSS”标签。

    注:如果你安装的是闪电博的WordPress主题,在主题设置界面,一般都会提供有自定义CSS功能。

     

    额外CSS设置

    贴入自定义CSS,如下:

    mark {
    background-color: #f00;
    }
    

    完成后,点击“发布”按钮以保存您的更改。访问WordPress已设置高亮文本的文章或者页面查看高亮文本效果是否生效。

    自定义高亮文本背景色

    希望本教程可以帮助您学习如何在WordPress中设置高亮文本。enjoy!

  • 如何为WordPress网站配置SMTP发信邮局

    默认情况下,WordPress使用不可靠的PHP邮件功能,并且所发出的电子邮件经常会被邮件服务商标记为垃圾邮件。使用SMTP服务器是确保WordPress电子邮件可传递性的最佳方法。

    在本教程中,我们将详细介绍如何使用免费的SMTP服务器发送WordPress电子邮件。

    配置SMTP发信邮局

    为什么使用SMTP服务器发送WordPress电子邮件?

    WordPress站长经常遭遇无法发送电子邮件问题,解决此问题的最简单方法是使用SMTP服务器。

    默认情况下,WordPress通过PHP mail发送电子邮件。不幸的是,并非所有WordPress所托管的服务器正确配置PHP mail,再说大部分国内的服务器提供商已经禁用了服务器邮局功能。

    此外,即使使用PHP mail成功发送了电子邮件,也可能会被邮件接收服服务器错误地识别为垃圾邮件。

    确保WordPress电子邮件可传递性的最佳方法是使用SMTP服务器。这是在Internet上发送电子邮件的标准协议。

    SMTP服务器使用正确的身份验证来确保电子邮件是由授权发件人发送的。这样可以提高可传递性,并且电子邮件可以安全地进入用户的收件箱。

    要在WordPress网站上使用SMTP服务器,需要借助第三方插件来实现。当然部分WordPress主题也附带了SMTP邮局功能,比如闪电博提供的WordPress付费主题

    如果需要使用插件实现,我们推荐使用WP Mail SMTP插件,它是目前WordPress的最佳SMTP插件,即使免费版本也能够满足站长的基本需求。

    使用WP Mail SMTP插件配置SMTP邮局

    第一步是安装并启用WP Mail SMTP插件

    启用后,进入WordPress管理后台中的 WP Mail SMTP » Settings 页面进一步设置。

    WP Mail SMTP设置

    您需要先输入“From Email(发件人电子邮件)”和“From Name(发件人姓名)”。WordPress电子邮件将以你设置的电子邮件地址和名称发送。

    此外务必选中“Force From Name”复选框,以确保来自WordPress站点的所有电子邮件都是通过SMTP服务器以设置好的电子邮件地址发出。

    提示:只需勾选“Force From Name”即可保证所有电子邮件都来自相同的名称,即可忽略其他插件(例如WPForms)的设置。

    WP Mail SMTP发件人设置

    接下来,需要选择一个SMTP邮件服务,如下图所示。

    WP Mail SMTP发信邮局设置

    注:下面的教程将会以列表中的SMTP服务器为例子进行说明,如果你要使用163邮箱或者QQ邮箱提供的SMTP服务,建议阅读163邮箱&QQ邮箱SMTP邮局设置教程。国内网站建议尽可能选择国内的SMTP服务器,而不是国外的SMTP服务器。

    下面将介绍多个海外不同的免费SMTP服务。您需要保持WP Mail SMTP设置选项卡打开,然后按照所选SMTP服务的说明进行操作。

    使用Sendinblue提供的SMTP服务器发送邮件

    Sendinblue支持每日最多发送300封免费电子邮件。

    首先,需要在Sendinblue网站上创建一个帐户。验证你的电子邮件地址后,网站会要求您选择一个Sendinblue付费计划。点击“Continue with a Free plan”按钮进入下一步。

    Sendinblue免费套餐

    接着,你需要输入收到确认码已完成注册步骤。注册成功后,进入Sendinblue管理仪表盘。

    Sendinblue账号后台

    在继续之前,你需要访问域名管理创建一个子域,例如mail1.yourdomain.com。(在这里就不对子域名设置展开说明了)

    创建子域后,将其添加到您的Sendinblue帐户中。转到“Settings”页面。在此页面上,滚动到“Your Senders and Domains”部分,然后单击其下面的“Configure”按钮。

    Sendinblue域名设置

    接下来,点击“Domains”标签,然后点击“Add a New Domain”按钮。

    Sendinblue域名添加

    输入前面你配置好的域名子域,例如mail1.yoursite.com。确保选中复选框,以确认要使用域名对电子邮件进行数字签名。然后,单击“Save”按钮。

    Sendinblue域名添加验证

    保存后,将会出现一个弹出列表,要求您进行验证域步骤。默认验证方法为上传文件,又或者使用添加DNS条目。可以根据自己的便利性选择合适的方法。(关于域名验证的步骤,小编就不再展开说明,毕竟所有域名验证的步骤都大同小异)

    Sendinblue域名DNS验证

    提示:如果误关闭了此弹出窗口,可以通过点击子域旁边的“Verify This Domain”链接来重新验证域。

    Sendinblue域名验证

    完成文件上传或者添加DNS条目后,返回Sendinblue并继续往下走。

    Sendinblue域名验证DNS记录

    提示: DNS更改最多可能需要24到48小时才生效。如果验证失败,请在几个小时后重试。或者改用上传文件验证。

    完成此操作后,您还需要再输入两个DNS TXT记录,以便Sendinblue可以对从您的域发送的电子邮件进行身份验证。这提高了可传递性。

    在Sendinblue中,单击您域旁边的“Manage”下拉菜单,然后选择“Authenticate this domain”选项,进一步验证域。

    您将看到一个弹出窗口,其中包含需要添加的DNS记录的详细信息。您只需要添加前3个DNS记录,如果前面做了一次DNS条目验证,则第三个无需再添加,第四个可以忽略。

    Sendinblue域名DNS记录验证

    每当你在域名管理添加了DNS TXT记录,点击对应的“Record Added. Please Verify It”进行验证。

    完成上述步骤,返回WP Mail SMTP设置页面,然后找到API Key输入框,点击“Get v3 API Key”链接。

    Sendinblue授权API key

    这将会在新标签中打开您的Sendinblue帐户的SMTP&API页面,复制API KEY即可。

    Sendinblue授权API key生成

    再次返回WP Mail SMTP设置页面并粘贴API KEY,点击Save Settings即可。

    WP Mail SMTP设置API Key

    完成上述操作后,只需要等待Se​​ndinblue激活您的帐户即可发送测试邮件,看设置是否成功。

    使用Gmail提供的SMTP服务器发送邮件

    注:国内不能直接使用谷歌的API服务,需要梯子辅助!

    如果你的网站主要是面对国外访客,也可以考虑使用免费的Gmail帐户发送SMTP电子邮件。如果您还没有Gmail帐户,需要创建一个帐户,然后再按照下面的说明进行操作。

    首先,确保安装并启用了WP Mail SMTP插件。在 WP Mail SMTP » Settings 页面上,选择Gmail作为Mailer。

    在下一个界面,您将会看到需要输入Client ID,Client Secret及URL,不要关闭此页面。

    WP Mail SMTP插件Gmail配置

    访问Google Developers Console网站,同意条款和条件后,点击“Create Project”按钮。

    Google开发者项目创建

    输入项目名称后,点击Create按钮进入下一个步骤。

    Google新项目创建

    在项目仪表盘,点击“Enable APIs and Services”按钮。

    Google新项目API启用

    进入到谷歌的API库,在搜索栏中输入“Gmail”进行搜索。

    Gmail服务API

    在搜索结果中找到Gmail API,点击进入下一步。

    Gmail服务API2

    接下来,您将看到有关Gmail API的一些信息,单击Enable按钮。

    Gmail服务API启用

    启用该API可能需要花费几秒钟,接下来点击“Create Credentials”按钮。

    Gmail服务API凭证创建

    在下一个步骤,您需要完成以下选项设置:

    • 您正在使用哪个API?-Gmail API
    • 您将从哪里调用API?-Web browser (Javascript)
    • 您将访问哪些数据?-User data

    最后点击“What credentials do I need?”。

    Gmail服务API凭证信息填写

    将会弹出窗口提示创建OAuth同意,点击“Set Up Consent Screen”链接即可。

    Gmail服务API同意协议

    OAuth同意界面将在新标签中打开。在这里,您需要选择“External”类型,然后单击“Create ”按钮。

    Gmail服务API同意协议类型

    接下来,需要填写应用名称及支持邮件地址。

    google oauth app注册信息填写

    向下滚动到“Authorized domains”部分,单击“Add Domain”按钮,然后输入网站域名。

    注:域名无需填写httphttps或者www

    接填写开发者联系邮箱,点击“Save and Continue”按钮。

    Google APP开发者联系信息

    在“Test users”步骤,单击“Add Users”按钮,输入您的Gmail地址。

    Google APP测试用户

    然后,再次按“保存并继续”。继续并返回到其他选项卡以设置项目的凭据。您可以输入任何名称,也可以直接保留默认名称。

    在“Authorized JavaScript origins”中,输入网站的域名。

    在“Authorized redirect URIs”,您会找到需要在WP Mail SMTP的设置中输入重定向URL(这部分信息很重要,复制保存下来)

    创建OAuth和客户端ID

    点击下方的“Refresh”按钮,即会出现“Create OAuth client ID”按钮,点击进入最后步骤。

    创建OAuth和客户端ID-2

    至此,已完成Google Web应用程序创建,单击“Done”按钮。

    创建OAuth和客户端ID-3

    跟着下来,将看到列出刚刚创建Web应用程序,单击其旁边的编辑图标。

    Google Web APP列表

    即可看到WP Mail SMTP插件设置所需要的Client IDClient Secret(这部分信息很重要,复制保存下来)

    Web APP客户端ID和密钥

    将“这部分信息很重要”内容复制并粘贴到WP Mail SMTP设置页面中。然后,继续并单击“Save Settings”按钮。

    WP Mail SMTP客户端ID及密钥设置

    页面刷新后,向下滚动,然后单击“Allow plugin to send emails using your Google account”按钮。

    WP Mail SMTP邮件发送授权

    在打开的弹出窗口,选择您的电子邮件帐户。您将看到一个警告界面,只需单击“Advanced”链接,然后单击左下角“Go to wpmailsmtp.com”链接(忽略安全提醒,因为这个APP是你自己创建的)。

    APP授权步骤

    Google将会弹出窗口,要求您授予权限。继续单击“Allow ”按钮。

    谷歌APP授权提醒

    Google会让你再次勾选确认,单击“Allow”按钮即可。

    谷歌APP授权同意确认

    最后,将会返回到WP Mail SMTP插件界面。您将会看到一条消息,确认您已成功将网站链接到Google API项目。

    完事,自己给自己发个测试邮件,看SMTP邮局是否生效。

    使用MailGun提供的SMTP服务器发送邮件

    MailGun是另一个广受欢迎的SMTP电子邮件服务提供商,支持3个月内免费发送电子邮件5,000封/月。

    首先,访问MailGun网站点击“Start Sending”按钮以注册一个帐户。

    MailGun要求填入信用卡详细信息(这一点不太友好,不过老外经常喜欢这么干)。如果超出免费的范围,则将按0.80美元/每1,000封电子邮件收费。

    完成后,点击页面底部的“Create Account”按钮。

    MailGun账号注册

    然后您将会进入帐户仪表盘。

    MailGun账号管理后台

    在继续设置下面的步骤之前,务必登入你的注册邮箱找到来自Mailgun的验证电子邮件,点击电子邮件中的链接激活您的Mailgun帐户。

    提示:您还将收到一封电子邮件,通知您API密钥已添加到Mailgun帐户中。

    Mailgun邮箱验证

    点击验证链接后,将提示您输入并验证您的手机号码。接下来,再次回到Mailgun仪表板。

    同样,Mailgun也要求创建一个网站域名的子域,例如mg.yourdomain.com(此处不展开说明)。

    创建子域后,返回到Mailgun仪表板,然后转到 Domains » Subdomains 页面。

    mailgun新增域名

    接下来,输入前面创建好的域名子域。

    只需将“Domain region”设置为US即可,除非您在EU内。

    点击下面的“Advanced Settings (DKIM)”链接进入DKIM设置。

    选中“Create DKIM Authority”复选框,“DKIM key length”选择为2048。

    然后,继续并点击“Add Domain”按钮。

    mailgun新增子域名设置

    您将进入域名验证步骤-“Add DNS records for sending”。

    mailgun新增子域名DNS记录

    您需要登录域名管理网站的域名解析管理,并将特定的DNS记录添加到您的子域中。同样,不对域名验证部分展开说明。根据相关提示操作即可。

    在域名解析管理按要求输入TXT和MX记录后,点击页面底部的“Verify DNS Settings”按钮。

    接着您将看到一个询问您要如何发送电子邮件的界面。忽略它,转到Settings » API key页面。点击Private API key旁边的查看按钮后将其复制。

    mailgun生成隐私API密钥

    接下来,将复制好的private API key粘贴到WP Mail SMTP设置中。同时输入前面设置的子域名和选择了正确的区域,最后点击“Save Settings”按钮。

    WP Mail SMTP插件Mailgun配置

    最后还是测试下所设置的SMTP邮局是否有效,尝试给自己发封邮件看看。

    使用SendGrid提供的SMTP服务器发送邮件

    SendGrid提供前30天内免费发送最多40,000封电子邮件。之后,每天最多提供100封免费电子邮件。

    首先,访问SendGrid网站并单击“Start For Free”按钮来创建免费帐户。

    创建帐户后,进入SendGrid仪表盘。

    第一步,单击“Create a Single Sender”按钮创建发件人身份。

    SendGrid创建发件人

    然后,输入发件人姓名、发件人邮箱地址,接受回复邮件邮箱地址,公司地址及其他地址信息,昵称等。

    重要提示:From Email Address必须与WP Mail SMTP设置的“From address”的电子邮件地址相同。

    SendGrid发件人信息填写

    然后,在“Senders ”表中可以看到您的详细信息。

    SendGrid发件人信息资料

    您将收到验证电子邮件邮件,以验证此公司电子邮件地址。

    verify-single-sender-sendgrid

    成功验证电子邮件地址后,点击侧边栏中的“Dashboard”链接返回到SendGrid仪表盘

  • WordPress网站免费SSL证书申请及配置教程

    SSL证书申请及配置教程

    在WordPress网站上安装SSL证书,既是顺应互联网发展之要求,也是网站信息加密之所需。

    网站拥有SSL证书将启用HTTPS,这可确保不会以纯文本形式传递任何信息。我们建议所有站点都使用HTTPS,因为它具有除安全性之外的许多其他好处,如SEO、信任、避免浏览器警告等。

    如何安装SSL证书

    对于WordPress网站安装SSL(TLS)证书,小编仅针对最为常见的三种安装方式进行讲解。

    选项1 –宝塔安装免费SSL证书

    如果您的VPS服务器安装部署了宝塔控制面板,那安装免费SSL证书是一件非常简单的事情。

    第1步

    登录到宝塔控制面板后台,然后进入“网站”管理列表,找到你需要安装SSL证书的网站,点击操作“设置”。

    宝塔网站设置

    在宝塔控制面板中选择一个站点

    第2步

    使用宝塔面板安装SSL证书,主要推荐两种方式:宝塔SSL(1年免费TrustAsia DV SSL CA证书,期满可续订)或者Let’s Encrypt免费证书(3个月免费,可续订)。

    (1)Let’s Encrypt证书安装

    在网站设置弹窗窗口,点击左侧菜单“SSL”,然后切换至Let’s Encrypt标签项,选择验证方式为“文件验证”及勾选你需要安装SSL证书的“域名”,最后点击“申请”。

    Let's Encrypt证书申请

    申请后,稍等片刻,系统将会自动为您创建SSL证书并完成部署。

    Let's Encrypt证书部署

    注:

    • 申请之前,请确保域名已解析,如未解析会导致审核失败
    • Let’s Encrypt免费证书,有效期3个月,支持多域名。默认会自动续签
    • 若您的站点使用了CDN或301重定向会导致续签失败
    • 在未指定SSL默认站点时,未开启SSL的站点使用HTTPS会直接访问到已开启SSL的站点
    • 如开启后无法使用HTTPS访问,请检查安全组是否正确放行443端口

    (2)宝塔SSL证书安装

    如果你嫌上面的Let’s Encrypt免费证书有效期过短(实际上可以续订),那也可以申请宝塔的SSL正式(该证书实际上是TrustAsia DV SSL CA – G5证书)。

    首先你必须完成宝塔账号实名认证,否则无法由宝塔提供的1年免费的TrustAsia DV SSL CA – G5证书。

    注:宝塔实名认证,可以是个人或者企业实名认证,其中个人实名认证务必保证手机号码、姓名和身份证三个信息准确,且手机号码不能为电信号码、携号转网号码(官方说的)。

    同在网站设置弹窗窗口,点击左侧菜单“SSL”,然后切换至宝塔SSL标签项,选择你需要申请宝塔SSL的域名,点击“申请”。

    TrustAsia DV SSL CA - G5证书申请

    成功申请后,点击“部署”操作即可。(部署完成,同样会跳转至Let’s Encrypt标签页,这有点不太合理的交互)。

    TrustAsia DV SSL CA - G5证书部署

    注:TrustAsia DV SSL CA – G5证书1年有效期结束后不能够续签,需重新申请。

    第3步

    完成宝塔控制面板的SSL申请及部署后,建议启用强制HTTPS,以保证所有域名访问通过https。

    宝塔强制HTTPS启用

    选项2 –手动部署安装免费SSL证书

    第一步 –申请免费的SSL证书

    你可以通过Free SSL申请注册免费SSL证书。首先你得注册一个Free SSL的账号,然后登录Free SSL网站。在首页,输入你要申请免费SSL证书的域名,点击Create certificate

    FreeSSL官网

    在下一个步骤,无需理会任何选项,直接点“Next Step”

    FreeSSL免费证书申请

    然后,你可以选择90天或者1年的SSL证书,注意,这里千万不要选择第二个选项“1-Yeaar Certificate”,应该选择第一个“90-Day Certificate”

    90天免费SSL证书

    选择生成证书信息的方式,根据自己的实际情况选择,建议选择第三个“Fill in the information”:

    • EmailAddress-电子邮件地址
    • Organization-组织
    • Department-部门
    • City-城市/地区
    • State-省份
    • Country-国家

    免费SSL证书信息填写

    点击提交,浏览器将会下载自动生成一个私钥文件private key,将其保存到浏览器任意位置(后面最终步骤也会在下载的压缩包包含此文件)。

    然后,选择第一个“Free”套餐(注:其他套餐都是付费套餐),点击“Next”,进入下一个步骤。

    FreeSSL套餐选择

    在下个页面,Free SSL还需要对域名进行验证,可以使用邮箱认证、DNS认证和上传文件认证,这里选择最为便捷的文件上传认证作为演示。

    选择“HTTP File upload”,点击“Next”

    FreeSSL域名验证

    根据提示的信息创建一个txt文本,其中Auth value对应的值作为txt文本的内容,Auth path对应的值作为txt文件名,最后将创建好的txt文件上传至服务器网站根目录下的.well-known/pki-validation

    FreeSSL域名验证-文件上传验证

    然后点击“Verify Domain”,可能需要一小会的时间。

    注:验证域名的时候,如失败,检查下Auth Path的URL是否能够正常访问。必须支持http访问才可以成功验证,如果启用了强制https,应临时取消。

    验证成功后,点击Certificate列表对应域名右侧的操作项“Operation”下的“Download”,将会下载一个zip压缩包(包括一个key文件合一个pem文件)。

    FreeSSL证书文件下载

    第二步 –部署SSL证书

    (1)宝塔面板部署Free SSL证书

    如果你安装的是宝塔面板,则部署刚才在Free SSL申请的免费证书是一件非常简单的事情。

    登录你的网站服务器的宝塔控制面板后台,点击(1)“网站”菜单,在网站列表中找到需要配置SSL的域名,点击(2)“设置”操作,然后在弹出窗口中(3)选择“其他证书”选项卡。

    宝塔面板其他证书部署

    然后将前面下载的压缩包文件解压得到两个文件:.key和.pem。使用记事本打开,将.key的文本内容复制粘贴到(4)key密钥,及将.pem的文本内容复制粘贴到(5)PEM格式证书,最后点击“保存”即可为网站配置SSL证书。

    (2)自主部署Free SSL证书

    如果服务器安装的是Nginx,则参考以下步骤进行SSL证书部署。

    找到网站的Nginx的网站配置文件,可能存放在/usr/local/nginx/conf/vhost这样的目录下的域名.conf,不同服务器可能不尽相同。在网站的Nginx配置文件添加下列注释的行(相关信息替换成自己网站的):

     

    server
    {
    #在80端口监听行下方增加443端口监听
    listen 443 ssl http2;
    #如果需要http跳转https,在域名指向目录下方增加下面规则,注意将域名更换为自己的域名
    if ($http_host !~ “^bt.wbolt.com$”) {
    rewrite ^(.*) https://bt.wbolt.com$1 permanent;
    }
    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #填写.pem证书的存放路径,注意将证书保存路径改为自己服务器的路径
    ssl_certificate /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.pem;
    #填写私钥的存放路径,注意将证书保存路径改为自己服务器的路径
    ssl_certificate_key /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.key;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    }
    server
    {
    #在80端口监听行下方增加443端口监听
    listen 443 ssl http2;
    #如果需要http跳转https,在域名指向目录下方增加下面规则,注意将域名更换为自己的域名
    if ($http_host !~ “^bt.wbolt.com$”) {
    rewrite ^(.*) https://bt.wbolt.com$1 permanent;
    }

    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #填写.pem证书的存放路径,注意将证书保存路径改为自己服务器的路径
    ssl_certificate /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.pem;
    #填写私钥的存放路径,注意将证书保存路径改为自己服务器的路径
    ssl_certificate_key /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.key;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    }

    server
    {   
        #在80端口监听行下方增加443端口监听 
        listen 443 ssl http2;
        #如果需要http跳转https,在域名指向目录下方增加下面规则,注意将域名更换为自己的域名
        if ($http_host !~ "^bt.wbolt.com$") {
            rewrite  ^(.*)    https://bt.wbolt.com$1 permanent;
            } 
        
        #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
        #error_page 404/404.html;
        #填写.pem证书的存放路径,注意将证书保存路径改为自己服务器的路径 
        ssl_certificate    /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.pem;
        #填写私钥的存放路径,注意将证书保存路径改为自己服务器的路径 
        ssl_certificate_key    /usr/local/nginx/conf/ssl/bt.wbolt.com/bt.wbolt.com.key;
        ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
        ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
        ssl_prefer_server_ciphers on;
        ssl_session_cache shared:SSL:10m;
        ssl_session_timeout 10m;
    }

    如果服务器安装的是Apache,则参照以下步骤进行SSL证书部署。

    找到网站的Apache的网站配置文件,可能存放在/usr/local/apache2.4/conf/httpd.conf,不同服务器可能不尽相同。在网站的Apache配置文件添加下列行(相关信息需替换自己的):

    <VirtualHost *:443>
    #网站路径、域名地址及Log路径均要替换成自己的
    ServerAdmin webmaster@example.com
    DocumentRoot “/www/wwwroot/bt.wbolt.com/”
    ServerName SSL.bt.wbolt.com
    ServerAlias bt.wbolt.com
    #errorDocument 404 /404.html
    ErrorLog “/www/wwwlogs/bt.wbolt.com-error_log”
    CustomLog “/www/wwwlogs/bt.wbolt.com-access_log” combined
    #SSL 以下是配置SSL证书的信息,切记将证书文件路径及文件换成自己的
    SSLEngine On
    SSLCertificateFile /usr/local/apache/conf/ssl/bt.wbolt.com/bt.wbolt.com.pem
    SSLCertificateKeyFile /usr/local/apache/conf/ssl/bt.wbolt.com/bt.wbolt.com.key
    SSLCipherSuite EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5
    SSLProtocol All -SSLv2 -SSLv3 -TLSv1
    SSLHonorCipherOrder On
    #PHP
    <FilesMatch .php$>
    SetHandler “proxy:unix:/tmp/php-cgi-56.sock|fcgi://localhost”
    </FilesMatch>
    #DENY FILES
    <Files ~ (.user.ini|.htaccess|.git|.svn|.project|LICENSE|README.md)$>
    Order allow,deny
    Deny from all
    </Files>
    #PATH 网站路径需替换成自己网站的路径
    <Directory “/www/wwwroot/bt.wbolt.com/”>
    SetOutputFilter DEFLATE
    Options FollowSymLinks
    AllowOverride