作者: tianbao

  • WordPress网站添加暗黑模式图文教程

    现在越来越多的网站都开始跟随Android和iOS的潮流,为访客提供暗黑模式。一些新的WordPress主题会直接附带暗黑模式(又称夜间模式,以下一律称为暗黑模式)切换功能,比如eyes主题,当然也有很多WordPress并没有附带这样的功能。

    本文将会详细介绍暗黑模式及其作用,如何使用插件添加网站暗黑模式及WordPress仪表盘暗黑模式:

    WordPress暗黑模式教程

    什么是暗模式及其作用

    在移动设备和计算机上使用暗黑模式可减少屏幕上的白光。

    某些设备带有夜间模式,实际上使用了较暖的色调。暗黑模式则是使用其他方法-通过在背景中添加深色来实现。

    如果您使用的是iPhone或Android设备,则只需使用切换开关就可以切换到暗黑模式。

    或者,在计算机上使用Chrome扩展程序(例如Night Eye)以暗黑模式查看网站。使用该扩展实现的闪电博官网暗黑模式外观如下:

    闪电博官网暗黑模式

    闪电博官网暗黑模式

    将暗黑模式添加到站点以供用户可选择在查看站点时打开和关闭暗黑模式。该扩展还支持用户通过设置更好地控制网站在暗黑模式下的外观。

    一些热门视频网站也提供暗黑模式,方便用户可以在深夜观看视频,获得更舒适的观看体验。

    YouTube暗黑模式

    YouTube暗黑模式

    除了为网站前端页面添加暗黑模式之外,甚至还可以在WordPress后台也添加暗黑模式。如果您经常在晚上编辑文章,这就非常实用了。

    下面,我们将分别介绍如何为WordPress网站及WordPress仪表盘添加暗黑模式。

    WordPress网站添加暗黑模式教程

    首先,需要安装并启用WP Dark Mode插件。

    启用后,在WordPress后台进入“设置»WP Dark Mode”页面,然后单击“General Settings”选项卡。

    你可以看到默认已经启用“Enable OS aware Dark Mode”,就是说,当访客的设备设置为暗黑模式时,访问者会直接看到您网站的暗黑模式版本。

    “Show Floating Switch”设置也默认启用的。即使用户未在设备上启用暗黑模式选项,他们也可以随时通过插件提供的暗黑模式切换按钮将其站点视图切换为暗黑模式。

    WP Dark Mode插件设置

    WP Dark Mode插件设置

    启用插件后访问您的网站,会在右下角看到该开关。点击它即可将网站切换为暗黑模式:

    暗黑模式按钮

    暗黑模式按钮

    “设置»WP Dark Mode”插件设置页面上还有更多自定义选项。但是,该插件的免费版本会有诸多限制。

    例如,您只需要单击“Display Settings”选项卡即可更改浮动开关的样式:

    WP Dark Mode插件显示设置

    WP Dark Mode插件显示设置

    您还可以使用“Style Settings”选项卡自定义深色模式的颜色:

    WP Dark Mode插件样式设置

    WP Dark Mode插件样式设置

    进行任何更改后,请确保单击“保存设置”按钮。

    注意:使用WP Dark Mode的免费版本,只有前2种浮动开关样式和前2种颜色预设可选。WP Dark Mode的专业版提供了更多的选项,以及在特定时间打开Dark Mode的功能以及添加自定义CSS代码的选项。

    WordPress管理后台添加暗黑模式教程

    WordPress附带了管理后台配色方案,但是没有一种默认配色方案可以减少来自屏幕的白光。对此,我们还是借用插件解决该问题。

    让我们看一下如何将暗黑模式添加到WordPress仪表盘中,以在晚间编辑文章时保护眼睛。

    只需转到设置»WP Dark Mode页面,然后单击常规设置选项卡。然后,将“Enable Backend Darkmode”开关切换到打开位置。

    WP Dark Mode插件后台夜间模式设置

    WP Dark Mode插件后台夜间模式设置

    您将在WordPress管理后台的顶部栏中看到一个新的开关:

    暗黑模式的WordPress后台

    暗黑模式的WordPress后台

    只需单击此开关即可立即将您的WordPress管理后台切换为暗黑模式。

    Tip:如果站点有多个WordPress用户,则每个人都可以根据自己的喜好打开和关闭暗模式。

    由于“Dark Mode”不是管理界面配色方案,也就是可以将其与现有的WordPress管理界面配色方案一起使用。只需转到“用户»Profile”,然后单击“管理界面配色方案”下的一个选项。

    注意,需要关闭暗黑模式才能查看管理配色方案选项:

    管理界面配色方案设置

    管理界面配色方案设置

    在WordPress古腾堡编辑器中撰写文章时,也可以开启暗黑模式。单击左上角的小颜色图标,然后选择要使用的模式:

    古腾堡编辑器暗黑模式

    古腾堡编辑器暗黑模式

    现在,您可以在晚上舒适地在网站上进行文章编辑工作了。

    关于本教程,到此完毕!无论您是希望在网站前端实现暗黑模式,还是后台需要,均可以通过插件实现!

    不过,小编认为所谓“暗黑模式或者夜间模式”,更适合移动端,而不是PC端!

  • WordPress主题模板安装图文教程

    WordPress主题模板图文安装教程

    WordPress是全球范围使用最广泛的CMS内容管理系统。但即时如此,依然有许多初学者不知道如何安装WordPress主题?其实WordPress主题模板安装的方法有几种,并且一点都不复杂。

    下面让我们更深入地了解如何安装WordPress主题。

    哪里找WordPress主题模板

    安装WordPress主题并不难。但是,很难选择适合您需求的主题。

    目前,WordPress官方即提供海量的免费插件主题,并且当中有很多简约实用的主题模板,仅WordPress官方市场即有7400多个主题,尽管大部分功能相对简单。

    除此之外,还可以在诸如MOJO Marketplace,CSS Igniter和StudioPress等市场中找到成千上万的免费和高级WordPress主题。迄今为止,最著名国外主题市场是Themeforest,目前有超过46,000个WordPress主题可供选择。

    当然在闪电博,我们提供更符合国人实用的WordPress主题模板:如Storeys-免费资源下载站WordPress主题RK Blogger-免费WordPress资讯博客主题Inpandora-免费WordPress软件下载主题,都是非常热门的WordPress免费主题模板。

    如何选择合适的WordPress主题

    以下是一些可能帮助到您的信息:

    1. 免费还是付费主题

    使用免费还是付费WordPress主题的争论一直都存在。这跟买国产车还是合资车的争论非常相似,其实没有对错之分,只有合适之分。

    这最终取决于您的预算,在做出最终选择之前,需要考虑一些事项:
    使用WordPress免费主题的优点
    使用免费的WordPress主题具有许多优点:

    • 免费使用,可以随时更换主题,且不会浪费任何金钱。
    • WordPress资源库中的免费主题一般都符合标准,经审核检验过。
    • 在WordPress.org上找到的免费主题与免费插件兼容性良好。

    当然,免费主题也有其一些缺点。

    例如,它们通常功能比较简单或者受限制,过于大众化(免费的,网站使用自然会多很多),并且在使用过程中出现问题,通常几乎没有或者没有及时的支持。更不用说,在WordPress资源库之外找到的免费主题可能编码简单不符合相关标准,安装这些主题的网站存在漏洞及容易受到攻击。
    使用WordPress付费主题的优点
    如使用免费主题一样,付费主题也有其自身的优点:

    • 更好的技术支持,以帮助您修复错误和解决技术问题等。
    • 版本更新更加及时,包括安全性增强和功能升级迭代等。
    • 更多的功能支持,可以满足站长更多的运营需求。
    • 付费主题迭代更新可以兼容WordPress,HTML,CSS和PHP最新版本。

    但是,付费主题确实要花钱。有些付费主题需要每年付款,有些则需要一次性付款(比如闪电博的付费主题)。

    虽然优秀的付费主题价格可能不便宜,但在功能性及技术支持上,WordPress免费主题是无法比拟的。

    2. 深挖利基市场

    WordPress可以满足所有类型的网站的需求,因为有各种各样的WordPress主题帮助您实现。但在决定使用何款WordPress主题之前,应该先了解自己的细分市场,这将有助于您找到具备所需设计和功能的WordPress主题。

    例如,如果您需要使用WordPress搭建一个电子书资源网站,则需要寻找适合电子书网站的WordPress主题(如elib主题,其实该主题应用于电影资源网站也是可以)。又或者您希望搭建一个新闻资讯类的WordPress网站,则像eyes这样的主题则可以满足你的需求。

    要作出明智的决定,作为站长的你应该考虑要发布的内容类型,主题需要的关键功能,目标受众以及要从事的行业,以便缩小选择范围并做出正确的决定。

    3. 使用可靠来源

    任何可以开发WordPress主题并从中获利的人都会。但是事实是,仅仅因为有人开发了WordPress主题并不意味着它就可以摆脱不良代码,病毒甚至垃圾邮件链接。

    如果您决定使用免费的WordPress主题,那么最好的去处是WordPress资源库,或者至少经营良好的WordPress主题提供商网站。无论是付费主题还是免费主题,在使用前应该留心以下要点:

    • 作者声誉
    • 更新频率
    • 良好评论
    • 销售/下载数量

    最后,无论您使用哪种类型的WordPress主题都无关紧要,真正重要的是,避免使用盗版的WordPress付费主题,否则在站点安全隐患无处不在,被有心之人留有后门或者漏洞未能得到修复……

    4. 简约至上

    许多站长很容易陷入流行的多功能WordPress主题(例如Avada或X,国内主题也有不少,在这里就不公开讨论了)。尽管这些主题可能具有某些人所需的功能和设计,但很多时候站长只是使用其中的三分之一的功能,部分功能则成为累赘。

    而事实是,简单往往会更好。这不是说,不需要功能,而是应该做到实用至上。

    对于初学者来说尤其如此。有时,多用途主题具有太多功能,学习曲线陡峭,并且会影响网站的速度和性能(在采用一款主题之前,应了解主题的加载速度)。

    5. 响应式设计

    不要与移动友好的设计相混淆,响应式设计对于为移动设备访问者提供最佳的用户体验是必不可少的。

    兼容移动设备的WordPress主题意味着,无论网站访问者通过什么设备访问您的网站,它都将显示相同的内容。网站访问者将能够查看您网站的所有内容,且体验良好,然后CTA按钮设计合理。也就是说,无论访问您网站的设备或屏幕大小,网站上的所有元素都不会改变。

    要检查主题是否兼容移动设备,请使用Google的移动设备兼容测试(闪电博所有WordPress主题均通过了此测试)。

    WordPress主题模板安装图文教程插图1

    Google移动友好测试

    另一方面,响应式设计的WordPress主题意味着,当网站访问者使用移动设备访问网站时,网站将根据屏幕大小进行调整。网站上的所有元素将自适应调整无缝呈现,以便访客获得极致的浏览体验。

    要检查响应式设计,可以使用免费的响应式检查器(Responsive Checker)

    Responsive Checker

    Responsive Checker

    使用这个在线工具的好处是,您可以使用多种设备类型(包括笔记本电脑,平板电脑和手机,遗憾的是该工具并未能够更新最新的设备)评估您的网站响应式设备兼容情况。此外,你可以像真正使用移动设备访问网站一样浏览该网站,以确保网站外观和功能符合网站访问者的期望。因此,使用Responsive Checker进行移动端兼容测试也是一个很好的选择!

    6. 主题技术支持评估

    使用任何一款WordPress主题时都有可能遇到需要技术支持的时候。这就是为什么要与主题开发者或其技术团队保持联系。

    在使用一款WordPress主题之前,站长应该了解该主题是否提供技术支持及提供哪些支持。一般情况下,大多数WordPress免费主题都不提供技术支持。

    7. 功能考虑

    最后,站长应该考虑WordPress主题附带的功能。无论免费还是付费的主题,主题功能理论上应该符合以下大多数要点:

    • 社交媒体分享
    • 内置SEO优化(或兼容主流SEO插件)
    • 主流浏览器兼容性
    • 兼容页面编辑器
    • WordPress插件兼容性
    • 多语言和翻译支持
    • 电子商务支持

    当然,每个人对网站需要都不一致。上述注意事项只是为你提供参考意见,实际情况应因站制宜,比如于国人来说,多语言和电子商务支持很多时候是非必要的功能。

    安装WordPress免费主题教程

    如果要在网站上安装WordPress资源库的主题,在WordPress仪表盘即可实现。

    首先,登录WordPress网站,进入WordPress仪表板的外观>主题,单击添加

    添加新的WordPress主题

    添加新的WordPress主题

    在下一个页面,您可以根据以下条件过滤结果:

    • 特色
    • 热门
    • 最新
    • 最爱

    主题筛选结果

    主题筛选结果

    或者,使用“特性筛选”按钮根据特定功能过滤主题结果。

    特性筛选

    特性筛选

    当然,如果您知道WordPress主题大致名称,可以通过搜索栏输入关键词来搜索:

    WordPress主题搜索

    WordPress主题搜索

    当你找到你认为比较合适的主题,你可以点击详情和预览查看该主题的更多信息,点击实时预览按钮,可以预览你的网站安装该主题后的效果,或点击安装按钮直接安装主题到你的WordPress网站:

    WordPress主题预览与安装

    WordPress主题预览与安装

    当决定要使用WordPress资源库中的主题时,请点击主题对应的安装按钮。

    成功安装主题后,再进行“实时预览”,以查看网站应该该主题后的外观。确定主题是你“那杯茶”,最后点击启用以将其应用于你的网站。

    安装WordPress付费主题教程

    如果您购买了WordPress付费主题,则可以通过WordPress仪表板上传安装主题。

    首先,从购买主题的网站下载WordPress主题包,将下载的zip文件保存到您的计算机。

    接下来,登录WordPress网站,然后进入外观>主题,然后点击添加:

    添加新的WordPress主题

    添加新的WordPress主题

    接下来,点击“上传主题”将WordPress付费主题的zip文件从计算机上传到网站:

    上传WordPress主题

    上传WordPress主题

    点击“选择文件” 选择已经下载好的主题安装包zip文件;

    上传主题安装包zip文件

    上传主题安装包zip文件

    然后点击 “现在安装”按钮即可将上传的主题安装到你的网站.

    安装WordPress主题

    安装WordPress主题

    最后,单击启用即可在你的网站应用上传的WordPress主题,在应用主题之前建议先实时预览

    通过FTP安装WordPress主题教程

    还有另外一种方法安装WordPress主题就是使用FTP(文件传输协议),这是客户端和服务器之间传输计算机文件的标准网络协议。换句话说,通过FTP可以实现本地与服务器之间上传文件。

    市面上有很多可用的FTP客户端,下面演示步骤使用的是FileZilla,该工具可免费使用,且界面简单易用。不过,笔者建议尽可能使用WordPress仪表盘上传文件的方式安装主题而不是使用FTP的方式上传安装。

    Step 1: 下载安装FileZilla

    您可以通过FileZilla官方网站下载安装FileZilla。

    FileZilla提供Windows、Mac和Linux多平台版本,根据自身需要选择下载即可。

    FileZilla官网

    FileZilla官网

    FileZilla也提供Pro版本,但对于一般站长来说,免费开源版本已经足以,除非你需要用到FileZilla Pro与第三方云存储对接的功能。

    Step 2: 通过FileZilla连接服务器

    打开FileZilla,你需要输入服务器相关信息:

    • 主机: 一般为服务器的IP地址,虚拟主机可能有单独的FTP连接链接.
    • 用户名: 默认为root,除非你单独设置了FTP(SFTP)的用户名,安全起见,建议采用非root用户;
    • 密码: root账号的密码,又或者是FTP(SFTP)用户对应的密码;
    • 端口: 默认为空,除非单独设置了FTP(SFTP)指定端口。

    通过FileZilla客户端连接SFTP

    通过FileZilla客户端连接SFTP

    输入相关信息后,点击快速连接,即可通过FileZilla连接到网站服务器。

    Step 3: 上传WordPress主题文件

    连接到FTP后,下面需要做的是上传WordPress主题文件。FileZilla的左侧显示的是计算机文件路径,右侧网站服务器文件路径。

    在FileZilla右侧面板打开站点安装WordPress目录,并找到themes文件夹(用于存放WordPress主题的文件夹):

    WordPress主题目录

    WordPress主题目录

    themes目录下,你可以看到网站上已安装的所有WordPress主题文件夹。

    接下来,在FileZilla左侧面板,找到本地计算机上你需要安装的WordPress主题zip文件的解压文件夹,右键单击选择上传

    上传WordPress主题 via FTP

    上传WordPress主题 via FTP

    将文件上传到网站服务器后(取决于文件的大小和数量,可能需要一段时间),您将在FileZilla的右侧面板上看到主题文件夹。

    上传WordPress主题 via FTP

    上传WordPress主题 via FTP

    最后,登录WordPress网站,到外观>主题,找到上传的主题启用即可在网站上应用新主题。

    如果你使用宝塔面板管理服务器,通过宝塔面板上传主题文件的方式与FTP上传类似,大致流程是“文件-主题路径-上传”,这里就不再展开说明。

    宝塔安装WordPres主题

    宝塔安装WordPres主题

    小结

    了解如何安装WordPress主题,是学习使用WordPress内容管理系统的基础知识,初学者尤其应该了解阅读。安装WordPress主题并非难事,找到合适自己需求的WordPress主题才是件不简单的事情。

    通过学习本教程,你将会掌握以下几种WordPress主题安装的方法:

    1. 直接在WordPress后台,通过外观 主题>添加选项安装主题。
    2. 通过WordPress“上传主题”功能,上传主题zip文件安装主题
    3. 使用FTP客户端或者服务器控制面板(如宝塔)安装主题。
  • WordPress网站推送通知设置图文教程

    有没有发现一些WordPress网站会给你发送推送通知,比如在Chrome浏览器,比如在Windows 10通知。推送通知帮助你实现即使用户没有访问您的网站,也可以向他们发送消息,这类似于iOS和Android的系统的Push推送。

    推送通知可以帮助站长将流失的访客重新引到网站及增强老用户的访问粘度,大大增加网站流量为网站带来更多收益。在本文中,我们详细介绍如何在WordPress网站添加Web推送通知功能。

    WordPress网站推送通知设置图文教程

    什么是推送通知?

    推送通知是一种简短的,在台式机或移动设备上弹窗显示可点击查看的通知消息。

    推送通知一般显示在桌面顶部或移动设备的通知区域中,即使用户未在浏览器打开网站,也可以显示。下面是一个在Windows 10系统的推送通知的示例:

    Windows 10推送通知

    Windows 10推送通知

    推送通知帮助您将网站最新资讯、内容更新和活动优惠等信息推给跨设备访问用户。Web推送通知是将网站访问者转换为忠实用户,提升网站访客粘度的非常有效的方法。

    为什么要在WordPress网站添加Web推送通知?

    您可能不知道的一个事实是,离开网站的访客中有70%不会再回到网站?这就是为什么站长要努力将网站访客转换为网站订阅用户或客户。

    当然,我们有许多方式来实现访客转化操作,包括电子邮件营销,社交媒体,手机应用,SMS营销以及Web推送通知等(参考阅读:如何提升WordPress博客网站回访率?)。

    电子邮件EDM营销仍然是网站最常用的营销工具。但是,作为站长不应该忽略网站推送通知,该手段甚至是许多网站的前五流量来源。

    总结一下,推送通知之所谓成为流行且有效的营销工具的一些原因:

    • 用户需要明确授予接收推送通知的权限。这意味着只有该访客对您的网站内容感兴趣,才可能订阅推送通知。
    • 与电子邮件或社交媒体更新相比,推送通知简短易读又无需过多关注。
    • 社交媒体上没有像算法那样限制信息覆盖范围。几乎100%消息已传递。
    • 推送通知用户可控,可以暂停或完全关闭。
    • 目前使用推送通知功能的网站并不多,尚未对用户形成骚扰。

    在海外网站,包括Facebook,Pinterest,LinkedIn等许多受欢迎的网站都认为网站推送通知非常重要,否则它们不会启用该功能。

    根据一项调查,推送通知的打开率比电子邮件要高出50%,点击率是后者的两倍。比SMS,电子邮件营销和社交媒体平台更具吸引力。

    下面是在WordPress增加网站推送通知详细图文教程。

    利用PushEngage实现WordPress网站推送通知

    PushEngage是市场上最好的推送通知服务,可以帮助站长轻松实现WordPress网站推送通知。

    该工具提供强大的自动用户细分功能,可以帮助站长进一步提高网站用户参与度。

    创建PushEngage帐户

    首先,您需要访问PushEngage网站并点击“Get Started For Free”按钮:

    PushEngage官网

    PushEngage官网

    PushEngage提供的免费账号每月最多可覆盖2500个订阅户及可推送120个通知消息。如果您的网站拥有更多订阅者及需要发送更多的推送通知时,则需要付费升级。

    PushEngage用户注册

    PushEngage用户注册

    成功注册后,进入PushEngage仪表板。如果您使用Google帐户注册,则PushEngage将提示输入网站详细信息:

    PushEngage网站信息填写

    PushEngage网站信息填写

    在PushEngage仪表板,你会看到“Settings » Site Settings » Installation Settings安装设置页面。

    在该页面您需要上传网站Logo、网站名称及网站URL等信息,这些均在推送通知中使用到。

    PushEngage网站资料修改

    PushEngage网站资料修改

    注:网站Logo图片必须为PNG或JPG文件格式,建议大小为256x256px。

    使用PushEngage连接WordPress网站

    下一步需要设置网站连接到PushEngage。

    首先,安装并启用PushEngage插件。安装后,如果站点使用HTTPS,则还需要下载PushEngage的JavaScript文件。解压此文件,然后将其上传到网站根目录。

    您可以通过PushEngage帐户中的“Settings » Site Settings » Installation Settings ”页面,在“Choose Website Type and Add Script”版块切换到WordPress选项卡。

    点击“Download Package File”按钮下载JS文件,如下图所示。

    PushEngage插件JavaScript文件下载

    PushEngage插件JavaScript文件下载

    将文件解压到本地计算机,应该看到一个名为service-worker.js的文件:

    PushEngage插件-JS

    PushEngage插件-JS文件

    通过FTP或者类似宝塔的服务器控制面板将该文件上传到WordPress网站的根目录。根目录即存储网站所有其他文件夹和文件的文件夹。通常,它是/wp-content/文件夹所在的目录。

    JS文件上传

    JS文件上传

    上传JS文件,即可继续完成WordPress连接到PushEngage的操作。

    下一步是获取您的API密钥。只需在PushEngage仪表板中转到“Settings » Site Settings » API Keys”页面,点击“Generate a New API Key”按钮:

    PushEngage插件API密钥

    PushEngage插件API密钥

    即可生成一串适用于网站与PushEngage对接的API密钥。

    new-api-key-pushengage

    PushEngage插件API密钥生成

    在WordPress后台进入PushEngage插件设置页面,点击“Setup”标签,在API密钥输入框填入刚才获取到的API密钥,最后点击Submit按钮提交即可。

    pushengage-setup-add-api

    PushEngage插件API密钥确认

    设置推送通知消息

    完成API密钥提交后,您将会看到更多的PushEngage设置项。General Settings(常规设置)可以更改在PushEngage网站上设置的帐户详细信息:

    PushEngage插件-网站信息修改

    PushEngage插件-网站信息修改

    接下来,Subscription Dialogbox(订阅对话框)则用于设置当网站访客打开您的网站时看到的消息。

    PushEngage插件-订阅对话框设置

    PushEngage插件-订阅对话框设置

    在该设置标签页,可选择网站协议、对话框风格、快速安装、处理时间、消息标题、按钮文字等,完成设置更好务必点击“Update Optin Settings”按钮以保存更改。

    PushEngage插件-对话框样式设置

    PushEngage插件-对话框样式设置

    在此之下,您可以更改中间页面上显示的消息,这是用户首次点击“Allow”后出现的页面。

    注意:无法更改浏览器弹出框中显示的内容。它将始终带有“显示通知”文本以及“允许”和“阻止”按钮。

    只需输入您要使用的文本即可。不要忘记单击“Update Page Settings”按钮。

    PushEngage插件-更新页面设置

    PushEngage插件-更新页面设置

    您还还可以创建一个欢迎通知,以感谢网站访客订阅。这也可以帮助站长测试通知是否正常运行。

    只需点击“Welcome Notification Settings”标签即可进行设置。在该设置页面,您需要输入欢迎通知的标题和消息,通知URL地址(网站首页即可),也可以将用户引导到特定页面。

    确保选中“Send Welcome Notifications to Subscribers”框以激活欢迎通知及点击更新按钮以保存更改。

    PushEngage插件-欢迎通知设置

    PushEngage插件-欢迎通知设置

    测试网站推送通知

    设置推送通知后,站长应该检查功能是否正常运行。要测试推送通知,只要在计算机或手机打开您的网站。

    如果正常运行,在电脑上您应该立即看到上述设置的订阅对话框。如下图所示:

    PushEngage插件-通知推送弹窗

    PushEngage插件-通知推送弹窗

    在移动设备上的订阅对话框则会类似下面截图:

    PushEngage插件-移动端通知推送弹窗

    PushEngage插件-移动端通知推送弹窗

    继续点击“Allow”按钮。然后,在弹出窗口中看到中间页面。如下图所示:

    PushEngage插件-通知推送允许操作

    PushEngage插件-通知推送允许操作

    继续单击“Allow”,您即成功订阅了来自站点的推送通知。

    一般情况下,欢迎通知会在几分钟内出现在电脑屏幕上。如下图所示:

    Windows网站通知信息提示

    Windows网站通知信息提示

    如果用户选择不启用通知但后来想订阅该怎么办?PushEngage插件将在WordPress网站的右下角增加一个铃铛小图标:

    PushEngage插件-网站通知信息小铃铛

    PushEngage插件-网站通知信息小铃铛

    网站用户只需点击此按钮即可订阅您的网站。要更改铃铛通知小部件相关设置,只需在PushEngage帐户中转到“Settings » Subscription Settings » Opt-in Management”,即可更改小部件的颜色,位置和标签:

    PushEngage插件-推送通知订阅小铃铛设置

    PushEngage插件-推送通知订阅小铃铛设置

    您甚至可以将铃铛换成网站侧面显示的按钮,如下图所示:

    PushEngage插件-网站推送通知订阅按钮

    PushEngage插件-网站推送通知订阅按钮

    向网站订阅者发送推送通知

    默认情况下,PushEngage会为每个新文章发送通知。这些通知将包括文章标题和特色图片小图。当订阅用户点击通知即访问对应的博客文章:

    PushEngage插件-文章更新推送通知

    PushEngage插件-文章更新推送通知

    如果您不希望自动发送推送通知,则可以通过访问WordPress仪表板中的PushEngage » General Settings将其关闭。

    只需向下滚动到“WordPress Post Settings”部分,然后取消选中“Auto Push”框,最后点击“Save WordPress Settings”按钮保存即可。

    PushEngage插件-自动推送设置

    PushEngage插件-自动推送设置

    站长可以随时在PushEngage中创建自定义通知。只需在PushEngage网站上登录您的帐户,然后转到Notifications » Create » New Notification

    在该页面你可以设置标题,消息,URL,图像等选项,可以立即发送通知或者稍后发送。

    提示:如果要定时发送推送通知,请确保时区正确。在PushEngage网站帐户中的“Settings » Site Settings » Site Preferences”,可更改站点所在时区。

    其他PushEngage功能

    PushEngage还提供了许多其他功能,即使免费用户也可用。

    例如,您可以设置一个叠加层,该层用于显示在网站内容的顶部,以方便网站用户点击以允许通知。这是PushEngage网站上的通知操作叠加层示例:

    PushEngage插件-叠加层外观

    PushEngage插件-叠加层外观

    您可以在PushEngage网站帐户中设置叠加层。只需转到Settings » Subscription Settings » Opt-in Management向下滚动找到“Subscription Overlay”部分。

    然后选中“Enable Subscription Overlay”,可以使用默认叠加标签或自定义标签:

    PushEngage插件-叠加层设置

    PushEngage插件-叠加层设置

    由于Safari浏览器的工作方式,要为Safari用户设置订阅推送通知,则还需要做一些额外的工作(一般站长估计不愿意那么做)。

    要为Safari启用网站推送通知,需要一个Apple开发人员帐户(每年99美元),使用该开发者账号为网站创建唯一的推送ID。

    获得推送ID并创建证书后,在PushEngage网站帐户的Settings » Subscription Settings » Safari Web Push下添加这些证书:

    Safari浏览器推送通知设置

    Safari浏览器推送通知设置

    其他WordPress网站推送通知插件

    选择适合您的网站推送通知服务很重要。许多服务提供商会尝试将您锁死在他们的系统里,也就是说如果你想更改为其他推送通知服务可能意味着失去之前的通知订阅用户。因此,切换推送通知服务商,代表一切重来。

    这就是为什么建议站长们在选择推送通知提供商时,尽可能选择提供订阅用户列表可转移设置的服务商。

    推荐PushEngage,一来它提供免费套餐及更多的付费功能:

    • 支持设置自动回复信息,例如欢迎订阅用户;
    • 当用户放弃购物车时发送通知;
    • 根据用户的动作触发广告活动;
    • 允许用户添加有关产品何时开始销售或有库存的产品提示通知;
    • … 

    如果你希望尝试其他一些WordPress推送通知插件,下面是一份清单:

    • PushCrew –将网站连接到PushCrew的推送通知服务,免费提供仅限2000个通知订阅用户。
    • PushAlert – Web Push Notifications –站长可以连接PushAlert网站推送通知服务,提供了仅限3000个通知订阅用户。
    • PushAssist –用于PushAssist网站推送通知服务的连接插件,免费提供仅限2000个通知订阅用户。
    • OneSignal –提供免费试用版本,其中包括基本的网站推送通知功能。OneSignal的销售政策有点烦人,会不断地邀请您加入他们的付费套餐。
  • 如何利用插件将WordPress打造成资源下载站

    WordPress这个CMS内容管理系统设计的初衷是为个人提供可以记载日志的博客系统,但随着互联网的发展,越来越多的人用WordPress来做电商网站、企业官网、综合资讯网及下载站等等。

    那么,如果希望将WordPress网站打造成一个资源下载网站,没有简单的方法来实现管理,跟踪和控制WordPress网站文件下载?

    WordPress文件下载管理插件可以帮助您轻松管理下载,跟踪分析并控制文件下载权限。下面,我们将基于几款WordPress下载管理插件进行细说分析。

    WordPress下载站

    为什么要做WordPress下载文件管理、跟踪及控制?

    对WordPress网站的文件资源下载管理,跟踪和/或控制有很多原因。

    例如,站长仅希望付费用户下载文件,或者希望跟踪网站哪些免费下载带来更多的流量。又或者,只是希望限制某些特别用户角色才能够下载某些文件。

    在本教程中,将带为大家介绍4种实现WordPress网站下载管理的不同的方法。

    方法 1. 使用WP资源下载管理插件+付费内容插件实现WordPress付费下载

    (1)WP下载资源管理

    WP资源下载管理插件是一款专门WordPress开发的适合国内站长快速发布下载资源的插件。

    通过该插件,WordPress站长在发布文章的时候,以本地文件、城通网盘、百度网盘、磁力链接资源及迅雷链接资源等方式为访客提供资源下载,并且支持免费下载、回复评论下载及付费下载。其中付费下载需要联合付费内容插件实现,稍后会详细介绍到。

    首先,我们需要下载安装并启用WP资源下载管理插件

    启用插件后,在WordPress仪表盘通过“设置 » WP资源下载管理”进入插件设置页面,需要设置的选项不多。

    • 站长只需要启用下载功能(即时启用,在每篇文章也会有独立的开关控制文章的资源下载);
    • 是否需要登录下载,如果需要做付费内容插件,建议启用该功能,否则,不太建议;
    • 可以启用下载浮层,即访客阅读文章向下滚动时,会将下载按钮置顶或者固定在顶部;
    • 版权说明,即所提供的资源的相关补充说明。

    WP资源下载管理插件设置

    WP资源下载管理插件设置

    完成插件的基本选项设置后,进入其中需要上传下载资源的文章发布页面。

    向下滚动找到“下载设置”版块,即可看到下载文件管理相关功能。

    首先,需要启用该文章的下载功能,否则无法填写下载文件信息。

    然后,站长可以直接上传文件至WordPress服务器以提供下载,如文件较大,不太建议此种方式。

    注:WordPress文件上传会有格式及大小限制。

    又或者通过提供城通网盘、百度网盘、磁力链接或者迅雷下载链接资源。

    最后选择其中一种下载方式,免费下载和回复后下载均是以免费的方式提供给访客。

    付费下载则需要配合付费内容插件提供,在下面会详细说明。

    文章资源下载管理

    文章资源下载管理

    (2)WP付费下载实现

    由于WP资源下载管理插件本身无法实现付费下载,那么如果WordPress站希望实现付费下载,我们还的依赖另外一个插件WP付费内容下载插件。

    使用WordPress付费内容插件,可以帮助站长实现付费阅读,又或者结合WP资源下载管理插件,实现付费下载。

    首先,需要下载安装及启用WP付费内容插件

    然后,使用购买插件时获取到的插件授权码激活插件,在WordPress仪表盘的“付费内容”,输入插件授权码,提交验证即可。

    WP付费内容插件激活

    WP付费内容插件激活

    插件激活成功后,需要进行插件基本设置及支付设置。在WordPress仪表盘右侧菜单,点击“付费内容 » 插件设置”,进行付费内容插件基本外观设置,这部分主要用于付费阅读,可设置的项包括:

    • 付费阅读的提示文字;
    • 付费阅读区域的ICON样式;
    • 付费阅读说明文字的样式;
    • 及自定义CSS样式代码。

    设置完毕,务必点击保存设置按钮进行设置保存。

    WP付费内容插件样式配置

    WP付费内容插件样式配置

    然后,再次点击“付费内容 » 支付管理”,进行支付接口配置,该插件支持第三方接口虎皮椒和PayJS,支付宝和微信支付官方接口。可以根据自身情况选择适合的支付接口。其中:

    • 第三方支付接口-虎皮椒支持微信支付和支付宝支付;
    • 第三方支付接口-PayJS仅支持微信支付;
    • 官方接口-支持支付宝和微信支付的官方接口。

    温馨提示:一般企业备案选择官方接口,个人备案则可选择虎皮椒或者PayJS,其中PayJS的费用稍微会贵些。

    付费内容插件支付接口配置

    付费内容插件支付接口配置

    完成插件配置后,进入你需要发布付费下载的文章编辑页面。还是刚才的下载管理位置,将下载方式设置为“付费下载”,及设置付费价格(一般在文章编辑的右上角位置)即可将此下载资源设置为付费下载内容。

    付费下载管理

    付费下载管理

    题外话,由于付费内容插件还支持付费阅读。这里稍微也提及付费内容发布的设置。

    在文章编辑页面,设置好付费内容价格后,在文章编辑区域将光标移至您需要设置付费加密区域的前面,点击编辑器操作项的小锁图标,即可插入一个分割线,如下图所示:

    然后发布文章,即可将此文设置为付费阅读文章。

    付费阅读设置

    付费阅读设置

    付费下载及付费阅读最终效果演示:

    付费下载演示

    付费下载演示

    付费阅读演示

    付费阅读演示

    方法 2. 使用MonsterInsights插件实现WordPress网站文件下载跟踪

    如果只是希望在WordPress网站提供免费资源下载,那么就可以忽略下载文件管理或控制。

    但,稍微对下载文件进行跟踪统计还是有必要的。这样可以便于站长发现哪些下载内容才是用户最受欢迎的。

    这些的数据统计和分析,能够帮助站长下一阶段应该创建的新内容类型,以帮助网站获得更多的流量及更佳的用户粘度。

    不幸的是,百度统计、CNZZ统计及Google Analytics(谷歌统计)等第三方统计工具均不支持下载文件跟踪。但我们可以使用MonsterInsights插件(WordPress最佳Google Analytics插件)跟踪下载。

    首先,需要下载安装并启用MonsterInsights插件。

    通过MonsterInsights插件,我们可以轻松地将WordPress连接到您的Google Analytics帐户。参考阅读:WordPress博客添加谷歌统计代码教程

    注意:MonsterInsights的免费版本也提供文件下载跟踪,但需要登录Google Analytics后台才可以查看报告。若要在WordPress仪表板中查看高级报告,则需要使用Pro版本。

    设置完插件后,即会将文件下载作为事件进行跟踪。无需进行任何进一步的配置,要查看有关下载的统计信息,只需转到“Insights » Reports”,然后切换到“Publishers”标签页:

    MonsterInsights数据报告

    MonsterInsights数据报告

    向下滚动,就可以看到“Top Download Links”,最热门的下载文章,如下图:

    MonsterInsights下载排行统计

    MonsterInsights下载排行统计

    如果指向一个特定文件的链接多于1个,则所有该下载文件对应的链接都会分别列出。这有利于站长分析文件下载最终的引流链接。

    如果希望查看更多下载统计信息,点击“View All Download Links Report”按钮,即会进入Google Analytics(分析),即会看到一个更详细的报告,其中包含下载文件的URL:

    Google Analytics下载统计

    Google Analytics下载统计

    默认情况下,MonsterInsights跟踪所有常见文件类型的下载,包括文档(.doc和.docx),电子表格(.xls和.xlsx),演示文稿(.ppt和.pptx),PDF和zip文件。

    如果想跟踪其他文件类型,那么也很容易做到。只需转到“Insights » Settings页面,然后切换到“Engagement”标签:

    MonsterInsights插件-Engagement设置

    MonsterInsights插件-Engagement设置

    向下滚动找到“File Downloads”部分,即可设置需要跟踪的下载文件扩展名列表:

    MonsterInsights插件-文件格式

    MonsterInsights插件-文件格式

    只需输入需要跟踪的任何其他文件扩展名,以英文逗号分隔即可。设置完毕,勿忘保存更改!

    方法 3. 使用MemberPress会员插件实现WordPress文件下载控制

    该插件是目前最好的WordPress会员插件之一,帮助站长管理运营WordPress网站付费内容,实现有价值的内容仅对注册用户或付费成员可见。

    MemberPress插件提供下载文件管理功能,帮助站长跟踪成员下载的每个文件,且提供高级访问控制,实现多个文件上传及标记,分类和列出等。

    除了文件之外,还可以加密网站上的其他内容。对于哪些希望通过WordPress构建课程或者付费内容成员网站的站长来说,该插件值得一试。

    MemberPress付费课程示例

    MemberPress付费课程示例

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

    转到WordPress管理后台中的MemberPress » Settings » License页面以输入插件的许可证密钥,需购买该插件后在MemberPress会员中心获得。

    MemberPress插件授权

    MemberPress插件授权

    转到MemberPress»Add-ons页面,您将会发现有一个专门针对下载的插件附加组件-Downloads,点击“Install Add-on”按钮即可添加WordPress:

    MemberPress插件组件

    MemberPress插件组件

    转到MP Downloads»Files页面,然后单击“Add New”按钮来创建新的下载。

     

    MemberPress插件下载新增

    MemberPress插件下载新增

    在下载资源发布页面,需要输入下载标题。

    MemberPress插件下载内容发布

    MemberPress插件下载内容发布

    完成此操作后,上传您要分享的资源文件,在此页面上还可以选择其他选项,例如将类别或标签添加到下载中。

    比如将为文件提供标签“paid-members”,以便可以通过MemberPress规则对此文件进行下载权限控制管理。

    MemberPress插件内容标签管理

    MemberPress插件内容标签管理

    最后点击“Publish ”按钮即可使此下载文件生效。就好像发布文章一样,操作起来非常简单。

    MemberPress插件内容发布

    MemberPress插件内容发布

    如果还没有下载文件标签规则,需在MemberPress»Rules下创建一个规则。点击“Add New”按钮即可创建一个新规则:

    MemberPress插件新增规则

    MemberPress插件新增规则

    在添加新规则的页面,站长可以设置各种规则参数:

    MemberPress插件规则设置

    MemberPress插件规则设置

    在“Content & Access”部分中,点击“Protected Content”下方的下拉菜单列表,选择“Files with File Tag”,然后在旁边的输入框中填写要使用的标签:

    MemberPress插件文件标签设置

    MemberPress插件文件标签设置

    然后,在“Access Conditions”下,单击下拉菜单列表,选择“Membership”,然后选择相应会员级别即可:

    MemberPress插件文件下载权限设置

    MemberPress插件文件下载权限设置

    注意:如果尚未设置任何成员资格,需在MemberPress » Memberships下进行设置

    转到MP Downloads » Files页面。可以看到所有发布的下载文件。

    找到需要分享的下载文件点击“Copy Shortcode”链接即可获取文件的短代码。

    MemberPress插件下载短代码

    MemberPress插件下载短代码

    接下来,将此短代码粘贴到WordPress网站文章或者页面即可。

    以页面为例子。在WordPress管理后台转到页面»新建页面。将刚才获得的短代码粘贴到页面编辑区域中,WordPress会自动创建一个短代码块(如果是传统编辑器,则需要切换到文本模式,填入短代码):

    MemberPress插件下载短代码发布

    MemberPress插件下载短代码发布

    在页面上添加了文字、图片等其他内容后,只需单击“发布”按钮即可将其发布到网站上。如果仅希望成员可以访问页面和文件,务必使用MemberPress规则加密页面。

    MemberPress插件发布下载资源示例

    MemberPress插件发布下载资源示例

    通过访问MP Downnloads » Stats页面查看下载统计信息,在这里可以查看下载文件的用户列表。

    MemberPress插件下载记录

    MemberPress插件下载记录

    方法 4. 使用WooCommerce插件实现WordPress网站文件下载管理

    此方法适用于想要出售文件下载以及实物商品的站长朋友。

    WooCommerce-WordPress最受欢迎的电子商务插件。参考阅读:做外贸网站选WooCommerce还是Shopify

    无论是出售文件下载或搭建在线商店,该插件是最理想的选择。

    WooCommerce可用于销售虚拟产品和实物商品。当然,我们也可以将其用作WordPress下载管理器以提供免费下载,并且实现跟踪客户,管理下载和数据统计等任务。

    第一件事是安装并启用WooCommerce插件

    启用插件后,需完成WooCommerce设置向导。点击“Yes please”按钮即可进入插件配置流程:

    WooCommerce插件设置向导

    WooCommerce插件设置向导

    然后,WooCommerce要求填写商店有关的详细信息,安装屏幕提示逐一完成即可。

    在第3步中,确保选择产品类型为“Downloads”:

    WooCommerce产品类型设置

    WooCommerce产品类型设置

    完成设置过程后,在WordPress后台,你会找到WooCommerce专属的功能菜单:

    WooCommerce功能菜单

    WooCommerce功能菜单

    转到Products » Add New页面,就像发布WordPress文章类型,开始发布你的文件下载。

    WooCommerce下载发布

    WooCommerce下载发布

    设置下载文件的名称及描述后,向下滚动到“Product data”部分。

    在这里,需要同时选中“Virtual”和“Downloadable”复选框,表明这是一个数字下载内容。

    可以输入价格作为下载定价,如果是免费资源,输入0即可。

    WooCommerce下载定价设置

    WooCommerce下载定价设置

    之后,点击Add File以上传你需要提供的下载文件。

    此外,要丰富下载文件资源页面内容,可以添加图片,简短描述,下载类别等等。

    最后后,点击“Publish ”按钮即可。

    使用WooCommerce插件来实现网站下载,给人感觉是一个独立的下载商店,访客必须将需要下载的文件添加至购物,然后进行支付(免费下载不需要)。整个流程就像我们日常购买商品那样,体验稍微不太理想,除非你希望将网站打造成一个虚拟产品商店。

    WooCommerce下载资源示例

    WooCommerce下载资源示例

    WooCommerce也提供文件下载统计功能。要查看文件的下载情况,只需转到WooCommerce » Reports页面,可以按日期,产品和类别查看销售额:

    WooCommerce下载数据统计

    WooCommerce下载数据统计

    点击“Sales by Product”链接,然后单击下载的名称即可查看其详细数据:

    WooCommerce下载明细

    WooCommerce下载明细

    包括多少人购买了此下载,及实际下载了多少文件:

    WooCommerce下载统计

    WooCommerce下载统计

    WooCommerce可以根据下载数量,客户数量以及购买文件。但是,不统计这些用户的转化情况。

    这时候,我们又可以利用前面方法2提到的MonsterInsightschaj插件,它也是是WooCommer

  • WordPress用户数据导入和导出图文教程

    有时候因为各种原因,我们需要将一个网站的WordPress用户导出,然后倒入到另一个网站?尤其是当需要合并多个站点,将所有用户转移到新站点时,这将会非常有用。

    在本教程中,将详细说明如何导入和导出WordPress用户及WooCommerce客户。

    WordPress用户数据导入和导出图文教程

    为什么及何时需要导出和导入WordPress用户?

    导出导入WordPress用户的用例并不少见,但较为常见情景是:

    • 购买一个网站,需要合并内容和用户群时。
    • 合并两个或者多个站点,合并其内容和用户群时。
    • 需要将客户信息导入电子邮件列表或CRM时。

    如果经营一个会员网站WooCommerce商店,那么您可能还希望保留所有客户数据,并允许客户在新站点上获得无缝的登录体验。

    如何将用户数据从一个WordPress站点(或WooCommerce)导出,然后导入到另一个站点,下面让我们一起来详细说明。

    导出WordPress用户

    首先安装并启用“ Import and Export Users and Customers 插件。

    启用插件后,访问WordPress管理后台的的工具» Import and export users and customers页面,然后切换到Export(导出)标签。

    插件导出WP用户数据

    插件导出WP用户数据

    您可以选择要导出的用户。例如,您可以按用户角色选择,然后选择导出WooCommerce客户,网站会员插件客户或所有用户。

    还可以按日期过滤用户。例如,您可以选择在特定时间段内创建的用户。

    一些其余选项保留为默认值,然后单击下载按钮,即可将会员数据以CSV文件下载到本地计算机。

    CSV是一种文件格式,使用逗号分隔字段来存储数据。您可以在任何电子表格软件(例如Google Spreadsheets或Microsoft Excel)中打开这些文件。

    导入WordPress用户

    该插件还可以轻松地将用户数据导入网站。

    如果要将用户数据导入到其他WordPress网站,则也需要在该网站上安装插件。

    然后,在WordPress网站后台转到工具 » Import and export users and customers页面,然后切换到Import(导入)标签。

    插件导入WP用户数据

    插件导入WP用户数据

    找到“Choose File”按钮,点击选择本地计算机准备好的CSV文件(即WordPress用户数据表格)。

    站长可以根据自身需求配置插件设置。例如,可以仅导入具有特定用户角色的用户,选择如何处理空数据字段,向用户发送登录链接及其登录信息的电子邮件,等等。

    确保所有选项设置后,继续并单击“Start Importing”按钮。

    该插件即开始导入WordPress用户,并会在下方显示详细的导入用户列表。

    插件导入WP用户进程

    插件导入WP用户进程

    完成导入后,转到用户»所有用户页面即可查看刚才导入的用户数据信息。

    发送电子邮件给导入的用户

    完成导入后,站长应该通过发送电子邮件来告知用户有关更改的信息。该插件可以在导入过程中完成此操作,但是站长还可以自定义消息来发送电子邮件。

    只需转到工具»Import and export users and customers页面,然后切换到Mail选项卡。

    WP用户数据迁移通知邮件

    WP用户数据迁移通知邮件

    默认情况下,该插件将登录详细信息发送至用户的电子邮件。站长也可以在此处添加更多其他信息,如用户收到邮件的原因,网站变更的原因等等。

    提示:确保WordPress网站能够发送电子邮件通知,国内大部分云服务器提供商已经将WordPress默认的邮件发送端口关闭。建议使用WP Mail SMTP插件以确保邮件能够正常发送。(我们的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技巧两篇文章。