Kinsta-博客中文翻译-十二-

Kinsta 博客中文翻译(十二)

原文:Kinsta Blog

协议:CC BY-NC-SA 4.0

查询监控——调试 WordPress 并提高网站性能

原文:https://kinsta.com/blog/query-monitor/

当在安装了几十个或更多插件的 WordPress 开发项目上工作时,经常会遇到性能问题。然而,找到导致性能问题的原因并不总是容易的。

你已经排除了通常的怀疑:主机是足够的,没有明显的 JavaScript 或 PHP 错误,没有其他任何问题。您怀疑是您安装的一个或多个插件导致了问题,但是您如何找出是哪个插件导致了问题呢?

识别问题插件的通常方法是停用插件,直到找到性能瓶颈。

然而,有一种更快更有效的方法。这就是免费查询监控插件要解决的问题。它可以帮助你调试性能问题,更有效地开发站点,更好地处理你的 WordPress 站点。

在本指南中,您将了解到查询监视器的所有知识——它是什么,它有什么作用,以及如何使用它。

T2】

什么是查询监视器?

The Query Monitor plugin.

The Query Monitor plugin.

查询监视器是一个 100%免费的插件,帮助你调试你的 WordPress 站点的性能和开发。

你可以把它想象成 Chrome 开发者工具,但专门针对 WordPress。您可以深入研究数据库查询、脚本、计时等等。您还可以查看大量有用的信息,例如一般环境信息和特定页面的详细信息。

然后,Query Monitor 以一种易于访问的方式显示所有这些信息,您可以从站点上的任何地方访问这些信息。

Query Monitor 由 John Blackbourn 维护,他是人工制造的网站的首席工程师。他还有其他几个有用的插件,包括 WP Crontrol (非常适合 wp-cron 调试)和用户切换(非常适合调试不同用户角色的体验)。

John 反应非常迅速,并一直致力于维护和改进 Query Monitor。Automattic 和其他赞助商支持他的工作。

如果在你完成这篇文章的时候,你发现了这个插件的价值,你可以通过赞助 GitHub 上的项目来支持 Query Monitor ,每月只需 1 美元。

试图确定哪个插件导致了您网站上的问题?😅这就是免费查询监视器插件解决⬇️ 点击推文的场景

查询监视器是做什么的?

不管名称如何,查询监视器可以帮助你调试不止是对 WordPress 数据库的查询。

不要误解我们——调试数据库查询是 Query Monitor 擅长的事情,也是该插件最重要的好处之一。

然而,它也深入到许多其他领域,包括关注性能的调试和一般的开发调试。

以下是查询监视器可以帮助您分析和调试的许多细节的示例:

  • 数据库查询,包括向您显示来自特定插件的查询
  • PHP 错误
  • 内存使用
  • HTTP API 调用
  • 入队的脚本和样式,包括依赖性
  • 钩子和动作
  • 主题模板文件
  • 语言和翻译
  • 重写规则
  • 块编辑器块
  • 一般环境信息
  • WordPress 管理屏幕

Query Monitor 的一个显著限制是它主要用于“即时”调试。当它向您显示数据库查询、计时等信息时,它只是针对当前的页面负载进行操作。

它通常不跟踪或显示历史信息/趋势,尽管 John 说这个功能计划在未来的版本中实现。

如何使用查询监视器调试 WordPress 并提高性能

现在您已经知道了什么是查询监视器及其功能,让我们来了解一下如何使用查询监视器来调试您的站点的性能以及其他一些用于一般开发调试的工具。

我们将向您简要介绍查询监视器接口及其工作原理。然后,我们将深入界面中的每个区域。

有 12 个以上不同的高级接口区域,所以有很多要涵盖。然而,您看到的界面菜单的确切数量将取决于您正在分析的页面。

让我们开始吃吧。

查询监视器界面简介

查询监视器没有自己单独的界面区域。相反,它会在前端和后端的 WordPress 管理栏中显示新的信息。

查询监视器最初显示一个包含四条信息的快速摘要:

  • 页面生成时间–截图中 0.05 s。
  • 内存使用峰值–截图中 7.7 MB。
  • SQL 查询花费的总时间(秒)–截图中为 0.00 秒。
  • 截图中 SQL 查询总数–54。

Query Monitor's summary on the WordPress admin bar.

Query Monitor’s summary on the WordPress admin bar.

如果您单击该摘要,您将打开整个查询监视器界面,该界面显示为您当前正在查看的前端或后端页面上的窗口覆盖图。

The full Query Monitor interface.

The Query Monitor interface.

Query Monitor 提供的所有功能和信息都包含在这个覆盖窗口中。

如果你更喜欢改变覆盖窗口的布局,你可以点击右上角的按钮将其切换到侧边栏界面。您也可以使用拖放来改变窗口的大小。

How to switch to a sidebar interface.

How to switch to a sidebar interface.

查询监控界面及其信息只有管理员(或 WordPress multisite 上的超级管理员)可见。

还有一个选项可以设置一个身份验证 cookie 来查看查询监视器的输出,即使您没有登录(或者您作为一个具有较低用户角色的用户登录)。我们将在稍后的指南中分享如何做到这一点。

让我们浏览界面中的每个标签,并解释如何使用它来调试你的 WordPress 站点。

概观

概述选项卡显示来自管理栏摘要的更多详细信息和一些常规环境信息。

例如,除了查看内存使用的峰值,Overview 标签更进一步查看这个峰值与你的服务器和 WordPress 内存限制的比较。

The Overview tab in Query Monitor.

The Overview tab in Query Monitor.

这里没有什么太详细的内容,只是一个概述(因此得名)。

问题

查询选项卡允许您深入到您正在查看的页面的每个数据库查询中。这是 Query Monitor 中信息最丰富的领域之一,当您考虑插件的名称时,这是有意义的。

对于每个查询,您可以看到以下信息:

  1. 完整的查询
  2. 查询呼叫者
  3. 查询组件(例如,它是来自核心、主题还是插件)
  4. 行数
  5. 查询花费的时间

在一般的调试中,你可以用它来查找那些限制你站点性能的缓慢加载的查询。

Query Monitor 会根据你的主题和单独的插件进行查询,这样你就可以看到每个扩展的影响。

假设一个特定的插件导致了大量加载缓慢的查询。在这种情况下,你需要找到一种方法来解决这个问题——要么优化插件的设置或服务器的配置(例如,使用数据库或对象缓存),要么切换到更高效的不同插件

在主选项卡中,您可以看到每个查询的所有高级信息。

The main Queries tab shows a list of all queries.

The main Queries tab shows a list of all queries.

如果要了解特定查询的更多信息,请单击加号图标展开更多详细信息。

How to view expanded details for a query.

How to view expanded details for a query.

如果你在这里看到异常低的数字,这可能是因为某种类型的缓存——例如页面缓存或插件缓存其数据库查询。因此,在调试时禁用缓存会很有帮助。

该区域中还有一些子菜单可以帮助您查找特定类型的查询:

  • 重复查询
  • 呼叫者的查询
  • 按组件查询

重复查询

重复查询区域突出显示了重复查询,并列出了“潜在的麻烦制造者”,以帮助您调试它们并提高效率。

How to see a list of duplicate queries.

How to see a list of duplicate queries.

呼叫者的查询

通过呼叫者的查询区域,您可以查看该页面上的所有呼叫者。如果你点击其中一个,你可以看到这个呼叫者的查询列表。

How to view queries by caller.

How to view queries by the caller.

按组件查询

通过组件的查询区域显示了进行查询的所有组件的列表,包括 WordPress 核心、你的主题和单独的插件。

您可以单击特定组件来查看其所有查询。

How to view queries by component.

How to view queries by component.

再说一次,这是最有价值的报告之一,因为它可以让你找到降低你的网站查询性能的特定插件。

如果您没有看到按组件的查询,请阅读此处

如果在查询监视器中没有看到组件信息,可能是因为查询监视器无法对其 db.php 文件进行符号链接。在这些情况下,您会看到如下所示的错误消息。

If this error displays, you won't be able to see queries by component.

If this error displays, you won’t be able to see queries by component.

这里有两个可能的原因:

  1. 您站点的 wp-content 文件夹的文件权限。
  2. wp-content/db.php 文件已经存在(可能是因为一个类似 W3 总缓存的缓存插件)。

你可以在这篇 GitHub 文章中看到一些修复和解决方法。如果你觉得通过 SSH 连接到你的服务器很舒服,你可以用 WP-CLI 命令来解决这个问题(尽管还有其他方法)。

查询监视器的大部分功能仍然可以解决这个问题,但是在解决这个问题之前,您将看不到任何组件信息。

日志

Logs 选项卡是一个高级选项卡,允许您设置要记录的消息和变量。这可以帮助您调试技术问题,或者关注您的站点以发现问题。

当您第一次安装查询监视器时,该选项卡不会显示任何内容,因为您没有设置任何日志记录变量。

但是,如果您想设置自定义日志记录变量,可以使用如下简单语法:

do_action( 'qm/debug', 'This happened!' );

查询监视器支持以下操作,这些操作允许您记录不同级别的问题:

  • 质量管理/应急
  • 质量管理/预警
  • 质量管理/关键
  • 质量管理/误差
  • 质量管理/警告
  • 质量管理/通知
  • 质量管理/信息
  • 质量管理/调试

如果您想了解更多并查看一些示例,请查看查询监视器日志记录变量页面

请求

请求选项卡显示当前请求的查询变量。

The main Request tab.

The main Request tab.

还有子菜单可以看到请求头响应头,这对性能调试可能更有帮助。

例如,您可能想要调试缓存行为或 CDN 行为。在响应头子菜单中,您可以看到缓存控制行为,让您调试您站点上的浏览器缓存。

How to view response headers.

How to view response headers.

阻碍

只有当你查看用本地 WordPress 块编辑器(又名古腾堡)构建的页面时,标签才可见。

在这些情况下,该页面将列出页面上每个单独块的,以及该块的详细信息。

这里一个聪明的事情是,它会告诉你这个块是来自 WordPress 核心还是一个不同的插件。

The Blocks area only appears if you created the content using the block editor.

The Blocks area only appears if you created the block editor’s content.

模板

只有当你在网站前端使用查询监视器时,模板标签才可见。它帮助你查看和调试你正在看的页面的模板层次

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

您可以看到该页面的特定模板文件以及各种模板部件和主体类。

这和性能没有任何关系,但是对于自定义主题开发来说可以是有益的。

How to view the template hierarchy.

How to view the template hierarchy.

管理屏幕

只有当你在的 WordPress 管理仪表板中使用查询监视器时,管理屏幕标签才可见。您可能不会经常使用它,但如果您需要在自定义管理屏幕中调试行为,它会很有帮助。

如果您查看一个带有列表的管理屏幕,它会向您显示自定义的列过滤器和操作。它还会显示 get_current_screen 的状态。

The Admin Screen details.

The Admin Screen details.

T2】

剧本

查询选项卡之后,脚本选项卡可能是查询监视器中下一个最有帮助的性能调试区域。

该选项卡显示页面上每个排队的 JavaScript 脚本及其依赖项和从属项。您还可以使用过滤器来快速查找来自特定主机或具有显式依赖项/从属项的脚本。

作为一个粗略的规则,更多的脚本相当于一个较慢的网站,因为它们增加了页面大小和 HTTP 请求。

您可以使用这个区域来发现不同扩展的影响,并找到减少每页上加载的入队脚本数量的方法。

The Scripts area shows all enqueued scripts.

The Scripts area shows all enqueued scripts.

不过,Query Monitor 不会显示所有这些脚本加载的时间。如果你想看到这一点,你需要使用一个速度测试工具并深入瀑布分析—PingdomGTmetrix 都是很好的选择。

如果你需要帮助使用这些细节来优化你的站点脚本,我们有很多有价值的指南来优化 WordPress 上的 JavaScript:

风格

样式选项卡类似于脚本选项卡,但是它显示排队的 CSS 而不是 JavaScript。这是调试站点性能的另一个方便的选项卡。

就像脚本一样,在一个页面上加载更多的样式表通常会导致站点加载速度变慢。

在这个区域中,您可以发现不同扩展对您站点的影响。您可以使用这些信息来减少页面上需要加载的样式表的数量,这将减少文件大小和加载页面所需的 HTTP 请求。

The Styles area shows all enqueued stylesheets.

The Styles area shows all enqueued stylesheets.

与脚本一样,Query Monitor 不会对 CSS 如何加载以及它是否阻止了站点关键部分的加载进行深入分析。为此,您需要再次使用瀑布分析。

我们有一些有用的帖子来帮助你优化你的网站的 CSS:

挂钩和动作

钩子&动作标签列出了当前页面的所有钩子和动作,以及它们的优先级。

对于操作,您可以展开单个操作来查看与该操作关联的实际文件和代码行。你也可以通过组件过滤动作,从 WordPress 核心、插件和主题中寻找动作。

这一领域并不真正关注性能,但是对于定制开发来说很方便。

How to view hooks and actions.

How to view hooks and actions.

语言

Languages 选项卡向您显示您站点上的语言和文本域,以及用于每个扩展的语言文件

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

如果你有一个英语的单一语言网站,这不是很有用。但是,如果您有一个多语言网站和/或您的网站使用的语言可能没有完整的翻译包覆盖,此选项卡会很有帮助。

HTTP API 调用

HTTP API Calls 选项卡显示页面加载期间发生的所有服务器端 HTTP 请求,包括请求细节、时间和 HTTP 状态代码

如果一个插件或主题正在进行缓慢的 HTTP API 调用,这通常可能是低性能的一个“隐藏”原因,你需要找到一种方法来解决这个问题,要么通过改变扩展的设置,要么切换到一个不同的扩展。

对于许多页面,您应该看到“没有 HTTP API 调用”,这是一个好迹象,因为这意味着没有任何东西会妨碍您的站点的性能。

能力检查

功能检查区域让您看到哪些用户功能可以访问您正在查看的当前内容。这可以方便地查看不同的用户是否可以访问特定的前端或后端内容。

但是,出于性能原因,这个特性在默认情况下是禁用的。如果你想启用它,你需要编辑你的站点的wp-config.php文件并添加下面的代码片段:

define( 'QM_ENABLE_CAPS_PANEL', true );

环境

环境选项卡提供了您的站点环境的详细摘要,包括:

  • PHP
  • 数据库ˌ资料库
  • WordPress
  • 计算机网络服务器

您可以看到重要的细节、限制、版本号、配置设置等。

这也可以为有关绩效的重要决策提供信息。

例如,如果你发现你的站点的内存限制是有限的,你可能想要增加内存限制以避免内存限制相关的错误

类似地,如果你发现你使用的是旧版本的 PHP,你可能会想把 T2 升级到最新版本,以获得 T4 改进的性能。

How to view environment information.

How to view environment information.

条件式

Conditionals 选项卡帮助您查看哪些条件语句适用于您正在查看的页面,这对定制开发很有帮助。

你既可以看到“真”条件句,也可以看到“假”条件句。

How to view page conditionals.

How to view page conditionals.

如何以非管理员用户的身份查看查询监视器信息

在某些情况下,您可能希望以不同用户角色或注销用户的身份查看查询监视器信息。这对 WooCommerce 商店会员网站以及类似的网站非常有用。

您需要在浏览器中设置一个身份验证 cookie 来实现这一点。一旦设置了 cookie,您就可以在访问该站点时查看查询监视器信息,即使您已注销。

要设置身份验证 cookie,请单击查询监视器面板右上角的齿轮图标。然后,点击设置认证 cookie 按钮。

How to set the authentication cookie in Query Monitor.

How to set the authentication cookie in Query Monitor.

如果您想禁用此功能,可以返回此界面,点击清除认证 cookie 按钮删除 cookie。

如果你将这与来自同一开发者的另一个有用的插件结合起来,你可以在你的网站上的不同用户角色之间快速切换。

如何用附加组件扩展查询监视器

到目前为止,我们只关注核心查询监控插件中的特性和分析选项。但是,一些第三方附加组件可以进一步扩展查询监视器。

这些可以添加对特定性能技术的支持,比如 Memcached 和 Redis ,以及特定的 WordPress 插件,比如 WooCommerceGiveWP

Query Monitor 还支持调试栏插件的所有插件,该插件集成了 ElasticPressElementor 、缓存查找等等。

您可以在 GitHub 页面上看到一个完整的查询监视器附加组件列表。

调试和提高 WordPress 性能的其他有用工具

虽然 Query Monitor 是调试 WordPress 性能的一个方便的免费工具,但它并没有涵盖所有的内容。你应该考虑一些其他有用的工具来分析 WordPress 性能的不同方面。

应用性能监控

The Kinsta APM tool.

The Kinsta APM tool.

如果您在 Kinsta 托管您的站点,您可以免费访问 Kinsta 应用程序性能监控(APM)

像 Kinsta APM 这样的 APM 工具比 Query Monitor 更深入,具有以下类型的分析:

  • 缓慢的 PHP 进程
  • 缓慢的数据库查询
  • 长 API 调用
  • 长外部 URL 请求
  • 全堆栈跟踪到有问题的区域

您还可以查看这些信息如何随时间变化,这是 Query Monitor 无法做到的。另外,你可以分析你的整个网站,而不是一页一页地浏览。

对于一般的教程,你可以跟随我们的 Kinsta APM 指南

我们也有关于使用 APM 优化资源密集型 WordPress 站点的具体指南:

新遗迹

New Relic 是另一个类似于 Kinsta APM 的有用的性能监控工具。

如果你不在 Kinsta 主持,这可能是一个访问类似分析的好方法。即使你在 Kinsta 托管,如果需要的话,你仍然可以启用新遗迹追踪,尽管你需要有自己的许可证。

要学习如何使用新遗物,你可以跟随我们的新遗物表演教程

质量速度测试工具

我们之前在讨论瀑布分析的时候提到过这一点,但是一个好的速度测试工具对于调试你的站点加载什么你的站点如何加载是非常宝贵的。

为了帮助你使用你选择的工具,我们有一个关于正确进行速度测试的专用指南。我们还发布了关注一些最流行工具的帖子:

WordPress 调试模式

WordPress 包含了自己内置的调试模式,可以查看所有 PHP 错误、通知和警告。您还可以选择将这些问题保存到日志文件中。

更多细节,请查看我们的 WordPress 调试模式的完整指南。

Web 浏览器开发工具

Chrome 包括非常详细的开发工具,可以帮助你调试网站的性能,其他一些浏览器也是如此。

例如, Network 选项卡让您可以查看站点上每个 HTTP 请求的计时,以及瀑布分析。性能选项卡给你一个非常详细的性能分析。

您也可以从 Lighthouse 选项卡运行 Lighthouse 审计。这与 PageSpeed Insights 使用的性能测试算法相同。

如果你想学习如何使用 Chrome 开发者工具来调试性能,这个帮助中心是一个很好的起点。

不要一个接一个地停用插件,在这里学习如何更快更准确地定位和调试 WordPress 的问题🐛⬇️ 点击推文

T2】

摘要

如果你想在你的 WordPress 站点上调试性能和开发问题,查询监控插件是最好的免费工具之一。

为了分析你的站点的性能,你可能想把注意力集中在界面的这些区域:

  • 概观
  • 问题
  • 日志(针对更高级的用户)
  • 剧本
  • 风格
  • HTTP API 调用
  • 环境

然而,如果你开发 WordPress 站点的话,其他领域也是很方便的。

今天试试 Query Monitor,看看它有什么帮助。如果你不想把它安装在你的实时站点上,你总是可以创建一个临时站点并把它安装在那里,看看你的站点下面发生了什么。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何为你的企业创建 Quora 营销策略

原文:https://kinsta.com/blog/quora-marketing/

对于希望增加公司曝光率和接触更多受众的营销人员来说,不缺乏这样做的平台。挑战在于决定哪些平台为你的品牌提供了最好的机会。但是不管你的企业属于哪个行业,今天扩大你的影响的最好平台之一是 Quora。

而且,这很有效。乔希·费彻花了四个月时间在 Quora 上建立了 7000 名粉丝。这为他的脸书小组赢得了 2000 名新成员,3000 名新成员进入了他的电子邮件列表。我的意思是,你认为尼尔·帕特尔为什么会在 Quora 上写 2500 多字的长答案?因为它有效。

继续阅读,了解为什么它有可能成为你企业的一个有价值的营销工具,以及你可以用来启动你的 Quora 营销战略的七个技巧。

你为什么要有 Quora 营销策略?

到目前为止,即使你不是一个活跃用户,你也可能至少听说过 Quora 的*。这是因为它现在是世界上访问量最大的网站之一。*

虽然该网站不分享其用户群的更新信息,但截至 2017 年 4 月,它的月用户数从 2016 年的 1 亿增加到了 1 . 9 亿。

但是,如果潜在的受众并没有向你推销 Quora 的价值,那么将它作为你营销策略的一部分有三个最重要的好处。

1.将你的品牌定位为行业领导者

Quora 的基本前提很简单。用户提问,其他用户回答

网站上的话题从为人父母到计算机编程,再到你能想到的任何事情——回答这些问题的用户通常在主题方面非常合格。因此,该网站已经成为希望专家解答其问题的用户的首选来源。例如,看看为这个回答了一个关于人工智能的问题的用户列出的资格。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Quora qualifications

Quora qualifications

他的教育和经历使他成为唯一有资格写这个主题的人——这是 Quora 用户所期望的可信度。

因此,当用户搜索与你的行业相关的信息并从你的公司找到答案时,他们会将你的品牌视为权威。如果你能够获得“顶级作家”的地位,这一点尤其正确。这种区分是给予对任何给定主题有最多观点的作者的。

正如马里奥·佩舍夫解释的那样,他能够在一年内赢得 WordPress 类别的顶级作家地位和超过 100 万的回答浏览量。赢得这个位置有助于他在网站上获得信誉,并继续增加他在平台上的浏览量。

Quora top writer status

Quora top writer status

虽然成为一名顶级作家是一个具有挑战性的目标,尤其是对于流行的主题,但一旦你对这个平台感到舒适,这可能是一个值得追求的目标。这样,你不仅在对你的行业感兴趣的消费者中增加了曝光率,同时也将你的公司定位为领导者。

通过正确的方法,这也可以转化为您企业的销售线索和销售额。通过回答与目标受众高度相关的问题,他能够树立自己的权威——然后将这种权威转化为线索。

2.增加你网站的流量

当你在 Quora 上回答问题时,你可以包含你的来源和其他相关内容的链接。例如,看看对“了解股票的最佳方式是什么?”这个问题的回答

Quora profile

Quora profile

这个用户是一家股票分析公司的创始人,所以他当然有资格回答。他的回答只有 1000 多字,并全面概述了消费者应该了解的相关知识。

在文章的最后,他附上了一个他公司的链接,并解释了它对想要了解更多信息的读者的帮助。

Quora link

Quora link

如果用户发现他的回答很有帮助,并且对使用他推荐的方法感兴趣,他们就有机会点击。如果你想知道这种方法是否有效,在使用 Quora 三个月后,看看这份在线世界推荐流量报告

Quora referral traffic

Quora referral traffic (Image source: This Online World)

仅仅在平台上回答问题几个月后,就有超过 2000 次会议。

3.在其他出版物中获得提及

如果你幸运的话,你在 Quora 营销上的影响力可以超越网站的用户群。这是因为越来越多的网站从 Quora 获取内容。例如,对 Forbes.com 的网站搜索显示了大量最初出现在该网站上的文章。

Originally appeared on Quora

Originally appeared on Quora

为了说明为什么这很有价值,让我们看看上面截图的第二个结果。在这里,福布斯转载了作者霍华德于对这个问题的完整回答,“你预测未来十年的商业趋势是什么?”

Quora link to book

Quora link to book

正如你在上面的截图中看到的,这个答案包括了他的书的网站的链接。说清楚一点,它一个没有跟随链接。尽管如此,这是一个主要网站的免费曝光。当你考虑到在像福布斯这样的网站上做广告通常要花多少钱时,在 Quora 上写一个答案是一个巨大的回报。

但正如顶级作家尼古拉斯·科尔解释的那样,获得这种成功的唯一途径是坚持不懈地在平台上写作。回到 2013 年,他决定全年每天写一个答案。经过两周的努力,他的回答第一次获得了超过 10,000 的浏览量。

同年,他发表在 Inc 杂志、赫芬顿邮报、PopSugar、时代周刊、福布斯和财富杂志上,并登上了 Reddit 的头版。在不到一年的时间里,他也获得了顶级作家的地位,他的回答获得了几百万次的点击量。

这都是因为一件事:一致性。所以,如果你在寻找一个“快速取胜”的方法,或者一个能帮你登上福布斯的“窍门”,这里没有。你最好的选择是开始写作并坚持下去——你可能会看到科尔在这个平台上取得的成功。

7 个 Quora 营销技巧

Quora 有潜力成为你企业的强大营销工具。如果做得正确,它可以成为你的流量和线索的最佳来源之一。如果你不相信我,看看 Wishpond 的这份社交网络推荐报告

Quora network referrals

Quora network referrals (Image source: Neil Patel)

仅一个月就有 9872 次会话,Quora 的社交流量位居第二,仅次于脸书。实现这些结果的第一步就是开始行动。

幸运的是,这并不困难。只要你对你的行业和你有经验的主题写得很舒服,你就可以开始回答问题了。但是如果你想在这个平台上充分利用你的努力,这七个 Quora 营销技巧可以帮助你。

  1. 充分利用您的个人资料
  2. 添加相关的“了解”主题
  3. 用 Quora 的广告平台找问题
  4. 选择与目标受众相关的问题
  5. 写出有价值的内容
  6. 在有意义的地方加入链接
  7. 建议编辑热门答案

1.充分利用您的个人资料

在回答任何问题之前,请花时间完整填写您的个人资料。当你这样做的时候,请记住 Quora 会在你的每个回答中包含你个人资料的前 50 个字符。所以,如果你想增加你的品牌曝光率,确保把你公司的名字放在最上面。

例如,IMPACT 的 Bob Ruffolo 使用他的个人资料标题来提及公司的名称和他们的工作。

Quora profile

Quora profile

每当他的一个答案出现在用户的反馈中,他们会立即知道他是一家集客营销机构的首席执行官。这样,他们会将答案中获得的任何价值与影响品牌联系起来,并可能寻求更多相关信息。

除此之外,你还想利用 Quora 允许用户在个人资料中包含链接的优势。作者约翰·格林在他的个人资料中很好地完成了这个

Quora profile links

Quora profile links

这个简短的段落解释了他是谁,为什么读者应该关心,然后链接到他参与的所有在线项目。所以当你写简历的时候,记得包括你公司网站的链接,你的社交账户,以及任何你想增加流量的地方。

最后,填写“凭证和亮点”部分。

Quora credentials

Quora credentials

这一部分不必是你的成就的完整简历,但应该包括与你将要回答的问题类型相关的任何教育或经历。

2.添加相关的“了解”主题

虽然从技术上讲,填写“了解”部分是填写个人资料的一部分,但它的目的不仅仅是展示你的资历。顾名思义,此部分显示了您个人资料中熟悉的所有主题。

Quora knows about

Quora knows about

您在此包含的主题也可以帮助您找到要回答的相关问题。当你编辑这个部分时,你可以从开始搜索与你的行业相关的关键词和话题。然后,您将看到有多少用户订阅了这些主题。

例如,看看下面关于“内容营销”一词的结果

Quora knows about topics

Quora knows about topics

在这种情况下,只有不到 150,000 名用户订阅了该主题。这意味着,如果你能够在这个类别中写出一个受欢迎的答案,你可以期待一个相当大的范围。

因此,假设您选择将此添加到“了解”部分。当你准备写答案时,你会看到一个与主题直接相关的热门问题列表。

Quora topics

Quora topics

这样就很容易找到需要答案的问题。虽然你不一定需要把注意力完全集中在有很多订阅者的话题上,但是写一些热门话题的答案可以帮助你在网站上获得曝光率。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

当你完成个人资料的这一部分时,请记住这一点,这样你就可以花更少的时间寻找相关问题,而有更多的时间为其他用户提供有用的答案。

3.使用 Quora 的广告平台寻找问题

如果你愿意花时间写一些有用的答案,Quora 会是一个给你的网站带来流量的好方法。也就是说,要真正知道回答一个问题能带来多少流量并不容易。

幸运的是,该平台提供了一些工具,可以帮助您做出准确的估计。作为访问量最大的在线网站之一,Quora 提供广告选择并不奇怪。这些选项对于驱动平台的流量非常有帮助。

WordStream 的销售线索获取主管 Aaron Doherty 解释道:

我很喜欢 Quora。这是新的意图来源。虽然 AdWords 仍然是高意向线索的最佳来源,但 Quora 也差不多。事实上,内容是用户生成的,答案是实时发生的,这使它成为营销人员兴奋的地方。

即使你不准备发起付费活动,你仍然可以使用该网站的广告平台来发现新问题,并对其潜力进行粗略估计。

首先,你需要创建一个 Quora 广告账户并建立一个虚拟活动。Quora 的广告平台可以让公司以几种不同的方式投放广告。出于研究目的,其中最有帮助的是问题定位。

当您进入活动的目标部分时,从主要目标选项卡中选择此选项。

Quora ad targeting

Quora ad targeting

在这里,您将看到一个对话框,您可以在其中输入关键字列表。添加一些与你想回答的问题相关的关键词。然后,你会在 Quora 上看到一个问题列表,以及他们的平均周浏览量。

例如,看看关键词“金融”和“个人金融”的结果

Quora suggested questions

Quora suggested questions

如果这些问题中的任何一个与你的经历相关,并且有相对高的周浏览量,这将是一个写新答案的绝好机会。在这种情况下,您可以单击链接直接进入该问题,然后将其保存到列表中以备将来使用,或者立即开始写下您的答案。

4.选择与目标受众相关的问题

当您选择要回答的问题时,很容易陷入与您的专业知识和兴趣最密切相关的问题中。而如果这些特点直接符合你受众的问题和需求,那就太好了!

但是选择正确的问题通常需要更多的思考。这是因为归根结底,任何内容营销战略的首要目标都是 T2 的潜在客户。

Goals of content marketing

Goals of content marketing

写一个有帮助的、有深度的答案需要时间。为了让这些时间物有所值,你的策略需要为你的企业创造商机。这只有在你回答了你的目标人群感兴趣的问题时才会发生。当然,这听起来很明显。但重要的是要记住,你的潜在顾客和客户可能会问你所在行业的其他专家不同的问题。

例如,假设你是一名会计。你可能有资格回答关于税收法规变化、会计技术和行业面临的问题的复杂问题。虽然你的同行可能会觉得这些答案很有趣,但你需要考虑你的潜在客户是否也会这么想。毕竟,Quora 不是为了给你的竞争对手留下深刻印象。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

当然,回答几个深入的问题可以帮助你在平台上建立你在行业内的声誉。但是,除非你也回答了你的听众提出的问题,否则这不可能给你的业务带来真正的价值。因此,坚持会计的例子,这意味着你的时间可能更好地花在回答简单的问题,如税收和工资。

虽然这些答案可能不会突出你的专业知识,但它们会更有效地让你的公司出现在潜在客户面前。这最终将对你更接近你的数字营销目标产生更大的影响,比如潜在客户的产生。所以在你花时间写下答案之前,确保这个问题有可能带来你想要的结果。

这就是为什么在评估问题时,你应该寻找以下六个属性:

  • 关注者与提供的答案数量之比为 7:1。
  • 关注者很多,但是回答不好的也很多。
  • 一个你可以提供个人形象来补充的问题。
  • 情感的牵引。这种拉力使得用发人深省的故事写出更真实的答案变得更容易。
  • 与你的简历相关。
  • 一个回答糟糕的问题会让你的问题更加突出。

然后,当您确定了具有这些品质的问题时,您可以通过选择“稍后回答”来保存它们

Quora answer later

Quora answer later

当你选择这个选项时,问题会出现在 Quora 网站的“答案”标签下。或者,如果您想跟踪与上述属性相关的附加信息,您可以像 Fetcher 一样将您的问题保存在定制的电子表格中。

Quora questions spreadsheet

Quora questions spreadsheet (Image source: Sumo)

这样,当你准备好回答问题时,你将能够快速有效地选择那些有可能带来最佳结果的问题。

5.写有价值的内容

就像一般的内容营销一样,只有你为你的读者提供价值,你才会在 Quora 上成功。所以当你浏览和使用网站时,记住质量比数量更重要。考虑到用户已经提出的大量问题,尽可能多地写下答案是很有诱惑力的。

如果你抱着每一个新答案都是一个链接到你网站的新机会的心态来看待这个问题,那就更是如此了。但是说到底,Quora 上已经有很多内容了。除非你是一个利基行业的专家,否则对于你想写的主题相关的所有最受欢迎的问题,可能都有大量的答案。

考虑到这一点,就不值得你花时间去写表层内容了。相反,一次只关注一个问题,从查看现有的答案开始。你的目标应该始终是在对话中加入新的内容。如果你只是重复其他用户已经说过的观点,你就没有提供价值——你的答案很可能会被忽略。但是一旦你发现一个没有多少答案的问题,或者一个流行问题的新角度,是时候开始写作了。

如果你是 Quora 的新用户,这可能会令人生畏。因此,如果你不确定从哪里开始,花一些时间浏览与你想写的主题相关的流行答案是一个好主意。这将让您了解其他用户喜欢的样式和格式。虽然你没有义务像其他作者一样使用相同的方法,但是有一个大概的概念可以让你更容易开始。

然后,一旦你对整体基调感到满意,就把完整回答这个问题作为你的目标。这样,你可以确信你在为你的观众提供价值——而不仅仅是在肤浅的内容上浪费时间。

6.在有意义的地方加入链接

Quora 最大的好处之一就是能够在你的答案中包含链接。对于希望增加网站流量的营销人员来说,这是一个巨大的机会。但是要让用户访问你的网站,你需要有策略地放置链接。你不能简单地在答案中加入链接,然后期望读者点击。

相反,你需要解释链接的内容是如何相关的,以及读者点击后会发现什么。例如,看看对“你如何跟踪和跟进电子邮件”这个问题的回答

Answering questions on Quora

Answering questions on Quora

如果你对完整的答案感兴趣,你可以点击上面的链接自己阅读。但总结一下,这个用户包括了创建跟进策略的三个策略,以及撰写五种不同类型邮件的说明。这完全回答了这个问题,并可能为读者提供足够的信息来开始制定自己的后续策略。

但在答案的底部,这位作者还链接到他公司网站上的一篇文章,里面有 12 个电子邮件模板。

Quora answer link

Quora answer link

值得注意的是,他没有采取过度销售的方式,也没有告诉读者他们需要他的公司。相反,他将他们引向另一个高度相关的资源。通过这种方式,感兴趣的读者可以继续在他的网站上了解这个主题,并从那里决定他们是否有兴趣了解这家公司的产品。

因此,当你在寻找给你的答案添加链接的方法时,超越你的主页或以转换为中心的页面是一个好主意。毕竟,Quora 的用户来这个网站寻找信息,而不一定是新产品和服务。

所以在大多数情况下,如果你不提供与他们兴趣相关的额外内容,他们不会点击你公司网站的链接。这意味着,如果你专注于链接到信息页面,你可能会从平台上看到更多的流量。

在你的网站上选择与手头问题最相关的资源,并考虑它们如何对读者有益。然后,在加入你的链接之前解释一下它的好处。通过这种方式,读者确切地知道他们点击时会得到什么。你越清楚访问你的网站的好处,他们就越倾向于这样做。

当你添加链接时,包含 UTM 参数来监控你的结果也是一个好主意。如果你使用 Google Analytics 来跟踪和衡量活动的成功,你可能已经熟悉了这些 URL 参数——使用它们来跟踪 Quora 的结果很简单。谷歌分析已经显示 Quora 为网络推荐,但如果你想进一步缩小范围,你可以使用 UTM 参数。

多花几秒钟将这些添加到你的答案的链接中,这样可以很容易地确定你的答案是否会增加你网站的流量,以及它是否会对你的营销目标产生影响。

7.对热门答案提出编辑建议

除了撰写您的答案,您还可以建议编辑其他用户的答案。只需滚动到现有答案的底部,然后单击“建议编辑”按钮。

Quora suggest edits

Quora suggest edits

这将在一个文本编辑器中打开答案,让您能够以您认为合适的方式编辑它。不过,需要注意的是,你不能在没有得到其他用户许可的情况下简单地修改他们的答案,所以你所做的任何修改都将首先发送给他们进行审批。

理论上,这种方法的优势不难看出。热门问题的顶级答案往往会吸引大量的浏览量,因此在其中一个答案中获得你的网站链接是吸引流量的一个简单方法。

但是你可以想象,让另一个作者接受你的编辑(包括你的链接)是很有挑战性的。毕竟,如果他们的答案本身已经很受欢迎,就没有什么动力去更新或改变它——尤其是如果改变的唯一原因是为了让另一个用户从他们的工作中受益。

因此,如果你试图使用这种策略,确保你的编辑真正增加了用户答案的价值。详细阐述一个观点,支持他们的主张,或填补信息空白,使他们的回应更有说服力或更有说服力。然后,如果您打算添加一个链接,使用它作为您添加的内容的来源。

但是,如果链接实际上包含支持信息,只有这样做。大多数 Quora 作者会看穿任何添加无关链接的企图——这样做太多次对你在平台上的声誉没有任何好处。

摘要

Quora 对任何公司的营销策略来说都是一个有价值的补充。虽然有许多技巧和诀窍可以用来改善你的结果,但成功的关键是保持与平台的主要目标一致,即成为有用的资源

不要只是给 Quora 发垃圾邮件,否则你会像戴夫·汉姆里克一样被永久封禁。当在第三方平台和你自己的网站上贡献内容时,找到一个好的平衡是很重要的。记住,当你把内容发布到 Quora 上时,你就不再拥有它了。

就像今天的许多数字营销策略一样,你需要带着为你的受众提供真正价值的目标去接近 Quora。为此,您需要:

  • 旨在帮助你的观众更好地了解你的行业,了解更多他们感兴趣的话题,并实现他们的目标。
  • 坚持写。
  • 充分利用你的个人资料告诉用户你是谁,为什么他们应该信任你。
  • 花时间选择有可能接触到正确受众并增加网站流量的问题。
  • 在有意义的地方加入链接,并提供一个上下文来告诉读者为什么他们应该点击。

有了这种方法,你将更有效地在网站上建立你想要的声誉——并且更有可能通过你的努力产生真正的结果。记住这一点,是时候开始了!如果你在 Quora 上发现了其他特别有效的策略,请在下面的评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

竞争到底如何伤害你的企业底线

原文:https://kinsta.com/blog/race-to-the-bottom/

我曾经见过我的一个朋友,他的生意还没走出第一年,就差点毁了。

这不是因为不计后果的支出、糟糕的营销或任何你可能想到的商业失败的常见原因。事实上,我认为他犯了一个在每个行业都很常见的错误。

想知道他做了什么吗?

他创造了一场竞争。或者换句话说,他开始了价格战。在他开始销售他的产品之前,他去调查了他所在地区的竞争对手的价格。他没有试图区分和提高价格(他的产品客观上更好),而是认为明智的做法是降低价格,希望偷走客户。

但他最大的错误是,虽然他收费较低,但由于他需要的材料和劳动力的质量,他的成本也高于竞争对手。他开始时利润很低,最终意识到当生产推迟一个小时时,他就在赔钱。

接下来的一年,他不得不把自己从一个坑里挖出来,这个坑让他失去了一半的客户,还可能失去多年的盈利能力。

这个故事是一个非常激烈的例子,说明了逐底竞争是如何影响一个企业的,但我不认为这是什么异常现象。全世界的行业都在试图看看他们能把价格降到多低来削弱竞争,这伤害了所有人。听说过 MoviePass 吗?

这就是为什么这种趋势需要停止。我想帮助你了解竞争到底只会损害你的业务的来龙去脉,即使短期内一切似乎都很好。为了让事情开始,我想充实这个想法,到底是什么样子的。

什么是逐底竞赛?

如果你喜欢照本宣科的定义,那么你会喜欢《金融时报》词汇中关于“逐底竞赛”的澄清:

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

公司和国家试图通过削减工人的工资和生活水平来相互竞争,商品的生产转移到工资最低的地方,工人的权利最少的情况。

因此,从根本上来说,这是一种在不牺牲整体盈利能力的情况下降低价格的情况。但丑陋的事实是,在这种情况下,总有人被迫买单。

在许多情况下,公司不会牺牲质量,而是选择降低工资或工作条件,以更低的成本赚同样多的钱。

如果你想要一个现代的例子,只需要看看竞争异常激烈的电子商务行业就可以了。

截至去年,亚马逊产品的平均价格比其主要竞争对手低 11%左右。价格差异从 1%到高达 17%不等,这意味着有人在某个地方赔钱。

从表面上看,亚马逊似乎赢了。他们已经连续 11 个季度盈利,甚至在 2017 年假日季赚了 19 亿美元。

但是在过去的几个月里,一些非常严重的虐待工人事件被曝光,这表明亚马逊似乎在偷工减料。工人们报告说,他们不断受到监视,没有足够的时间上厕所,甚至因为压力而恐慌哮喘发作。

虽然亚马逊反驳了这些说法,但当你开始联系这些点时,很难将它们视为理想的商业模式。

这些趋势甚至已经开始影响主要零售商在其实体店中设定的价格。看看感恩节、黑色星期五和网络星期一的缩影中主要零售商的价格差异就知道了。

Average selling price

Average selling price (Image Source: DataWeave)

这个行业完全分散,即使在一年中收入最高的日子里,也很难感觉到消费者真正从这些主要零售商那里获得了价值。

但是电子商务和零售业并不是唯一发生价格战的地方。这也是一个困扰在线自由职业社区的问题。

像 Fiverr 这样的网站一度允许商家只花 5 美元就能买到原本要花费数百美元的产品。他们后来把平台改成了,允许自由职业者收取更多的费用,但即使这样也遇到了不同的反应。

就连新兴的手机 app 行业也经历了一场逐底竞赛,也不过十几年的时间。

app store 开始的时候,你一次付费买了一个高质量的 app,它就永远是你的了。现在,你可以免费下载任何应用程序,然后向你出售持续更新或展示广告以获取收入。

但是,在这些价格战中,总有人要吃亏,在这种情况下,吃亏的是最终用户。

如果这个例子没有吓到你,我不知道什么会。在不到十年的时间里,一个全新的、创新的行业从上到下,尽可能不引人注目。如今,如果你想在一个应用上赚钱,你要么顺从,要么创新。

所有这些例子的关键是,在这些例子中,只有顶级公司,或“大品牌”真正脱颖而出。他们是唯一能够通过这种方式生存下来的人,但这仍然是小企业尝试的一种做法。

当这种情况发生时,它会伤害你的底线,并在长期内产生一些严重的负面影响。我想看看其中的一些,向你展示如果你决定卷入一场恶性竞争,这场恶性竞争会有多糟糕。

Jumping on the price war train 🚄 is a recipe for disaster when it comes to the longevity of your business.Click to Tweet

负面#1:它扼杀创新

首先也是最重要的一点,一场恶性竞争会扼杀你成为你所在领域下一个创新公司的希望和梦想。

当一家公司开始创新时,他们需要考虑很多因素。早在 2011 年,当《哈佛商业评论》公布了一份他们称为“关键成功因素”的九个要素的清单时,有些人感到惊讶。以下是他们的列表:

  1. 创新的好理由
  2. 一个集体的、崇高的未来目标
  3. 每个人都认同的创新战略
  4. 高级管理层的参与
  5. 基于团队合作的决策支持热情的领导者
  6. 一个有才华和创造力的团队
  7. 对市场变革驱动因素采取开放的态度
  8. 冒险的意愿,即使是荒谬的
  9. 灵活的执行参数

你有没有注意到所有这些都缺少了什么?没有提到钱,利润,或任何金融方面的东西。有些人可能会对这一观点嗤之以鼻,但这里似乎表明的是,赚钱通常不是真正创新的一个因素。

当然,如果你有效地创新,你很可能会赚钱。看看苹果就知道了。他们开始制造电脑,但后来创新发生了,他们创造了我们所知的智能手机行业。现在,他们的净资产超过 9000 亿美元(T2)。

你观察的时间越长,通过积极环境进行创新的证据就越多。这里有一个分享的关于信用社如何在竞争激烈的银行业中创新的很好的例子。

Innovation

Innovation (Image Source: Ezassi)

同样,这个过程中很小一部分与赚钱有关。即便如此,它还是关注“可以在最短的时间内实现的想法或改进,并带来最大的回报。”我觉得这不像是削减员工福利。

让这幅图显得更加及时的是当前的银行业价格战,这场价格战甚至有可能削弱信用社创新者的努力。又一次,逐底竞争无处不在。

一项又一项的研究表明环境是创新的关键,我们已经对目前进行价格战的公司所创造的环境进行了长时间的仔细观察。他们很烂。

你不能制造价格战,然后要求你的文化创新。你必须创造一个空间,让员工感到足够投入和安全,让希望创新。没有犯错的余地(可能会赔钱),你的员工就会缺乏真正做出改变的动力。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

因此,创新战略的明显赢家不是价格。是文化。成为同事和朋友的专家是更大的创新资源。

但是商业是关于利润的,所以我们还是要处理通过创新赚钱的问题。虽然文化似乎是明显的赢家,但也值得看看如何在保持收支平衡的同时不断创新。

Bridget McCrea 在 Ted 杂志发表的文章中对这一过程做了最好的描述。她称之为“培养极端价值”在她的文章中,她采访了蒂姆·杨,一位来自 T2 州际电力供应公司的战略家。他用自己的话最好地表达了这一点:

“分销商必须努力创新,创造价值,并成为做出重要购买决策的客户的‘首选来源’。”

他在这里说的是,如果公司想要创新并避免价格战,他们必须专注于创造一种非常有价值的产品或服务。如果你的价值足够好,利润和创新就会到来。

如果你想要一个很好的例子来说明这个原则,看看西南航空公司对航空业做了什么。他们的“行李免费飞”口号表面上看起来像是一场价格战,但老实说,这只是他们将成本巧妙地转移到其他领域。

Create product with value

Create a product with value (Image Source: Southwest)

他们不提供餐食、飞行表演、头等舱座位,或者航空飞行中的任何其他物质享受。他们把你从 A 点带到 B 点,这就是他们卖的产品。它实际上是一个飞行的金属管,里面有免费的花生、苏打水和旅行袋。

可能会让你惊讶的是,即使除去这些舒适,西南航空公司多年来都不是最便宜的航空公司。尽管如此,他们还是保持了连续 45 年的盈利。

通过对他们所呈现的价值进行创新,西南航空实际上避免了一场巨大的价格战,并在他们的行业中创造了令人印象深刻的存在。如果专注于提供更低的价格,很难说这种方法是否会产生相同的结果。

负面#2:这意味着你的品牌“便宜”

价格战的另一个负面影响与你的整体品牌形象有关。你通过品牌努力创造的形象是一家公司盈利能力的终极信号之一。这是你知道自己已经“成功”的方式

所以,当你问你的顾客他们会把什么词和你的品牌联系在一起时,你最不想听到的就是“便宜”

但是,如果低价是说服你的客户与你合作的唯一方法,那么很可能这就是他们与你交谈的原因。他们到处都是,因为你很便宜。

商业上的一个事实是,总会有人想要便宜的东西。做生意的一部分就是做交易,争取更好的价格,每个人都有自己的底线要考虑。但是你也有你的底线。

不过,便宜和优质通常并不总是相伴而行。不需要太多的搜索就可以找到流行的文氏图,它讨论了好、快、便宜的真正本质。

Brand image

Brand image (Image Source: InReach Solutions LLC)

简单来说,在一场逐底竞赛中,你不可能得到你想要的一切。如果你想生产廉价产品,你就必须在某个地方做出牺牲。当你开始这样妥协时,你的客户很快就会注意到质量的下降。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

大量的研究试图证明这一事实。国家经济研究局 2014 年发表的一项研究似乎显示了价格竞争和整体服务质量之间的因果关系。也就是说,当零售商店的价格具有竞争力时,商店的整体服务水平会从以前的水平下降。

另一项研究表明,价格会反过来影响消费者对价值的感知。如果价格太低,产品就便宜。如果价格太高,这种产品就是骗人的。

Price consumer perception

Price consumer perception (Image Source: iamwire)

仅仅把价格压得尽可能低只会让你的品牌整体形象受损。所以低价永远不应该成为你和你的竞争对手之间的主要区别。这只会造成持久的形象问题。

相反,找到一种方法来应对你的低成本竞争对手,这有助于你长期向前推进。这个概念也不是新的。《哈佛商业评论》在 2006 年发布了一份有用的流程图,讨论你是否应该参与价格战。压倒性的答案是“不”

Responding to low-cost rivals

Responding to low-cost rivals (Image Source: HBR)

相反,专注于将你自己与你的竞争对手区分开来。这可能并不容易,但从来没有人声称竞争应该是容易的。

例如,你可以一直寻找方法振兴你的营销并接近新的客户群。如果所有这些都失败了,西蒙·西内克的著名的黄金圈仍然是正确的。从一个足够好的为什么开始,成功就会随之而来。

你也可以专注于寻找利基,然后创造具体的利润。T2 有很多指南可以带你找到合适的位置,帮助你的企业避免“廉价”的污名。

请记住,参与到竞争中只会让你显得廉价,最终失去你的生意。关注质量不仅会帮助你成功,还会提高你的客户忠诚度,让你在未来几年有更好的定位。

这也是我们没有 Kinsta 优惠券的原因之一。

消极 3:这会让你的未来处于危险之中

我的最后一点使我们兜了一圈。就像我的一个朋友,由于竞相杀价,他的生意几乎失败,你必须明白,当价格过低时,你公司的未来会发生什么。

如果你没有赚到足够的钱,你就不能投资未来,更不能保证未来。多年来,企业家们记录了大量的负面长期影响。

暂时的降价会很快变成永久的降价。利润率下降意味着增长的选择更少。当你试图提高价格时,很有可能只会赶走顾客。

看看宝洁公司和 T2 赌丨博公司目前面临的困境就知道了。由于降价和“冲突”,他们可能会在未来几个月面临预算削减。虽然前景不确定,但他们的处境已经足够危险,足以成为头条新闻,这绝不是一件好事。

看待这个问题的另一个有启发性的方法是通过从长远来看是什么让一个企业成功。克雷格·奥米斯顿最近分享了他对埃隆·马斯克公司公式的看法,你会注意到可持续发展是创造实现长期目标能力的一个要素。

Elon Musk Business Model

Elon Musk Business Model (Image Source: WaitButWhy)

虽然这是一个相当基本的模型,但它很好地代表了您的企业应该如何处理定价问题。你应该把重点放在收入和客户增长上,而不是降价。

这应该是常识,但如果你想在这里呆上几个月以上,你必须是可持续的。如果种子资金会被浪费掉,那么你得到多少种子资金并不重要。在任何领域发展的唯一方法是创造一种可持续的商业模式,这种模式对所有人都有利。

 Nine sustainable business model archetypes

Nine sustainable business model archetypes (Image Source: Nancy Bocken)

竞相逐底不是一个可持续的解决方案。如果你以更低的价格出售你的产品,基础数学会告诉你,如果你继续这样做,你很快就会亏本出售。我从未听说过一个企业通过保持赤字而获得长期成功。

避免阻碍未来的恶性竞争的最好方法之一是坐下来制定一个商业战略。如果你成功了,你可以找到新的方法来鼓励购买者为优质产品或服务支付高价。

Market strategy

Market strategy (Image Source: Omnia Retail)

请记住,最低价格并不总是最佳价格。即使你的主要优势是一些简单的东西,如更快的运输或更好的客户服务,但正是这些小事情将使你脱颖而出,并为你赢得好评。从长远来看,这些好评会带来更多的生意。

简单地匹配价格会适得其反。它削弱了你的生意,最终会让你陷入困境。当你的企业破产时,很难赚钱,所以帮你自己一个忙,永远不要到那个地步。

摘要

这不仅仅是一些牵强的末日预言。这是真正的谈话。除非你已经是一家价值数十亿美元的公司,否则参与一场逐底竞争无异于自杀。你不会赢的。

事实上,没有人会赢。你的客户将得到一个次优产品。你的员工的工作环境会受到影响。最终你会没钱的。

  1. 价格战的事实很简单,但却很戏剧化。如果你想成为一个创新者,你不能打价格战。创新来自稳定的环境和愿意失败的心态。降低竞争对手的价格会让你失去平衡,扼杀创新。
  2. 如果你想成为一个高端品牌,避免“廉价”的污名,你就不能打价格战。便宜、快速或好的问题是一个真实的问题,当价格不合适时,你的客户会注意到。世界上所有的营销都不会改变这一点。
  3. 最后但同样重要的是,如果你想在商业上有一个未来,你不能打价格战。更低的价格意味着更低的利润,这种利润会在瞬间消失。专注于创造可持续发展的商业模式并实施合理的战略,而不是竞相杀价。

我们从一开始就专注于这些战略,这也是我们能够将 Kinsta 的收入从 0 美元提升到 7 位数的原因。无论你的最终目标是什么,如果价格竞争力是你的第一要务,你肯定会失败。采纳你在这里看到的建议,开始实践吧。你的顾客、员工和未来的自己都会为此感谢你。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Rackspace 电子邮件设置:它们是什么以及如何使用它们

原文:https://kinsta.com/blog/rackspace-email-settings/

Rackspace 的电子邮件托管功能可以帮助您创建一个定制的电子邮件地址(例如[[email protected]](/cdn-cgi/l/email-protection))。使用正确的 Rackspace 电子邮件设置,您可以通过您的电子邮件客户端或网站进行配置。

虽然 Rackspace 的网站托管产品使用了高度技术化的 IaaS 方法,但它的 T2 电子邮件托管价格实惠,易于安装。如果你想在 Kinsta 托管的 WordPress 站点上设置一个自定义的电子邮件地址,那么与 Kinsta 配对是一个很好的选择。

在本帖中,我们将分享 IMAP、POP 和 SMTP 的所有关键 Rackspace 设置。然后,我们将逐步向您展示如何配置四个流行的电子邮件客户端来使用 Rackspace 电子邮件:Outlook、Thunderbird、Windows Mail 和 iOS Mail。我们还将向您展示如何配置您的 WordPress 站点,以使用 Rackspace SMTP 服务器发送交易电子邮件。

让我们开始吧!

Rackspace 的电子邮件设置是什么?

以下是您配置电子邮件客户端或网站所需的三个最重要的 Rackspace 电子邮件设置:

  • 因特网邮件访问协议
  • 购买凭证(proof of purchase)
  • 简单邮件传输协议

这里是你需要的每一个细节。

Rackspace 的电子邮件托管服务可以帮助您创建自己的定制电子邮件地址📧本指南将帮助您正确配置它们👇 点击推文

Rackspace IMAP 设置

IMAP 允许您配置您的电子邮件客户端,以接收来自 Rackspace 电子邮件帐户的邮件。它允许双向同步,如果你要从多个设备上查看电子邮件,这是非常好的。

以下是 Rackspace 的 IMAP 设置:

  • 服务器:secure.emailsrvr.com
  • 端口 : 993
  • 需要 SSL:是
  • 用户名:您的完整电子邮件地址
  • 密码:您登录 Rackspace webmail 时使用的相同密码

Rackspace POP 设置

POP 是另一种让你接收新邮件的协议。

如果您只打算从一台设备访问您的电子邮件,您可以使用 POP,但它不适合在多台设备上使用,因为它不支持像 IMAP 那样的双向同步。因此,Rackspace 建议您尽可能使用 IMAP。

以下是 Rackspace 的 POP 设置:

  • 服务器:secure.emailsrvr.com
  • 端口 : 995
  • 需要 SSL :是
  • 用户名:您的完整电子邮件地址
  • 密码:您登录 Rackspace webmail 时使用的相同密码

Rackspace SMTP 设置

IMAP 和 POP 帮助您接收传入的邮件,而 SMTP 是一种通过 Rackspace 处理发送电子邮件的协议。您可以使用它来配置您的电子邮件客户端,以便您能够通过该客户端发送电子邮件。如果你有一个 WordPress 网站,你也可以配置网站使用 Rackspace SMTP 发送电子邮件,以提高投递率。

以下是 Rackspace 的 SMTP 设置:

  • 服务器:secure.emailsrvr.com
  • 端口 : 465
  • 需要 SSL :是
  • 用户名:您的完整电子邮件地址
  • 密码:您登录 Rackspace webmail 时使用的相同密码

如何使用 Rackspace 电子邮件配置您的电子邮件客户端

现在,让我们看看如何使用上面的 Rackspace 设置来配置不同的电子邮件客户端。如前所述,我们将介绍这四种流行的电子邮件客户端:

  • 展望
  • 雷鸟
  • Windows(默认客户端)
  • iOS(默认客户端)

这些客户端的好处在于,您不需要输入 IMAP 和 SMTP 的详细信息就可以手动使用它们。一个例外是 iOS 邮件应用程序,它要求你自己提供这些细节。

观点

要配置 Outlook 使用 Rackspace,请从打开 Outlook 电子邮件客户端开始。

如果这是您第一次打开 Outlook,系统会首先提示您输入 Rackspace 的电子邮件地址:

Entering your email address in Outlook.

Enter your email address in Outlook.

在下一个屏幕上,选择 IMAP :

Choosing the option for IMAP in Outlook.

Choose the option for IMAP.

然后,输入您用于登录 Rackspace 网络邮件的密码:

Enter the password for your Rackspace email account.

Enter the password for your Rackspace email account.

您应该会看到一条成功消息。点击 Done 继续到 Outlook 界面:

Adding a success message in Outlook.

The success message in Outlook.

现在,您应该能够使用 Outlook 发送和接收电子邮件。

雷鸟

当你打开雷鸟,你应该会被提示“设置你现有的电子邮件地址。”输入您的 Rackspace 电子邮件地址和用于登录 Rackspace 网络邮件的密码:

How to enter your Rackspace email address and password.

Enter your Rackspace email address and password.

雷鸟应该会自动检测正确的协议——点击完成以结束该过程并开始发送和接收电子邮件:

Thunderbird automatically configures the protocols — just click "Done".

Thunderbird automatically configures the protocols — click “Done.”

Windows Mail 应用程序

如果您不想使用 Outlook,也可以使用默认的 Windows Mail 应用程序来设置您的 Rackspace 电子邮件。

若要开始,请打开邮件应用程序。如果这是您第一次启动该应用程序,则在您打开该应用程序时,系统会立即提示您添加帐户。如果不是,您可以通过进入设置>管理账户>添加账户来添加新账户。

在帐户选项列表中,选择其他帐户(POP,IMAP ):

Choose the option for "Other account".

Choose the option for “Other account.”

在下一个屏幕上,输入您的 Rackspace 电子邮件地址和密码:

Enter your Rackspace email address and password.

Enter your Rackspace email address and password.

就是这样!你应该可以马上收发电子邮件。

iOS 邮件应用程序

要将 iOS 设备配置为使用 Rackspace 电子邮件,您可以使用默认的邮件应用程序。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

如果这是您第一次打开邮件应用程序,系统会提示您添加电子邮件帐户。否则,您可以进入设置>密码&账户>添加账户手动添加新的邮件账户。

添加账户时,选择其他:

Choose the "Other" option when you add an account.

Choose the “Other” option when you add an account.

接下来,输入您的 Rackspace 电子邮件地址和用于登录网络邮件的密码:

Enter your Rackspace email address and password.

Enter your Rackspace email address and password.

此时,系统会提示您输入 Rackspace IMAP 和 SMTP 详细信息(本文前面已列出)。接收邮件服务器和发送邮件服务器的详细信息是相同的,因为您不需要手动输入端口号:

Enter the Rackspace IMAP and SMTP details.

Enter the Rackspace IMAP and SMTP details.

一旦你输入了所有的细节,邮件应用程序将会验证它们。如果一切正常,你可以立即开始使用邮件应用程序发送和接收电子邮件。

Rackspace 电子邮件连接问题故障排除

如果您在接收或发送电子邮件时遇到问题,这里有一些故障排除提示,可以帮助您解决所有问题。

接收电子邮件时出现问题

如果您在接收电子邮件时遇到问题,您应该首先尝试直接登录 Rackspace 网络邮件。

如果您在 webmail 中看到了该电子邮件,但它没有显示在您的电子邮件客户端中,请仔细检查您的连接设置。

确保您输入了正确的信息——很容易出现小的错误:

  • 错别字:您的用户名或密码中的任何错别字都会导致无法连接。
  • **端口号:**确保您拥有所选协议的正确端口号。 SMTP 是 465 ,IMAP 是 993,POP 是 995。

发送电子邮件时出现问题

如果你在用电子邮件客户端发送邮件时遇到问题,这里有一些建议。

首先,尝试登录您的 Rackspace 网络邮件帐户,并从那里直接发送电子邮件。如果电子邮件在您通过网络邮件发送时可以工作,但在您使用电子邮件客户端时不能工作,则您输入的 SMTP 设置可能不正确。

如果你不能从你的网络邮件或邮件客户端发送邮件,你的邮件可能会被标记为垃圾邮件。为了避免这种情况,在撰写外发邮件时,确保你遵循了所有的电子邮件最佳实践

需要一流的,快速的,安全的主机为您的新电子商务网站?Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

如何配置 WordPress 通过 Rackspace SMTP 发送电子邮件

如果你有一个 WordPress 网站,你也可以使用 Rackspace 的 SMTP 服务器来发送你的 WordPress 网站的交易邮件,提高它们的可靠性,并解决 WordPress 邮件不发送的问题。

交易电子邮件是基本的日常电子邮件,如密码重置、表单提交通知等。

Rackspace 的 SMTP 服务器每天有 10,000 封电子邮件的限制,这意味着除非你每天发送大量的邮件,否则你不太可能在使用 Rackspace 的电子邮件客户端和 WordPress 网站的电子邮件时遇到问题。

要在 WordPress 中设置这个,你需要的唯一信息是:

  • 您现有的 Rackspace 电子邮件帐户(您不需要创建新帐户或在 Rackspace 中配置任何新内容)。
  • 免费的 Post SMTP 插件允许你配置你的 WordPress 站点通过 Rackspace SMTP 发送电子邮件。

让我们仔细看看如何设置它。

1.配置 SMTP 后设置

首先,安装并激活Yehuda has sine 的免费 Post SMTP 插件。之后,在你的 WordPress 仪表盘中进入 Post SMTP 区域,点击显示所有设置进入完整的 Post SMTP 设置区域:

How to access all settings in the Post SMTP plugin in WordPress.

Accessing all settings in the Post SMTP plugin in WordPress.

首先,转到消息选项卡,在电子邮件地址区域输入您的 Rackspace 电子邮件。您还可以输入您希望用于站点电子邮件的名称:

Configure your "From" name and email address.

Configure your “From” name and email address.

保存您的更改,然后再次打开完整设置区域。

这一次,您将在账户选项卡中工作。首先,配置运输部分的下拉菜单,如下所示:

  • 类型 : SMTP
  • 邮件程序类型 : Post SMTP

Choose PostSMTP as the mailer type.

Choose PostSMTP as the mailer type.

选择此选项将展开下面的一组新选项,这是您需要输入 Rackspace SMTP 信息的地方。按如下方式配置这些设置:

  • 发送邮件服务器主机名:secure.emailsrvr.com
  • 发送邮件服务器端口 : 465
  • 信封-发件人电子邮件地址:您完整的 Rackspace 电子邮件地址
  • 安全 : SMTPS
  • 认证:登录
  • 用户名:您完整的 Rackspace 电子邮件地址
  • 密码:您用于登录 Rackspace 网络邮件的 Rackspace 电子邮件密码

最后,确保点击保存更改:

Enter the Rackspace SMTP settings.

Enter the Rackspace SMTP settings.

2.发送测试电子邮件

现在是时候发送一封测试邮件来确保一切正常。

回到 WordPress 的主 Post SMTP 区域,选择发送测试邮件:

How to send a test email through WordPress.

Sending a test email through WordPress.

输入您的电子邮件地址,然后点击下一个:

Enter your own email as the recipient email address.

Enter your email as the recipient’s email address.

如果配置有效,您应该会看到一条成功消息:

The success message shown after properly configuring and testing Post SMTP.

The success message after properly configuring and testing Post SMTP.

您还应该在收件箱中看到该电子邮件,它应该显示为来自您的 Rackspace 电子邮件地址:

What the email header should look like in your inbox.

What the email header should look like in your inbox.

就是这样!你的 WordPress 站点现在将通过你的 Rackspace 账户发送所有的电子邮件。

如果你在设置 Rackspace SMTP 服务器时遇到问题,你可以尝试使用另一个免费的 SMTP 服务器,比如 T2 Gmail SMTP T3、T4 send grid API T5、T6、Outlook SMTP T7 或雅虎 SMTP T9。

Searching for the Rackspace email settings so that you can configure it for use with your email client or website? 📧 Look no further 👀Click to Tweet

摘要

虽然 Rackspace 的云解决方案在网站创建方面不如 Kinsta 的云解决方案那么容易获得,但它们确实提供了价格合理的电子邮件托管服务,这使得它成为 Kinsta 用户或任何其他寻求 T2 电子邮件托管解决方案的人的可靠选择。

现在您已经知道了 Rackspace 的 IMAP、POP 和 SMTP 电子邮件设置,您可以配置任何电子邮件客户端来使用您的 Rackspace 帐户发送和接收电子邮件。

如果你有一个 WordPress 网站,你也可以使用 Rackspace SMTP 服务器来发送你网站的事务性电子邮件并提高它们的可靠性。

对于这些 Rackspace 电子邮件设置或如何使用它们,您还有任何问题吗?请在评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

rank Math vs Yoast SEO:SEO 哪个好?(2022 版)

原文:# t0]https://kinta . com/blog/rank-math-vs-yoast/

试图在 Rank Math 和 Yoast SEO 之间做出选择,来处理你的 WordPress 站点上的搜索引擎优化。

如果你想优化 WordPress SEO ,你绝对需要一个 SEO 插件。当谈到 WordPress SEO 插件时,Yoast SEO 绝对是镇上最大的名字,而且几乎是从 WordPress 开始的。

然而,虽然 Yoast SEO 确实得到了大多数媒体的关注,但这并不意味着它是你在 WordPress 上进行 SEO 的唯一优质选择。还有其他几个流行的插件,包括 Rank Math,我们将与 Yoast SEO 进行比较。

与 Yoast SEO 相比,Rank Math 相对来说是一个新人,但它的受欢迎程度迅速增长,并拥有大量忠实的粉丝,其官方脸书集团就是证明。

那么,在 Rank Math 和 Yoast SEO 的比较中,你应该选择哪一个呢?这就是这篇文章的主题。

我们不一定要选出“赢家”和“输家”。相反,我们只是要强调每个插件做得好的地方以及它们之间的比较,这样你就可以选择最适合你的需求、知识水平和预算的选项。

我们将从更详细地介绍每个选项开始。然后,我们将在各种类别中对它们进行深入比较。

准备好了吗?让我们开始吧!

一场 SEO 大战的时间到了——Rank Math vs Yoast SEO。哪个插件更适合你的网站?💥所有的细节都在这里👇 点击推文

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

排名数学 vs Yoast SEO 简介

首先,我们将快速介绍 Yoast SEO 和 Rank Math,为我们更实际的比较打下基础。

Yoast SEO

最初于 2010 年推出的, Yoast SEO 是目前最流行的 WordPress SEO 插件。它是由 Joost de Valk 创建的,他在推出 Yoast SEO 之前是一名 SEO 顾问。

在许多方面,Yoast SEO 是一种“事实上的”WordPress SEO 插件。例如,如果你读了一篇关于 WordPress SEO 的教程,它可能会假设你正在使用 Yoast SEO。

除了是最受欢迎的 WordPress SEO 插件之外,它也是有史以来最受欢迎的 WordPress 插件之一,迄今为止有超过 2 . 88 亿次下载。

排名数学

排名数学则是 WordPress SEO 新贵。它于 2018 年底推出,尽管在此之前已经开发了多年。虽然 SEO 插件是新的,但 Rank Math 来自一个位于 MyThemeShop 的 WordPress 开发团队。

自推出以来,Rank Math 的受欢迎程度迅速增长,现在它无愧于第二大最受欢迎的 WordPress SEO 插件*的桂冠。在不到两年的时间里,它从几乎为零到活跃安装数超过 50 万,这对一个 WordPress 插件来说是令人印象深刻的。正如你将在下面看到的,它的成长很大程度上是建立在一个冗长的免费功能列表上的。

*从技术上来说,All In One SEO Pack 是 WordPress.org 活跃安装数排名第二的插件。然而,排名数学肯定有更多的势头,并有更高的新下载计数。

排名数学与 Yoast SEO 功能

现在,让我们进入 Rank Math 与 Yoast SEO 比较的实践部分,首先看看每个插件的特性。

就可用功能的数量而言,Rank Math 比 Yoast SEO 提供的更多,尤其是在比较免费版本时。这并不一定意味着它“更好”,因为这里的关键是你是否真的会使用那些额外的特性。

然而,如果你将使用这些额外的功能,这是一个数学排名的优势。

排名数学

免费功能:

  • 设置 SEO 标题/元描述–创建自动应用于内容的模板,并为单个内容手动调整 SEO 标题 / 描述
  • 为脸书和推特设置社交媒体描述–控制文本和图片。
  • 焦点关键词分析(支持多个关键词)–输入一个或多个焦点关键词,查看您的内容针对这些关键词的优化程度。
  • 创建一个比默认的 WordPress 网站地图功能允许的更加可定制的 XML 网站地图。
  • 结构化数据/模式–建立站点范围内的模式标记,并控制单个内容的模式标记。
  • 搜索控制台将你的网站连接到谷歌搜索控制台以自动提交网站地图并在你的 WordPress 仪表盘中查看搜索控制台分析。
  • 本地搜索引擎优化和知识图表–为本地搜索引擎优化优化您的网站(只有一个免费位置)
  • 图片 SEO——改进图片 SEO,自动设置 alt 和 title 标签。
  • 内部链接建议–当你在编辑器中工作时,Rank Math 会建议你网站上的其他内容进行链接。
  • 面包屑–添加面包屑到你的网站。
  • 链接计数器–计算内容中的内部和外部链接的数量。
  • 重定向——创建和管理 301 和 302 重定向
  • 404 监控——监控你的站点的 404 错误。然后,您可以将常见的 404 错误重定向到站点上的其他页面。
  • 谷歌分析–添加跟踪代码并查看信息。
  • 基础 woo commerce SEO–设置产品/店铺名称/描述。

高级功能:

  • 关键词排名跟踪——跟踪你的网站在过去 12 个月中的搜索引擎排名和关键词表现(非常独特)
  • 谷歌趋势整合
  • 谷歌视频搜索引擎优化网站地图
  • 谷歌新闻搜索引擎优化网站地图
  • 本地搜索引擎优化的多个位置
  • 更多预定义的模式类型(20 多种)
  • Google AdSense 收入历史
  • 自动为社交媒体图像添加水印

Rank Math 的一个好处是所有这些特性都是模块化的——所以你可以很容易地禁用任何你不打算使用的特性。

Yoast SEO

Yoast SEO 在其免费版本中有一个更有限的功能列表,但 Yoast SEO 团队确实提供了多个专业插件,您可以使用它们来扩展核心功能。然而,正如我们上面提到的,你会看到 Yoast SEO 对 Rank Math 免费提供的几个功能收费,比如重定向管理器、多关键字分析和内部链接建议。

基本特征:

  • 设置 SEO 标题/元描述–创建自动应用于内容的模板,并手动调整单个内容的 SEO 标题/描述。
  • XML 站点地图——创建一个比详细的 WordPress 功能允许的更加可定制的 XML 站点地图
  • 焦点关键词分析(只有一个关键词)–输入一个焦点关键词,查看您的内容针对该关键词的优化程度。
  • 全站点架构–添加全站点架构标记。
  • 内容模式类型–为个别内容设置自定义模式类型(您也可以设置站点范围的默认值)。
  • 搜索控制台–使用搜索控制台验证您的网站。
  • 设置社交媒体描述–控制脸书和推特的文字和图片。
  • 基本的 woo commerce SEO-例如,为产品和商店页面设置标题/描述。
  • 基石内容(Cornerstone content)–将重要页面标记为“基石”,以帮助优化它们并获得更多内部链接。
  • 面包屑–将面包屑添加到您的网站。
  • 链接计数器——统计你的内容中内部链接的数量

核心高级功能:

  • 重定向管理器–创建和管理 301 和 302 重定向。
  • 内部链接建议–Yoast SEO 会建议您链接网站上的其他内容。
  • 内部链接块–添加一个自动包含相关链接的块,而不是手动添加。
  • 多焦点关键词–分析您内容中的多焦点关键词。
  • 相关关键短语——根据来自 SEMrush 的数据生成相关关键短语。

Yoast SEO 还为特定类型的 SEO 提供其他付费插件。这些给你的功能也大多只在高级版的 Rank Math 中可用,尽管 Rank Math 在其免费版中包含一些本地 SEO 功能:

  • 本地 SEO–为本地企业/知识图表添加结构化数据,增强您的联系页面,并支持多个物理位置。
  • 视频搜索引擎优化–将您的视频列在谷歌视频中,并添加其他视频搜索引擎优化增强功能。
  • 新闻搜索引擎优化(News SEO)-为谷歌新闻优化你的网站,当你发布一篇文章时 ping 谷歌,创建一个 XML 新闻网站地图,等等。
  • WooCommerce SEO(高级)-获得更多 WooCommerce SEO 功能,如社交媒体图表信息、更简洁的 XML 网站地图等。

排名数学与 Yoast SEO 设置过程

Rank Math 和 Yoast SEO 都很好地为你提供了重要的设置。两者都非常用户友好。

总的来说,这个类别是一个掷地有声的东西,实际上只是个人偏好的问题。

排名数学

当您第一次启动 Rank Math 时,它会打开一个设置向导来帮助您配置重要的基本功能。你也可以选择链接你的免费数学帐户来解锁一些功能。你不需要来使用这个插件,但是你需要连接一个免费账户来解锁所有的功能。

总的来说,该向导做得很好,为初级用户和高级用户提供了定制的体验:

The Rank Math setup wizard

The Rank Math setup wizard

在设置向导中,您将配置:

  • 基本模式信息
  • 谷歌分析和谷歌搜索控制台集成,如果你想使用它们。
  • XML 站点地图。
  • 其他基本设置,如是否索引空类别和标记档案。

Using the setup wizard to configure features

Using the setup wizard to configure features

完成设置向导后,您还可以选择设置高级选项,这将解锁一些附加步骤,例如:

  • 角色管理器(控制哪些 WordPress 角色可以访问 Rank Math)。
  • 404 错误监控。
  • 重定向。
  • 更详细的模式标记设置,例如为不同的帖子类型设置默认的模式类型。

完成设置向导后,它还会将您启动到模块管理器,该管理器列出了每一项功能,并允许您:

  • 启用/禁用每个模块。
  • 配置您已经启用的所有模块。

The modular feature managed in Rank Math

The modular feature managed in Rank Math

如果您处于简易模式,您将看不到所有模块。你需要启用高级模式来查看每一个模块。

Yoast SEO

像 Rank Math 一样,Yoast SEO 包括一个配置向导来帮助你快速启动和运行,尽管你需要从 WordPress 工具栏启动它。

该向导还能很好地引导您完成所有重要的设置,例如:

  • 基本站点范围架构数据
  • 是否索引你的网站
  • SEO 标题模板

Title settings in Yoast SEO

Yoast SEO 仪表板还包括一些提示/建议,并将标记您网站的任何潜在问题:

General settings in Yoast SEO

像 Rank Math 一样,Yoast SEO 也使用模块化方法,让您禁用不想使用的功能。您可以在功能选项卡中查看功能,并使用开关关闭特定功能:

Managing Yoast SEO's features

Managing Yoast SEO’s features

排名数学与 Yoast SEO 用户界面

当我们比较上面的设置过程时,您已经看到了一些用户界面。接下来,我们将看看日常操作的用户界面是什么样的,例如为单个帖子或页面设置优化。

除此之外,我们还将展示一些最独特的界面部分。

排名数学

如果你使用的是 WordPress 块编辑器( Gutenberg ),Rank Math 完全集成到块编辑器中。也就是说,您不会使用经典编辑器中的“元框”方法。

你可以通过点击工具栏上的图标来打开等级数学设置。“设置”边栏分为四个标签:

  • 常规–编辑片段细节,设置焦点关键词,查看分析。
  • 高级–配置机器人元信息,如添加 noindex 标签。
  • 模式–设置模式标记/结构化数据。
  • 社交–为脸书和 Twitter 设置社交图片信息。

The Rank Math interface in the block editor

The Rank Math interface in the block editor

Rank Math 的另一个独特之处是它的分析界面。根据您使用的是免费版还是专业版,您将能够跟踪:

  • 搜索控制台报告(例如,搜索印象和关键字位置)。免费。
  • 关键词排名/表现。已支付。
  • 来自谷歌分析的流量统计。已支付。排名数学也将匹配这些内容的搜索引擎优化分数。

The Rank Math analytics interface

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Yoast SEO

Yoast SEO 为您提供了两种方式来设置您的 SEO 信息,同时在编辑器中处理单个内容:

  1. 编辑器下面有一个元框,它同时出现在块编辑器和经典编辑器中。这是配置 Yoast SEO 的“老”方法。
  2. 如果您使用的是块编辑器,您将在编辑器侧边栏中获得一个新的 Yoast SEO 选项。

您可以选择适合您的方法,如果您喜欢元框方法,这很好(因为 Rank Math 不会在块编辑器中提供元框)。

如果使用块编辑器中的侧栏,您将可以访问一列中的所有选项:

The Yoast SEO sidebar interface

The Yoast SEO sidebar interface

您可以展开每个部分以查看更多信息。例如,如果您启用了模式标记设置,您可以从模式部分设置单个内容的模式类型。

您也可以单击“预览”选项,在弹出窗口中查看您的片段信息:

The Yoast SEO snippet editor

The Yoast SEO snippet editor

另一个选项是使用元框,它出现在编辑器下方,将其设置分为四列:

  • SEO–设置标题/描述,查看关键词分析,控制 robots 标签和规范链接等高级设置。
  • 可读性–查看可读性分析提示。
  • 模式–为这段内容选择一种模式类型。
  • 社交–为脸书和推特建立公开的图表信息。

The Yoast SEO meta box

The Yoast SEO meta box

排名数学 vs . Yoast SEO—关键词分析

当你在创建内容时,Rank Math 和 Yoast SEO 都支持关键词分析。也就是说,你可以添加你的目标关键词,插件会分析你的内容,告诉你它的优化程度,以及你是否需要做任何改变。

这是另一个部分,取决于你的个人偏好和你喜欢的界面/方法。然而,排名数学的一个优点是,它让你免费分析多个关键词。使用 Yoast SEO 的免费版本,您只能分析单个关键字(尽管高级版本允许多个关键字分析)。

排名数学

即使是免费版,Rank Math 也可以让你一次分析多达五个焦点关键词。你所要做的就是输入你想要的关键词,然后给 Math will 排名:

  1. 给你打个 0-100 分。还有一些颜色编码。如果你得分在 80 分以上,你会得到“绿色”,这很好。
  2. 列出具体的建议,以及你是否遇到过。比如你的焦点关键词在 SEO 标题里吗?你在内容里用了几次?

Rank Math 的建议列表包括页面搜索引擎优化以及其他因素,如标题/内容可读性:

The Rank Math keyword analysis

您可以通过单击列表中的关键字来切换不同的关键字。例如,如果您选择了一个不同的焦点关键字,那么分析将会改变为关注该特定关键字。

Yoast SEO

在 WordPress.org 的免费版本中,Yoast SEO 只允许你为每一条内容分析一个关键词。然而,如果你升级到高级版本,你将能够分析多个关键词。

同样,正如我们在用户界面部分向您展示的那样,您可以在块编辑器的侧边栏或任一编辑器下面的元框中访问分析提示。

这种分析的工作原理与排名数学非常相似——你输入你的关键词,然后 Yoast SEO 会给你一个分数,还会将你的内容与它的具体建议列表进行比较。

需要一流的,快速,安全的新网站托管?Kinsta 提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

不过,Yoast SEO 的得分没有那么具体。没有数字评级,只有三个选项:

  • 绿色(好)
  • 黄色(正常)
  • 红色(坏)

The Yoast SEO keyword analysis

The Yoast SEO keyword analysis

Yoast SEO 还将其可读性分析分离到自己的评分中,也使用相同的评分系统。可读性分析可能有点古怪,因为分数权重有时感觉是任意的。

例如,只需改变内容中的一个字母,就可以从红色跳到绿色。一般来说,比起你的实际分数,你更应该关注具体的可读性提示。

The Yoast SEO readability analysis

The Yoast SEO readability analysis

排名数学与 Yoast SEO 定价

在 WordPress.org,Rank Math 和 Yoast SEO 都是免费的。然后,两家开发商还销售具有更多功能的高级版本。

对于 Rank Math 来说,这是一个很大的变化,因为在很长一段时间里,它只提供免费版本。然而,开发者在 2020 年 11 月推出了该插件的 Pro 版本。它增加了新功能,并且不影响任何已经免费提供的现有功能。

总体而言,Rank Math 的 premium 版本比 Yoast SEO 更实惠,原因有三:

  • Rank Math 的顶级价格低于 Yoast SEO(尽管这可能会改变)。
  • Rank Math 的 premium 计划支持无限制的网站,而 Yoast SEO 不提供无限制的许可证。
  • Rank Math 只有一个包含所有功能的高级计划,而 Yoast SEO 有多个高级扩展。例如,如果你想增加本地搜索引擎优化支持,那就需要单独购买。

排名数学

目前,Rank Math 为其高级版提供了两种方案:

  • Pro——59 美元——在无限的个人网站上使用它,并跟踪多达 1000 个关键词。
  • 商务——199 美元——在无限制的个人和客户网站上使用,跟踪多达 20,000 个关键词。

Rank Math pricing

这些价格被标记为特殊的“发布优惠”。如果 Rank Math 开始收取全部标价,您将支付:

  • Pro–129 美元
  • 商务——429 美元

很难判断 Rank Math 是否真的会在未来收取这些价格,或者这是否会成为一种常青树折扣策略,以增加紧迫性。

Yoast SEO

Yoast SEO 有两种高级服务。

首先,有一个核心高级插件,它可以让你访问多关键字分析、内部链接建议等功能。核心高级服务在单个站点使用的费用为 99 美元/年–您还可以获得多站点许可折扣:

Yoast SEO site usage discounts for multiple sites

Yoast SEO site usage discounts

此外,还有四种针对特定类型 SEO 的高级扩展:

  1. WordPress 的视频搜索引擎优化——单个网站 79 美元/年起。
  2. WordPress 的本地搜索引擎优化(SEO)——单个网站 79 美元/年起。
  3. WordPress 的新闻搜索引擎优化——单个网站每年 79 美元起。
  4. Yoast woo commerce SEO-单个网站 79 美元/年起。

Yoast 还允许你购买全部 5 个插件,每年总共 229 美元。

Math 与 Yoast 排名—常见问题

最后,让我们回顾一下比较后您可能还会遇到的一些常见问题。

哪个 WordPress 插件提供了更多的功能?

总的来说,Rank Math 比 Yoast SEO 拥有更多的功能,尤其是在比较免费版本的时候。

哪个插件更受欢迎?

Yoast SEO 更受欢迎——事实上,它是有史以来最受欢迎的插件之一。然而,它也比排名数学存在得更久。鉴于排名数学还很年轻,它还是很受欢迎的。

据 WordPress.org 称,Yoast SEO 500 多万个网站上活跃(这是 WordPress.org 的最高称号——很可能比这多得多),而 Rank Math 在 60 多万个网站上活跃

哪个插件评论比较好?

Yoast SEO 和 Rank Math 在 WordPress.org 都有很好的评价。事实上,它们都被评为 4.9 分(满分 5 分),尽管 Yoast SEO 的评论基数要大得多:

  • Yoast SEO–超过 27,284 条评论的 4.9 星评价。
  • 对超过【2,064 条评论进行数学排名–4.9 星评价。

Rank Math 安全吗?

由于 Rank Math 是一个较新的插件,而 Yoast SEO 已经存在多年,一些人担心 Rank Math 的安全性。

放心吧!Rank Math 仍然来自于一个成熟的 WordPress 开发团队(MyThemeShop ),它在上市的时候也建立了良好的声誉。

2000 多人在 WordPress.org 给了它 4.9 星的评价,他们没有错。

Rank Math 比 Yoast SEO 好吗?

嗯,这是一个非常主观的问题,也是我们在这篇文章中试图探讨的问题。Rank Math 确实比 Yoast SEO 提供了更多的功能,尤其是当你谈论免费版本的时候。

然而,这并不一定意味着它对你的网站更好——它真的只是取决于你是否认为你真的会使用这些功能,以及你有多重视在 Yoast SEO 中的“更成熟”选项。

试图为你的网站找到合适的 SEO 插件?🔍不要再看了!这篇对比文章分解了你需要知道的关于两个最流行的 SEO 插件的一切...

摘要

在你的排名 Math vs Yoast SEO quest 中,很明显两者都是高质量的 SEO 插件。数字和评论不会说谎。基本上,选择任何一个插件都不会犯“错误”。更多的是挑选最能帮助你实现你的 SEO 目标的插件。

总的来说,Rank Math 当然在免费版中给了你更多的特性。例如,您将获得对多个关键字、404 检测、重定向管理器、本地 SEO 功能、内部链接建议等的分析。这些都是 Yoast SEO 收费或不提供的东西。

如果你认为你会使用这些功能,那么也许排名数学是适合你的。然而,如果你是那种仅仅使用你的 SEO 插件来设置一些 SEO 标题/描述,并可能针对一个关键词进行优化的人,你并没有从这些特性中获得太多额外的价值。

Rank Math 的好处在于它是模块化的,所以你可以禁用任何你不想要的特性以避免臃肿(Yoast SEO 也是如此)。

总而言之:

  • 如果你想要最多的功能,Rank Math 现在是领先的,尤其是在比较免费版本的时候。
  • 如果你不打算利用这些额外的功能,你想要一些东西来控制你的 SEO 标题/描述和其他基本设置,你还不如根据你喜欢的界面来选择。或者,如果你看重 Yoast SEO 的长期业绩记录,你可能想选择“既定选项”——拥有十年的业绩记录绝对有优势。

最后,如果你想知道我们在 Kinsta 使用哪一个,我们目前正在使用 Yoast SEO 来优化你现在正在阅读的帖子(和其他任何东西)。如果你想加入我们,你可以查看我们关于如何使用 Yoast SEO 的完整指南。

在比较 Rank Math 和 Yoast SEO 时,你还有其他问题或想法吗?你都试过了吗?如果是,你更喜欢哪一个?请在评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

对最佳实践做出反应,提升您在 2022 年的竞争力

原文:https://kinsta.com/blog/react-best-practices/

React 仍然是构建 web 应用程序时创建用户界面最流行的库之一。它被许多公司广泛使用,并有一个活跃的社区。

作为一名 React 开发人员,理解库是如何工作的并不是构建用户友好、易于扩展和维护的项目所需要的唯一事情。

理解某些约定也是必要的,这将使您能够编写干净的 React 代码。这不仅有助于您更好地为用户服务,还能让您和项目中的其他开发人员更容易地维护代码库。正在进行下一个 React 项目?学习写干净的 React 代码是一个游戏规则肌肉入门这里⬇️ 点击推文

在本教程中,我们将首先讨论 React 开发人员面临的一些常见挑战,然后深入探讨一些您可以遵循的最佳实践,以帮助您以更有效的方式编写 React 代码。

我们开始吧!

开发人员面临的挑战

在这一节中,我们将讨论 React 开发者在构建 web 应用期间和之后面临的一些主要挑战。

您将在本节看到的所有挑战都可以通过遵循最佳实践来避免,我们将在后面详细讨论。

我们将从影响初学者的最基本的问题开始。

做出反应的先决条件

React 开发人员面临的主要挑战之一是理解库如何工作,以及使用它的先决条件。

在学习 React 之前,你需要知道一些事情。由于 React 使用 JSX,懂 HTML 和 JavaScript 是必须的。当然,你也应该知道 CSS 或者一个现代 CSS 框架来设计你的网络应用。

特别是,在深入 React 之前,您应该了解一些核心的 JavaScript 概念和功能。其中一些主要属于 ES6,包括:

  • 箭头功能
  • Rest 运算符
  • 传播算子
  • 模块
  • 解构
  • 数组方法
  • 模板文字
  • 承诺
  • letconst变量

上面列出的 JavaScript 主题将帮助初学者理解 React 是如何工作的。

您还将了解 React 中的新概念,例如:

  • 成分
  • JSX
  • 状态管理
  • 小道具
  • 渲染元素
  • 事件处理
  • 条件渲染
  • 列表和键
  • 表单和表单验证
  • 钩住
  • 式样

对 React 概念和使用该库的先决条件有一个坚实的理解将有助于您有效地利用它的特性。

但是不要让这个压倒你。通过不断的实践和学习,您可以很快掌握如何使用 React 来构建出色的项目。这类似于学习一门新的编程语言——只是需要一点时间和练习来理解。

状态管理

在 React 中更新变量的状态/值的工作方式不同于使用普通 JavaScript 的方式。

在 JavaScript 中,更新一个变量就像使用等于运算符(=)给它赋一个新值一样简单。这里有一个例子:

var x = 300;
function updateX(){
  x = 100;
}
updateX();
console.log(x);
// 100

在上面的代码中,我们创建了一个名为x的变量,初始值为300

使用等于操作符,我们给它分配了一个新的值100。这是写在一个updateX函数中的。

在 React 中,更新变量的状态/值的工作方式不同。方法如下:

import { useState } from 'react';
function App() {
  const [x, setX] = useState(300)
  let updateX =()=>{
    setX(100);
  }
  return (
    <div className="App">
    <h1>{x}</h1>
    <button onClick={updateX}>Update X</button>
    </div>
  );
}
export default App;

在 React 中更新变量的状态时,可以使用useState钩子。使用该挂钩时有三点需要注意:

  • 变量名
  • 用于更新变量的函数
  • 变量的初始值/状态

在我们的例子中,x是变量的名称,setX是更新x值的函数,而x的初始值(300)作为参数传递给useState函数:

 const [x, setX] = useState(300)

为了更新x的状态,我们使用了setX函数:

import { useState } from 'react';
let updateX =()=>{
  setX(100);
}

所以updateX函数调用setX函数,然后将x的值设置为100

虽然这看起来非常适合更新变量的状态,但是在非常大的项目中,它增加了代码的复杂性。大量的状态挂钩使得代码很难维护和理解,尤其是当你的项目扩展时。

使用状态挂钩的另一个问题是,创建的这些变量不能在组成应用程序的不同组件之间共享。您仍然需要利用 Props 将数据从一个变量传递到另一个变量。

幸运的是,React 中构建了一些库来有效地处理状态管理。它们甚至允许你一次创建一个变量,然后在 React 应用中的任何地方使用它。其中一些库包括 Redux、反冲和 Zustand。

选择第三方库进行状态管理的问题是,您将被迫学习与您在 React 中已经学习的内容无关的新概念。例如,Redux 以拥有大量样板代码而闻名,这使得初学者很难掌握(尽管这一点正在通过 Redux Toolkit 得到解决,它让您比使用 Redux 编写的代码更少)。

可维护性和可扩展性

随着产品的用户需求不断变化,总是需要对组成产品的代码进行修改。

当团队不容易维护代码时,通常很难扩展代码。像这样的困难来自于在编写代码时遵循不好的实践。起初,它们看起来很完美,给了你想要的结果,但是任何“目前”有效的东西对于你的项目的未来和发展都是低效的。

在下一节中,我们将回顾一些有助于改进 React 代码编写方式的约定。这也将帮助你在与专业团队合作时更好地合作。
T3】

反应最佳实践

在这一节中,我们将讨论在编写 React 代码时应该遵循的一些最佳实践。让我们开始吧。

T3】

1.保持清晰的文件夹结构

文件夹结构有助于您和其他开发人员了解项目中使用的文件和资源的排列。

有了一个好的文件夹结构,就可以很容易地导航,节省时间,并有助于避免混乱。文件夹结构因每个团队的偏好而异,但这里有一些 React 中常用的文件夹结构。

按要素或路径对文件夹进行分组

根据路径和功能对文件夹中的文件进行分组有助于将特定功能的所有信息保存在一个空间中。例如,如果您有一个用户仪表板,您可以将与仪表板相关的 JavaScript、CSS 和测试文件放在一个文件夹中。

这里有一个例子来说明:

dashboard/
index.js
dashboard.css
dashboard.test.js
home/
index.js
Home.css
HomeAPI.js
Home.test.js
blog/
index.js
Blog.css
Blog.test.js

从上面可以看出,该应用程序的每个核心功能都将其所有文件和资产存储在同一个文件夹中。

将相似的文件分组

或者,您可以将相似的文件分组到同一个文件夹中。您还可以为挂钩、组件等创建单独的文件夹。看看这个例子:

hooks/
useFetchData.js
usePostData.js
components/
Dashboard.js
Dashboard.css
Home.js
Home.css
Blog.js
Blog.css

编码时不必严格遵循这些文件夹结构。如果你有一个特定的方法来排序你的文件,那就去做吧。只要您和其他开发人员对文件结构有一个清晰的理解,您就可以开始了!

2.建立结构化的进口订单

随着 React 应用程序的不断增长,您一定会进行额外的导入。导入的结构对帮助您理解组件的组成大有帮助。

按照惯例,将类似的实用程序组合在一起似乎很好。例如,您可以将外部或第三方导入与本地导入分开分组。

看一下下面的例子:

import { Routes, Route } from "react-router-dom";
import { createSlice } from "@reduxjs/toolkit";
import { Menu } from "@headlessui/react";
import Home from "./Home";
import logo from "./logo.svg";
import "./App.css";

在上面的代码中,我们首先将第三方库组合在一起(这些是我们必须预先安装的库)。

然后,我们导入在本地创建的文件,如样式表、图像和组件。

为了简单和易于理解,我们的示例没有描述非常大的代码库,但请记住,与这种格式的导入保持一致将有助于您和其他开发人员更好地理解您的 React 应用程序。

如果适合您的话,您可以进一步根据文件类型对您的本地文件进行分组——也就是说,将组件、图像、样式表、钩子等等分别分组到您的本地导入之下。

这里有一个例子:

import Home from "./Home";
import About from "./About"
import Contact from "./Contact"
import logo from "./logo.svg";
import closeBtn from "./close-btn.svg"
import "./App.css";
import "Home.css"

3.遵守命名约定

命名约定有助于提高代码的可读性。这不仅适用于组件名,甚至适用于变量名,一直到钩子。

React 文档没有提供任何正式的组件命名模式。最常用的命名约定是 camelCase 和 PascalCase。

PascalCase 主要用于组件名称:

import React from 'react'
function StudentList() {
  return (
    <div>StudentList</div>
  )
}
export default StudentList

上面的组件被命名为StudentList,比Studentliststudentlist可读性强得多。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

另一方面,camelCase 命名约定主要用于命名变量、挂钩、函数、数组等:

&const [firstName, setFirstName] = useState("Ihechikara");
const studentList = [];
const studentObject = {};
const getStudent = () => {}

4.使用棉绒

一个 linter 工具帮助提高代码质量。用于 JavaScript 和 React 的最流行的 linter 工具之一是 ESlint。但是这对提高代码质量到底有什么帮助呢?

linter 工具有助于代码库的一致性。当使用 ESLint 这样的工具时,你可以设定你希望每个从事该项目的开发者遵守的规则。这些规则可能包括使用双引号而不是单引号的要求、箭头函数的括号、特定的命名约定等等。

该工具会观察您的代码,然后在违反规则时通知您。违反规则的关键字或行通常会用红色下划线标出。

由于每个开发人员都有自己的编码风格,linter 工具可以帮助实现代码一致性。

Linter 工具也可以帮助我们轻松修复 bug。我们可以看到拼写错误,已经声明但没有使用的变量,以及其他类似的功能。其中一些错误可以在您编码时自动修复。

像 ESLint 这样的工具内置在大多数代码编辑器中,所以你可以随时获得 linter 的功能。您还可以对其进行配置,以满足您的编码需求。

5.使用代码片段库

在一个活跃的社区中使用一个框架最酷的一点是可以使用为使开发更容易而创建的工具。

代码片段库可以通过提供开发人员经常使用的预构建代码来加快开发速度。

一个很好的例子是ES7+React/Redux/React-Native snippets 扩展,它有很多用于生成预构建代码的有用命令。例如,如果您想创建一个 React 功能组件,而不需要输入所有的代码,那么您所需要做的就是输入rfce并点击输入

上面的命令将继续生成一个功能组件,其名称与文件名相对应。我们使用 ES7+React/Redux/React-Native snippets 扩展生成了以下代码:

import React from 'react'
function StudentList() {
  return (
    <div>StudentList</div>
  )
}
export default StudentList

另一个有用的代码片段工具是 Tailwind CSS IntelliSense 扩展,它简化了使用 Tailwind CSS 设计网页样式的过程。该扩展可以通过建议实用程序类、语法高亮显示和林挺功能来帮助您完成自动补全。你甚至可以在编码时看到你的颜色是什么样子。

6.结合 CSS 和 JavaScript

在处理大型项目时,为每个组件使用不同的样式表文件会使文件结构庞大,难以浏览。

这个问题的解决方案是结合你的 CSS 和 JSX 代码。你可以使用像 Tailwind CSS 和 Emotion 这样的框架/库。

下面是使用 Tailwind CSS 的样式:

<p className="font-bold mr-8">resource edge</p>

上面的代码给了段落元素一个加粗的字体,并在右边增加了一些空白。我们可以使用框架的实用程序类来实现这一点。

下面是如何使用情感来设计元素的样式:

<h1
css={css`
  color: black;
  font-size: 30px;
`}
>
Hello World!
</h1>

7.限制组件创建

React 的核心特性之一是代码可重用性。您可以创建一个组件并尽可能多地重用其逻辑,而无需重写该逻辑。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

记住这一点,您应该始终限制您创建的组件的数量。如果不这样做,文件结构就会膨胀,因为不必要的文件本来就不应该存在。

我们将用一个非常简单的例子来说明这一点:

function UserInfo() {
  return (
    <div>
    <h1>My name is Ihechikara.</h1>
    </div>
  );
}
export default UserInfo

上面的组件显示了用户名。如果我们为每个用户创建一个不同的文件,我们最终会有不合理数量的文件。(当然,我们使用用户信息是为了简单起见。在现实生活中,你可能会处理不同类型的逻辑。)

为了使我们的组件可重用,我们可以使用道具。方法如下:

function UserInfo({userName}) {
  return (
    <div>
    <h1>My name is {userName}.</h1>
    </div>
  );
}
export default UserInfo

之后,我们可以导入该组件,并根据需要多次使用它:

import UserInfo from "./UserInfo";
function App() {
  return (
    <div className="App">
    <UserInfo userName={"Ihechikara"} />
    <UserInfo userName={"John"} />
    <UserInfo userName={"Jane"} />
    </div>
  );
}
export default App;

现在我们有三个不同的UserInfo组件实例,它们来自一个文件中创建的逻辑,而不是为每个用户创建三个单独的文件。

8.实现延迟加载

随着 React 应用的增长,延迟加载非常有用。当你有一个大的代码库时,网页的加载时间会变慢。这是因为每个用户每次都要加载整个应用程序。

“延迟加载”是一个用于各种实现的术语。在这里,我们将它与 JavaScript 和 React 联系起来,但是您也可以在图像和视频上实现延迟加载

默认情况下,React 捆绑并部署整个应用程序。但是我们可以使用延迟加载来改变这种行为,也称为代码分割。

基本上,你可以限制你的应用程序在某个特定点被加载的部分。这是通过拆分您的包并只加载那些与用户需求相关的包来实现的。例如,您可以首先仅加载用户登录所需的逻辑,然后仅在用户成功登录后加载用户仪表板的逻辑。

9.使用可重复使用的挂钩

React 中的钩子让你可以利用 React 的一些附加功能,比如与组件的状态交互,以及运行与组件中某些状态变化相关的后期效果。我们无需编写类组件就可以完成所有这些工作。

我们还可以使钩子可重用,这样我们就不必在使用它们的每个文件中重新输入逻辑。我们通过创建可以在应用程序中的任何地方导入的自定义挂钩来实现这一点。

在下面的例子中,我们将创建一个从外部 API 获取数据的钩子:

import { useState, useEffect } from "react";
function useFetchData(url) {
  const [data, setData] = useState(null);
  useEffect(() => {
    fetch(url)
    .then((res) => res.json())
    .then((data) => setData(data))
    .catch((err) => console.log(`Error: ${err}`));
  }, [url]);
  return { data };
}
export default useFetchData;

我们已经创建了一个钩子来从上面的 API 中获取数据。现在它可以被导入到任何组件中。这让我们不必在必须获取外部数据的每个组件中输入所有逻辑。

我们可以在 React 中创建的自定义挂钩的类型是无限的,因此如何使用它们取决于您。请记住,如果某个功能必须在不同的组件之间重复,那么您一定要让它可重用。

10.记录和管理错误

React 中有不同的错误处理方式,比如使用错误边界、try and catch 块或者使用外部库react-error-boundary

React 16 中引入的内置错误边界是类组件的功能,所以我们不讨论它,因为建议您使用功能组件而不是类组件。

另一方面,使用trycatch块只适用于命令式代码,而不适用于声明式代码。这意味着与 JSX 合作不是一个好的选择。

我们最好的建议是使用像 react-error-boundary 这样的库。该库提供了可以包装在组件周围的功能,这将帮助您在呈现 React 应用程序时检测错误。

11.监控和测试您的代码

在开发过程中测试你的代码有助于你编写可维护的代码。不幸的是,这是许多开发人员忽略的东西。

尽管许多人可能会认为在构建 web 应用程序时测试没什么大不了的,但它带来了无数的好处。以下是几个例子:

  • 测试帮助你发现错误和缺陷
  • 检测错误可以提高代码质量。
  • 单元测试可以被记录下来,用于数据收集和将来参考。
  • 早期的 bug 检测为您节省了支付开发人员扑灭 bug 可能引发的火灾的费用。
  • 无缺陷的应用和网站赢得了观众的信任和忠诚,从而带来了更大的增长。

您可以使用 Jest 或 React 测试库等工具来测试您的代码。有大量的测试工具供你选择——最终选择最适合你的。

你也可以在浏览器中运行应用来测试你的 React 应用。您通常会在屏幕上显示任何检测到的错误。这类似于使用 DevKinsta 开发 WordPress 站点——一个允许你在本地机器上设计、开发和部署 WordPress 站点的工具。

12.利用功能组件

在 React 中使用功能组件有很多好处:你编写的代码更少,更容易阅读,而且测试版的官方 React 文档正在使用功能组件(钩子)重写,所以你肯定应该习惯使用它们。

有了功能组件,你不必担心使用this或者使用类。多亏了钩子,你还可以通过编写更少的代码来轻松管理组件的状态。

您在 React 上找到的大多数更新资源都利用了功能组件,当您遇到问题时,可以很容易地理解和遵循社区创建的有用指南和资源。

13.与 React 版本变更保持同步

随着时间的推移,新的功能将被引入,一些旧的功能将被修改。最好的跟踪方法是查看官方文档。

你也可以加入社交媒体上的 React 社区,在发生变化时获取相关信息。

保持 React 的最新版本将有助于您确定何时优化或更改代码库以获得最佳性能。

还有一些围绕 React 构建的外部库,您也应该及时了解——比如 React Router,它用于 React 中的路由。了解这些库做出了哪些更改,可以帮助您对应用程序做出相关的重要更改,并使参与项目的每个人都更容易。

此外,在发布新版本时,某些功能可能会被弃用,某些关键字可能会被更改。为了安全起见,在进行此类更改时,您应该始终阅读文档和指南。

14.使用快速、安全的主机提供商

如果您想在构建 web 应用程序后让每个人都可以访问它,您必须托管它。使用快速安全的主机提供商是很重要的。

托管您的网站可以让您访问不同的工具,从而轻松扩展和管理您的网站。托管网站的服务器使您本地机器上的文件能够安全地存储在服务器上。托管你的网站的总体好处是,其他人可以看到你创造的令人敬畏的东西。

有各种各样的平台向开发人员提供免费的托管服务,如 Firebase、Vercel、Netlify、GitHub Pages,或付费服务,如 Azure、AWS、GoDaddy、Bluehost 等等。

也可以使用 Kinsta 的应用托管平台。你所需要做的就是连接一个 GitHub 库,从 Kinsta 的 25 个全球定位的数据中心中选择,然后开始。您将获得快速设置、全天候支持、顶级安全性、自定义域、高级报告和监控工具等。
T3】

摘要

学习如何使用 React 并不是创建优秀 web 应用程序的全部要求。与 Angular、Vue 等任何其他框架一样,您应该遵循一些最佳实践来帮助您构建高效的产品。

遵循这些 React 惯例不仅有助于你的应用,而且对你作为一名前端开发人员也有好处——你学习如何编写高效、可扩展和可维护的代码,并且你在你的领域中脱颖而出成为一名专家想加紧你的 React 编码游戏?你需要知道的一切尽在本指南 点击推文

因此,当您使用 React 构建下一个 web 应用程序时,请牢记这些最佳实践,以便让您的用户和开发人员能够轻松使用和管理该产品。

您还知道哪些本文中没有提到的 React 最佳实践?请在下面的评论中分享它们。编码快乐!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

React UI 组件库:我们 2022 年的首选

原文:https://kinsta.com/blog/react-components-library/

React UI 组件库是帮助您为基于 React 的软件应用程序和网站创建令人惊叹的界面的有用工具。

虽然您可以为设计中要包含的每个特性或功能编写自己的代码,但使用 UI 组件库会使整个任务更容易、更快。

它允许您在设计中使用您想要的确切部分,如按钮,而不必从头开始编写代码。

这不仅节省了你大量的时间和精力,也给了你思考解决更大问题和努力创新的机会。
使用这 21 个有用的 React UI 组件库节省时间和精力🚀 点击发送推文
因此,每当您想要添加表格或地图等常见功能,甚至是主题等高级选项时,您只需从可用选项中进行选择,并直接在您的设计中使用它们。

结果,您的整个软件开发过程变得更快,您将能够在更短的时间内生成更多高质量的应用程序。

因此,如果您正在开发基于 React 的软件,使用 React UI 组件库将对您非常有益。这篇文章将涵盖 21 个最好的 React UI 组件库,你可以在你的下一个项目中使用它们。在我们深入研究之前,让我们回顾一些基本概念,以便您对 React UI 组件库有更好的理解。

什么是 React UI 组件库?

React UI 组件库是一个工具或软件系统,它带有可在基于 React 的应用程序和站点中使用的现成组件。这些组件库有助于加快软件开发速度,同时为开发人员和企业提供大量好处。

组件库中的组件可以是表格、图表、按钮、地图、颜色等等。此外,许多工具允许您定制它们,并根据它们的设计或风格在应用程序中使用它们。

Showing different components on desktop screen on the right and React logo on left

React UI component library. (Image source: ArrowHiTech)

由于网上基于 React 的软件系统越来越多,这些 React UI 组件库的使用也越来越多。 React 是一个 JavaScript 库,可以帮助你轻松开发移动和网络应用的用户界面。

据 Statista 称,截至 2022 年, React 是世界上第二大使用的 web 框架。这个前端 JS 框架允许更快更容易地创建应用程序。您可以使用它来构建动态 web 应用程序,因为其用户界面上的数据会不断更新。

鉴于它的好处和特性, React 被世界各地的公司和开发者所使用。为了使应用程序开发更简单,创建了 UI 组件库。所以,如果你想添加一个组件,比如一个网格,你不必为它写代码。相反,您可以使用一个组件库,找到您想要的网格,根据您的需要定制它,并直接添加它。

你完了!

接下来,让我们看看使用 React UI 组件库的一些主要好处。

使用 React UI 组件库的优势

使用 React UI 组件库的优点是:

  • Faster development: Instead of creating the code for every component, you can use a React UI component library such as MUI, Chakra UI, React Bootstrap, etc. They will expose you to multiple, ready to use components suitable for your design. This way, you can save time and develop software faster.

    Directing various arrows from one circle to another showing different phases of development

    飞速发展的过程。(图片来源:普鲁托拉 )

  • 漂亮的用户界面:构建速度更快并不意味着你必须在网站或应用程序的外观上做出妥协。漂亮而有目的的设计吸引客户,因此,你可以在你的设计中使用你选择的美观的 UI 组件,并定制它们以适应你的应用的外观和感觉。

  • Less Coding, more time developing: Using pre-built components, you can code faster. Instead of spending time on coding for common elements, you can focus on the more important task – to make the application functional. The more time spent in development will produce the better app.Development involves thinking about your website’s problem or logic, actual development, debugging, and creating new features repeatedly. Using libraries can simplify your complete design process and provide you with more relief.Also, if you are looking for a reliable, high-performing, and always available hosting platform, Kinsta’s Managed WordPress hosting is a great option. It provides faster servers, top class hardware, global CDNs, and expert support.

    Showing a man using his laptop to develop an application along with a small, big clock, calendar, mail, and sand clock on a tablet

    花更多的时间在发展上。(图片来源:科技疗法 )

  • Easy to use: If you are a beginner or don’t have a great command of the language, using CSS can sometimes be difficult and boring, especially if you are building complex designs and layouts.But if you use a component library, it becomes easier to create beautiful and complex layouts and designs even for beginners. However, you still need basic knowledge of CSS. This also eliminates CSS maintenance, which is a tough task. Hence, developers will get a huge relief.If you are struggling with a slower site, you can use the Kinsta APM tool. It provides performance monitoring for WordPress websites hosted on Kinsta, allowing you to spot performance issues and fix them faster.

    Showing a desktop and a page in order to describe the less maintenance needed for the CSS

    没有 CSS 维护。(图片来源: SmartBear )

  • 跨浏览器兼容:开发能与所有浏览器兼容的 CSS可能有些棘手。如果做得不好,会影响用户体验。对此,UI 组件库可以是一个有效的解决方案。大多数 UI 库都是跨浏览器兼容的,因此您的应用程序可以在所有浏览器上运行。这增强了用户体验,因为他们可以使用他们选择的任何浏览器

现在,让我们来看看文章的重点。

2022 年前 23 名 React UI 组件库

这里有 23 个最好的 React UI 组件库,所以你可以为你的项目选择一个最合适的。

1.材料-用户界面

Material-UI (MUI) 是一个完全加载的 UI 组件库,它提供了一套全面的 UI 工具来快速创建和部署新功能。它是最强大和最受欢迎的 UI 组件库之一,在 npm 上每周有超过 320 万次下载,在 GitHub 上有 78000 名明星,在 Twitter 上有 17000 多名追随者,还有 24k 多名开源贡献者。

Showing a page consists of different components like calendar, music, etc.

Material-UI.

有两种方法可以做到这一点——您可以直接使用这个组件库,也可以将您的设计系统引入其生产就绪组件。该平台将使您能够在不牺牲控制力或灵活性的情况下更快地进行设计。它将帮助您交付优秀的设计,以取悦最终用户。

特性和优势包括:

  • 永恒的美学:你可以使用 MUI 轻松构建精致的 UI。你可以从谷歌的材料设计开始,也可以自己从头开始创建高级主题。
  • **直观定制:**该工具提供强大而灵活的组件,让您能够完全控制项目的外观。
  • 生产就绪的漂亮组件:使用漂亮而强大的材料设计组件,如按钮、文本、菜单、警告、表格等,创建您梦想中的最佳设计。您也可以随意定制它们。
  • **更好的可访问性:**提高可访问性是该工具的核心任务之一。因此,用户可以快速访问您构建的任何特性,以增强他们的用户体验。
  • 无与伦比的文档: MUI 附带了由 2000 多名贡献者创建和管理的全面文档。在这里,你可以很容易地了解这个工具,以及如何使用它。如果你遇到任何疑问,这个文档可以帮助你。

最棒的是,你可以永远免费使用 MUI 的基本功能。对于高级功能,您可以选择 15 美元/月/开发人员起的付费计划。

2.Ant 设计(AntD)

如果你正在寻找一个基于 react 的 UI 组件库来构建企业级产品, Ant Design 是一个极好的选择。它将帮助你创造一个愉快而富有成效的工作经历。

这个工具被阿里巴巴、百度、腾讯等公司使用。Ant Design 提供了多个 UI 组件来帮助丰富您的应用程序和软件系统。

Showing a page mentioning 'Ant Design' on the top and a short description with two buttons

Ant Design.

特性和优势包括:

  • **组件:**您可以直接在项目中使用 50 多个预制组件,而不是从头开始创建。这些组件包括按钮、图标、版式、布局、导航、数据输入、数据显示、反馈等。
  • **Ant 设计包:**这些包对移动、数据可视化、图形解决方案等很有用。
  • Ant Design Pro: AntD 的另一个变种 Ant Design Pro 除了组件之外,还附带了模板等功能和一个设计工具包来帮助你设计应用。

此外,Ant Design 还建议您使用其他基于 React 的第三方组件库,如 React JSON View、 React Hooks Library 等等。它通过 GitHub 、Segmentfault 和 Stack Overflow 维护文档并支持社区讨论。

3.反应引导

另一个流行的前端框架——React Bootstrap,是为基于 React 的应用和系统重建的。它已经取代了 Bootstrap JavaScript ,其中每个组件都是从零开始开发的,作为本机 React 组件,不需要依赖关系,如 jQuery

尽管 React-Bootstrap 是最早的 React 库之一,但它已经发展成为构建轻松用户界面的绝佳选择。它为您的移动和 web 应用程序提供了令人惊叹的 UI 元素。

Showing a page mentioning 'React Bootstrap' on the top and a short description below it with two buttons

React Bootstrap.

特性和优势包括:

  • 兼容性: React-Bootstrap 被设计为兼容多种 ui。它完全依赖于 Bootstrap 样式表,并与您可能喜欢的多个 Bootstrap 主题一起工作。
  • **可访问性:**所包含的所有组件都是为任何用户或设备方便访问而开发的。因此,用户也将更好地控制每个组件的功能和形式。
  • **轻量级:**您可以通过只导入您需要的组件来最小化应用程序中的代码量,而不是导入整个库。这将是更少的时间消耗。
  • 自从 Bootstrap 被广泛用于 web 开发以来,你会发现成千上万的付费和免费主题。

React-Bootstrap 没有官方支持,但它在网上有大量有用的资源,还有一个活跃的社区。如果你寻求任何帮助,你可以去堆栈溢出,Reactiflux 不和谐,和 GitHub 问题。

4.Chakra UI

使用 Chakra UI 创建 react 应用程序,Chakra UI 是一个简单、易访问的模块化组件库。它提供了有用的构建模块来帮助您在应用程序中构建有价值的功能,并取悦用户。

查克拉的受欢迎程度正在增长,由于其令人敬畏的产品和性能。目前,它每月有 130 万次下载,19.7k GitHub 明星,7.4k Discord 成员,10k 核心贡献者。

Showing a page mentioning 'create accessible React apps with speed' on the top and a short description below with two buttons

Chakra-UI.

有了这个工具,你将花更少的时间编码,更多的时间为最终用户创造美妙的体验。Chakra UI 旨在使开发人员更容易更快地添加功能,而无需从头开始创建一切。

特性和优势包括:

  • 可访问性: Chakra UI 的组件遵循 WAI-ARIA 标准,使您的应用程序易于访问。
  • **定制:**您可以轻松定制它提供的组件的任何部分,以补充您的设计需求。无论是主题化、模板、设置还是其他任何东西,你都可以充分利用这个设计工具。
  • **可组合:**由于 Chakra UI 易于使用的界面和导航,使用它可以毫不费力地组合新元素。你可以很容易地找到每一个功能,并使用它们来创建你的设计元素,没有麻烦。
  • 深色和浅色 UI: Chakra UI 针对不同的颜色模式进行了优化,您可以根据自己的设计需求使用这些颜色模式。你可以在任何你觉得合适的地方使用暗模式或亮模式,为你的应用程序创建令人惊叹的用户界面。
  • **开发人员体验:**有了所有可用的选项以及定制和组合的自由,开发人员在创建网站或应用程序时的生产力将显著提高。

因此,他们将不得不编写更少的代码,并且可以直接在他们的设计中选择一个组件,而不必从头开始为每个组件编写代码。这不仅节省了他们的时间,也节省了他们的精力,因此他们可以将宝贵的时间投入到创新中。

如果您遇到任何问题,您可以联系 Chakra 的主动维护团队提出问题并消除您的疑虑。

5.蓝图

蓝图是一个基于 React 的 UI 工具包,你可以用它来构建你的网络应用。这是 Palantir 创建的一个开源项目,Palantir 是一个在通过应用程序与数据交互来增强客户体验方面具有实践经验的组织。

如果您正在构建数据密集且复杂的界面,这个工具将非常适合您。它也主要用于桌面应用程序。这个组件库在 GitHub 上有一千多颗星。

Showing a page mentioning 'Blueprint' in the middle and a short description below with a 3D picture of cubes in different colors on the top

Blueprint.

特性和优势包括:

  • 开发人员友好: Blueprint 提供了一个复杂的 UI,允许开发人员轻松地构建包含多个组件和模块的功能丰富的 web 界面。它受到开发人员的喜爱,原因之一是 Blueprint 提供了 25 个以上的标准组件。
  • 组件:它提供了一些代码来创建和显示按钮和 300 多个可修改的图标,与时间和日期交互,选择时区等。除此之外,你还可以选择面包屑、标注、分隔线、按钮、导航条、卡片、标签、标签等等。
  • 定制:开发者可以轻松使用 CSS 和定制每个组件来满足他们的项目需求。
  • 主题:它没有不同种类的主题,但你会得到独特的明暗模式主题以及设计元素,如配色方案、类别、排版等。
  • 可访问性:许多用户认为 Blueprint 是最容易访问的库之一。您可以在命令提示符下通过 npm 轻松安装它。
  • **实时合成:**使用工具 Composer,将帮助您实时执行合成,并改进您的应用程序的用户界面。
  • **其他功能:**它还有其他有用的功能,如像素流、捕捉混合现实、创建魔法跳跃、多用户编辑、全景捕捉、混沌破坏等等。

Blueprint 的文档非常优秀,包括深入的教程,开发者可以浏览并掌握这个库。由于它缺乏支持选项,你可以在 Stack Overflow 和 Blueprint 的 GitHub 库上看到帮助,该库对贡献者是活动的。

6.visx

由 Airbnb 创建的 visx 是为 React 应用程序构建的多个低级的、富有表现力的可视化原语的集合。它的开发是为了在整个公司统一一个完整的可视化堆栈,将 React 的乐趣与 D3 计算的健壮性结合在一起。

有了 visx,您将在任何基于 React 的代码库中获得原生体验,因为它具有相同的模式和标准 API。这样就解决了复制粘贴各种 React 钩子的问题。相反,它可以抽象 D3 细节,并以标准格式提供实用程序和组件。如果你喜欢定制和表演图表,visx 是一个很好的工具。

Showing a page mentioning 'X' in the middle with lines used for designing

visx.

特性和优势包括:

  • **多种布局:**布局包括热图、网络、文字云、统计、地理投影等等。
  • 实用程序: visx 提供 SVG 实用程序来构建交互式、复杂的SVG。您还将获得像模拟数据这样的数据工具来帮助创建可视化。您还可以使用工具提示和轴等工具创建自己的图表。
  • **交互:**可以使用画笔、缩放、拖动等图元。,提升用户体验。
  • **轻量级:**你可以把 visx 拆分成几个包,减少包的大小。因此,您可以从小处着手,只使用您需要的组件,而不必使用整个库。这也将消耗更少的时间和空间,你可以更快地完成你的工作。
  • 定制: visx 让你轻松定制你的组件。你可以带上你的动画库,状态管理,CSS-in-JS 解决方案等。,并开始创建有趣的 ui。这样,你就可以毫不费力地设计你的风格、主题、动画等等。
  • **制图库:**当你开始使用 visx 的可视化原语时,你将能够建立自己的制图库。此外,它可以针对您的具体使用情况进行优化,并提供对您的设计的更好控制。

visx 提供了详细的文档,包括安装、描述和集成的完整说明,以及一个 API 列表,每个列表都有一些示例。除了全面的可视化示例库,visx 还为您提供了许多有用的博客文章和入门教程来帮助您开始和使用这个工具。

7.流利的

Fluent 是一款跨平台、开源的设计工具,可以帮助您创建引人入胜的用户体验。它以前被命名为 Fabric React,是微软创建的一个优秀的 UI 库。

开发人员和设计人员可以从它的有用工具中受益,将设计元素添加到他们的应用程序中,而不必从头开始创建它们。该工具功能强大且直观,可根据用户意图和行为进行调整。无论您使用什么设备,使用 Fluent 工作都感觉很自然,无论是 PC、笔记本电脑还是平板电脑。

如果您正在创建跨平台应用程序,Fluent 是最好的工具之一。然而,它对其他项目来说也很棒。

Showing a page mentioning 'Fluent Design System' on the top-left with slanting and vertical lines on the right

Fluent.

特性和优势包括:

  • 预建组件: Fluent 提供多个预建组件,帮助你用微软 Office 的设计语言开发应用的不同部分。它包括按钮、网格、复选框、通知、菜单、基本输入、工具箱等组件。您还可以根据自己的使用情况轻松定制它们。
  • 控制:你可以用工具更好地控制你的设计,比如日期选择器、人物选择器、人物角色等等。
  • 可访问性: Fluent 的设计理念是易于访问,因此任何用户都可以轻松访问和使用它。
  • **跨平台:**它适用于所有平台,无论是 web、iOS、macOS、Android 还是 Windows。它还兼容 Office 365、OneNote、Azure DevOps 等微软产品。
  • **性能:**您在 Fluent 中用来构建您的应用程序部件的每个组件都会以最佳状态运行。它将为您的应用程序提供专业而又用户友好的外观和感觉。此外,它采用了一种简单的方法,将 CSS 应用于它的每个元素。因此,即使你改变了一个元素,也不会影响你的风格。

因为它是开源的,所以您可以使用代码并根据您的需要修改它。但是,它可能缺乏深入的文档。但是如果你需要帮助,网上还有其他资源和博客帖子。因此,最好是有一定经验的开发人员和设计人员。

8.语义 UI 反应

将 React 与语义 UI 相集成是为您的项目获得定制 UI 组件库的一个极好的策略。语义 UI React 帮助你用简洁易用的 HTML 构建你的网站和应用。它在 GitHub 上有 12k+颗星。

有了这个工具,你可以在你正在构建的应用上加载任何你想要的 CSS 主题。它也有人性化的 HTML 来开发软件产品。它是一个声明性 API,提供了强大的验证和特性。

Showing a page mentioning 'Semantic UI React' below its logo

Semantic UI React.

特性和优势包括:

  • jQuery Free: 语义 UI React 不受 jQuery 的限制,因为它缺少虚拟 DOM。
  • **预建组件:**这个库提供了许多组件,包括按钮、标题、容器和图标。此外,您将获得速记道具来帮助自动创建标记。
  • **简单调试:**通过在应用程序上使用语义 React UI,开发人员发现调试应用程序变得更加容易。您可以轻松地跟踪问题,而无需继续挖掘堆栈跟踪。
  • 主题化:语义 UI 拥有高级主题以及智能继承系统,为您提供完全的设计灵活性。它提供了 3000 多个主题变量。所以,只要开发一次 UI,想用多少次就用多少次。
  • UI 组件:你可以使用 50 多个 UI 组件来开发一个完整的网站,只需要一个 UI 堆栈。此外,您可以在不同的项目中共享 UI,减少为每个项目从头开始创建 UI 的工作量。从按钮到集合、视图、元素、行为和模块,您可以获得各种各样的组件,涵盖了界面设计的大部分领域。
  • **响应性:**该工具旨在使您的界面具有响应性,让您能够为移动设备和平板电脑上的内容和设计元素找到最佳设计。
  • **集成:**工具集成了、余烬、流星等。,且不说反应。这使您可以将用户界面层与应用程序逻辑组织在一起。

这个免费的开源工具被用于几个大规模的软件生产环境中。

9.无头用户界面

由 Tailwind Labs 创建的无头 UI 提供了完全可访问的无样式 UI 组件,旨在轻松兼容 Tailwind CSS。对于所有基于 React 的项目来说,它是最好的 UI 库之一。在 GitHub 上也很受 54.5k+明星的欢迎。

由于该工具可以将应用程序逻辑与可视组件分离,如果您正在为您的应用程序构建 UI,那么它是一个极好的选择。它使你不用离开你的 HTML 就能轻松地创建应用程序。此外,它是一个以实用程序为中心的 CSS 库,包含很多类,如 rotate-90、text-center、pt-4 和 flex。

Showing a page with different templates

Headless UI.

特性和优势包括:

  • UI 组件:你有很多 UI 组件,比如菜单、列表框、开关、组合框、对话框、显示、对话框、单选按钮组、弹出框、过渡、标签、自动完成、切换开关等等。
  • 定制:定制每个组件很简单,因为您将获得每个组件的易于理解的示例和样式指导。通过这种方式,您可以构建适合您特定应用程序需求的功能。
  • 可访问性和转换: Headless UI 提供了完整的可访问性和转换信息,因此用户不会觉得在他们的应用程序中访问和使用该工具很麻烦。为此,您也将获得一个扩展的 API。

关于支持和文档,Headless UI 是好的。它在 GitHub 上有一个强大的社区。你也可以在 Tailwind CSS discord 服务器上连接 Headless UI 的其他用户,寻求帮助。此外,Headless UI 的讨论页面保持活动状态,提供一般帮助、交互和功能请求。
T3】

10.反应-管理

如果你正在寻找一个 React 框架来构建你的 B2B 应用程序, React-admin 是一个不错的选择。它旨在为开发人员提供最佳体验,并使您能够更专注于满足您的业务需求。

这是一个拥有麻省理工学院许可的开源工具,健壮、稳定、易学,并且使用起来很愉快。这就是为什么全世界超过 1 万家公司在他们的项目中使用 React-admin。

使用 React-admin,您可以创建令人愉快的 ui,无论您是在构建内部工具、B2B 应用程序、CRM还是 ERP。它旨在通过允许开发人员更快地设计来提高他们的可维护性和生产力。

Showing a page mentioning 'The React Framework For B2B Apps' on the top and a short description below with a single button

React Admin.

特性和优势包括:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • 更快:这个工具可以加快你的工作速度。只需 13 行代码,您就可以开始使用它了。
  • **现代设计:**你可以用这个现代材料设计的工具创建基于 API 的应用程序。
  • 一个巨大的组件库: React-admin 可以用来创建公共特性,而不是从头开始创建每个特性。它有一个庞大的组件和挂钩库,可以覆盖大多数用例,这样您就可以专注于您的业务逻辑。它有组件,包括表单和验证、搜索和过滤、通知、路由、全功能的数据网格,以及除了常见组件之外的更多组件。
  • 可访问性和响应性: React-admin 旨在方便使用不同设备的任何人访问和响应。通过这种方式,它旨在增强用户使用什么设备以及他们位于全球何处的体验。
  • **角色和权限:**为用户提供合适的角色和权限,确保应用程序的安全。
  • 主题化:你将获得不同的主题化选项,使你的用户界面既吸引人又有用。
  • 集成: React-admin 可以使用任何 API。它是后端不可知的。你还可以找到与大多数 GraphQL 和 REST 方言兼容的适配器,或者在几分钟内自己编写代码。它可以与 OpenAPI、Django、Firebase、Prisma 等无缝集成。

React-admin 有两个版本:

  • 社区版:它是完全免费的,所以你可以免费获得它的代码和文档。要获得支持,可以参考它的堆栈溢出社区。
  • **企业版:**如果你想利用更多的选择和自由,你可以购买每月 125 欧元或每月 127.10 美元起的企业版。

除了访问代码和文档,您还将获得来自 marmelab 的专业支持,您选择的专业服务将享受 50%的折扣,并且可以访问高级功能,如日历、审计日志、多对多、实时、可编辑数据网格、基于角色的访问控制(RBAC)等。

11.改造

如果您正在构建内部应用程序, Retool 是一个很好的选择。它将消除与 UI 库、数据源和访问控制的斗争。您将获得一种简化的方式来处理一切,并生成客户喜欢使用的应用程序。

从财富 500 强到初创企业,各种规模的企业都在使用这个工具来创建出色的内部应用程序。

Showing a page mentioning 'Build internal tools, remarkably fast' on the top and a short description below with two buttons

Retool.

特性和优势包括:

  • **健壮的积木:**你会得到 90+个有用的健壮的积木,比如表格、图表、表格、列表、地图、向导等等。Retool 提供了这些现成的组件来帮助您花更多的时间来组装和优化您的 UI,而不是单独为它们编写代码。
  • **省时省力:**不用为一个组件(比如表格)找最好的 React 库,你可以使用 Retool 在一个地方把所有东西都搞定。它有像拖放这样的选项,可以让你快速地排列组件,将应用程序的特性和部分放在一起。这样,你可以节省大量时间,更快地进入下一个项目,同时以更高的效率完成当前的项目。
  • **可视化:**添加地图、表格等功能。允许用户轻松地可视化重要数据。这有助于他们在关键时刻采取适当的行动。
  • **集成:**可以通过 GraphQL、gRPC API、REST 连接任何数据库。这样,您可以在一个应用程序中获得所有数据,并无缝地工作。它集成了诸如 MongoDBMySQL 、Google Sheets、Stripe、Snowflake、Slack、Salesforce、Twilio、Google Cloud Storage、GitHub、AWS Lambda、Sendgrid、Redis 等工具。
  • **错误处理:**有了 Retool,就不需要担心来自后端的错误处理。这个工具可以处理任何事情,从从 MongoDB 读取数据并将其加入 Postgres,到将其结果直接发布到 Stripe API。
  • 开发人员友好: Retool 是一个开发人员友好的工具,允许您的开发人员做更多的事情。开发人员可以使用 JavaScript 编写代码,并在 Retool 中开发应用程序。它在任何地方都接受 JavaScript,并帮助您轻松执行代码。此外,您可以使用转换器来编写可重用的代码和操作数据。
  • 本地 API: 你将在 Retool 中使用本地 API,通过 JS 与查询和组件进行交互。
  • **定制、导入、调试:**很容易定制您想要的任何组件,使其适合您的用例。也可以通过 URL 导入 JavaScript 库,用于不同的用途。Retool 随 Lodash、Numbro 和 Moment 等工具一起安装。此外,它很容易调试。您可以查看所有可用的组件、环境和查询以及查询依赖项,并开始调试。
  • 安全部署: Retool 提供内置的安全性、权限和可靠性,帮助您在隐私和安全的情况下部署您的产品。您可以在您的虚拟专用云(VPC)、【虚拟专用网络】或内部托管重组。您也可以通过 Kubernetes 或 Docker 进行部署。

此外,您可以在 Git 的帮助下查看修订历史,并使用双因素身份验证(2FA) 、单点登录(SSO)或安全声明标记语言(SAML)安全地登录。此外,它还提供审计日志和细粒度的访问控制,只允许获得许可的个人访问您的应用程序。

重组提供了广泛的文件和支持。它的支持可以在它的话语论坛 Slack(如果你是一个重新装备的超级用户)、用于实时聊天的内部通信以及为企业客户提供的专用支持上获得。

有一个免费的试用版可用于重组。您也可以观看其官方网站上的演示,了解该工具的工作原理。

12.索环

Grommet 是一个全方位的 React 框架,它有一个整洁的包,包含了响应性、主题化、可访问性和模块化。它将帮助你用一个简单的 UI 组件库来简化你的软件开发。

如果您正在寻找一个全面的设计系统来构建可访问且响应迅速的移动优先 web 项目,那么这个工具是一个很好的选择。它是由 HPE 创建的,在设计时提供了一种充满活力的体验。

Showing a page mentioning 'streamline the way you develop apps' on the bottom and a page above the sentence showing dashboard structure

Grommet.

特性和优势包括:

  • UI 组件: Grommet 提供了强大而大胆的组件设计,并且重量很轻,可以控制您的应用程序大小。你将得到多个类别的组件,比如布局(页脚、页眉、卡片、边栏、网格等。)、类型(标题、文本、段落和降价)、颜色(品牌、状态、中性色和强调)、控件(按钮、导航栏、菜单等)。)、输入(文本、文件上传、复选框等。)、媒体(视频、传送带和图像)、增强用户体验的实用程序(响应元素、键盘快捷键、无限滚动等)。)、可视化(日历、头像、图表等。)
  • **主题化:**索环上有大量预打包的主题,包括索环主题设计器和索环设计器。前者是一个演示管理面板,让您通过调整元素来开发定制的索环主题。后者是一个画布,用于创建和保存您对组件的设计体验。
  • 用户友好界面:这是一个易于访问的 UI 库,带有键盘导航和屏幕阅读器标签等工具。它还支持网页内容无障碍指南(WCAG)。对于初学者来说,这是一个很好的工具。

Grommet 有大量全面的文档,但缺乏实践支持,但您可以通过不同的方式寻求帮助。你可以在 Slack 上与索环团队交流,在 GitHub 上分享对该工具的反馈,并通过在 Twitter 上关注索环来了解最新消息。您可以访问模板库并阅读 codesandbox 和 Storybook 上的资源。

13.常绿树

由 Segment 提供的 Evergreen 是一个了不起的 React UI 库,帮助你创建令人愉快的软件产品。这也是一个为您提供灵活性的设计系统,不会将您限制在特定的配置或需要过时的集成。

Evergreen 帮助构建能够适应不断变化的设计需求的软件产品。它提供了许多特性、组件和好处来帮助您创建用户友好且功能强大的界面。如果您想构建企业级 web 应用程序,这将是一个不错的选择。

Showing a page mentioning the Evergreen on the left and a picture showing some components on a page in a 3D view on the right

Evergreen.

特性和优势包括:

  • 组件: Evergreen 拥有 30 多个抛光组件,让您开箱即用。它包括排版,颜色,按钮,徽章,药丸,图案,布局,等等。这些都是在基于 React 的 UI 原语之上创建的,以支持无限的可组合性。
  • **快速安装:**安装 Evergreen 的 UI 包快速简单。因此,您可以毫无困难地开始使用这个工具,并开始构建应用程序。
  • 主题化: Evergreen 提供两种主题——默认和经典。默认主题反映了 Segment 的当前品牌,而经典主题源于 Evergreen 的第一个版本。尽管 Evergreen 缺少一个主题构建器,但你会得到一个全面的主题化系统来根据设计要求定制组件。

Evergreen 拥有丰富的指南、插件、工具包和工具来简化系统设计。你也可以去 Evergreen 的 Figma 图书馆获得你需要的帮助。

14.雷巴斯

Rebass 是一个基于 React 的 UI 组件库,它是一个风格化的系统。它是可扩展的、系统的、响应迅速的,是企业所需要的。它是由 Gatsby 的前端开发人员 Brent Jackson 创建的。

该工具使用 CSS-in-JavaScript 库,不需要您使用样式对象而不是嵌入的 CSS 字符串将 CSS 单独写入应用程序。因此,在 Rebass 原语之上添加设计元素和主题时,您可以更快地开发代码。

Showing a page mentioning the Rebass on the right and a picture showing a React logo inside a circle on the left

Rebass.

特性和优势包括:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

  • 轻量级: Rebass 的消耗只有 4 KB 左右,非常轻量级。这可以控制应用程序的大小。
  • 组件:它提供了一个基本的 UI 组件列表,您可以轻松地扩展并创建一个组件库。它也将有一个在选择的设计主题中定义的一致的风格和 API。你会得到像应用程序结构(盒子。布局等。)、图像、文本、卡片、表格等等。表单还包含子组件,如滑块、开关、文本区域、复选框、输入等。除此之外,你会得到其他常见的组件,如图像卡,导航条,网格等。
  • 主题化: Rebass 提供了主题化的灵活性,主题是使用 ThemeProvider 实现的。您也可以根据自己的使用情况自定义主题。此外,Rebass 有一个主题规范来定义组件的设计标记和主题对象。此外,Rebass 支持风格化的系统和主题 UI,无需任何额外的配置设置。

Rebass 提供了关于如何启动和使用该工具的详细文档。它还可以作为帮助开发人员扩展和定制组件的指南。说到支持,Rebass 没有任何付费支持。

15.曼蒂尼

Mantine 是一个全功能的 React UI 组件库,你可以用它来快速开发你的 web 应用和站点。它旨在使您的应用程序易于访问和灵活,并带有 40 多个挂钩和 100 多个可定制的组件。

这个工具是开源的,它的包有麻省理工学院的许可,是免费的。它基于 TypeScript,支持多种框架。

Showing a page on the right with different components used to make that page and short writing on the left

Mantine.

特性和优势包括:

  • 组件: Mantine 有 100 多个组件,包括 20 多个输入组件、转盘、文本编辑器、日期选择器、覆盖和导航。它支持基于 Embla 的旋转木马,基于奎尔的文本编辑器,让您可以轻松调整您的内容。您还可以更改颜色、搜索项目、使用自动完成等。
  • **深色配色:**你只需编写一点代码,就可以为你正在构建的应用添加一个深色主题。Mantine 可以输出黑暗和光明主题的全球风格。
  • **定制:**Mantine 中的每个组件都可以用道具进行可视化定制。这有助于您快速构建原型,并通过修改道具来不断进行实验。
  • 样式覆盖: Mantine 允许在内联样式或类的帮助下对每个内部元素进行样式覆盖。当您可以将此功能与其他定制灵活性一起使用时,您可以应用任何想要的视觉更改并满足您的设计需求。
  • **灵活的主题化:**你不必局限于默认的主题;你可以用额外的颜色、半径、间距、字体等来扩展它。,以补充您的设计。
  • **附加特性:**Mantine 中包含的其他重要特性有自动供应商前缀、惰性评估、在服务器端渲染期间提取关键 CSS、动态主题化等等。
  • 集成: Mantine 与现代环境一起工作,包括 Gatsby.js、 Next.js 、Remix、create-react-app 或 Vite。

Mantine 有一个 Discord 社区,你可以加入这个社区提出问题,查看最近的进展,并参与功能讨论。它也可以在 GitHub 上进行讨论和分享反馈。您也可以在 Twitter 上关注 Mantine,以获得更新通知。

16.下一个 UI

无论你是初学者还是有经验的开发者,都可以在 NextUI 的帮助下轻松搭建站点和 app。这是一个现代的、快速的、漂亮的 React UI 库,你可以很快上手。

这个工具的所有特性、产品和界面看起来都很有前途。它的组件支持跨不同浏览器的服务器端呈现。

Showing different components on the right and a short description on the left with two buttons below

Next UI.

特性和优势包括:

  • 更快: NextUI 在运行时消除不需要的风格道具。这使得该工具的性能优于其他 React UI 库。
  • 独特的 DX: NextUI 是完全类型化的,这有助于减少学习曲线,同时提供更好的开发者体验。此外,开发人员不需要为了展示一个组件而导入几个组件。因此,您可以通过编写更少的代码来做更多的事情。
  • 明暗 UI: 你会获得自动识别黑暗模式。NextUI 可以通过检测 HTML 主题中道具的变化来自动改变你的主题。它的默认深色主题是可伸缩的,并且易于应用,代码更少。
  • 主题化:它提供了一个简单的方法来定制默认的主题。你可以很容易地修改字体、颜色、断点等。
  • **定制:**由于 NextUI 是在 CSS-in-JS 库缝合的基础上开发的,所以很容易通过 CSS prop、原生 CSS 选择器或 styled 函数定制组件。此外,您将获得一组现成的缝合实用程序,通过将 CSS 属性分组在一起、缩短 CSS 属性或简化复杂的语法来加速您的工作流程。
  • 服务器端渲染: NextUI 的组件促进了跨浏览器的服务器端渲染,您可以轻松地将其应用到您的应用程序中。
  • **可访问性:**NextUI 的所有组件都遵循 WAI-ARIA 准则,并提供键盘支持。当用户使用屏幕阅读器或键盘导航时,他们也可以查看聚焦环。也兼容 Next.js。

NextUI 在 GitHub、Twitter 和 Discord 上有一个广泛的社区,你可以加入并寻求帮助,分享你的反馈和建议。

17.反应路由器

由 Remix 团队及其贡献者开发和维护的 React Router 是一个令人印象深刻的 React UI 组件库。它的最新版本是 v6,它使用了以前版本的最佳特性,并做了一些改进。

来自 Airbnb、Discord、 Microsoft 和 Twitter 等知名公司的开发团队已经在他们的项目中使用了这个工具。如果您正在搜索可以与不同界面一起工作的路由器用户界面,这是最好的选择。它可以将您的应用程序组件与相应的URL匹配,以确保更好的用户体验。

Showing a page mentioning 'React Router v6 is Here' on the top and a short description below with two buttons

React Router.

特性和优势包括:

  • **嵌套接口:**该工具允许您在单个应用程序中使用多个接口。
  • 节省时间: React 路由器是一款高效的工具,可以帮助您加速应用程序。它可以自动改变网址和布局;因此,您可以创建更少的路线,节省时间和精力。
  • **优化路由:**这个工具可以为你正在构建的站点或 app 选择最好的路由器。为此,它将评估几种可能性,给每种可能性一个等级,并呈现最佳路线。这也减少了自己创建路径排序的需要。
  • **附加特性:**它拥有声明式编程架构。因此,在创建基于 React 的应用程序时,使用一些准备好以声明方式组合的元素和组件是很有用的。

React Router 附带了文档,您可以参考这些文档来了解如何开始使用该工具。您也可以访问官方主页上的教程来了解更多信息。它拥有 240 万 GitHub 用户,3..600 万次 npm 下载,并拥有来自世界各地的 600 多名贡献者。

18.主题用户界面

如果你正在创建一个主题化的基于 React 的 UI,使用主题 UI 是一个不错的选择。它将帮助您构建 web 应用程序、设计系统、自定义组件库、Gatsby 主题等。,具有更大的灵活性。

主题 UI 提供顶级的开发人员人体工程学,并遵循基于约束的设计原则。使用该工具进行设计包括两个主要步骤:

  • 通过定义颜色和字体来构建主题
  • 设计每个组件的样式,以便更好地控制您的应用程序或站点

Showing colorful dots that are connected with lines giving a complete structure

Theme UI.

特性和优势包括:

  • 人体工程学:你可以根据你的主题快速设计你的软件产品。
  • **基于约束:**可以使用排版、颜色、布局比例等。,遵循基于约束的设计。
  • Themeable: 在你想要的任何组件上,通过你的完整网站或应用毫不费力地引用你的主题中的值。它为 CSS 提供了一个主题规范和一个主题感知 sx prop。
  • **组件:**你将有超过 30 个内置的 React UI 组件可供选择,让你的设计更具吸引力,反应更灵敏。
  • **样式化:**您可以创建/不创建组件来进行样式化。主题 UI 提供了移动优先、简单、响应迅速的风格。此外,它还遵循了富有表现力的简单 MDX 样式。
  • **黑暗模式:**这个工具有内置的黑暗模式和强大的主题化 API。它还包括主题和 Gatsby 站点的插件。这使您能够设计静态站点。

主题 UI 附带了一个详细的文档,您可以在有疑问的情况下参考或探索其用法。它包括关于 MDX 样式、主题化、自定义挂钩等的说明。

19.PrimeReact

PrimeReact 是另一个 React UI 组件库,世界各地的企业和开发人员都使用过。一些著名的公司包括梅赛德斯、空客、福特、福克斯、大众、易贝、英特尔、英伟达、威瑞森和美国运通。

这个工具有 39.5k+周下载量,2.6k+ GitHub 星。它有一个令人印象深刻的特性和组件列表,让你的用户界面设计充满冒险精神。

Showing PrimeReact offerings in different square blocks in the middle along with two buttons below

Prime React.

特性和优势包括:

  • 组件: PrimeReact 拥有 80 多个令人惊叹的 React 组件,可直接用于您的设计。一些独特的包括验证码,终端,组织结构图,和树形选择。
  • **模板:**你会得到可定制的模板和 280+ UI 块,你可以在开发界面的时候直接复制粘贴。此外,它还有一个由 200 多个图标组成的图标库。
  • 设计不可知: PrimeReact 有一个设计不可知的基础设施,让你选择现有库的外观,比如 Bootstrap 和 Material UI。然而,你完全可以自己创建一个。
  • 主题设计器:该工具的特色是基于图形用户界面的主题设计器,带有可视化设计器和 500 多个变量,您可以根据需要进行修改。它将允许你修改颜色,字体,大小,输入风格,按钮等。

PrimeReact 确实提供支持,您可以在一个工作日内得到关于改进或功能请求的回复。

20.反应还原

React Redux 是一个由 Redux 维护的 UI 组件库,经常用 React 和 Redux 的最新 API 进行更新。它以可预测性、简单的界面和准确性等属性而闻名。它适用于较简单的项目,而不是复杂的项目。

Showing a page mentioning 'React Redux' with its logo on the top and a short description below with a single button

React Redux.

特性和优势包括:

  • **封装:**您将获得 API 以允许组件直接与 Redux 存储交互。这阻止了您自己编写代码。
  • 性能优化: React Redux 可以自动应用性能优化,使组件在数据需求变化时重新呈现。
  • **可预测性:**该工具旨在与 React 的组件模型兼容。在这里,您可以指定如何从 Redux 中提取组件所需的值。当有变化时,您的组件也会自动更新。
  • 简单明了的界面:该工具有一个简单明了的界面,允许在几种环境中测试代码,并精确地比较结果。
  • 调试: React Redux 有 DevTools,可以让你检测应用状态的变化,记录每个变化,转发错误报告。这实现了简化的调试过程。

21.完全形态

Gestalt 是一个 UI 库,帮助你创建人们喜欢使用的令人惊叹的用户界面。它也是 Pinterest 的设计工具,拥有许多功能和组件。它的界面也很流畅,可以让开发者快速上手。

Showing different designs in rounded rectangular blocks on the right and description on the left

Gestalt.

特性和优势包括:

  • **易于适应:**对于设计师来说,按照他们全新的指南开始使用这个工具很容易。他们还可以阅读如何配置工具和拉请求。
  • **组件:**您将获得一套全面的 UI 实用程序和控件,以创建出色的用户体验。
  • **基础:**在设计的时候,可以玩转调色板、图标、排版等元素。
  • **其他特性:**支持黑暗模式、国际化、从右向左、代码自动更新等。由于自动化设计,它还需要较少的维护。使用可以检测代码破坏的 codemode,升级过程也变得更加容易。

你也可以联系格式塔团队,和他们一起做出贡献。此外,您可以跟踪他们的路线图,了解最新的发展动态。

22.反作用运动

如果你正在寻找 React 中动画组件的解决方案,你可以考虑 React Motion 。这是一个优秀的 React 库,将帮助您创建逼真的动画。这个工具很容易上手和使用。

特性和优势包括:

  • **指定刚度值:**这个工具更吸引人的地方是你可以指定刚度值。您也可以定义阻尼参数。这样,您的组件将看起来更真实,因为您可以控制刚度。
  • **样式:**您可以使用 React Motion 轻松地制作简单卡片组件缩放的动画。为此,您将需要利用样式化的组件。

React Motion 的文档简单易懂。您还可以通过 GitHub 社区获得反馈和最新进展。

23.反应虚拟化

如果您正在构建一个包含大量数据的复杂前端,您可能希望使用 React 虚拟化。无论是组件还是定制,您都可以在这个工具中轻松地执行所有操作。

特性和优势包括:

  • **高效渲染:**该工具可以高效渲染大型表格和列表数据。因此,如果您希望在一个表中呈现多个列,或者如果您有一个包含成百上千个元素的大型列表,那么这将非常有用。
  • 组件:你将会得到许多组件,包括一个自动缩放器,一个列缩放器,一个单元格测量器,一个多重网格,一个箭头保持器,方向排序器,等等。,除了常见的。这个多功能库可以满足您不断增长的表格需求。您还可以通过调整表格的行高来自定义表格。
  • 浏览器支持: React 虚拟化支持 Android 和 iOS 的标准网络浏览器。

它有一个 GitHub 社区,你可以通过这个社区来请求特性和更新工具。

摘要

React 是一个流行的 JavaScript 库,它提供了许多组件来帮助您构建应用程序和站点。您可以使用上面提到的 React UI 组件库并选择您想要的组件,而不是从头开始创建每个组件或功能。
React UI 组件库帮助你为你的软件应用和网站创建惊艳的界面。✨,在这本指南中找到适合你的🚀 点击推文
这样,你就可以更轻松地创建功能和设计,而不必花时间编写通用组件的代码。使用 React UI 组件库也有助于初学者轻松入门并创建自己的应用程序。

如果你是一个经验丰富的开发者,你可以定制你想要的组件,并将其添加到你的应用设计中。当从上面的列表中选择一个 React UI 组件时,它完全取决于您的设计需求。你可以浏览上面的工具以及它们的特性、好处和组件,来决定哪一个适合你的项目


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

学习如何驯服 React 的 useCallback 钩子

原文:# t0]https://kinta . com/blog/react-usecallback/

React.js 近年来变得广泛流行已经不是什么秘密了。它现在是许多互联网最杰出的玩家的首选 JavaScript 库,包括脸书和 WhatsApp。

其兴起的一个主要原因是版本 16.8 中钩子的引入。React 挂钩允许您在不编写类组件的情况下利用 React 功能。现在,带挂钩的功能组件已经成为开发人员使用 React 的首选结构。

在这篇博文中,我们将更深入地探讨一个特定的挂钩——useCallback——因为它触及了函数式编程的一个基础部分,即记忆化。您将确切地知道如何以及何时利用useCallback钩子,并充分利用它的性能增强功能。

准备好了吗?让我们开始吧!

什么是记忆化?

记忆化是指一个复杂函数存储它的输出,以便下次用相同的输入调用它。它类似于缓存,但是在更局部的层次上。它可以跳过任何复杂的计算,并更快地返回已经计算过的输出。

这对内存分配和性能有很大的影响,而这种压力正是useCallback钩子要缓解的。

React 的 useCallback 与 useMemo

在这一点上,值得一提的是useCallback与另一个名为useMemo的钩子很好地配对。我们将讨论这两个问题,但在这一部分,我们将把重点放在useCallback作为主要话题。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

关键区别在于useMemo返回一个记忆化的值,而useCallback返回一个记忆化的函数。这意味着useMemo用于存储计算值,而useCallback返回一个函数,您可以稍后调用。

这些钩子会给你一个缓存的版本,除非它们的依赖关系(比如状态或者属性)发生了变化。

让我们来看看这两个函数的作用:

import { useMemo, useCallback } from 'react'
const values = [3, 9, 6, 4, 2, 1]

// This will always return the same value, a sorted array. Once the values array changes then this will recompute.
const memoizedValue = useMemo(() => values.sort(), [values])

// This will give me back a function that can be called later on. It will always return the same result unless the values array is modified.
const memoizedFunction = useCallback(() => values.sort(), [values])

上面的代码片段是一个虚构的例子,但是显示了两个回调之间的区别:

  1. memoizedValue会变成数组[1, 2, 3, 4, 6, 9]。只要 values 变量保持不变,memoizedValue也会保持不变,并且永远不会重新计算。
  2. memoizedFunction将是一个返回数组[1, 2, 3, 4, 6, 9]的函数。

这两个回调的好处在于它们被缓存起来,并一直存在,直到依赖数组发生变化。这意味着在渲染时,它们不会被垃圾收集。

React.js is now the JavaScript library of choice for many of the internet's biggest players, including Facebook and WhatsApp. 😲 Learn more in this guide ⬇️Click to Tweet

渲染和反应

为什么在反应时记忆很重要?

它与 React 如何渲染组件有关。React 使用存储在内存中的虚拟 DOM 来比较数据并决定更新什么。

虚拟 DOM 有助于对性能做出反应,并保持您的应用程序快速运行。默认情况下,如果组件中的任何值发生变化,整个组件都将重新呈现。这使得 React 对用户输入作出“反应”,并允许屏幕在不重新加载页面的情况下更新。

您不想呈现您的组件,因为更改不会影响该组件。这就是通过useCallbackuseMemo的记忆派上用场的地方。

当 React 重新呈现组件时,它还会重新创建您在组件内部声明的函数。

注意,当比较一个函数和另一个函数的相等性时,它们总是假的。因为一个函数也是一个对象,它只会等于它自己:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

// these variables contain the exact same function but they are not equal
const hello = () => console.log('Hello Matt')
const hello2 = () => console.log('Hello Matt')

hello === hello2 // false
hello === hello // true

换句话说,当 React 重新呈现组件时,它将看到组件中声明为新函数的任何函数。

这在大多数情况下是没问题的,简单的函数很容易计算,不会影响性能。但是在其他时候,当你不希望这个函数被看作是一个新函数时,你可以依靠useCallback来帮助你。

你可能会想,“什么时候我不希望一个函数被看作是一个新函数?”嗯,在某些情况下useCallback更有意义:

  1. 您正在将函数传递给另一个同样被记忆的组件(useMemo)
  2. 你的函数需要记住一个内部状态
  3. 你的函数依赖于另一个钩子,例如useEffect

React useCallback 的性能优势

useCallback被恰当地使用时,它可以帮助加速你的应用程序,并防止组件在不需要的时候被重新渲染。

比方说,您有一个获取大量数据的组件,它负责以图表或图形的形式显示这些数据,如下所示:

A colorful bar graph comparing the overall transaction time of PHP, MySQL, Reddis, and external (other) in milliseconds.

使用 React 组件生成的条形图。

假设数据可视化组件的父组件重新渲染,但更改的属性或状态不会影响该组件。在这种情况下,您可能不想或不需要重新渲染它并重新提取所有数据。避免这种重新渲染和重新提取可以节省用户的带宽,并提供更流畅的用户体验。

React useCallback 的缺点

虽然这个挂钩可以帮助您提高性能,但是它也有缺陷。使用useCallback(和useMemo)之前要考虑的一些事情是:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

  • **垃圾收集:**其他没有被内存化的函数将被 React 丢弃以释放内存。
  • **内存分配:**与垃圾收集类似,内存化的函数越多,需要的内存就越多。另外,每次使用这些回调时,React 内部都会有一堆代码需要使用更多的内存来为您提供缓存的输出。
  • **代码复杂度:**当你开始在这些钩子中包装函数时,你立刻增加了代码的复杂度。现在需要更多地理解为什么要使用这些钩子,并确认它们的使用是正确的。

意识到上面的陷阱可以让你省去自己碰到它们的麻烦。当考虑使用useCallback时,要确保性能优势大于缺点。

React 回调示例

下面是一个带有按钮组件和计数器组件的简单设置。计数器有两种状态,并呈现出两个按钮组件,每一个都将更新计数器组件状态的一个单独部分。

按钮组件接受两个属性:handleClick和名称。每次按钮被渲染,它会记录到控制台

import { useCallback, useState } from 'react'

const Button = ({handleClick, name}) => {
  console.log(`${name} rendered`)
  return <button onClick={handleClick}>{name}</button>
}

const Counter = () => {

console.log('counter rendered')
  const [countOne, setCountOne] = useState(0)
  const [countTwo, setCountTwo] = useState(0)
  return (
    <>
      {countOne} {countTwo}
      <Button handleClick={() => setCountOne(countOne + 1)} name="button1" />
      <Button handleClick={() => setCountTwo(countTwo + 1)} name="button1" />
    </>
  )
}

在本例中,无论何时单击任一按钮,您都会在控制台中看到以下内容:

// counter rendered

// button1 rendered
// button2 rendered

现在,如果我们将useCallback应用于我们的handleClick函数,并将我们的按钮包装在React.memo中,我们可以看到useCallback为我们提供了什么。React.memo类似于useMemo,允许我们记忆一个组件。

import { useCallback, useState } from 'react'

const Button = React.memo(({handleClick, name}) => {
  console.log(`${name} rendered`)
  return <button onClick={handleClick}>{name}</button>
})

const Counter = () => {
  console.log('counter rendered')
  const [countOne, setCountOne] = useState(0)
  const [countTwo, setCountTwo] = useState(0)
  const memoizedSetCountOne = useCallback(() => setCountOne(countOne + 1), [countOne)
  const memoizedSetCountTwo = useCallback(() => setCountTwo(countTwo + 1), [countTwo])
  return (
    <>
        {countOne} {countTwo}
        <Button handleClick={memoizedSetCountOne} name="button1" />
        <Button handleClick={memoizedSetCountTwo} name="button1" />
    </>
  )
}

现在,当我们单击任一按钮时,我们将只看到我们单击以登录控制台的按钮:

// counter rendered

// button1 rendered

// counter rendered

// button2 rendered

我们已经对按钮组件应用了记忆化,传递给它的属性值是相等的。这两个handleClick函数被缓存,并将被 React 视为同一个函数,直到依赖数组中某项的值发生变化(例如countOnecountTwo)。

准备好学习如何以及何时使用 useCallback 钩子,以及如何充分利用它的性能增强功能了吗?💪从这里开始!🚀 点击推文

摘要

尽管useCallbackuseMemo很酷,但是记住它们有特定的用例——你不应该用这些钩子包装每一个函数。如果函数在计算上很复杂,那么传递给内存化组件的另一个钩子或 prop 的依赖关系是您可能想要使用useCallback的好指标。

我们希望这篇文章能够帮助您理解这个高级的 React 功能,并帮助您在使用函数式编程的过程中获得更多的信心!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

为什么你的业务应该基于经常性收入模式

原文:https://kinsta.com/blog/recurring-revenue-model/

一次性销售是最直接的商业模式。

你有产品,客户给你钱,你给他们产品。简单吧?

这并不像看起来那么简单。事实上,从长远来看,在一次性销售的基础上建立一个可持续的业务是非常困难的。但是有什么选择呢?

回答:经常性收入模式,即客户向你支付月费或年费

让我们来讨论一下为什么你应该将你的业务建立在这种模式上,以及你如何做到这一点。

为什么经常性收入胜过一次性销售

的确,你可以用一次性销售模式建立一个可持续发展的企业。事实上,有一些成功的公司将这一点发挥到极致,销售你一生中只需要购买一次的产品。

什么是经常性收入模式?

经常性收入模式是一种基于可预测收入的商业模式,这种收入以相对较高的确定性定期发生。

经常性收入模式对于关注保持持续稳定的收入流的企业来说非常重要。然而,不能保证经常性收入会无限期持续下去。

Support
For example, take a look at Minaal, a travel gear company. They produce bags that they hope will last you a lifetime. And they have done very well for themselves. So you don’t need recurring revenue to have a successful business.

Minaal example of one-off business model

Example of one-off sales business model (Image source: minaal.com

然而,尽管发展任何业务都是一场艰苦的战斗,但一次性销售模式比经常性收入模式更难攀登。为什么?

因为前者你获得了一个客户,并且只卖一次产品,而后者你获得了一个客户,并且反复地卖你的产品。

当然,通过一次性销售,你每次销售可能会赚更多的钱,但是你需要获得新的客户来进行下一次销售。

与此同时,在循环收入模式下,你每次销售可能会赚更少的钱,但要获得另一笔销售,你需要做的就是留住那个客户,这比获得一个新客户要容易得多。

经常性收入也提供了急需的稳定性。当你依赖一次性销售时,你很容易受到逐月收入大幅波动的影响,但经常性收入的情况更容易预测。当你有账单,尤其是员工工资要付时,这就很重要了。

最后,投资者喜欢经常性收入,所以如果你决定出售你的企业,你将能够获得更高的倍数。

例如,在 Smart Passive Income 播客的采访中,Empire Flippers marketplace 的联合创始人贾斯汀·库克(Justin Cooke)解释说,他们通过将月利润乘以倍数来评估企业。

通常,倍数在 20 倍到 60 倍之间,所以如果你的业务每月产生 1000 美元的利润,你可以期望以 20000 美元到 60000 美元的价格出售。但是到底是什么决定了确切的倍数呢?

最终,这归结于风险,业务风险越大,倍数越低,正如 Justin 所分享的:

"现在,要想达到较高水平,你需要更多地关注经常性收入."

这是有道理的,因为正如我们刚刚讨论的,有经常性收入的企业更稳定。

当然,经常性收入并不是唯一重要的因素,但如果你想以高倍数出售你的业务,这一点很重要。

你应该卖什么来使经常性收入模式起作用?

当谈到经常性收入时,有四种类型的产品可以通过每月或每年的订阅来销售:内容、软件、物理产品和产品化服务。

经常性收入商业模式的第一个想法:内容

内容可能是最容易获得经常性收入的方式,因为它是生产成本最低的产品。但是不要误解我的意思,创造高质量的内容仍然会花费很多,无论是在金钱上还是在时间上。

事实上,如果你可以写做播客,或者制作 Youtube 视频,那么只要你愿意投入大量的时间和精力,你就可以用很少的财务投资建立一个经常性的收入流。

Patreon

Patreon

Patreon 是一个平台,允许粉丝通过每月捐款来支持他们喜欢的在线创作者。

依赖捐款可能看起来不是一个好的商业想法,但是如果你建立了足够多的观众,它会非常有效。

例如,Easy alliances团队主要创建视频游戏流和节目,拥有 9000 多名顾客,在撰写本文时每月收入 50656 美元。

Easy Allies

Easy Allies on Patreon

与此同时,真正的犯罪痴迷播客有 9200 多名顾客:

True Crime Obsessed podcast

True Crime Obsessed podcast on Patreon

左倾记者劳里·佩妮有 640 多名赞助人,在写作时每月收入 3848 美元。

Laurie Penny on Patreon

Laurie Penny on Patreon

如您所见,文字、音频和视频内容可以通过 Patreon 实现货币化,并转化为持续的收入流。

例如,公共知识分子山姆·哈里斯在他的网站上有一个订阅系统,允许粉丝通过每月捐款直接支持他,并获得相关的额外津贴。

Sam Harris' website

Sam Harris’ website

然而,开发自己的订阅系统是一项资源密集型任务,因此对于刚刚起步的创作者来说是不可行的。

然而,捐赠并不是将你的内容货币化的唯一途径。还有一种选择是将你的内容放在付费墙后面,并收取每月订阅费(而不是要求每月捐赠,同时让人们在不捐赠的情况下消费你的内容)。

然而,这很难实现,因为我们都习惯了免费的文章、播客和视频,所以让人们付费访问可能会比你想象的更具挑战性。

不过,这是有可能的。例如,Brian Krogsgard,Post Status的创始人,为 WordPress 专业人士创建了一个成功的 Post Status 会员俱乐部,费用为 99 美元/年。

但是,请记住,会员俱乐部会员不仅可以访问独家内容,还可以访问专业社区和会员专属交易。

Post Status Membership

Post Status Membership

此外,当谈到内容货币化时,重要的是要明白竞争是疯狂的。

例如,如果你想在 Youtube 上创建政治内容,你的观点是什么并不重要。有很多频道从相同的角度讨论相同的问题,你的目标受众已经有了比他们有时间消费的更有趣的内容。

这适用于任何事情,无论你想写关于社会公正的文章,创建一个科学播客,流式视频游戏,还是你能想到的任何事情。

确保你有一个计划,如果你决定建立一个基于内容的经常性收入业务,你将如何脱颖而出,抓住你的目标受众的注意力。

此外,请记住,虽然通过内容获得六位数的收入肯定是可能的,但要建立一个基于内容的七位数业务却是极不可能的。

所以问问你自己你想要什么。是舒适灵活的生活方式还是成为千万富翁?

如果是后者,那么如果你建立软件、实体产品或产品化服务业务,你的机会会高得多。

只要明白,野心越高,那野心的代价就越高,失败的风险也一样。

经常性收入商业模式的第二个想法:软件

创造软件产品比创造内容要昂贵得多,但它们也有潜力产生更多的钱。

此外,与通常与个人品牌相关的内容不同,你最终可以以每月 20-40 倍的收入出售软件业务。

开始使用 SaaS(软件即服务)产品最直接的方式是引导它们,这意味着你自己创造一个产品,而不需要任何外部投资。务必阅读:SaaS 营销的 7 个关键原则

为此,你需要要么能够自己开发产品,要么有钱雇一个开发者为你开发。

即使你认为你有一个伟大的想法,雇佣一个开发者也是有风险的,因为你会把你的积蓄投入到一个很有可能失败的东西上(这不是针对你个人的,这适用于任何 SaaS 的产品,尤其是那些由第一次创业的人推出的产品)。

这就是为什么如果你发现自举很有吸引力,但不知道如何编码,你可能会想考虑学习它并成为一名独立黑客(一名独立企业家自举软件产品)。

现在,作为一名独立黑客取得成功似乎是不可能的,因为你要与资金雄厚的风险投资创业公司竞争。

然而,也有这样的例子,一个单独的企业家在 SaaS 建立了一个成功的企业,在同一领域击败了风险投资支持的公司。

例如,Pieter Levels 是 RemoteOK 和 NomadList 的创始人,由于他令人难以置信的成功而在独立黑客社区中享有名人地位(一年前,他作为一名独立企业家每月收入超过 5 万美元),他在谈到与风险投资支持的 NomadList 模仿者的竞争时这样说(摘自他的书*《Make】*):

“现在已经有大约 5 个大的 direct Nomad List 竞争对手来来去去,我们得到了 100 万到 1000 万美元的风险投资,团队由 10 到 30 人组成,他们制作了和我一样的网站。但是他们都没有去任何地方。

当我一个人穿着内衣在酒店的床边拿着我的 MacBook 和咖啡工作时,我能够在旧金山的一个办公室里用 Aeron 椅、oakwood 会议桌、价值 2 万美元的浓缩咖啡机、豆袋和乒乓球桌击败由 30 多人组成的百万美元风投资助的团队。

这是我们生活的时代中非常酷的一件事。这是一场相当公平的比赛。你只需要比别人做得更好,就会得到回报。"

此外,没有人说你应该从不知道如何直接编码到建立一个七位数的 SaaS 业务。事实上,如果你以前从未构建过软件产品,那么最好从小处着手。你的目标应该是创造一些可以一次性以 5 美元的价格出售的东西。仅此而已。

你会从中赚很多钱吗?不会。但是你会学习,随着你在软件产品运输方面获得更多的经验,你将获得作为独立黑客推出一个成功的 SaaS 产品所需的编码、设计和营销技能。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

例如,Andrey Azimov 受到 Pieter Levels 的启发,学会了编码,开发了几个应用程序……然后决定辞去工作,全职从事独立黑客工作。

他给了自己一年的时间从自己的软件产品中获得每月 1000 美元的经常性收入。这是在 2018 年 3 月,所以一年过去了。怎么样了?

安德烈发布了一系列小型产品,收购了他的 Macbook Alarm 应用程序,并被任命为 Product Hunt 的年度制造商。他没能及时实现每月 1000 美元的经常性收入,但两个月后,也就是 2019 年 5 月,他实现了收入目标。

你可以通过观看 Pieter Levels 的演讲来了解更多关于独立黑客的知识,他称之为他一生中最重要的演讲:

Pieter Levels 还写了一本关于独立黑客的书,名为【Make】,他在书中讲述了他所知道的关于自举的一切。

Pieter Level's

Pieter Level’s “Make”

如果你想要一个支持性的独立黑客社区(包括有抱负的和现实中的),可以去看看独立黑客论坛。

你可能还会喜欢独立黑客播客,其中科特兰·艾伦采访了成功的创业者。

Indie Hackers

Indie Hackers

当然,成为一名独立创业者并不是唯一可行的途径,用自己的钱投资企业会有回报,但你需要小心谨慎。

例如,电子邮件营销软件公司 ConvertKit 的创始人内森·巴里(Nathan Barry)将他的一切都投入到了他的初创公司中。

2012 年,他宣布了网络应用挑战赛,目标是从零开始打造一款 SaaS 产品,并在六个月内实现每月 5000 美元的经常性收入,同时每周工作时间不超过 20 小时,并且只给自己 5000 美元的启动资金。

六个月后,在 2013 年 6 月 1 日,他有了一个名为 ConvertKit 的应用程序,每月产生 2480 美元的经常性收入,所以尽管从技术上来说他没有通过挑战,但他仍然认为这是一个巨大的成功。

他继续将 ConvertKit 作为一个副业项目,但当每月经常性收入在 2014 年 10 月下降到 1207 美元时,他意识到这种方法不起作用了。

他想起了 2014 年 4 月朋友给他的建议。Hiten Shah 告诉他要么全职专注于 ConvertKit,要么干脆放弃。于是在 2014 年 10 月,他决定全押。

2015 年 1 月 1 日,Nathan 向 ConvertKit 投资了 5 万美元,并聘请了一名全职开发人员:

“做这样的投资很难。我们刚刚购买并装修了一所房子,所以当时我们并没有很多额外的现金…事实上,那 50k 是我的最后一点钱,之后就没有钱了。因此,投资 ConvertKit 是一件大事,"

他冒的风险得到了回报,现在他拥有了一家每月收入超过 130 万美元的公司。

Convertkit's Monthly Recurring Revenue

Convertkit’s Monthly Recurring Revenue

然而,重要的是要明白,当 Nathan 冒这个风险时,他已经有了一个很好的企业家记录(在 ConvertKit 之前,他已经通过应用程序和书籍赚了相当多的钱)和一个产生收入的产品。

当你有了业绩记录、有利可图的产品和将业务提升到下一个水平所需的技能时,大胆地去尝试,这与在没有成功记录的情况下,把所有的钱都押在一个未经证实的想法上是完全不同的。前者合理,后者愚蠢。

例如,Anchor Hosting 的创始人奥斯汀·金德(Austin Ginder)通过转售 Kinsta Hosting 每月赚了近 2 万美元。

Austin Ginder, founder of Anchor Hosting

Austin Ginder, founder of Anchor Hosting

他通过在兼职开发 WordPress 业务的同时从事技术工作,然后全职从事开发业务,然后慢慢从全职开发过渡到全职托管,从而达到了现在的位置。

厌倦了慢热的主持人?Kinsta 的设计考虑了速度和性能。查看我们的计划

他不需要将一生的积蓄投资到自己的企业中,也不需要筹集资金,因为他都是逐步完成的。另外,他还选择了一个伟大的商业模式,他的托管业务是有利可图的,因为第二个客户!奥斯汀在接受独立黑客采访时解释道:

诀窍是在通过一份全职工作或其他咨询服务获得报酬的同时,慢慢适应事情。从我宣布主播主持,到我被网络主持完全持续,这是三年的时间。”

这种冷静而有分寸的方法并不像“有一天我醒来,有了一个商业想法,然后辞职去追求它”那样浪漫,但这是着手创业的负责任的方式,尤其是如果你有财务义务的话。

所以别傻了。仅在以下情况下投资自己的资金:

  • 这不是你第一次表演了。
  • 你已经验证了你的想法,没有比收入更好的验证了。
  • 你信任你的产品、营销和销售技巧。

最后,还有为你的 SaaS 产品寻求资金的选择,但是这非常难得到。尤其是当你只有一个想法的时候。最好先专注于打造一个能盈利的产品,有需要再寻求投资。你知道吗?仔细考虑一下。筹集资本并不像你想象的那么迷人,因为这些钱是有附加条件的。

SaaS 业务可能是你能建立的最有利可图的业务类型,因为与实物产品业务和产品化服务业务相比,维护成本相对较低,出售时你能获得的倍数较高。

经常性收入商业模式的第三个想法:实物产品

在所有四种类型的产品中,按月或按年收费销售实物产品是最难实现的。

与内容和软件相比,利润率要低得多,因为你需要制造产品、包装产品、储存产品、运输产品等等。

这也需要更多的启动资金,因为你不能只靠自己创造产品。

然而,建立一个实体产品订阅业务肯定是可能的,所以如果你对电子商务感兴趣,你可能要考虑这条路线。

事实上,在他的书中,Tanner Larsson 认为经常性收入应该是你的电子商务业务的核心。

*> 大多数电子商务企业没有利用经常性收入,因为他们不认为自己是订阅业务。相反,他们专注于一次性销售。在我与数以千计的学生、辅导客户和策划成员打交道的多年经验中,我已经了解到,这种方法是 有缺陷的,最终对你的业务是致命的

他说,如果你的企业没有某种形式的经常性收入,那么是时候改变了,否则你将难以维持下去。

拉尔森警告称,你应该预料到短期的成长阵痛,但他表示,一旦经常性收入成为你业务的核心,你就会想,如果没有它,你的公司是如何生存的。

“你的公司会稳定下来,现金流会改善,利润会增长,你的业务压力也会小很多。这对可持续发展的企业至关重要。”

MeUndies 是一家销售内衣的电子商务公司,是实体产品经常性收入业务的一个很好的例子。

例如,如果你想买平角裤,你可以花 24 美元买一条或者你可以每月花 16 美元订阅,这样你每个月就能以 33%的折扣买到一条平角裤。

Meundies.com

Meundies.com

如果你对电子商务感兴趣,你应该围绕经常性收入开展业务,同时为客户提供一次性购买的选择。

然而,在涉足实体产品之前,你真的应该好好想想,因为销售实体产品远不如销售软件或服务利润丰厚。

只有当你对某个产品充满热情,或者你觉得无论出于什么原因,销售软件或服务都不适合你时,才进入电子商务领域。

经常性收入商业模式的想法 4:产品化服务

您可以使用产品化服务模式,通过销售服务来产生经常性收入。

例如, Design Pickle 是最成功的产品化服务公司之一。

2018 年是他们开业的第四年,他们的年度经常性收入有望达到 1000 万美元

Designpickle.com

Designpickle.com

他们以 399 美元/月(基本计划)或 995 美元/月(专业计划)的价格出售无限请求和无限修改的无限图形设计。

对于经常需要传单、海报、脸书广告、YouTube 缩略图等平面设计的人来说,这是一笔不可思议的交易。

您可以使用相同的商业模式:

  • 确定定期需要的服务(技术支持、内容创作、付费广告等)。).

  • 通过将提供服务的整个过程系统化,使其产品化。

  • 收取月租费。

重要的是要明白,为了将服务产品化,你需要创造一个明确的“要么接受,要么放弃”的提议。

设计泡菜提供无限的平面设计,每月收费,没有别的。

正如他们在定价页面上解释的那样:

“我们的服务范围很广,但目前主要是平面设计。如果你需要动画、文案或一杯拿铁咖啡,很不幸,我们会缺少。

不要屈服于诱惑,满足随机的客户要求,只是为了赚一些额外的钱。从长远来看,这只会阻碍你的成长。不要什么都懂,什么都不懂。

发现问题,提出解决问题的方案,然后专注于扩大你的业务。

一次性销售比经常性收入更容易

记住,让别人一次付给你 10 美元比让他们每个月付给你 7 美元要容易得多。

这意味着,如果你之前专注于一次性销售,并决定转向经常性收入模式,那么你可能需要进行相当大的调整。

一旦你经历了这种调整,你会发现虽然短期内很难实现销售,但从长期来看,建立一个可持续发展的企业还是比较容易的。

摘要

在一次性销售的基础上建立一个成功的企业绝对是可能的,但这不是最好的选择。

因此,如果你想自己创业,从四种产品中选择一种适合循环收入模式的产品,并努力去做。

如果你有一家专注于一次性销售的企业,想办法增加经常性收入。

是的,让经常性收入模式发挥作用并不容易,但一旦你做到了,你会很高兴你选择了这条路。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。*

关于如何减少 DNS 查找并提高其速度的 8 个技巧

原文:https://kinsta.com/blog/reduce-dns-lookups/

谈到 WordPress,你可以做很多不同的优化,有些比其他的更重要。一个经常被忽视的因素是与 DNS 相关的查找时间,以及它对你的站点有多大的影响。就像 TTFB网络延迟一样,当计算你的总页面加载时间时,这是一个重要的难题。所以今天我们将深入探讨一些关于如何减少 DNS 查询并加速它们的建议,为什么你应该这样做,以及它如何在你的 WordPress 站点的性能中发挥作用。

什么是 DNS 查找?

为了向您展示什么是 DNS 查找,您需要首先了解 DNS 是如何工作的。DNS(域名系统)本质上是互联网的主干。解释 DNS 如何工作的一个常见参考是把它想象成万维网的电话簿。你访问的每个网站和域名都被映射到一个 IP 地址

当您在地址栏中键入 Google.com 时,您的 ISP 会执行 DNS 查询,请求与该域名相关联的域名服务器。然后,到 IP 地址的映射由服务器在后台完成,这样您就可以使用域名来访问它。如果没有域名系统,你将不得不输入类似 216.58.217.206 这样的东西来进入谷歌。那岂不是很有趣!

How DNS works

How DNS works

当你浏览一个网站时,在下载任何东西之前,必须对每个域名进行 DNS 查询。然而,不需要在每个资源上执行 DNS 查找。例如,假设我们有以下 HTTP 请求:

https://wpdev.ink/
https://js.stripe.com/v3/
https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/asseimg/header.jpg
https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js
https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/global.js
https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js
https://cdn.wpdev.ink/fonts/open-sans-v13-latin-regular.woff2
https://cdn.wpdev.ink/fonts/open-sans-v13-latin-700.woff2

尽管上面总共有八个 HTTP 请求,但是总共只有三个唯一的域。这意味着有三次 DNS 查找。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

https://wpdev.ink
https://js.stripe.com
https://cdn.wpdev.ink

不先访问 域名服务器,就无法访问网站。如果出现 DNS 问题,您可能会面临错误“ DNS 服务器没有响应”,这表明负责将主机名转换为 IP 地址的分散式命名系统没有响应。

Pingdom 中的 DNS 查找

下面是上面的请求是如何出现在 Pingdom 网站速度测试工具中的。DNS 以粉色条表示,以毫秒为单位。当你第一次通过 Pingdom 运行你的网站时,它会执行一次新的查找,它必须查询每个域的 DNS 记录以获得 IP 信息。注意,它不需要在 cdn.wpdev.ink 域上多次查询 DNS。这就是 DNS 的工作方式。它只需要查询一个域一次。所以下面总共有 8 个请求,但是只有 3 个 DNS 查找。

这种 DNS 查找会导致额外的加载时间,因为在 DNS 查找完成之前不会加载任何内容。请注意,在一个 CDN URL 上的 DNS 查找花费了 300 多毫秒,这还不包括在 wpdev.ink 或 js.stripe.com 上的查找。所以你可以看到这是如何随着时间的推移而增加的。

DNS lookups in Pingdom

DNS lookups in Pingdom

当你多次通过 Pingdom 运行你的网站时,它会缓存 DNS ,因为它已经知道了 IP 信息,不需要再次执行查找。这就是为什么你的网站在多次运行 Pingdom 后会显示得更快的一个原因。正如您在下面的屏幕中看到的,在第二次测试中,CDN URL 上的 DNS 查找时间是 0 毫秒。这是许多人误解的一个方面。但是不要担心,我们将在下面深入研究 DNS 缓存。

DNS cache in Pingdom

DNS cache in Pingdom

GTmetrix 中的 DNS 查找

每个网站速度测试工具的工作原理略有不同,但几乎所有的工具都会为您计算 DNS 查找时间。下面是相同的请求如何出现在 GTmetrix 中。DNS 用绿条表示,单位为毫秒。

DNS lookups in GTmetrix

DNS lookups in GTmetrix

网页测试中的 DNS 查找

这里有一个使用 WebPageTest 的例子。他们实际上对您的请求细节有一个快速概览,您可以点击“DNS 查找”栏,并按最高响应时间对其进行排序。作为一个例子,我们通过该工具运行 usatoday.com,仅 DNS 查找时间就花了 6.5 秒!

这是相当普遍的许多新闻网站没有高度优化,由于他们所有的外部请求。但是如你所见,他们网站的 DNS 查找时间可能比大多数人的整个网站都要长。这就是为什么 DNS 对很重要。

Long DNS lookup times (webpagetest)

Long DNS lookup times (webpagetest)

如何减少和加快 DNS 查找

现在你对 DNS 的工作原理有了更多的了解,我们将向你展示一些建议,关于如何在你的 WordPress 站点上减少 DNS 查询并提高它们的速度。在一些网站速度测试工具中,这有时也被称为“最小化 DNS 查找”

Minimize DNS lookups in Pingdom

Minimize DNS lookups in Pingdom

提示 1-使用快速 DNS 提供商

理解这一点很重要,就像主机一样,有更快和更慢的 DNS 提供商。这应该是您首先要解决的问题之一。

通常情况下,GoDaddy 和 Namecheap 等域名注册商提供的免费 DNS 非常慢。DNS 提供商通常就像一个 CDN 一样工作,他们在全球有多个 pop。像 Amazon、Cloudflare、Dyn 和 DNS Made Easy 这样的大型 DNS 提供商都有专门为低延迟环境中的 DNS 设计的大型基础架构。

我们运行了一些测试来比较一些流行的 DNS 提供商的速度。我们使用了 KeyCDN 的性能工具以及 SolveDNS 速度测试,取平均值。速度是从全球多个地点测量的。如你所见,除了 Cloudflare 之外,免费的 DNS 提供商肯定要慢一些。这就是为什么如果你认真对待你的业务和网站,我们强烈建议你选择一家顶级域名服务提供商

DNS provider speeds

DNS provider speeds

在某些地区,上面的一些提供商也比其他提供商更快,因此确定您在哪里需要快速的 DNS 查找时间是很重要的,无论是地区性的还是全球性的。 DNSPerf 是另一款较新的 DNS 速度比较工具,您可以在选择提供商时使用。您知道吗,您也可以使用没有 CDN 功能的 Cloudflare 的 DNS

技巧 2–更改 TTL 值以利用 DNS 缓存

令人欣慰的是,就像我们上面提到的,由于 DNS 缓存,您不必担心每次加载页面时都会发生查找。这实际上是关于第一次请求。DNS 缓存的工作方式类似于你缓存你的 WordPress 站点的方式。DNS 由缓存提供服务,直到它过期(这里是如何刷新您的 DNS 缓存)。DNS 缓存的长度由他们所谓的 TTL(生存时间)值决定。TTL 越高,浏览器需要执行另一次 DNS 查找的可能性就越小。

TTL 值可以通过您的域名注册商或第三方 DNS 提供商进行更改,以缩短您的 DNS 缓存时间。值得注意的是,ISP 也会缓存 DNS。下面是一些常见的 TTL 值。

  • 300 秒 = 5 分钟
  • 1800 秒 = 30 分钟
  • 3600 秒 = 1 小时
  • 43200 秒 = 12 小时
  • 86400 秒 = 24 小时

Cloudflare TTL

Cloudflare TTL

30 分钟到 1 小时通常是最常用的 TTL 值。然而,一些也将它们的 TTL 设置得很低,以允许快速更新。例如,如果您使用 Cloudflare 的自动 TTL,则默认为 5 分钟。查看不同类型的 DNS 记录并根据它们更改的频率进行相应的设置也是有益的。这里有一个例子:

  • **A 和 AAAA 记录:**变化比较频繁,从 5 分钟到一个小时的任何地方通常都可以
  • **CNAME 记录:**几乎从不改变,更高的 TTL 如 24 小时通常是可以的
  • NS 记录:几乎从不改变,更高的 TTL 如 24 小时通常是可以的
  • **MX 记录:**更改频率较低,12 小时这样的高 TTL 通常是可以的
  • **TXT 记录:**不经常更改,像 12 小时这样的高 TTL 通常是可以的

说到 TTL 真的没有对错之分。但是它可以通过选择一个与站点更改频率相一致的 TTL 来提高 DNS 查找时间。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

技巧 3–减少域名(主机名)的数量

减少您站点上 DNS 查询的最简单的方法是简单地去除查询不同主机名 的请求。请记住,DNS 查找与请求的数量无关,而是与不同域的数量有关。通过类似 Pingdom 的工具运行你的 WordPress 站点,确定每个请求是否真的有必要。既然 DNS 是主机名到 IP 的映射,你可能会想为什么人们不直接指向 IP 呢?这是因为一个 IP 地址可以经常改变,而主机名则不会。

技巧 4–使用 DNS 速度更快的替代服务

虽然简单地减少域名(主机名)的数量说起来容易做起来难,但我们建议首先查看那些 DNS 查找时间较长的域名。例如,在我们下面测试的这个站点中,我们可以很容易地发现疯狂鸡蛋跟踪脚本的 DNS 查找时间比其他的要长得多。这很可能是因为他们的 DNS 提供商不如其他一些提供商快。

Find long DNS lookup times

Find long DNS lookup times

在这种情况下,也许你可以看看其他提供商,比如 Hotjar,他们提供相同的服务,但是可能使用更快的 DNS 提供商。向你的 WordPress 站点添加外部服务时,评估它们的性能是非常重要的。

技巧 5–在 CDN 上移动和托管资源

减少 DNS 查找的最简单的方法之一是将尽可能多的资源转移到你的 CDN 提供商。如果您通过 Pingdom 运行您的站点,您可以看到域的请求总数。正如您在本例中看到的,93.8%的请求都是针对 CDN URL 的。一个是对主机的请求,一个是对 Google Analytics 的请求。通过将尽可能多的资源移动到 CDN,这减少了所涉及的 DNS 查找的数量,因此减少了加载时间。

Requests by domain

Requests by domain

当然,现在不可能总是把所有东西都转移到你的 CDN 上。总会有一些外部资源或服务需要你从它们的服务器上加载。但是我们建议浏览你的网站。很多时候,我们看到 WordPress 用户的 CDN 上有很多资源没有正确托管。通过这样做,您还可以更好地利用 HTTP/2并行化。下面是一些我们经常看到的可以改进的资源:

字体牛逼

我们偶尔会在 WordPress 网站上看到插件开发者和主题包含字体 Awesome,但有时会以这样的方式排队,默认情况下像 CDN enabler 这样的插件不会捕捉到它。在这种情况下,我们建议联系开发人员,询问他们如何从您的 CDN 加载它。

字体 Awesome 的另一个常见场景是,它有时从默认的 BootstrapCDN (MaxCDN)加载。虽然这没有什么错,但它增加了另一个您不需要的 DNS 查找。在大多数情况下,从你自己的 CDN 加载字体 Awesome 会更好,这样就不用再查找了。

掘墓人

如果你使用 WordPress 本地评论,你可能需要额外查找 secure.gravatars.com 来加载 gravatar。一个简单的解决方案是利用惰性加载注释插件。虽然这不会减少 DNS 查找,但会延迟它,直到用户向下滚动页面。所以在某种意义上,你减少了第一页加载时的 DNS 查找。请务必查看我们关于加速评论的博客文章。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

谷歌字体

有了谷歌字体,你有一个额外的 DNS 请求来查找 fonts.googleapis.com 抓取 CSS 文件。然后你有额外的请求 fonts.gstatic.com 下载字体文件。当你在本地托管时,所有的请求都来自同一个域或 CDN,很可能你不需要另一个 CSS 文件,因为它在你的 WordPress 主题的 CSS 文件中。这样做有好处也有坏处,但是请查看我们关于如何在本地托管字体的深入文章。

Google fonts DNS lookup

Google fonts DNS lookup

Font Awesome 、Gravatars 和 Google Fonts 只是通过确保它们从你的 CDN 加载来减少 DNS 查找的几个例子。你目前是否从你的 CDN 中加载了所有可能的东西?看一看总是好的。

技巧 6–利用 DNS 预取

加速 DNS 的另一个技巧是使用 DNS 预取。这允许浏览器在后台的页面上执行 DNS 查找。你可以通过在你的 WordPress 站点的标题中添加一些代码来做到这一点。请看下面的一些例子。

<!-- Prefetch DNS for external assets -->

 

DNS 预取也是除 iOS Safari、Opera Mini、Android 浏览器之外的所有主流浏览器都支持

DNS prefetch browser support

DNS prefetch browser support

或者如果你运行的是 WordPress 版本 4.6 或更新版本,你可能想要使用资源提示。开发者可以使用 wp_resource_hints 过滤器为 dns 添加自定义域和 URLs 预取、预连接、预取或预呈现。
T3】

技巧 7——推迟加载 JavaScript

如果您推迟 JavaScript 的加载,这可能会阻止加载,直到文档完全加载之后。这不会减少所需的 DNS 查找次数,但会防止它们被立即调用,这可以加快用户体验。Varvy 对如何推迟 JavaScript 有一个很好的解释。他在自己的网站上使用的一个例子是他的谷歌分析脚本,因为它没有理由加载到折叠之上。

在 WordPress 中,你可以使用一个免费的插件,比如 Async JavaScript 来延迟 JavaScript 的加载。但是,重要的是要知道,您很可能必须仔细检查并列出您希望从 defer 应用中排除的任何脚本。为什么?因为需要一些 JavaScript 在文件夹上方呈现。异步 JavaScript 也完全兼容自动优化插件。

Defer JavaScript in WordPress

Defer JavaScript in WordPress

请务必查看我们关于如何消除渲染阻塞的 JavaScript 和 CSS 的深度帖子。

技巧 8——利用匿名记录和 CNAME 扁平化

DNS EasyCloudflare 这样的提供商提供了额外的记录,可以帮助减少后端的请求数量。

通过 DNS 轻松记录姓名

一个名字记录给你一个 CNAME 记录的功能,但是在根级别。例如,假设您为 www.domain.com 配置了一个 CNAME。www 必须首先解析主机名,然后解析 IP 地址。这需要两个请求。有了姓名记录,您可以跳过其中一个请求!如果设置正确,这些也可以与 CDN 结合使用。

cnname的缩写形式

ANSWER SECTION:
www.domain.com. 1799 IN CNAME domain.com.
domain.com. 1799 IN A 192.168.1.2

ANAME

ANSWER SECTION:
www.domain.com. 1799 IN A 192.168.1.2

然而,事实并非总是如此。如果主机名在同一个 DNS 区域中,A 记录可能会在同一个请求中检索到。

CNAME 被云闪拉平

与 ANAME 记录类似,Cloudflare 为他们的客户在区域顶点(或根)提供自动 CNAME 拉平

摘要

DNS 通常是被忽略的性能因素之一,但是如果您不小心的话,它很容易造成很大一部分的总加载时间。重要的是要了解 DNS 如何工作,有更快和更慢的提供商,以及如何减少查找来加快您的网站。

关于加快 DNS 速度或减少查找,你有什么额外的建议吗?如果是这样的话,我们很乐意在下面的评论中听到它们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何在 WordPress 中重新生成缩略图(通过插件和 WP-CLI)

原文:https://kinsta.com/blog/regenerate-thumbnails/

当您更改 WordPress 主题时,您现有的图片可能大小不合适。

WordPress 的解决方案?重新生成缩略图。这意味着在 WordPress 核心设置中重新设置你的图片尺寸。也可以通过使用插件快速完成。

在这篇文章中,我们将深入探讨 WordPress 重新生成缩略图解决方案,并向您展示如何使用重新生成缩略图插件和手动使用 WP-CLI 来修复图像问题。

开始吧!

更喜欢看视频版

你的图像会怎么样

为了弄清楚如何重新生成 WordPress 风格的缩略图,有必要先了解如何处理图像和图像尺寸

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

WordPress 有自动裁剪你上传的图片的设置。这些设置可以在管理仪表板的设置>媒体下找到。

The WordPress Media Settings page.

WordPress will automatically crop your images.

媒体设置页面上,有“缩略图”、“中等”和“大”的尺寸您可以根据需要更新每个像素的像素数。

但是,如果您确实更新了尺寸,请不要忘记点击页面底部的保存更改

以下是默认的调整选项:

  • 缩略图–150 像素 x 150 像素
  • 中型–600 像素 x 600 像素
  • 大尺寸–1024 像素 x 1024 像素

请记住,您正在使用的主题可能有特定的图像大小,这将覆盖媒体设置页面上的选项。如果您切换到新主题,设置将更新为新主题设置的尺寸。

但是,您之前上传的旧图像不受影响。

这就是事情变得有点棘手的地方。您需要能够调整您之前上传的所有图像的大小,以符合新设置的图像大小。不幸的是,没有任何设置可以做到这一点。

解决方案是进行所谓的“重新生成缩略图”

When you change WordPress themes, your existing images may not be the right size. 🤦‍♂️ The solution? Regenerate thumbnails. Learn more about this easy fix right here ⬇️Click to Tweet

如何在 WordPress 中调整缩略图的大小?(3 种方法)

在探索如何在 WordPress 中重新生成缩略图之前,重要的是要注意在 WordPress 仪表盘中调整图像大小的方法。

可能更需要注意的是,这些解决方案不一定会调整你的旧图片的大小,所以你仍然需要进入 WordPress,在没有插件的帮助下重新生成缩略图,或者使用插件。

如果您想要调整缩略图或图像的大小,有三种主要方法:

1.更改主题中的图像大小

由于你的主题可以修改默认的图片尺寸,你可以选择切换主题或者查看是否有专门针对 T2 调整图片尺寸的设置。

每个主题都是不同的,所以一定要检查相应的文档,看看是否有一种方法可以改变你的主题的图像大小,而不用安装一个不同的主题。

或者,你可以选择创建一个子主题并用 PHP 代码改变图像尺寸

2.在媒体库中裁剪图像

另一个选择是通过在媒体库中裁剪图像来改变图像的大小。

第一步

在 WordPress 管理仪表板中进入媒体>图书馆

The WordPress Media Library.

You can change image sizes in the Media Library.

然后,单击列出的要调整大小的图像。

在弹出窗口中,点击编辑图像按钮。

The attachment details pop-over.

Click the button under the image to edit it.

第二步

之后,您有几个选项来编辑图像。

你可以点击图片,拖动鼠标到图片上,当你选择了你想要保留的区域后,放开鼠标。然后,您可以点击裁剪

如果您想要精确裁剪图像,您可以通过输入想要的比例来调整纵横比。

例如,您可以使用 1:1 来创建一个正方形,也可以使用 4:3、16:9 以及您想要的任何其他比例。

然后,按住 shift 键,同时在图像上拖动鼠标。当您选择了想要保留的图像部分时,放开鼠标。你可以点击它并四处移动选择,这样你就可以裁剪你需要的图像的确切部分。

如果您最初没有获得想要的图像大小,也可以单击并拖动选区的角。

或者,您可以进行选择,然后在右侧图像裁剪下的选择字段中输入您想要的图像的确切尺寸(以像素为单位)。

完成后,点击裁剪,然后点击保存按钮。

第三步

如果您更愿意调整图像的大小而不是裁剪它,您可以在右侧的设置中缩放图像。

输入您想要的图像尺寸,然后点击缩放

The image editing options in the attachment details.

You have several options available to resize your image.

第四步

您也可以在缩略图设置下选择您想要更改的标准图像尺寸。

您可以选择将调整应用于:

  • 所有图像尺寸
  • 拇指甲
  • 除缩略图外的所有尺寸

3.在媒体设置中调整图像大小

如果你只需要编辑一两张图像,这很有帮助,但如果你想调整所有图像的大小,最好通过设置页面来完成。

第一步

在您的管理仪表板中,进入设置>媒体

The Media Settings page.

You can adjust default image sizes on the Media Settings page.

第二步

为所有缩略图、中型或大型图像输入您想要的新尺寸。根据需要,只为一种类型的图像或所有类型的图像输入所需的宽度和高度。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

如果您想将缩略图调整到不成比例的大小,请选中缩略图大小部分下的裁剪缩略图到精确尺寸框。

第三步

然后,如果你不想让你所有的新图片在上传文件夹中杂乱无章,你可以勾选将我的上传组织到基于月份和年份的文件夹框。

当您对调整感到满意时,点击页面底部的保存更改按钮。

如何在 WordPress 中重新生成缩略图

更改这些设置或更改主题后,如果您的公共网站上的图像没有更新,您将不得不重新生成缩略图,如前所述。

最简单的方法之一是使用免费的 WordPress 插件重新生成缩略图来快速修复你之前上传的图片。

这个插件也兼容 WooCommerce

第一步

首先,安装并激活重新生成缩略图插件。

然后,进入工具>重新生成缩略图,这里有 WordPress 图片相关的设置。

regenerate thumbnails plugin

You can regenerate thumbnails, medium, and large image sizes as well.

第二步

默认情况下,跳过重新生成现有尺寸正确的缩略图选项被选中。取消选中此框,使用重新生成缩略图插件来调整您的所有图像。

但是,如果您想节省服务器的资源,请保持选中状态。

如果你已经更新了一些图片尺寸,比如通过你的主题,这是推荐的。您也可以选择勾选此选项下的复选框来删除旧的未注册尺寸的缩略图文件。选择它释放你服务器上的空间

在选择此设置之前,请确定您不需要这些图像。如果您的网站正在使用某些图像,并且您选择了此选项,它们将被删除,并且将不再显示在您的网站上。游客会看到一个破碎的形象。

你可能还会看到更新帖子的内容以使用新的尺寸复选框,如果你想更新你当前在帖子中使用的图像,你可以选择它。

第三步

选择所需选项后,点击按钮重新生成缩略图,包括中、大、新文件尺寸。

然后,等待该过程完成。根据你的网站上有多少图片,这可能需要一段时间,所以在你等待的时候喝杯咖啡或一杯水。在高性能服务器上,大型网站通常只需要几分钟。

您将看到“全部完成!”过程完成时的消息。

就是这样。

与宕机和 WordPress 问题做斗争?Kinsta 是一款考虑到性能和安全性的托管解决方案!查看我们的计划

您的缩略图和图像现在应该重新生成。

如何强制重新生成缩略图

你也可以使用强制重新生成缩略图插件作为替代。顾名思义,它通过删除旧的图像尺寸来推动缩略图的重新生成,因此 WordPress 被迫重新生成图像。这个插件也兼容 WooCommerce 在线商店。

请记住,在发布的时候,这个插件还没有在最近的 3 个主要版本中更新,所以要小心使用。在你把它用在你的网站上之前,一定要在一个试运行本地测试环境中测试它。

你需要使用这个插件而不是重新生成缩略图插件的原因是,后者只是调整图像大小,它不会删除旧的图像大小,除非你选择了那个选项。

但是,如果你有困难,你可以尝试强制重新生成缩略图。

第一步

要强制 WordPress 重新生成缩略图,安装并激活强制重新生成缩略图插件。

然后,在 WordPress 管理仪表板中进入工具>强制重新生成缩略图

The Force Regenerate Thumbnails plugin page in the WordPress admin dashboard.

You can force-regenerate thumbnails in one click.

第二步

要删除所有旧设置尺寸的图像并强制 WordPress 重新生成缩略图,点击重新生成所有缩略图按钮。

请稍候,您的图像将被调整大小。如果你有一个较小的网站,这几乎不需要时间,但是对于有大量图片的较大网站,这可能需要几分钟。

重新生成特定图像

有些情况下,你不需要重新生成所有的缩略图,只需要重新生成一些特定的缩略图。在重新生成缩略图插件仍然安装的情况下,你也可以这样做。以下是方法。

第一步

前往媒体>图书馆。在网格视图中,单击特定图像。

The WordPress Media Library - regenerate thumbnails

By default, the Media Library is in grid view.

第二步

然后在右侧点击重新生成缩略图按钮。

regenerate thumbnails button

You can regenerate thumbnails in the attachment details.

如果您正在列表视图中查看媒体库,将鼠标悬停在您想要重新生成的图像上后,单击重新生成缩略图链接。

regenerate thumbnails option

Click the link to regenerate thumbnails in the list view.

使用 WP-CLI 重新生成缩略图

如果你不喜欢使用插件,WordPress 还有另一个解决方案:用 WP-CLI 手动重新生成没有插件的缩略图。

请记住,对于这个选项,您需要能够访问服务器上的命令行。

使用 WP-CLI 重新生成缩略图是比使用 WordPress 插件更好的选择,因为它更快,并且不受 HTTP 限制和超时的限制。

重新生成缩略图的基本命令如下:

wp media regenerate

输入之后,通过按下键盘上代表“是”的字母“y”来确认您想要重新生成所有缩略图。

用 WP-CLI 重新生成所有缩略图

一旦你启动了命令行,你可以输入下面的命令让 WordPress 在几秒钟之内不用插件就能重新生成缩略图:

wp media regenerate --yes

使用此命令,缩略图将重新生成,无需手动确认。

使用 WP-CLI 重新生成特定缩略图

您还可以选择使用 WP-CLI 和您想要更新的图像的 id 来重新生成特定的缩略图。

下面是执行该操作的命令:

wp media regenerate 12 34 567

只需确保将三个示例 id“12”、“34”和“567”替换为您想要重新生成的特定图像的实际 id。

您可以包含任意数量的 id。一定要用空格将它们分开。

Learn to quickly fix your WordPress images after changing your theme with this guide 🚀Click to Tweet

摘要

你切换主题时,看到你的图像不能正常显示会令人沮丧。

幸运的是,WordPress 有两个快速的解决方案。在重新生成缩略图插件的帮助下,只需点击几下就可以完成。或者,您可以使用 WP-CLI 在比煮一杯咖啡更短的时间内完成。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何重新安装 WordPress:根据你的需要有 5 种不同的方法

原文:https://kinsta.com/blog/reinstall-wordpress/

如果你的 WordPress 站点有问题,一个潜在的解决方法是重新安装 WordPress,以确保问题不是由任何损坏的文件引起的。做得好,这确保你有干净的核心 WordPress 文件,而不影响你现有的内容。或者,如果你想从一个完全空白的状态重新启动你的 WordPress 站点,你可能想彻底销毁你现有的 WordPress 站点并重新安装一个新的 WordPress 副本来从头开始。

无论你想完全重新安装 WordPress 还是仅仅重新安装 WordPress 的核心软件而不影响你现有的内容,我们都可以在这篇文章中找到你。

我们唯一要求的是你在使用这些方法之前做一个备份。尽管前两种方法是为了帮助你重新安装 WordPress 而不丢失任何内容,但是有一个新的备份总是一个好主意,以防出错!如果你是 Kinsta 的客户,只需点击一下,你就可以快速进行 WordPress 备份

一旦你有了最新的备份,点击下面跳到你选择的教程:

如何在保留现有内容的同时重新安装 WordPress

以下三种方法告诉你如何重新安装核心 WordPress 软件而不影响你现有的任何软件:

  • 内容
  • 主题
  • 插件

从稍微更专业的角度来说,这意味着这两种方法都不会影响你的 WordPress 站点:

每个方法只有重新安装核心 WordPress 软件。
T3】

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

如何从你的仪表板自动重新安装 WordPress 核心软件

如果你只是想重新安装 WordPress 的核心文件,你可以直接从你的 WordPress 仪表盘进行安装(如果你不能访问你的 WordPress 仪表盘,你应该跳到下一节,学习如何通过 FTP 进行同样的操作!).

出奇的简单。在你的 WordPress 仪表盘中,进入侧边栏的仪表盘→更新。然后,点击按钮重新安装:

WordPress dashboard updates area

WordPress dashboard updates area

一旦你点击按钮,WordPress 将自动下载并重新安装 WordPress 的最新版本。当你从你的仪表板更新 WordPress 时,你本质上只是手动重新运行 WordPress 执行的正常的更新过程。

这可能需要几秒钟——但是一旦这个过程完成,你应该已经安装了一个新的 WordPress。

如何通过 FTP 重新安装 WordPress 核心软件

如果你因为一个错误而不能访问你的 WordPress 仪表盘(或者只是喜欢通过 FTP 工作),你可以通过 FTP 执行一个类似的过程。你基本上是手动复制 WordPress 在上面部分中为你做的事情。

简单来说,这个过程如下:

  • 下载 WordPress 的最新版本
  • 提取 ZIP 文件
  • 上传除了之外的所有东西/wp-content/ 文件夹

让我们更详细地看一下每个步骤…

首先,前往 WordPress.org下载 WordPress 的最新版本:

Download the most recent copy of WordPress

Download the most recent copy of WordPress

下载完成后,将 ZIP 文件的全部内容解压缩到您的计算机上。然后,删除****WP-content文件夹。

Delete wp-content

Delete wp-content

一旦你完成了这些,通过 FTP 连接到你的主机,把剩下的文件上传到你最初安装 WordPress 的文件夹。通常,这是你的根文件夹,名为 publicpublic_html

当你开始上传文件时,你的 FTP 程序会提示你一条类似于目标文件已经存在的信息。发生这种情况时,确保选择覆盖选项并继续:

Upload remaining files via FTP

Upload remaining files via FTP

因为你已经删除了 wp-content 文件夹,这将覆盖所有的核心 WordPress 文件,而不会影响你的任何主题或插件。一旦上传完成,你应该有一个新安装的 WordPress 核心文件的副本,一切都有希望顺利运行。

如何通过 WP-CLI 重新安装 WordPress 核心

你也可以使用 WP-CLI 重新安装 WordPress core。WP-CLI 是一个命令行工具,用于管理 WordPress 安装的许多方面。它可以添加/删除用户,文章,类别,插入测试数据,在数据库中搜索和替换,等等。下面的命令将下载没有默认主题和插件的 WordPress 核心。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

wp core download --skip-content --force

阅读更多关于 WP-CLI 命令的信息。

如何完全卸载并重新安装 WordPress

Important: If you follow this method, you will lose all of your existing content. this section deals with uninstalling WordPress and installing a fresh, 100% blank copy.

这种方法不会保留您现有的任何内容。除非你想彻底清除你现有的 WordPress 站点,否则不要跟随它。基本上,您需要:

  • 删除你现有的所有 WordPress 文件
  • 用你想要的方法安装一个新的 WordPress

如果听起来很简单,那是因为它就是!要删除所有现有文件,您可以通过 FTP 连接到您的站点,或者如果您的主机使用 cPanel,则通过 cPanel 文件管理器。

选择安装 WordPress 的文件夹中的所有文件并删除它们:

Delete current WordPress files

Delete current WordPress files

出于整洁的原因,你可能也想删除你的 WordPress 站点使用的现有数据库,尽管你可以使用一个新的数据库,即使你跳过删除现有数据库。如果您的主机使用 cPanel,您可以从 cPanel 的 MySQL 数据库区域删除您现有的数据库:

Delete database in cPanel

Delete database in cPanel

否则,您可以使用 phpMyAdmin 来删除数据库:

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Delete database in phpMyAdmin

Delete database in phpMyAdmin

一旦你清理了现有的 WordPress 文件,你需要做的就是安装一个新的 WordPress,就像你安装一个全新的网站一样。根据您的主机,您可以执行以下操作:

Reinstall WordPress via your preferred method

Reinstall WordPress via your preferred method

一旦你安装完 WordPress 的新版本,你就可以从一张白纸开始构建你的新网站。如果你不能登录你的 WordPress 仪表盘,请阅读我们关于如何更改你的密码的指南。
T3】

如何重新安装 WordPress 主题和插件

虽然上面的方法是专门针对 WordPress 核心软件的,但你也可能遇到需要在你的网站上重新安装特定主题或插件的情况。谢天谢地,这很简单。以下是最安全的方法:

首先,通过 FTP 连接到您的站点,并导航到您的 wp-content 文件夹。然后,根据你是想重新安装一个主题还是插件,导航到主题或者插件文件夹:

Find wp-content folder

Find wp-content folder

找到您想要重新安装的插件或主题的文件夹。然后,重命名该文件夹,并将“_old”附加到原始文件名的末尾:

Rename folder for desired plugin or theme

Rename folder for desired plugin or theme

此时,你可以像平常一样安装一个新的主题或插件。它的功能应该和以前一样,并保留您以前的所有设置和配置。

一旦确认重新安装的版本运行正常,您就可以返回 FTP 程序并删除旧文件夹:

Delete old folder

Delete old folder after making sure things are functioning normally

最后的想法

最后,重新安装 WordPress 相当简单。如果你只是想重新安装 WordPress 核心软件,你可以通过以下方式:

  • 使用内置的 WordPress 更新功能
  • 重新上传 WordPress 的最新版本到你的服务器,不包括 wp-content 文件夹和【wp-config-sample.php】T2 文件。

如果你想完全从头开始,你需要做的就是删除你现有的:

  • 文件
  • 数据库ˌ资料库

通过你喜欢的任何方法安装一个新的 WordPress。最后,要重新安装一个特定的主题或插件,你需要做的就是通过 FTP 重命名现有的文件夹,然后像平常一样安装一个新的副本。

建议阅读:如何本地安装 WordPress】。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何解决“删除以下重定向链”错误(4 种方法)

原文:https://kinsta.com/blog/remove-the-following-redirect-chain-if-possible/

为了让你的网站保持最佳状态,你需要定期测试。然而,有一个 GTmetrix 错误信息一直困扰着 WordPress 网站所有者:“如果可能的话,删除下面的重定向链。”

如果您遇到这个错误,有一些方法可以找出导致这么多重定向的原因。一旦你确定了罪魁祸首,去除所有那些影响性能的重定向可能就像在你的 WordPress 仪表盘上按几个按钮一样简单。

在本帖中,我们将讨论什么是重定向链以及为什么它们对你的流量、转化率和搜索引擎排名是坏消息。然后我们将分享四种方法来解决这个错误,让你的 WordPress 网站回到正轨。

我们开始吧!

查看我们的视频指南来修复“移除跟随重定向链”错误

介绍重定向链(以及为什么它们对你的网站有害)

定期测试你的网站是很重要的。有很多工具可用,但 GTmetrix 是一个受欢迎的选择。它提供了实时的性能跟踪,以及安排测试的选项。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

The GTmetrix performance testing tool homepage with the text "How fast does your website load? Find out with GTmetrix".

gt metrix 性能测试工具。

但是,GTmetrix 可能会偶尔警告您,您的站点上存在许多重定向链。如果您更详细地研究这些消息,GTmetrix 会建议您“尽可能删除以下重定向链”

当请求的 URL 和目标 URL 之间有多个重定向时,就会产生一个链。这些链需要多次往返服务器和额外的请求。

因此,目标网页将花费更长的时间来加载

缓慢的页面加载时间会对访客体验产生负面影响。事实上, 40%的人会放弃一个加载时间超过三秒的网站。这样,重定向链可以影响你的流量水平,转换和销售。

这些链不仅仅影响你的访问者,因为搜索引擎爬虫也会注意到缓慢的页面加载时间。当把你的网站放在搜索结果中时,谷歌会考虑许多不同的排名因素,包括速度。特别是,谷歌的核心网络生命指标计划衡量访问者如何看待你的网站的速度、响应能力和视觉稳定性。

随着超过 50%的流量来源于有机搜索,搜索引擎优化(SEO)对实现在线成功至关重要。如果重定向链损害了你的页面加载时间,那么你的搜索引擎排名几乎肯定会受到的影响

如果你打算提高你的排名并赢得潜在客户,你必须优化你网站的加载时间。因此,如果 GTmetrix 就重定向向您发出警告,删除这些链应该是当务之急。

什么导致了 GTmetrix 的重定向链错误

各种问题似乎导致重定向错误。然而, WordPress 插件似乎是最常见的罪魁祸首。

特别是,据报道,WordPress 社区的成员在安装以下插件后遇到了 GTmetrix 的重定向警告:

  • 短像素自适应图像
  • a3 懒人装
  • 压碎
  • 自动优化
  • 打碎气球
  • W3 总缓存

这些工具中有许多都与优化相关。在重定向链和通过内容交付网络(CDN) 交付的优化活动之间似乎有着直接的联系。

这意味着如果您使用替代的图像优化插件或具有这些功能的 CDN,您可能会遇到 GTmetrix 的警告,即使您的具体软件没有在上面列出。

将你的网站迁移到一个新的平台或者改变你的域名之后,你可能还会纠结于重定向链。作为迁移的一部分,你经常需要实现大量的重定向。久而久之,这些会变成难以驾驭的锁链。

如果您怀疑 GTmetrix 的警告可能与最近的站点迁移有关,我们建议您手动检查所有重定向。虽然这可能很耗时,但它给了你发现网站问题的最好机会。

现在,让我们开始解决这个问题。

如何解决“删除以下重定向链”错误(4 种方法)

令人沮丧的是,这个错误可能是由于各种不同的插件、设置和第三方软件,如防火墙

虽然没有放之四海而皆准的解决方案,但是有很多方法可以找到你的网站的根本原因。让我们来看看如何消除混乱,去掉那些破坏性能的重定向链。

1.查看您的 CDN 设置

如果您使用 CDN 和防火墙,您的防火墙可能会阻止服务器访问您的图像。

如果您怀疑可能是这种情况,我们建议在您的 CDN 上“允许列出”IP 地址。“allowlisting”过程会因所涉及的 CDN 和防火墙而异,因此您可能需要参考提供商的文档以了解更多信息。

同样,您的图像文件也不能公开。例如,你可能让对你的网站设置了密码保护,或者定义了无意中阻止 CDN 访问你的图片的规则。

如果这听起来合理,尝试禁用所有可能阻止你的 CDN 的设置和规则。特别是,如果你已经创建了规则来阻止热链接,这通常会干扰 cdn,导致重定向链。

根据您的 CDN 订阅情况,您也有可能超出每月流量配额。出现这种情况时,一些提供者会将请求重定向到原始映像,从而产生链。

要检查您的订阅状态,请尝试登录您的 CDN 帐户或控制台。你应该在这里看到更多关于你的用法的信息。

如果这些修复都不能解决你的问题,你可以通过从你的 CDN 中清除重定向图像来获得积极的结果。

刷新过程可能有所不同,但通常包括登录到您的提供商的仪表板或访问 CDN 插件设置。然后,您可以查找与缓存相关的任何选项。

如果您遇到了困难,查看 CDN 文档以获得更多信息是个好主意。或者,您可以随时向您的提供商寻求帮助。

厌倦了自己找出错误吗?Kinsta 的支持团队完全由 WordPress 开发者和专家组成,他们可以全天候聊天。查看我们的计划开始行动。

2.检查特定插件的错误消息

检查错误消息本身也有好处,因为它可能会指出导致重定向链的插件。举一个 WordPress 社区的成员发布的关于在 GTmetrix 中接收的例子:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

如果可能,删除以下重定向链:WP-content/plugins/a3-lazy-load/asseimg/lazy _ placeholder . gif

这条消息似乎表明 a3 惰性加载插件正在生成重定向链。

如果您的错误消息指定了一个特定的插件,请检查以确保您运行的是最新版本的。如果您在更新上落后了,开发人员可能已经在后续的补丁中解决了这个错误。

如果你有最新的版本,下一步就是联系插件的开发者。他们可能完全没有意识到这个问题。

如果你从官方的 WordPress 插件目录下载了插件,这个列表应该包含这个特定插件背后的人或团队的名字:

The JetPack plugin download page with the text "Jetpack – WP Security, Backup, Speed, & Growth"

JetPack 插件页面。

更好的是,这个页面可能包含到开发者网站的链接。从那里,你经常可以找到他们的联系方式。

或者,每个 WordPress 知识库列表包含一个支持标签。通过发布你的问题,你可以从开发者甚至其他用户那里得到帮助。

A Support tab in the official WordPress repository.

官方 WordPress 知识库中的一个支持标签。

理想情况下,如果你设法联系上了,开发者会确认他们已经意识到了这个问题,并且已经在做补丁了。

然而,开发者放弃他们的插件并不罕见,这会使事情变得复杂。如果您怀疑这个特定的软件不再处于开发中,您可能需要禁用它并寻找一个替代软件。

好消息是,仅 WordPress 库中就有近 60,000 个免费插件,你应该没有问题找到合适的替代品

3.禁用(然后重新启用)所有插件

有时,错误消息可能没有提到具体的插件。如果 GTmetrix 含糊不清,那么是时候做你的调查工作了。

你可以通过关闭你网站上的每个插件来检查一个插件是否有责任。如果错误信息消失了,你就会知道是 WordPress 插件的问题。

但是,停用这些加载项会影响站点的显示和功能。这对用户体验来说通常是个坏消息(UX)。出于这个原因,明智的做法是在整个测试过程中让你的站点进入维护模式

需要一流的,快速的,安全的主机为您的新电子商务网站?Kinsta 提供超快的服务器和来自 WooCommerce 专家的 24/7 世界级支持。查看我们的计划

如果你不喜欢用来编写你的维护信息,你可以使用像 WP 维护模式这样的插件:

The WP Maintenance Mode plugin.

WP 维护模式插件。

为了增加安全性,我们还建议在你开始关闭插件之前创建一个备份。如果你遇到任何严重的问题,这对将你的站点恢复到之前的配置是非常宝贵的。

你的主机可能会提供自动备份选项,,就像 Kinsta 提供的。如果没有,有多个可用的备份插件供你使用。

现在你已经准备好了备份和维护模式,你可以禁用你的插件。

这种做法有助于验证插件是否正在生成所有这些重定向。然而,如果你仍然能找到确切的罪魁祸首,那会有所帮助。

下一步是逐个重新启用每个插件,在每个插件之后运行新的 GTmetrix 测试。一旦错误再次出现,您就已经确定了行为不端的插件。

不过,停用和删除一个麻烦的插件并不总是可行的。也许它与你的网站主题太过紧密,或者你没有找到一个快速替换的好方法。

如果是这种情况,您可以考虑联系开发人员。他们可能会告诉你什么时候可以得到补丁,或者分享一个解决方法。例如,禁用特定设置可能使您能够继续使用插件,而不会遇到重定向链错误。

然而,有时开发人员可能不打算修复这个问题,主要是如果软件不再处于活动开发中。如果是这种情况,寻找一种提供类似功能但不会产生许多不必要的重定向的替代方法通常是有意义的。

4.回顾你的。htaccess 文件

如果你之前已经设置了重定向或者安装了任何为你管理重定向的插件,那么看看你的站点的 是值得的。htaccess 文件。“超文本访问”的缩写,这是一个安装 WordPress 时自动创建的关键配置文件。

注意**。htaccess** 文件只在运行 Apache 的服务器上可用。 Nginx 服务器,就像我们在 Kinsta 运行的那些服务器一样,没有这个特定于 Apache 的文件。

对此文件的修改偶尔会导致大量重定向链。幸运的是,有几种方法可以查看这个文件,包括通过文件管理器或者像 cPanel 这样的控制仪表板。你会找到**。你网站的 public_html 文件夹中的 htaccess** 文件。

或者,您可以使用 FileZilla 等客户端,通过安全文件传输协议(SFTP) 连接到您的服务器。

在 FileZilla 客户端中,导航到文件 > 站点管理器:

The FileZilla FTP client with the File > Site Manager menu option highlighted.

FileZilla FTP 客户端。

如果您是第一次连接到您的服务器,请选择新站点。然后,您可以为此连接指定一个名称:

A screenshot showing the FileZilla FTP client window dialog for connecting to a server.

使用 FileZilla FTP 客户端连接到服务器。

如果您通过 SFTP 连接,请输入端口的值22。否则,输入21

然后可以打开登录类型框,选择询问密码。接下来,输入你的 SFTP 用户名和密码,然后点击连接按钮。

如果连接成功,您网站的所有文件都应该出现在 FileZilla 的右侧窗口中。

在这个面板中,导航到您站点的 public_html 目录。你现在应该可以访问你的了。htaccess 文件。(如果看不到,您可能需要先选择来显示隐藏文件。)

如果你在这个文件中发现了任何独特的代码,最好将这个奇怪的代码复制并粘贴到你最喜欢的搜索引擎中。这通常是最快也是最简单的方法来解释这段代码对你的网站有什么影响,以及它是否是所有这些重定向链的幕后黑手。

GTmetrix:有助于让你的网站以⚡️的最高速度运行,当它弹出这个错误消息时令人困惑😫在这里了解如何修复⬇️ 点击推文

摘要

似乎有许多不同的插件和设置会导致重定向链。但是,通过遵循一些简单的步骤,您可以缩小特定网站的问题范围。

为了恢复您站点的性能,让我们快速回顾一下解决 GTmetrix 重定向链错误的四种可能方法:

  1. 回顾你的 CDN。
  2. 检查特定插件的错误消息。
  3. 禁用(然后重新启用)所有插件。
  4. 复习你的**。htaccess** 文件。

按照这些故障诊断步骤,您应该很快就能排除“如果可能,请删除下面的重定向链”错误。

关于如何减少 WordPress 中的重定向,你有什么问题吗?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何重置 WordPress (6 个真实世界的例子)

原文:https://kinsta.com/blog/reset-wordpress/

我喜欢 WordPress,但是我不得不承认,有时候我希望找到一个“重置 WordPress”按钮,然后把它扔出窗外。

我知道,大多数时候,这是一个强大而可靠的平台。绝对比许多竞争对手更重要(否则超过三分之一的互联网用户不会使用它)。

但是有些时候事情会出错。也有 WordPress 没有出错的时候,但也许你已经出错了。你花时间创建了一个 WordPress 网站,但现在意识到这不是你所需要的。你想彻底检查它,重新设计它,或者从头再来。

在这种情况下,你可能会像我一样,试图找到一个闪亮的红色“重置”按钮,希望重置 WordPress 可以解决你所有的问题。

有时候可以。但有时,你不需要采取如此激烈的行动。

在这篇文章中,我将涵盖所有这些场景,在这些场景中,你可能想把你的 WordPress 安装扔到窗外,然后重新开始。我将帮助您确定这是否真的是您需要做的,如果不是,更合适的行动方案可能是什么。

如果你真的需要重置 WordPress,我会告诉你怎么做。你不会失望的!

更喜欢看视频版

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

如果你想关闭你的网站并把它移到另一个域,重置 WordPress

随着时间的推移,域名失去光彩并不罕见,你可能会意识到,当你第一次推出它时,你认为对你的网站来说完美的域名现在已经不那么好了。

也许你是出于爱好而创建了你的网站,并给它起了一个轻松的域名。你现在已经转而经营一个专业网站,并希望你的域名能反映这一点。或者你给了你的网站一个非常具体的域名,这个域名不再适用于你在网站上包含的所有内容。作为一个热衷于钓鳟鱼的人,你可能注册了 troutfishingguide.com。现在你已经扩展到捕捞其他淡水鱼,你想用 fishingguide.com 代替。

你可能认为你需要关闭你的网站并重新开始,但事实并非如此。你可以简单地注册新域名并让它指向你的站点。

如果你想添加一个新的域名,但同时保留你的旧域名(这是一个好主意,以防人们继续使用它,并出于搜索引擎优化的目的),那么你可以注册一个新的域名,并将其指向你的网站。这样你也可以添加 301 重定向从你的旧域名到你的新域名。

Kinsta 不提供域名注册— 我们专注于托管 —所以你需要在其他地方注册一个域名,并使用你的仪表板中的 Kinsta DNS 选项将它指向我们的服务器

一旦你这样做了,确保它使用仪表板的 Kinsta DNS 部分中的工具指向你的站点。然后,您可能需要等待几个小时,让 DNS 进行解析。Kinsta 对此无法控制:等待 DNS 设置在互联网上传播是很常见的。您可以在 whatsmydns.net 的查看您的 DNS 变更进度。

Kinsta DNS

Kinsta DNS

然后,回到你的 WordPress 网站,点击设置>常规。有两个字段管理您的网站地址。编辑WordPress字段和站点地址字段,这样它就是你站点的新地址(例如,从 olddomain.com 到 newdomain.com)。点击保存更改按钮保存您的更改。

重要提示:在 DNS 传播之前不要这样做,否则在完成下一步之后你将不能登录到你的 WordPress 管理仪表板。

WordPress General Settings screen

WordPress General Settings screen

然后,您需要用新域名替换数据库中旧域名的所有实例。在 Kinsta 仪表板中,通过站点屏幕转到您的站点,然后选择工具>搜索和替换。在这里,您可以运行一个搜索并替换,用新域名替换旧域名。

Number of replacements

Number of replacements

如果你想保留你的 SEO 反向链接和流量,你需要从你的旧网站添加 301 重定向。我们会在关于如何改变你的域名的文章中详细讨论这个问题。

但是如果你需要一些更激烈的东西呢?

如果你想删除你所有的内容,重置 WordPress

有时候重置你的站点意味着删除你添加到其中的所有内容。

也许在从钓鳟鱼转向钓普通淡水鱼之后,你发现你的博客文章和页面不够宽泛,无法满足读者的需求,你想从头再来。

再说一次,你不需要完全重置 WordPress。相反,你可以删除你所有的内容。要做到这一点,从你的文章开始。点击管理菜单中的帖子以显示帖子屏幕。

the Posts screen

the Posts screen

如果你在这个屏幕上看不到你发表的所有文章,有一个方法可以解决这个问题。点击顶部的屏幕选项选项卡。在出现的框中,编辑每页条目数字段,使其为一个大数字(大于已发布文章的数量)。点击应用按钮。

你现在会看到你所有的文章都列出来了。选中文章标题上方的标题列标题旁边的复选框,这将选择您的所有文章。然后点击它上面的下拉框——上面写着批量操作——并点击移至垃圾桶。然后点击旁边的应用按钮。你的帖子都会消失。

如果您想将它们放在废纸篓中,以防将来需要恢复它们,您可以这样做。但是这个帖子都是关于重置 WordPress 的,所以你会想知道如何彻底摆脱它们(只要你确定!).

点击帖子列表上方的垃圾桶链接。再次勾选标题列名旁边的复选框,然后选择永久删除。最后一次问自己是否真的想永远删除所有帖子,如果答案是肯定的,点击应用按钮。

您的站点现在将没有帖子。您可以对您的页面和其他内容类型(如果需要,包括媒体)重复此操作,直到您拥有一个完全空的站点。
大口!现在,您可以从头开始创建新内容。

使用 WordPress 插件

另一个简单快捷的方法是使用免费的 WP 重置插件来删除我们所有的内容。它会将您站点的数据库重置为默认安装值,而不修改任何文件。它会删除所有自定义和内容。

Reset WordPress with WP Reset plugin

WP Reset plugin

不管这个插件有多好,在使用它之前备份一个文件总是很重要的。

使用 WP-CLI

你也可以使用面向 WordPress 开发者的命令行工具 WP-CLI 。以下命令截断帖子、评论和术语表,以清空站点的内容。它不会影响站点配置(选项)或用户:

wp site empty

参见文档和附加参数。感谢我们的读者之一卢克提到这一点!
T3】

如果你想重新设计你的网站,重置 WordPress

如果你只想重新设计你的网站,那么你不需要删除任何东西。相反,你需要为你的新设计创建或安装一个新的主题,这将改变你现有内容的显示方式。以下是如何正确地删除你的 WordPress 主题

即使您也想更新您的内容,您可能会发现向现有网站添加新主题比建立一个全新的网站更容易。

当你测试、定制和/或开发你的新主题时,你需要能够在人们不知道你在做什么的情况下用你的内容来测试它。相反,你会希望他们看到旧的网站,直到新的版本准备就绪。

为此,您有两种选择:

  1. 使用一个WordPress staging environment创建一个你的站点的副本,并用新的主题进行测试。一旦它准备好了,你可以上传新的主题到你的网站。
  2. 安装一个插件,比如 Theme Switcha ,它可以让你保持现有的主题对你网站的访问者可见,同时你可以访问另一个主题进行测试。

WordPress staging environment

WordPress staging environment

我会推荐使用一个 WordPress staging site ,因为它可以让你调整内容和其他设置,而不仅仅是主题。一旦你对你的新主题感到满意,你只需将它上传到你的网站,并对内容和设置进行任何调整,你就可以开始了。或者,如果您没有对您的生产站点进行任何更改,您也可以将 staging 推向 live

这意味着当你开发新的设计时,你有一个工作网站,并且不需要删除你的 WordPress 安装或数据库。

如果你的网站崩溃或被黑客攻击,重置 WordPress

所以你的网站停止工作了。也许它已经被黑了,看起来一点也不像你想象中的网站。或者可能在你更新了你的主题、插件或者 WordPress 本身之后出现了问题。

是时候把网站扔出窗外,重新开始了?嗯,没有。

相反,现在是时候从你的网站被破坏前的备份中恢复它了。

你会在 Kinsta 仪表盘中找到你网站的备份。在站点屏幕中选择您的站点,然后选择备份。找到您的站点出现问题之前的备份,然后点击恢复到> Live

Restore WordPress from Backup in MyKinsta

Restore WordPress from Backup in MyKinsta

或者,如果您想先测试恢复(可能您不知道哪个备份是干净的),请选择恢复到>转移。然后,您可以通过点击仪表板顶部的更改环境按钮并选择登台来切换到您的登台环境。备份存储 14 天,因此请确保在问题出现后两周内恢复备份。

如果问题是在更新后出现的,而你没有备份,你总是可以回滚到一个插件或主题的早期版本,并用它替换你现有的版本。请遵循以下步骤:

  • 进入你的 WordPress 管理器的主题或插件界面,找到你更新的主题或插件。
  • 点击插件/主题描述下方的查看详情链接。这将打开一个弹出窗口,显示插件/主题的详细信息。
  • 在弹出窗口的右边,点击链接WordPress.org 插件/主题页面。这将把你带到 WordPress.org 网站上插件或主题的页面。
  • 在右侧边栏中,点击高级视图链接。然后向下滚动到这个页面的底部,你会发现一个下拉框,里面有主题或插件的最新版本号。点击此处,选择第二个最新版本。然后点击下载按钮。
  • 这会将一个 zip 文件下载到您的计算机上。把它保存在你能找到的地方,然后回到你的网站。
  • 回到你站点的主题或插件界面,删除你想要替换的主题或插件。
  • 点击屏幕顶部的添加新的按钮。点击上传插件上传主题按钮,然后选择您刚刚下载的 zip 文件。上传它,确认你想要它替换你的站点上已经存在的插件/主题版本并激活它。

唷!你现在已经安装了旧版本的主题或插件。你会在插件或主题屏幕上看到一个通知,告诉你它需要更新。忽略它,直到有另一个更新可以修复您的问题。

查看我们的教程如何安装 WordPress 插件以获得更多详细步骤。

如何完全重置 WordPress

我将要向你展示的技术包括删除你的 WordPress 站点,并在它的位置上创建一个新的。这是你不应该掉以轻心的事情。您的旧网站将不复存在,您将拥有一个新的空网站,您需要对其进行配置并添加内容。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

如果您想将您的旧内容迁移过来,您可以使用导入/导出工具从旧站点导出您的内容,并将其导入新站点。这可以节省你很多时间。

要从旧网站导出内容,您需要使用导出工具。

  1. 在你的旧站点,进入工具>导出
  2. 下选择要导出的内容,选择所有内容
  3. 点击下载导出文件按钮。

WordPress 将创建一个导出文件,并将其下载到您的计算机上。

如果你还想导出和导入你所有的小工具设置,你可以使用小工具导入器&导出器插件。使用插件从这个站点导出你的所有设置,将文件和你的帖子一起存储在你的计算机上,并保存它以备后用(确保阅读我们关于 WordPress widgets 的深度指南)。

如果您不想导出任何内容,只需忽略这些步骤,继续阅读。

您可以删除旧网站,并在 Kinsta 仪表盘中创建新网站。

在主菜单中选择站点,找到您想要删除的站点。点击信息屏幕。
向下滚动到红色大按钮,上面写着删除网站

问问你自己,你是否真的想删除你的网站。如果你还没有尝试过上面的任何方法来修复你的网站上的任何问题而不删除它,我推荐你通读前面的部分来确认一下。

仍然确定要删除您的网站吗?好的,然后点击那个按钮。

系统会要求你确认你明白你在做什么,并给你一些文本输入到一个字段中。输入并点击删除站点按钮。

Deleting a site in Kinsta

Deleting a site in Kinsta

你的网站现在已经不存在了。是时候安装一个新的,并(可选)将您的内容导入其中。

在 Kinsta 仪表盘中,转到站点屏幕,点击右上角的添加站点按钮。

然后,在弹出窗口中添加您站点的详细信息,并单击添加站点按钮。

Adding a site in Kinsta

Adding a site in Kinsta

现在,您的新网站已经准备就绪。转到 WordPress 管理界面开始设置。安装所有的主题和插件,并配置它们。然后,您可以从旧网站导入内容:您不需要再次手动添加内容。

要导入您的内容,请按照下列步骤操作:

  1. 在 WordPress 管理菜单中,进入工具>导入
  2. WordPress 下,点击立即安装,然后运行导入
  3. 从旧的 WordPress 站点导出后,WordPress 会要求你找到你下载的导出文件。这是您从旧站点导出时保存的文件。
  4. 找到文件,点击上传文件和导入按钮。
  5. WordPress 会询问你想将新内容关联到哪个用户账户——通常是你自己的账户。它还会要求您确认是否要导入媒体。你知道。
  6. 等待 WordPress 导入新内容,然后转到站点的文章部分。你会发现里面全是你的内容。

如果您还导出了您的 widget 设置,您需要在新站点中安装 Widget Importer & Exporter 插件,并使用它来导入您的 Widget 设置。

现在,花一些时间做一些定制和配置你的插件,你已经有了一个新版本的网站。当然,如果你想重置 WordPress 的原因是为了改变内容或设计,你不需要像旧网站那样工作,而是可以从头开始。

你可能也想看看我们关于如何重新安装 WordPress 的教程。

如何重置 WordPress Multisite

如果你运行的是一个多站点网络,或者你的站点是托管在一个多站点网络上,你可能需要重新设置你的站点。这里有两种情况:

厌倦了你的 WordPress 站点的问题和停机?通过 Kinsta 获得最好、最快的主机支持!查看我们的计划

  • 您是网络管理员,想要重置整个网络。
  • 您是站点管理员,想要在网络上重置您的站点。

让我们看看第一个选项。

重置多站点网络

重置整个多站点网络和重置一个独立的 WordPress 站点没有太大的不同:毕竟,你想要重置的是 WordPress 的安装。以下是一些选择。

将您的网络恢复到独立的 WordPress 安装

如果您决定切换回作为独立站点而不是网络运行您的网络,您需要移除网络中的所有站点(除了基本站点),然后关闭多站点。请遵循以下步骤:

从备份你的网络开始。 Kinsta 的 WordPress 主机带有免费备份或者如果你没有权限,使用与 Multisite 兼容的备份插件。

如果您想在其他地方重新创建您的网络中的任何站点,无论是作为独立站点还是在另一个网络中,首先将这些站点迁移出您的网络。测试网站的新版本,并确保它们在您继续之前工作。

在网络管理屏幕中,转到站点。对于您网络中的每个站点,单击删除链接将其删除。这将从数据库中删除该网站,并删除所有相关文件。

Deleting a site from your network

Deleting a site from your network

备份你的 wp-config.php 文件。然后打开文件。找到如下一行:

define( 'WP_ALLOW_MULTISITE', true );

将该行编辑为:

define( 'WP_ALLOW_MULTISITE', false );

你还应该删除所有其他与 Multisite 相关的代码,以清理你的 wp-config 文件

再次访问您的网站并登录。你现在应该发现你有一个独立的 WordPress 安装。

删除网络中的所有子网站

您可能不想完全删除多站点,而是删除您添加到其中的站点。

为此,首先备份您的网络。然后导出或迁移那些站点如果你想保留它们的话。

接下来,进入网络管理>站点。对于中的每个站点,单击删除链接将其删除。

现在,您将拥有一个(几乎)空的多站点网络,只有一个基本站点,如果需要,您可以随时添加新站点。

重置包括多站点在内的整个安装

如果你想重置你的整个 WordPress 安装,不仅删除子网站和网络,还删除基本网站,按照上面重置标准 WordPress 网站的说明。

不要忘记首先将网络上的任何站点迁移到其他位置。

重置多站点网络中的单个站点

如果您管理多站点网络中的单个站点,您可能需要重置它,以便可以重用它或从头开始。如何做到这一点将取决于你是否只有网站管理员权限,或者你是否是网络管理员。

从网络中删除站点

如果你不是网络管理员,你想完全删除网站,你需要让你的网络管理员来做,因为你不能删除一个网站。不过,您可以删除所有内容——稍后我将向您展示如何删除。

开始之前,请备份网络和/或网站。如果您计划将其迁移到其他地方,您可能希望导出站点的内容(或者在网络中克隆站点)。
网络管理屏幕中,进入站点。将鼠标悬停在站点名称上,点击删除。这将删除该网站。

如果需要,您可以创建一个新的空白网站来替换它。为此,点击站点屏幕中的添加新的,并遵循创建新站点的说明。然后点击站点屏幕中其名称下的编辑链接,进入站点编辑屏幕。单击用户选项卡,使用添加现有用户部分中的字段添加具有站点管理员角色的用户。

Adding a new user as Site Admin

Adding a new user as Site Admin

重置站点的域

如果你想改变网络中某个站点的域名,你可以通过网络管理>站点来完成。只有网络管理员可以这样做。

选择您想要编辑的站点,并点击其名称下方的编辑链接。

Editing your site's name

Editing your site’s name

站点地址字段中,输入新地址,点击保存更改按钮。

在进行更改之前,请确保新域指向您的站点。在您与您的域名注册商进行设置后,DNS 更改可能需要两天才能生效。

将站点重置为站点管理员

如果你不想完全删除网站,而只是想删除所有的内容或改变设计,你可以遵循上面列出的标准 WordPress 网站的一些步骤。

您可以选择的选项有:

  • 通过页面帖子屏幕删除所有内容。
  • 通过微件屏幕或定制器删除微件。
  • 激活新主题以重置网站设计。您只能激活已经安装在网络上的主题:除非您是网络管理员,否则您不能安装新的主题。

这些选项都不能完全重置网站,但如果你不想删除所有内容并重新开始,而只想彻底修改设计或内容,这可能是你的选择。
有时候你只想重新开始。看看这 5 种重置 WordPress 的方法。🔨 点击推文

摘要

在这篇文章中,我向你展示了重置 WordPress 和清理你的站点的各种方法。

根据想要重置你的站点的原因,这可能包括从删除你的文章和页面的小操作到完全移除 WordPress 安装程序并用一个新的替换它。

在你停止使用 WordPress 之前,确保你知道你为什么这么做,这样你就可以选择正确的方法,而不会给自己增加额外的工作或者删除你真正想保留的数据。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复达到 508 资源限制错误

原文:https://kinsta.com/blog/resource-limit-is-reached/

遇到“错误 508。达到资源极限”会让你失去平衡。这不是一个常见的 HTTP 错误,但它可以使您的网站和 web 服务器无法访问。

但是不要担心。本文将解释什么是 HTTP 错误 508,如何对它进行故障排除,以及可以采取的预防措施,以确保它不会再次发生。

我们开始吧!

查看视频版本

什么原因导致“已达到 508 资源限制”错误?

大多数 web 主机帐户都设置了资源限制。如果超过这个限制,就会触发“达到 508 资源限制”错误,并且您的站点将暂时无法访问

The “Error 508 Resource Limit Is Reached” browser message. (Image source: Namecheap)

The “Error 508 Resource Limit Is Reached” browser message. (Source)

此错误在服务器级别触发,可能由各种因素引起,包括服务器 CPU 和 RAM 资源的过度紧张。这通常还与对并发进程的高需求有关,如果您的站点经历异常高的流量,就会经常看到这种情况。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

网站流量激增也可能是企图进行 DDoS 攻击的结果。在这种情况下,一旦可用资源在攻击过程中耗尽,您的站点将触发“508 资源限制已达到”错误。但是,您可能不需要做任何事情来解决这个问题!

如果你认为网络流量的激增是一次性事件,那么你可能会选择等待,看看流量是否会下降。

如果你在一个共享服务器上,或者你已经订阅了一个入门级主机包,你更有可能会遇到这种类型的错误。如果是这种情况,您需要在短期内提高资源限制,以使您的网站恢复运行。

这可能并不常见,但当 HTTP 错误 508 确实弹出时,它会给您的站点和 web 服务器带来重大问题。👀了解如何修复它就在这里⬇️ 点击推文

如何修复“已达到 508 资源限制”错误

当流量高于预期时,您的站点可能会很快超出分配的资源,导致您的服务器陷入停顿。

检查您的资源使用情况

修复资源限制错误的第一件事是检查资源使用情况。一定要查看服务器活动日志。这将有助于确定问题的根本原因。

如果你是 Kinsta 的客户,那么你可以很容易地查看资源使用和活动日志。

The Analytics and Activity Log menu items in MyKinsta.

The Analytics and Activity Log menu items in MyKinsta.

登录您的 MyKinsta 仪表盘,选择您希望查看的网站。您可以通过分析菜单查看资源使用情况,通过活动日志菜单查看活动日志。

还有额外的工具和方法可以用来补充这一点。

请记住,你所看到的强加在你的网站上的限制将会比保持网站运行所需的限制略少。

这是为什么呢?

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

假设您的网站与许多其他客户和他们的网站位于一个共享服务器上(记住,Kinsta 不会出现这种情况)。随着您的网站开始吸引更多的流量,托管所有这些网站(包括您的网站)的服务器正在处理越来越多的请求,以适应您不断增长的流量。

如果你的流行趋势继续下去,服务器最终会达到它托管的每个站点的资源极限,包括你的。您可以及早发现这一趋势,以防止停机。一个好的主机提供商会密切关注流量。你的虚拟主机应该联系你,警告你如果你的网站继续以高于你的计划允许的速度消耗资源,它将关闭。

检查您网站上运行的内部流程和第三方代码

“达到 508 资源限制”错误的原因可能不总是外部的。资源可能会被站点内部运行的一个或多个流氓进程过度消耗,例如:

在第三方代码的情况下,这通常可以归结为特定的内容管理解决方案(CMS) 扩展。例如,如果你正在运行 WordPress,并且安装了一个或多个插件,这些插件经常消耗多于分配的资源,那么你迟早会遇到 508 错误。

为了避免这种情况,保持你的 CMS 扩展为最新是明智的。对于 WordPress,这意味着保持你的主题和插件更新到最新版本

如果某个特定的主题或插件暂时没有可用的更新,那么考虑停止使用它,转而使用一个类似的、最近更新的产品,或者联系作者检查新版本是否即将推出。

停用你站点的所有扩展,然后逐个启用它们

可能是你的某个 CMS 扩展消耗了过多的服务器资源——在这种情况下,你应该尝试禁用它们。如果错误消失了,那么您的怀疑就被证实了——扩展是罪魁祸首。

需要一个给你带来竞争优势的托管解决方案吗?Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

从停用站点的扩展开始。

一旦所有的扩展被停用,重新激活他们一次一个,每次重新测试您的网站,以确定罪魁祸首。您的下一步行动应该是联系扩展作者来报告这个问题。如果扩展维护得很好,它的作者应该会给你一个可行的解决方案。

停用您的儿童主题

最后,如果你正在使用一个 WordPress 子主题,你应该检查对它所做的改变,看看它们是否会导致任何问题。您可以通过暂时切换到父主题来快速测试这一点。

联系支持人员

如果以上方法都不能帮助你找出资源使用增加的原因,你应该联系你的网络主机支持团队并向他们询问更多详细信息。金斯塔的支持团队在全天候待命

预防措施

作为一种预防措施,注意服务器资源的使用是一个好主意。这将给你一个机会,让你在任何可能导致你的网站瘫痪的潜在问题面前抢先一步。

自我维护是一种明智的方法,有助于随着网站的成长和成熟控制托管成本,同时确保网站的停机时间最小化。理想情况下,您会希望保持在分配的资源限制以下,以降低风险。

许多附加应用程序可以帮助您跟踪网站的使用情况。在决定如何监控你的站点时,一个应用性能监控工具(比如 Kinsta APM )应该是首要考虑的因素。

如果你正在进行任何促销或营销活动,那么期待并准备好网站流量的增加。这有助于理解你的主机提供商如何统计你网站的访问量。在大多数情况下,你不一定会看到大规模的流量高峰,但尝试和预测你是否有可能接近你的极限仍然是明智的。

此外,确保您的联系方式(电话和电子邮件)始终是最新的。这样,你就不会错过任何资源使用警报。

为了省心起见,我们建议投资一个专用的网络服务器,或者——除此之外——一个更高的初始资源分配,比如使用 Kinsta 的磁盘空间插件。拥有这种灵活性将会花费更多,但是你的网站瘫痪的几率将会下降到几乎为零。

Don't let an HTTP Error 508 message ruin your day. 😥 With these quick tips you can troubleshoot it and take preventative measures to stop it from happening again👇Click to Tweet

总结

当您的站点遇到“达到 508 资源限制”错误时,这可能是一个挑战。你会想让一切尽快恢复正常。为了防止将来再次发生这种错误,您应该:

  • 通过检查导致高资源使用率的原因来解决当前问题
  • 提高网站的资源限制,考虑未来的增长和流量

更多信息,请查看 Kinsta 如何通过谷歌云基础设施隔离软件容器为每个站点做不同的事情。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复“由于资源被阻止,页面可能无法正常呈现”错误

原文:https://kinsta.com/blog/resources-blocked/

Kinsta 的团队在 24/7 的基础上与 WordPress 一起工作,看到了客户经历的各种不同的错误和警告。相信我们,我们几乎都看过了。每当我们的系统中不断出现错误时,我们一定会记录下来,以便与您分享解决方案。一个不能帮助你解决自己问题的高级主机有什么好处呢?今天我们将深入探讨一个你可能遇到过也可能没有遇到过的谷歌搜索控制台错误:“由于 robots.txt 阻止了资源,页面可能无法正常呈现。”

别担心,我们会解释这意味着什么,以及如何在你的 WordPress 站点上修复它。

被阻止的资源

如果你得到一个关于被阻止资源的警告或错误,这通常意味着你的 WordPress 站点上的某些东西没有被正确配置。情况并不总是这样,但是如果你在谷歌搜索控制台看到一条关于任何事情的消息,你应该调查一下。谷歌提供这些信息是有原因的。我们最近经历的对谷歌的无理处罚肯定证明了这一点。

如果你没有收到关于被阻止资源的消息,你可以登录谷歌搜索控制台来检查你的网站。然后点击谷歌索引→屏蔽资源。正如他们所说:

Googlebot 需要访问您页面上的许多资源,以便以最佳方式呈现和索引页面。例如,JavaScript、 CSS图像文件应该对 Googlebot 可用,以便它可以像普通用户一样查看页面。

这些来自这个主机的资源被你的网站使用,但是被 Googlebot 屏蔽了。如果 Googlebot 不能访问你页面上的重要资源,页面可能被错误地索引。(来源:受阻资源报告)

同样,仅仅因为一个资源被屏蔽并不总是意味着它损害了你网站的搜索引擎优化。但是最好的做法是清理这些错误,这样当那些影响你的搜索引擎优化的错误出现时,你可以更容易地修复它们,而不必过滤页面上的错误。

我们喜欢与您分享实时数据。因此,在今天的例子中,我们有一个问题,在我们自己的网站上发生了多个(400 多个)被阻止的资源错误(如下所示)。

Pages with blocked resources on this host

Pages with blocked resources on this host

当您在“阻止的资源”部分看到错误时,您可以单击它们以了解更多详细信息。所以我们点击https://kinsta.com/wp-admin/admin-ajax.phpadmin-ajax.php文件只是可能出现在这里的一个例子。您可能还会看到关于 JavaScript 或 CSS 文件被阻止的错误。但是修复它们通常涉及相同的步骤。

在页面上,我们看到以下错误:“由于资源被https://kinsta.com/robots.txt阻止,页面可能无法正常呈现。”

他们给出的建议是更新robots.txt规则来解锁资源。如果你以前从未听说过这个文件,我们建议你首先阅读我们在 WordPress 中的 robots.txt 文件。

The page many not render properly due resources blocked by robots.txt

The page may not render properly due resources blocked by robots.txt

你可以使用谷歌抓取工具来查看谷歌看到的页面。这可以帮助您确定被阻止的资源是否影响了页面的外观。同样,如果可能的话,我们只是建议清除这里报告的所有错误。

我们可以看到它抱怨的资源是https://kinsta.com/wp-admin/admin-ajax.php?action=essb_counts&...,在我们的例子中,AJAX 正在被我们的 WordPress 社交媒体插件使用。如果我们把它输入到机器人测试工具中,我们可以看到谷歌确实找不到它。这是因为/wp-admin/目录实际上被阻塞了,我们将在下面深入探讨。

Robots.txt tester

Robots.txt tester

Yoast SEO 在一篇包含他们的示例 robots.txt 文件的博客文章中提到了这个“被阻止的资源”问题。基本上,AJAX ( admin-ajax.php)被一些 WordPress 主题和插件用来向页面添加内容或执行某种功能。WordPress 实际上在默认情况下会屏蔽这个问题,但是在 WordPress 4.4 中已经被修复了( #33156 )。谷歌现在可以在 wp-admin 中抓取admin-ajax.php

但是你们中有多少人在 4.4 版本发布之前就已经在运行你的 WordPress 网站了呢?可能你们中 99%的人。和我们一样,您可能有一个定制的robots.txt文件,这个文件被您或开发人员修改过,覆盖了新的默认设置。这意味着警告仍然会出现在谷歌搜索控制台中,除非你修复它们。答案就是简单地更新你的 robots.txt 文件

更新 Robots.txt 文件

WordPress 默认创建一个虚拟的robots.txt文件。然而,我们总是建议创建一个物理的。不确定你是否已经有了?尝试浏览到你的 WordPress 站点的根目录:https://domain.com/robots.txt。如果有,你会看到的。否则,您将得到一个 404 错误。

我们在 Kinsta 是 Yoast SEO 的忠实粉丝,我们在我们的网站上使用它,它是我们推荐给你的 WordPress 网站的第一个 SEO 插件。许多人不知道你可以使用它在你的 WordPress 仪表盘上轻松地创建和编辑你的robots.txt

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

点击 SEO →工具。然后点击“文件编辑器”如果您禁用了文件编辑,这将不会出现。如果你想保持禁用,你可以通过 SFTP 创建/编辑你的robots.txt文件。

Yoast SEO file editor

Yoast SEO file editor

如果你没有实体文件,你可以点击“创建robots.txt文件”这将在您的服务器上创建一个物理文件。

Create robots.txt file

Create robots.txt file

如果您已经有了一个robots.txt文件,它可能看起来像这样(或者它可能真的很长!我们看过一些疯狂的 robots.txt 文件):

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

我们需要添加另一行来修复阻塞资源错误。因此,在我们的例子中,我们添加了下面一行(这是现在默认的robots.txt配置,当您在全新安装时使用 Yoast 和 WordPress 创建文件):

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

这使得谷歌现在可以抓取它。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Allow: /wp-admin/admin-ajax.php in robots.txt

Allow: /wp-admin/admin-ajax.php in robots.txt

关于admin-ajax.php文件本身,您不必担心它会意外出现在 Google 或索引中,因为如果您查看该文件,它实际上包含以下 noindex 头。

@header( 'X-Robots-Tag: noindex' );

这个标签告诉 Google 不要索引它。

noindex admin-ajax.php

noindex admin-ajax.php

如果您看到其他类型的资源阻塞错误,如 JavaScript 或 CSS,修复它们的快速方法是恢复到上面的标准robots.txt配置。wp-content/plugins//wp-includes/是我们见过的用户误屏蔽的常见目录,这有时会导致这类问题。

Don't be too aggressive with your robots.txt file. You might find yourself with blocked resources errors. 😨Click to Tweet

你可以在下面看到,在允许上述文件进入我们的robots.txt文件后,我们被阻止的资源错误在几天内就在谷歌搜索控制台中得到解决。

Fixing blocked resources on WordPress site

Fixing blocked resources on WordPress site

摘要

修复谷歌搜索控制台中的错误和警告是正确维护你的 WordPress 站点的重要部分。这有助于确保谷歌看到你的网站正确和索引。希望下次遇到阻塞资源错误时,您会知道如何更好地解决问题!

对被封锁的资源有什么想法吗?你在自己的网站上见过这个吗?


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

响应与适应:如何选择正确的设计方法

原文:https://kinsta.com/blog/responsive-vs-adaptive/

就在几年前,设计师可以创建一个单一的僵化的网站版本,然后就可以收工了。现在不再是这样了。现在,他们需要考虑无数的智能手机、可穿戴设备、平板电脑和其他智能设备——你也一样。

对于电子商务企业来说尤其如此。大多数品牌再也不能专注于单一设备。超过 58% 的互联网流量来自移动设备,而桌面设备占 40%。接近 60% 的电子商务销售是通过移动设备完成的。

移动流量的份额只会不断增长,这意味着设计师也要迎合不同的用户需求和浏览风格。移动用户没那么有耐心——他们希望网站内容很小,易于处理。另一方面,个人电脑用户通常愿意花更多的时间研究具体的报价。

问题是,你如何确保你的设计在任何屏幕上都很棒,并且覆盖各种用户需求?响应式设计是唯一的出路吗?适应性设计在某些情况下不是更好的选择吗?响应性设计和适应性设计到底有什么不同?

让我们找出答案。

响应式设计与适应性设计:区别在哪里?

在我们继续之前,我们应该定义我们在处理什么。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

响应式设计让你的内容响应用户的屏幕大小,并相应调整。使用响应式设计,您可以创建一个单一的布局,并使其各个元素灵活,以确保它们可以在不同的屏幕上正确显示。

把响应式设计想象成一套告诉你的内容如何行为的规则。您可以使用 CSS 媒体查询来指定目标设备类型并设置断点,这意味着诸如屏幕的最大或最小宽度等条件。断点决定何时应该更改布局。

自适应设计反过来意味着你的内容以预定的方式适应用户的设备参数。您有多个现成的布局来应对不同的屏幕尺寸、方向等。您可以根据用户的设备类型决定内容在用户浏览器中的显示方式。

简而言之,在响应式设计中,你决定了你的内容应该如何反应,而在适应性设计中,你也决定了最终的结果。无论你选择哪一个,你都可以为智能手机和台式机用户创造流畅、无缝的体验。这反过来会提高你在搜索引擎中的排名。

这种并排比较将帮助您理解响应式设计和自适应设计之间的主要区别:

| 响应式设计 | 适应性设计 |
| 一种布局适合不同的屏幕尺寸 | 根据屏幕大小显示多个模板 |
| 相对单位更有利 | 绝对单位更有利 |
| 灵活、流畅的布局 | 固定的静态布局 |
| 瞄准所有可能的设备 | 针对最流行的设备 |
| 更广泛的关注 | 更高的精度 |

两种方法都是绝对可行的;他们帮助你遵循通用的网页设计原则并创建一个客户友好的网站。响应式设计和适应性设计的主要区别在于它们是如何执行的。

Wondering how to perfect your web design? 🤔Check out this guide to the differences between responsive and adaptive design! 🛠Click to Tweet

响应式网页设计的利弊

让我们从响应式设计的优点开始:

  • 你不需要高级的编码技能。如果你使用像 Squarespace 这样的拖放式网站构建器,默认情况下,你最终会得到一个响应式网站。你也可以很容易地找到轻量级的、完全可定制的、反应灵敏的 WordPress 主题
  • 响应式设计才是王道。这已经变得非常普遍,几乎每个 UX 设计师都很熟悉它。Bootstrap 是最流行的 CSS 框架,主要用于设计响应式、移动优先网站。
  • 您可以充分利用可用的屏幕空间。响应式布局给你更多的控制,让你更有效地管理空白。因此,你的设计永远不会显得杂乱或空洞。
  • 更实惠。如前所述,你可以使用无代码工具自己创建一个基本的响应式网站。或者,你可以雇佣一个自由职业者或者一个代理机构,即使你的预算有限。查看我们的可信代理客户名单,寻找可靠的合作伙伴。
  • 响应迅速的页面需要更少的维护。即使市场上出现了一个新玩意儿,每个人都在突然使用它,但有了一个响应迅速的网站,你也没什么可担心的。你可能需要做一些改变,但你不必重新设计你的整个布局。
  • 响应式设计意味着快速交付。一个布局比六个布局需要更少的设计时间,这意味着你的新网站可以在几天内建立并运行。

现在谈谈响应式设计的缺点:

  • 你创造的目标体验更少。当试图考虑所有现有设备时,您不可避免地会失去某种程度的个性化。
  • 响应式设计需要大量的计划和实验。这不是一种放手不管的方法——在投入使用之前,您仍然需要在各种视窗尺寸上测试您的设计。分配一些时间来修复不一致,因为它们将不可避免地出现。

响应式设计:例子和用例

响应式设计的用例似乎是无穷无尽的,因为响应式设计是如此的多才多艺和平易近人。任何个人和商业网站都可以从响应性和灵活性中受益,正如你将从这里描述的例子中看到的。

龙舌兰酒品牌 Los Sundays 的这一响应式设计在 PC 和移动设备上看起来同样令人惊叹。设计师巧妙地为不同的视窗区分了内容的优先级,并确保字体设计保持大胆但不过度。

A responsive design example from Los Sundays

A responsive design example from Los Sundays (Source: The Responsive)

催眠视差效应只能在更大的屏幕上才能看到——从而得到欣赏。在这里,当用户从智能手机访问页面时,可以获得美观而快速的轻量级体验。

下一个在线服装店 Slam Jam 的例子也是如此。一旦你切换到一个屏幕更小的设备,网站就会平稳地转变。产品显示在两列中,而不是四列,菜单移动到底部,使搜索栏更容易访问。旋转木马允许用户发现新产品,而不必放大和缩小。

A responsive website from Slam Jam

A responsive website from Slam Jam (Source: The Responsive)

我们的下一个例子取自 Here Design 证明了充满内容和特效的响应式页面也能以合理的速度加载并在任何设备上看起来都很棒。即使在小屏幕上,这个页面感觉也一样和谐,动画显示没有任何尴尬的延迟、故障或不一致。

A responsive page from Here Design

A responsive page from Here Design  (Source: The Responsive)

适应性网页设计的利与弊

现在还不要下任何结论——有很多成功的企业利用适应性设计,并在这样做的过程中茁壮成长。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

适应性设计有多种优势:

  • 适应性强的网站通常速度很快。 加载时间对于 SEO、用户体验和转化率来说至关重要,只需花费较少的时间就能获得一个流畅的专用页面版本。将适应性设计与快速托管结合起来,你会得到一个闪电般快速的网站。
  • 这是一种量身定制的高精度方法。你可以完全控制布局的外观,因为它是静态的。您是决定以哪些设备为目标的人。这使您能够为用户设计更个性化的体验,并考虑他们的偏好。
  • 你可以更容易地整合广告。当您知道广告周围元素的确切大小和比例时,就更容易配置广告。
  • 适应性设计对改造现有网站很有用。您可以创建单独的移动和平板版本,并保持主站点版本不变。
  • 你可以调整单个模板,而不是对整个网站或页面进行的重新编码。当你的设计由单独的静态布局组成时,对其进行修改就不那么痛苦了,尤其是当你需要解决一个小问题的时候。

**你也应该意识到适应性设计的缺点:

  • 你不能保证你的设计会像预期的那样展示出来。如果你的访客使用了你没有说明的设备,该怎么办?在这种情况下,结果将更难预测。
  • 自适应网站更贵。你需要一个开发团队来设计和支持你的网站,这意味着更高的设置费用和运营费用。与此同时,网页设计师的平均工资约为 5.7 万美元,他们的工资可能高达 11.4 万美元。
  • 不太受欢迎。你将很难找到关于适应性设计的直观学习材料和最新指南。由于响应式设计风靡一时,大多数的网页设计课程都聚焦于此。
  • 设计不同的体验既麻烦又费力。每个布局都必须像素完美,因此,自然地,你的设计师会花更多的时间来工作和测试它们。
  • 它不适合初学者。最受欢迎的视觉网站建设者给你创造一个统一的响应式设计的工具,但你很难找到一个简单的服务,让你建立单独的移动,PC 和平板电脑版本。这是因为适应性设计需要更多的专业知识和技能。

适应性设计:例子和用例

对于目标受众更喜欢使用移动应用购物的电子商务企业来说,适应性网站可能是更好的选择。这些企业旨在为他们的受众创造高度有针对性的体验,因为他们已经收集了足够的数据来了解他们的购物习惯和偏好,他们希望鼓励应用程序下载。

要查看世界上访问量最大的适应性网站,只需前往亚马逊。从台式电脑上,你可以获得很好的体验。主页相对来说比较忙但不至于让人应接不暇,你可以立刻找到你要找的东西。

An adaptive website example from Amazon

An adaptive website example from Amazon

但是,如果您尝试调整浏览器窗口的大小,会发生以下情况:

How Amazon’s website looks when the browser window is significantly resized

How Amazon’s website looks when the browser window is significantly resized

您只能看到桌面内容的一小部分,因为这种不常见的浏览器宽度没有考虑在内。

这种做法伤害了亚马逊吗?一点也不。近年来,它的销售额翻了两番,因为它的移动网站版本和应用程序都提供了非常直观、快速和方便的购物体验。

像亚马逊这样的大公司可以放弃“一刀切”的方法,在网站设计上稍微保守一点,以保持全球数百万客户的熟悉和即时访问,包括老年人和视力有问题的用户。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

此外,如果你仔细观察,亚马逊的网站是部分响应的——它添加或删除了额外的和现有的元素,这取决于视口。

广受欢迎的欧洲廉价航空公司瑞安航空(Ryanair)也有一个自适应网站,让预订廉价航班变得轻而易举。它的界面看起来略显保守但并不落伍,在 Pingdom 速度测试工具上的评分是 82/100,这是一个不错的成绩。

Ryanair’s adaptive website homepage

Ryanair’s adaptive website

有一个有点僵化的网站并不能阻止该航空公司一次又一次地打破交通记录,因为大多数旅客更喜欢从桌面设备或使用瑞安航空的移动应用程序预订航班。

对这个网站做太多的改动将会让已经习惯了当前外观的用户感到困惑。瑞安航空没有转向更时尚、反应更迅速的版本,而是有意选择保持网站设计不变,而是专注于尽可能降低票价。

如何在响应式设计和适应性设计之间做出选择

仅仅因为一种方法比另一种更普遍,并不意味着你必须采用它。不要忽视大图——你的主要目标是让你的网站直观、易访问、有吸引力、视觉上有凝聚力。要做到这一点,你需要采取整体的方法,并求助于网页设计最佳实践

按照以下步骤确定哪种设计策略最适合您:

  1. 首先考虑你的目标受众和他们的需求。请记住,用户的意图并不是基于他们正在使用的设备。进行用户研究来发现现实生活中的用户如何与你的界面互动。针对特定设备优化设计对您来说有意义吗?
  2. **关注您的具体使用案例。**例如,如果你销售现代艺术印刷品,你应该专注于为你的用户创造完美的桌面体验,因为他们在购买任何东西之前都希望在大屏幕上看到印刷品。
  3. 不要过度采用移动优先的方法。试图消除用户旅程中所有可能的摩擦,并将相同的逻辑应用于桌面版本,这很容易使移动布局过于简化。然而,一个简单的、单列的汉堡菜单设计在桌面上看起来可能太单调了。
  4. 评估你的资源和限制。在你考虑投资适应性布局之前,先弄清楚你的预算、当前需求和长期目标。对于你的品牌来说,拥有一个即使在超大智能电视上看起来也很棒的最先进的网站是否至关重要?或者你只是需要一个可靠的老黄牛来向你现有的观众销售产品,这些观众无论如何都会购买你的产品?
  5. 优先考虑你的装载速度。商业网站可以有也可以没有修饰,但必须加载快,避免跳出率增加。如果一个网站的加载时间超过 6 秒,超过一半的用户会放弃这个网站。
  6. 运行竞争对手分析。很有可能,你的主要竞争对手已经进行了用户研究,并且已经搞清楚了一切。不要只是照搬他们的方法;相反,试着分析他们在迎合哪些用户群,为什么。

响应式设计不再是一种趋势——它逐渐成为网页设计的黄金标准,它的一些缺点很快就会成为过去。

例如,可视化网站构建器 Webflow ,通过自动优化上传的图像,使响应页面的速度提高了 10 倍,这解决了响应网站的一个主要问题:它们的加载速度。

有可能两全其美——结合响应性和适应性策略来处理不同的搜索行为。这样做,自适应布局可以有媒体查询,而响应网站可以包括自适应元素。可以肯定地说,响应式和适应性之间的矛盾不再那么重要了——一个理想的网站设计是两者的巧妙结合。

如何判断一个网站是响应性的还是适应性的

首先,检查一下当你在台式电脑上调整浏览器窗口大小时会发生什么。一个反应灵敏的网站会无缝地适应你的视窗大小——你会立刻注意到它是多么的灵活。

自适应网站不会改变,直到你到达某个断点或切换到另一个设备。在此之前,它的一些内容将被隐藏而不是调整大小,你必须拖动水平滚动条才能看到它。

或者,您可以在 Windows 上点击 CTRL + U ,或者在 Mac 上点击 Option + Command + U ,在主页源代码中查找媒体查询。您也可以右击页面,从下拉菜单中选择“查看页面来源”。

查看网站在各种屏幕上的表现的一个简单方法是用谷歌 Chrome 设备模式模拟移动设备。打开想要测试的网站,在 Windows 上按 CTRL + Shift + I 或者在 Mac 上按 Command + Option + I 打开开发者工具。

How do you make sure that your design looks great on any screen and covers various user needs? ✨ Find the answers you need in this guide 💪Click to Tweet ## 摘要

你可能听说过搜索引擎优先考虑响应站点,因为它们

反应灵敏。那不完全正确。一个自适应的网站可以像一个响应性的网站一样对 SEO 友好。谷歌确实表示,它更喜欢能够提供积极用户体验的手机友好网站,但它并没有限制你只能通过一种方式来实现这一点。

有很多方法可以让你的网站在手机上完美运行。例如,你可以试试 WordPress 移动插件——你甚至不需要成为一名程序员就可以使用其中的一些。如果你有开发技能,确保使用我们的WordPress staging environments来测试你的网站在上线前的变化。

有一些移动插件可以把你的 WordPress 网站变成一个应用程序,这是一种提供定制体验的奇妙方式,而无需在一个全新的自适应网站上花费大量金钱。如果你已经有了移动网站,你可以用插件如 WP Mobile Menu 来显著改善它们的外观和可用性。

无论您选择哪种方法,请记住,跨平台设计要求您为您的用户创造极快的体验,无论他们何时或如何访问您的资源。选择正确的主机是成功的一半——它可以让你的网站更快,默认情况下更安全,你不必担心计划外停机或低带宽。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。**

响应式网页设计初学者指南(代码示例和布局示例)

原文:https://kinsta.com/blog/responsive-web-design/

随着越来越多的人通过移动设备访问互联网,只有在电脑屏幕上看起来不错的静态网站设计已经不够了。

更不用说,在进行设计时,你还必须考虑平板电脑、2 合 1 笔记本电脑以及不同屏幕尺寸的不同智能手机型号。

所以把你的内容放到一个单独的专栏里,然后就此打住是不会有任何效果的。

有了响应式网页设计,你可以确保你的网站在手机、平板电脑、笔记本电脑和桌面屏幕上呈现最佳效果。

用户体验的改善意味着更高的转化率和业务增长。

本指南将为您提供关于响应式网站设计的所有信息,包括定义、逐步演练、示例等等。

查看我们的响应式网页设计视频指南:

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

什么是响应式网页设计?

响应式设计是一种网页设计方法,可以使你的网页内容适应各种设备的不同屏幕和窗口大小。

例如,您的内容可能会在桌面屏幕上分成不同的栏,因为它们足够宽以适应这种设计。

如果你在移动设备上将内容分成多个栏目,用户将很难阅读和互动。

响应式设计可根据屏幕尺寸将您的内容和设计的多种独立布局交付给不同的设备。

It’s not enough for your website to look good on a computer screen. 🖥 Tablets, 2-in-1 laptops, and smartphones are all part of the equation... and this guide covers everything you need to know about responsive design 🤳Click to Tweet

响应式网页设计与适应性设计

响应式设计和自适应设计的区别在于,响应式设计适应单个页面版本的呈现。相比之下,自适应设计提供了同一页面的多个完全不同的版本。

responsive adaptive design

Responsive vs adaptive design

它们都是至关重要的网站设计趋势,帮助网站管理员控制他们的网站在不同屏幕上的外观,但是方法不同。

使用响应式设计,用户将通过他们的浏览器访问相同的基本文件,而不管设备如何,但 CSS 代码将控制布局,并根据屏幕大小以不同方式呈现。对于自适应设计,有一个脚本检查屏幕尺寸,然后访问为该设备设计的模板。
T3】

为什么响应式设计很重要

如果你是网页设计、开发、博客的新手,你可能想知道为什么响应式设计首先如此重要。

答案很简单。为单一设备设计已经不够了。移动网络流量已经超过了桌面,现在占据了网站流量的大部分,超过了的 51%

Mobile, tablet, desktop market share

Mobile, tablet, desktop market share

当超过一半的潜在访问者使用移动设备浏览互联网时,你不能只为他们提供一个为桌面设计的页面。这将很难阅读和使用,并导致糟糕的用户体验。

但这还不是全部。移动设备上的用户也构成了搜索引擎访问量的大部分。

Mobile search traffic

Mobile search traffic

最后,在过去的几年里,手机已经成为最重要的广告渠道之一。即使在大流行后的市场,移动广告支出也增长了 4.8%,达到 915.2 亿美元。

无论你选择在社交媒体上做广告还是使用像 T2、YouTube、SEO 这样的有机方式,你的大部分流量都将来自移动用户。

如果您的登录页面没有针对移动设备进行优化并且易于使用,您将无法最大化您营销工作的投资回报。糟糕的转换率将导致更少的线索和浪费的广告支出。

WordPress 站点有响应吗?

WordPress 站点是否有响应取决于你的 WP 站点的主题。WordPress 主题相当于一个静态网站的模板,控制着你内容的设计和布局。

如果你使用一个默认的 WordPress 主题,比如 Twenty Twenty ,这个设计是有反应的,但是因为它是一个单列的设计,当你在不同的屏幕上看到它时,你可能意识不到这一点。

如果你使用另一个 WordPress 主题,你可以通过比较它在不同设备上的外观或者使用 Chrome 开发者工具来测试它是否有响应。

响应式网页设计的构建模块

在这一部分,我们将介绍响应式网站设计的基础及其不同的构建模块。

CSS 和 HTML

响应式设计的基础是 HTML 和 CSS 的结合,这两种语言在任何给定的网络浏览器中控制页面的内容和布局。

html vs css

HTML vs CSS (Image source: codingdojo.com)

HTML 主要控制网页的结构、元素和内容。例如,要将一个图像添加到一个网站,您必须使用如下 HTML 代码:

<img src="image.gif" alt="image" class=”full-width-img”>

您可以设置一个“类”或“id ”,稍后您可以使用 CSS 代码将其作为目标。

您还可以控制 HTML 中的主要属性,如高度和宽度,但这不再被认为是最佳实践。

相反, CSS 是用来编辑 HTML 页面中元素的设计和布局的。CSS 代码可以包含在 HTML 文档的<style>部分,或者作为单独的样式表文件

例如,我们可以在元素级别编辑所有 HTML 图像的宽度,如下所示:

img {
width: 100%;
}

或者我们可以通过在前面添加一个句点来定位特定的类“全宽-img”。

.full-width-img {
width: 100%;
}

除了高度、宽度和颜色之外,你还可以控制设计。像这样使用 CSS,当你把它和一种叫做媒体查询的技术结合起来时,你就能使设计更具响应性。
T3】

媒体查询

媒体查询是 CSS3 的一个基本部分,它允许你渲染内容以适应不同的因素,如屏幕大小或分辨率。

media queries - responsive web design

Media queries for desktop, tablet, smartphone

它的工作方式类似于一些编程语言中的“if 子句”,基本上是在执行适当的代码之前检查屏幕的视窗是否足够宽或太宽。

@media screen and (min-width: 780px) {
.full-width-img {
margin: auto;
width: 90%;
}

如果屏幕至少有 780 像素宽,“全幅-img”类图像将占据屏幕的 90%,并自动以同样宽的边距居中。

流畅的布局

流畅的布局是现代响应式设计的重要组成部分。在过去,你可以为每个 HTML 元素设置一个静态值,比如 600 像素。

流体布局依赖于动态值,如视口宽度的百分比。

fluid layout - responsive web design

Example of fluid layout

这种方法将根据屏幕的大小动态地增加或减少不同容器元素的大小。

Flexbox 布局

虽然基于百分比的布局是可变的,但许多设计师和 web 开发人员认为它不够动态或灵活。Flexbox 是一个 CSS 模块,旨在提供一种更有效的方式来布局多个元素,即使容器内的内容大小未知。

flex 容器扩展项目以填充可用空间,或者收缩项目以防止溢出。这些 flex 容器有许多独特的属性,比如 justify-content,这些属性不能用常规的 HTML 元素来编辑。

flexbox justify

Flexbox container

这是一个复杂的话题,所以如果你想在你的设计中使用它,你应该阅读 CSS Tricks 的 flexbox 指南

响应图像

响应图像的最基本迭代遵循与流体布局相同的概念,使用动态单元来控制宽度或高度。我们之前介绍的示例 CSS 代码已经实现了这一点:

img {
width: 100%;
}

%单位近似于视窗宽度或高度的单一百分比,并确保图像与屏幕保持比例。

这种方法的问题是,每个用户都必须下载完整大小的图像,即使是在手机上。

要为不同的设备提供不同的缩放版本,您需要在 img 标签中使用 HTML srcset属性,以指定多个图像大小供选择。

<img srcset="large-img.jpg 1024w,
middle-img.jpg 640w,
small-img.jpg  320w"
src="small.jpg"
/>

WordPress 会自动为文章或页面中的图片使用这一功能。

速度

当你试图为你的网站创建一个响应式设计时,加载速度应该是重中之重

在 2 秒内加载的页面平均有 9%的跳出率,而花费 5 秒的页面有 38%的跳出率。

您的响应方法不能阻塞或延迟页面的首次呈现。

有几种方法可以让你的网页更快。优化你的图像,实现缓存,缩小,使用更有效的 CSS 布局,避免渲染阻塞 JS ,以及改善你的关键渲染路径都是你应该考虑的好主意。

Kinsta 客户可以通过使用 代码缩小功能 快速简便地完成这项工作,该功能内置于 MyKinsta 仪表板 中,客户只需简单点击即可实现 CSS 和 JavaScript 的自动缩小。

你也可以尝试在你的移动页面上实现 Google AMP,但是在我们的 Google AMP 案例研究中,我们的移动领先优势下降了 59%。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

常见响应断点

要处理媒体查询,您需要决定“响应断点”或屏幕大小断点。断点是使用媒体查询实现新 CSS 样式的屏幕宽度。

常见屏幕尺寸

  • 手机:360 x 640
  • 手机:375 x 667
  • 手机:360 x 720
  • iPhone X: 375 x 812
  • 像素 2: 411 x 731
  • 平板电脑:768 x 1024
  • 笔记本电脑:1366 x 768
  • 高分辨率笔记本电脑或台式机:1920 x 1080

如果你选择移动优先的设计方法,以单列和较小的字体大小为基础,你不需要包括移动断点——除非你想优化特定模型的设计。

mobile first - responsive web design

Mobile-first design (Image source: silocreativo.com)

因此,您可以创建一个只有两个断点的基本响应设计,一个用于平板电脑,一个用于笔记本电脑和台式电脑。

引导程序的响应断点

作为第一个也是最受欢迎的响应式框架之一, Bootstrap 引领了对静态网页设计的冲击,并帮助建立了移动优先的设计作为行业标准。

因此,直到今天,许多设计师仍然遵循 Bootstrap 的屏幕宽度断点。

bootstrap responsive breakpoints

Bootstrap responsive breakpoints

他们使用媒体查询来定位风景手机(576 像素)、平板电脑(768 像素)、笔记本电脑(992 像素)和超大桌面屏幕(1200 像素)。

如何让你的网站响应迅速

现在你已经熟悉了构建模块,是时候让你的网站更有响应性了。

设置媒体查询范围(响应断点)

根据设计的独特需求设置媒体查询范围。例如,如果我们希望在设计中遵循引导标准,我们将使用以下媒体查询:

  • 用于肖像手机的 576 像素
  • 平板电脑 768 像素
  • 笔记本电脑的 992px
  • 大型设备 1200 像素

用百分比调整布局元素的大小或创建 CSS 网格布局

第一步也是最重要的一步是根据媒体查询或屏幕断点为不同的布局元素设置不同的大小。

布局容器的数量取决于设计,但是大多数网站都关注下面列出的元素:

common website layout

Common layout

使用移动优先的方法,你可以像这样设计主要的布局元素(没有媒体询问移动电话的基本样式):

#wrapper {width:95%;  margin: 0 auto; }

#header {width:100%; }

#content {width:100%; }

#sidebar {width:100%; }

#footer {width:100%; }

// Small devices (landscape phones, 576px and up)

@media (min-width: 576px) {

// Medium devices (tablets, 768px and up)

@media (min-width: 768px) {

#wrapper {width:90%;  margin: 0 auto; }

#content {width:70%; float:left; }

#sidebar {width:30%; float:right; }

// Large devices (desktops, 992px and up)

@media (min-width: 992px) { ... }

}

// Extra large devices (large desktops, 1200px and up)

@media (min-width: 1200px) {

#wrapper {width:90%;  margin: 0 auto; }

}

在基于百分比的方法中,“float”属性控制元素出现在屏幕的哪一边,左边还是右边。

如果你想超越基础,创造一个前沿的响应式设计,你需要熟悉 CSS flexbox 布局及其属性,如框尺寸flex

需要为您的客户站点提供一个非常快速、安全且对开发人员友好的托管服务吗?Kinsta 是为 WordPress 开发者设计的,提供了大量的工具和强大的仪表板。查看我们的计划

实施响应图像

一种确保你的图像不被破坏的方法就是对所有的图片使用一个动态值,就像我们之前提到的那样。

img {
width: 100%;
}

但这不会减轻移动访问者访问你的网站时的负担。

当你添加图片到你的页面时,确保你总是包含不同尺寸的图片。

手动完成这项工作可能相当耗时,但有了像 WordPress 这样的 CMS,当你上传媒体文件时,这项工作就会自动完成。

为你的网站文本设计有反应的字体

响应式网页设计的主要焦点是布局块、元素和媒体的响应性。文本通常被认为是事后的想法。

但是对于一个真正反应灵敏的设计,你也应该适当地调整你的字体大小来匹配屏幕大小。

最简单的方法是为 font-size 设置一个静态值,比如 22 px,然后在每个媒体查询中修改它。

2 scatter plot font size opt

Font size vs view size scatter points

通过使用逗号分隔每个文本元素,可以同时定位多个文本元素。

@media (min-width: 992px) {

body, p, a, h4 {

font-size: 14px;

}

}

测试响应度

首先,你想用谷歌的手机友好测试来测试你的网站是否是手机友好的。只需输入您网站的网址,点击“测试网址”按钮即可获得结果。

Google’s Mobile-Friendly Test

Google’s Mobile-Friendly Test

不要担心,如果它需要一段时间来获取您的网站。那并不能反映你的页面加载速度。

如果你遵循了这篇文章中概述的步骤,它应该说你有一个手机友好的网站。

然后你想用像 Chrome 开发者工具这样的工具在多种屏幕尺寸上测试你的网站。

在 Windows 电脑上按 CTRL + Shift + I,或在 MAC 上按 Command + Option + I 打开相关的设备视图。在这里,您可以选择自己喜欢的移动设备或平板电脑来测试设计的响应能力。

Testing responsive layouts in Chrome

Testing responsive & mobile layouts in Chrome

在此过程中,您需要回答几个问题。

  • 布局调整到正确的列数了吗?
  • 内容是否适合不同屏幕上的布局元素和容器?
  • 字体大小适合每个屏幕吗?

响应性设计的 CSS 单位和数值

CSS 有绝对和相对的度量单位。绝对长度单位的一个例子是厘米或像素。相对单位或动态值取决于屏幕的大小和分辨率或根元素的字体大小。

PX 与 EM、REM 与视口单位的响应设计

  • PX–单个像素
  • EM–基于元素字体大小的相对单位。
  • REM–基于元素字体大小的相对单位。
  • VH,VW–视口高度或宽度的百分比。
  • %–父元素的百分比。

一个新的网页设计者或开发者应该坚持使用像素作为文本,因为像素是 CSS 中最直接的长度单位。

但是当设置图像和其他元素的宽度和最大宽度时,使用%是最好的解决方案。这种方法将确保组件调整到每个设备的屏幕大小。

响应式设计示例

下面我们将介绍一些来自不同行业的响应式网页设计的例子——并从他们的对错中学习。

1.在线报纸:纽约时报

nyt responsive design

NYT on mobile, tablet, and laptop

在桌面上, NYT 的布局让你想起传统的报纸,充斥着视觉效果和不同的内容行和列。似乎每一类新闻都有单独的一栏或一行。

在手机上,它符合单栏标准,还将菜单调整为手风琴格式,以便于使用。

2.博客:不墨守成规的艺术

chris guillebeau responsive design 2

The Art of Non-Conformity on mobile, tablet, and laptop

Chris Guillebeau 的博客“非一致性的艺术”十多年来一直很受欢迎。虽然这种设计不是最前沿的,但它反应灵敏,将两栏侧栏和主要内容布局调整为移动设备上的单列设计。

3.电子商务:亚马逊

amazon responsive design 1

Amazon on mobile, tablet, and laptop

亚马逊是全球电子商务的领导者,因为某种原因,他们的用户界面在所有设备上都非常流畅。

他们的平板电脑布局只是删除了一些空白,并添加了一个可滚动的图标部分,以便在一个更小的包中容纳更多的内容。

他们的移动布局将它放在一个单独的栏中,集中在要点上,比如最近的购买历史,而不是主页上的不同部分链接图标。

4.视频网站:YouTube

youtube responsive design

手机、平板电脑和笔记本电脑上的 YouTube

YouTube 主页设计的核心是一个与每个用户相关的灵活的视频网格。在平板电脑上,每行的列数减少到三列。在手机上,它被简化为单栏设计。

手机版还将主菜单移到了屏幕底部,更靠近智能手机用户的拇指。这个简单的动作改善了导航和 UX。

5.在线杂志:连线

wired responsive design

Wired on mobile, tablet, and laptop

《连线》的响应式网页设计方法侧重于在所有较小的屏幕上实现单列布局,从平板电脑开始。

这是一个基本的布局,但更容易吸引用户对头条新闻和他们的 CTA 订阅

Make sure your website looks ✨ stunning ✨ across devices with this guide to responsive design!Click to Tweet

摘要

响应式网站设计包含许多不同的元素。如果对 HTML 和 CSS 没有基本的了解,就很容易出错。

但是通过熟悉不同的构建模块,使用 web 开发工具分析示例,并使用示例代码进行测试,您应该能够使您的网站响应迅速,而不会出现任何重大问题。

如果这听起来太难实现,你总是可以雇佣一个 WordPress 开发者或者简单地确保你的主题已经响应了。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何从备份中恢复 WordPress(最简单的方法)

原文:https://kinsta.com/blog/restore-wordpress-from-backup/

不管你有多精通技术,也不管你使用 WordPress 多久;总有一天会出现可怕的错误。有时是用户错误,有时是插件漏洞导致的黑客攻击。如果你不知道如何修复它,或者认为它可能需要很长时间,解决问题的最快和最简单的方法是从备份中恢复 WordPress。毕竟,这就是为什么你有备份,或者你应该。😉

在本指南中,我们将介绍如何使用六种不同的方法从备份中恢复 WordPress。使用其中的一些选项,您可以在几分钟内恢复运行。

了解 WordPress 备份如何工作

在我们深入研究如何从备份中恢复 WordPress 之前,首先理解它们是如何工作的是很重要的。一个标准的 WordPress 备份包含你的网站文件和 MySQL 数据库。但是 WordPress 的备份会根据备份的内容而有所不同。

WordPress 备份插件

如果你使用的是一个 WordPress 备份插件,通常他们会给你选择只直接保存你的/wp-content/uploads/和数据库(有时你的主题和插件文件夹也是)来节省磁盘空间。该数据库包含您的所有数据,上传文件夹包含您的重要文件,如您无法通过其他方式恢复的媒体库中的图像。

主题和插件通常可以很容易地重新安装。然而,大多数备份插件会给你选择做任何事情或有限的节省空间。

如果你用的是支持增量备份的备份插件(这是我们推荐的),它会先做一个完整的站点备份,然后只存储你站点上的修改。这极大地减少了磁盘空间的使用,而且对性能也有很大的好处,因为它不会按照一个循环的时间表一次冲击您的服务器。

WordPress 主机的一键式还原点

如果你在你的主机提供商那里有 WordPress 备份,这些通常更像是你网站的快照。你可以把它想象成你 Mac 上的时间机器。大多数托管的 WordPress 主机让你一键恢复到某个时间点。这是目前为止最简单方便的方法!

Sleep like a baby with Kinsta's six different backup options for your WordPress sites. 🛌Click to Tweet

如果你是 Kinsta 的客户,你很幸运,因为我们有一些业界最好的 WordPress 备份选项!我们非常重视数据保留和存储,这就是为什么我们实际上有六种不同类型的备份:

  1. 自动备份,每 24 小时执行一次,存储 14 天(计划越高,存储时间越长)。
  2. 手动备份您可以随时创建的还原点
  3. 系统生成的备份,当您在 Kinsta 环境中执行重要任务时,会自动创建这些备份。
  4. 完整的可下载备份,这是一个存档文件 ( .zip),包含你的整个 WordPress 站点。存档文件包含您的网站文件以及包含您的数据库内容的 SQL 文件。
  5. 外部备份,允许您配置自动备份到异地亚马逊 S3 或谷歌云存储桶
  6. 6 小时备份附加服务(每个站点每月 50 美元):每 6 小时创建一次备份,24 小时可用。非常适合经常变化的网站。
  7. 每小时备份附加服务(每个站点每月 100 美元):每小时创建一次备份,24 小时可用。理想的电子商务网站,会员网站,以及不断变化的网站。

然后我们更进一步。🤘

Kinsta 还在 24 小时内每 4 小时创建并存储我们基础架构中每台机器的持久磁盘快照(包含您的备份),然后在两周内每 24 小时创建并存储一次。然后,Google Cloud Platform 会使用自动校验和在多个位置冗余地存储每个快照的多个副本,以确保数据的完整性。这意味着快照存储在与最初创建位置不同的数据中心

因此,我们强烈建议你考虑一个主机提供商,比如有这些功能的 Kinsta。备份和托管基础架构的整体价值将会收回成本,而不是拼凑另一台主机和一个备份插件。以防你好奇。 Kinsta 不会将您的备份计入您的总磁盘空间使用量
T3】

从 MyKinsta 的备份中一键恢复 WordPress

你可以在“MyKinsta”仪表板上从自动、手动或系统生成的备份中轻松恢复你的 WordPress 站点。只需按照下面的步骤。

每个备份都是创建备份时该环境的文件、数据库、重定向和 Nginx 配置的完整快照。当您恢复备份时,对网站文件、数据库、重定向和 Nginx 配置的所有更改都将回滚到创建备份的时间。

第一步

首先,登录 MyKinsta 仪表盘。转到左边的“站点”,然后点击你需要恢复备份的 WordPress 站点。

MyKinsta WordPress sites

MyKinsta WordPress sites

第二步

转到“备份”选项卡,然后你会看到一个不同选项的列表。在这里,您可以在每日、每小时、手动、系统生成和完全可下载备份之间切换。对于本教程,我们将使用自动每日备份。

要恢复备份,只需单击您要恢复的备份旁边的“恢复到”按钮。选择“实时”选项将覆盖您的生产站点。

Restore WordPress from Backup in MyKinsta

Restore WordPress from Backup in MyKinsta

第三步

然后,您必须通过输入您的站点名称来确认备份恢复。这将覆盖你的生活环境。然后点击“恢复”

Confirm WordPress backup restoration

Confirm WordPress backup restoration

这可能需要几分钟时间,具体取决于您的站点有多大。当恢复正在进行时,你将不能访问你的 WordPress 站点的管理面板。您可以离开 MyKinsta 仪表板中的屏幕,因为一旦恢复完成,您就会收到通知。

WordPress backup restoration in progress

WordPress backup restoration in progress

一旦恢复过程完成,你就可以访问你的 WordPress 站点的管理面板。每当您恢复备份时,都会生成一个新的备份,该备份将反映您的网站在恢复之前的状态。如果您需要撤消恢复,这将非常有用。

一键恢复 WordPress 从备份到暂存

在 Kinsta,你也可以选择从备份中恢复 WordPress,并直接将其推送到你的暂存环境中。这可以在许多方面让你的生活更轻松,例如:

  1. 更流畅、更灵活的开发体验。
  2. 查看您的站点以前是如何工作的,而无需接触您的实时站点。
  3. 从以前的备份中恢复和检索信息,而无需修改您的实时站点。

第一步

这些步骤本质上和恢复 WordPress 备份是一样的。导航到您的备份,然后单击您要恢复的备份旁边的“恢复到”按钮。这一次,选择“转移”选项,它会将您的备份转移到转移。

Restore WordPress from backup and push to staging environment

Restore WordPress from backup and push to staging environment

第二步

然后,您必须通过输入您的站点名称来确认备份恢复。这将覆盖您当前的暂存环境(如果存在,否则将创建一个)。然后点击“恢复”

Confirm WordPress backup restoration to staging environment

Confirm WordPress backup restoration to staging environment

这可能需要几分钟时间,具体取决于您的站点有多大。然后,您可以访问您的临时站点,它现在有自己的环境,完全独立于您的活动站点。暂存站点,就像备份一样,也不计算你的主机计划的磁盘空间。👍

用插件从备份中恢复 WordPress

接下来,我们将向你展示如何使用插件从备份中恢复 WordPress。我们只建议使用支持增量备份的服务器。

增量网站备份是指系统仅在网站文件和数据库表发生变化时创建备份。这样做的原因是为了提高您的网站性能,并避免服务器上大量不必要的备份文件。因此,当你的备份插件扫描最近的文件时,如果没有任何变化,最好跳过下一次备份。

以下是我们推荐的四款备份插件:

在本教程中,我们将使用 WP 时间胶囊。它有一个免费的全功能版本,你可以使用 30 天。这很好,因为这意味着你可以在承诺之前先尝试一下。

WP Time Capsule WordPress plugin

WP Time Capsule WordPress plugin

WP Time Capsule 提供了增量备份和恢复。这意味着,通过在备份过程中从不复制文件,只选择那些恢复所需的特定文件,您能够提高站点性能并使恢复更容易。

我们将假设您已经进行了备份。如果你需要帮助从头开始安装,请查看 WP Time Capsule 的入门指南。否则,按照以下步骤从 WP Time Capsule 备份中恢复 WordPress。

第一步

登录你的 WordPress 仪表盘,进入“WP 时间胶囊”→“备份”,在日历上选择一个还原点。

注意:如果你不能访问你的 WordPress 管理仪表板(可能目前无法访问),请看 WP Time Capsule 关于如何恢复关闭的站点的解决方案。

Select WP Time Capsule restore point

Select WP Time Capsule restore point

第二步

然后点击“将站点恢复到此点”他们还能够恢复到他们自己的转移解决方案。

Restore WordPress from backup with WP Time Capsule

Restore WordPress from backup with WP Time Capsule

就是这样!很简单,对吧?

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

用 phpMyAdmin 恢复 WordPress 数据库备份

有时您可能需要手动还原数据库。关于如何使用 phpMyAdmin 恢复 MySQL 数据库,您可以遵循下面的步骤。

phpMyAdmin 是一个免费的开源工具,可以通过你的浏览器获得,用于处理 MySQLMariaDB 的管理。它可以用于各种不同的操作,比如迁移数据库、管理表、索引和执行 SQL 语句。

注意:本教程假设您已经有了一个要导入的备份或导出的*.sql文件。如果没有,看看我们的教程如何用 phpMyAdmin 备份你的 mySQL 数据库。

第一步

首先,您需要登录 phpMyAdmin。在 Kinsta,我们可以从 MyKinsta 仪表板中轻松访问到 phpMyAdmin 的链接。它位于你的网站的“信息”标签下的“数据库访问”部分。

The MyKinsta dashboard open to the "Sites > Info" tab, with a purple arrow pointing to the "Open phpMyAdmin" button in the "Database access" section.

phpMyAdmin link in MyKinsta dashboard

注意:如果你使用不同的主机提供商,phpMyAdmin 的位置可能会有所不同。您可以查看他们的文档或联系他们的支持团队,询问它的位置。如果您使用 cPanel,phpMyAdmin 可以在“数据库”部分找到。

cPanel phpMyAdmin

cPanel phpMyAdmin

第二步

点击你的 WordPress 数据库。该名称很可能与您的网站名称一致。

phpMyAdmin WordPress database

phpMyAdmin WordPress database

第三步

点击“导入”标签,然后点击“选择文件”选择您的*.sql文件备份/导出。然后点击“开始”

**重要提示:**导入您的*.sql文件将会覆盖您数据库的当前内容。确保带一份备份以防万一。如果你不喜欢这样做,请先咨询开发人员。

MySQL database import in phpMyAdmin

MySQL database import in phpMyAdmin

如果你正在恢复你的数据库,因为你认为你的 WordPress 站点可能被黑客攻击了,我们建议你采取一些额外的步骤。记住,如果你是 Kinsta 的客户, **我们提供免费的黑客补丁!**因此,请务必先联系我们,我们乐意全天候为您提供帮助。

建议阅读:如何导出一个 WordPress 站点

更改您的数据库密码

如果你的 WordPress 网站被黑了,你应该重置你的 MySQL 数据库密码。在 MyKinsta 仪表板的数据库访问部分,您会发现一个“生成新的数据库密码”选项。当你使用这个时,你的wp-config.php文件会自动更新(只要它位于站点根目录,这是默认的)。如果不在根目录下,你可以手动更新你的 wp-config.php 文件

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

Generate a new database password

Generate a new database password

重新安装 WordPress 核心(空插件,主题)

我们推荐的另一件事是重新安装 WordPress core。这不会影响您的数据(存储在数据库中)或自定义。

如果你正在处理一个无效的 WordPress 插件或者主题,你也应该重新安装它们,但是使用开发者的合法拷贝。

用 cPanel 恢复 WordPress 数据库备份

如果你和使用 cPanel 的主机提供商在一起,你可以用类似的方式恢复你的 WordPress 数据库。请遵循以下步骤。

第一步

登录你的 cPanel 账户,在“文件”部分点击“备份”

cPanel backup

cPanel backup

第二步

向下滚动到“恢复 MySQL 数据库备份”点击“选择文件”并选择您的*.sql文件备份/导出。然后点击“上传”

cPanel restore MySQL database backup

cPanel restore MySQL database backup

从仪表板或使用 SFTP 手动恢复 WordPress 文件

如果你需要手动恢复你的 WordPress 文件,这里有两种不同的方法可以使用。

从仪表板恢复 WordPress 文件

如果您仍然可以访问您的仪表板,您可以首先尝试这种方法。出奇的简单。

在你的 WordPress 仪表盘中,进入工具条中的“仪表盘”→“更新”。然后点击“立即重新安装”按钮。

WordPress dashboard re-install now option

WordPress dashboard re-install now option

一旦你点击按钮,WordPress 将自动下载并重新安装 WordPress 的最新版本。当你从你的仪表板更新 WordPress 时,你实际上只是手动重新运行 WordPress 执行的正常更新过程。

这可能需要几秒钟——但是一旦这个过程完成,你应该已经安装了一个新的 WordPress。

使用 SFTP 恢复 WordPress 文件

如果你因为一个错误而无法访问 WordPress admin (或者只是喜欢而不是 SFTP ),你可以通过 SFTP 执行类似的过程。你基本上是手动复制 WordPress 会为你做的事情。

以下是这些步骤的简要总结:

  1. 下载 WordPress 的最新版本。
  2. 提取.zip文件。
  3. 上传除了/wp-content/文件夹以外的所有内容。

第一步

首先,前往 WordPress。org 并下载 WordPress 的最新版本。

Download the most recent copy of WordPress

Download the most recent copy of WordPress

第二步

下载完成后,将.zip文件的全部内容解压到您的电脑中。然后,删除中的wp-content文件夹。

Delete the WordPress wp-content folder

Delete the WordPress wp-content folder

第三步

一旦你完成了这些,通过 SFTP 连接到你的主机,上传剩余的文件到你最初安装 WordPress 的文件夹。通常,这是您的根文件夹,名称类似于publicpublic_html

当你开始上传文件时,你的 SFTP 程序会提示你一条类似“目标文件已经存在”的信息发生这种情况时,确保选择覆盖选项并继续:

Upload remaining files via SFTP

Upload remaining files via SFTP

因为你已经删除了wp-content文件夹,这将覆盖所有的核心 WordPress 文件,而不会影响你的任何主题或插件。一旦上传完成,你应该有一个新安装的 WordPress 核心文件的副本,一切都有希望顺利运行。

摘要

虽然从备份或文件中恢复 WordPress 通常是一个非常简单的过程,但有时你可能会遇到一些问题。以下是我们看到的一些常见问题,以及如何解决这些问题的链接:

不过,如果你是 Kinsta 的客户,你很可能永远不会担心这个问题。我们有六种不同的备份选项,您可以随时通过单击恢复您的站点!如果你的网站碰巧在我们的网络上被黑了,我们的 WordPress 专家团队会免费修复。

当你试图从备份中恢复 WordPress 时,你遇到过其他的提示或事情吗?我们很想在下面的评论中听到它。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

从 50 年代到 90 年代的 50 多种令人惊叹的复古字体

原文:https://kinsta.com/blog/retro-font/

复古的网页字体充满了个性,它们可以给你的网站或平面设计项目带来怀旧的感觉。但是找到特定十年的字体并不容易,所以我们按照十年整理了这个老式字体列表。

从 20 世纪 90 年代明亮活泼的印刷字体到 50 年代专业字体后设计的优雅字体,“复古”是一个多样化的描述符,这里有很多选择。

T3】

什么是复古字体?

即使那些从未亲眼目睹的人也对 20 世纪的流行字体很熟悉。从 50 年代的早期漫画书到 60 年代和 70 年代大胆活泼的剧本,再到 90 年代有趣的卡通字体,每个时代都迸发出独特的个性。

“复古”指的是 20 世纪制造并幸存下来用于日常使用的字体,或者是今天的设计师试图模仿其中一种风格而创造的字体。

20 世纪 50-90 年代的标牌、海报、封面、广告、电视节目和视频游戏、标志和著名品牌都是灵感的来源。

这些大胆的复古字体在大尺寸时看起来最好,无论你是在印刷设计中使用它们,电子邮件,还是在你的网站上展示它们。

借助这 50 多种复古字体选项,为您的网站增添一丝怀旧气息✨ 点击推文

复古 50 年代复古字体

1.工会

Labor Union font 

Labor Union font

受 20 世纪中期印刷术启发的工会字体非常适合任何需要复古工业感的项目。它是完全免费的,包括商业用途,所以继续把这些粗体衬线放在任何类型的项目中。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

2. TOOM

TOOM font 

TOOM font

《TOOM》在很大程度上基于 EC Comics 的作品,这家公司在 20 世纪 40 年代和 50 年代出版了恐怖、黑暗幻想和科幻漫画。他们标志性的不可思议的文字是用一台机器模仿的手写风格创造出来的。老漫画迷会喜欢这个的。

3.三伏天

Dog Days font 

Dog Days font

三伏天设法完美地捕捉过去流行的手写书法毛笔字。它借鉴了一个老式泳装广告的风格。虽然它可能基于一种老式字体,但它有许多引人注目的 OpenType 特性。

4.冷饮柜

Soda Fountain font.

Soda Fountain font.

Soda Fountain 是一种全大写字体,基于 20 世纪 50 年代餐车和苏打店的排版。它光滑、柔和的线条看起来非常复古,个人和商业使用都是免费的。

5.旅行

Journey font.

Journey font.

Journey 是一种老式的毛笔字体,捆绑了装饰和备用字符,使其非常通用。如果你想模仿 50 年代优雅的广告,试试这个。

6.新鲜压榨

Fresh Press font.

Fresh Press font.

许多 50 年代的草书字体细长而优雅,但是,出版社的采用了更大胆的外观,这肯定会令人惊叹。如果你想要旧时代的感觉,还有一种更粗糙、更有质感的字体。

7.粉末脚本

Powder Script font.

Powder Script font.

需要迷人的东西吗?试试粉剧本。每个字母上的花体都很精致,字体每种粗细包括 800 个字形,所以你输入的每个字母都是独一无二的。

8.投手

Pitcher font.

Pitcher font.

Pitcher 试图用充满个性的大胆字体捕捉上世纪四五十年代美国文化的一点味道。有干净的版本和纹理,grungier 可供选择。

9.模板 1952

Stencil 1952 font.

Stencil 1952 font.

Stencil 1952 是在一本旧印刷书籍中发现的一种干净、实用的模板字体,所以你知道它是真的。许多字体试图模仿这个时代的印刷字体,但这一个是从过去的权利。

10.无的小屋

Cottage Sans font.

Cottage Sans font.

Cottage Sans 是一种漂亮、质朴的字体,具有规则和圆润的风格。强烈的无衬线将在任何设计中看起来很好,以钉旧怀旧的感觉。
T3】

Groovy 60s 年代字体

11.拉姆多内

Ramdone font.

Ramdone font.

Ramdone 字体中,你可以看到从 50 年代的笔刷脚本到类似的东西的过渡,但是多了一点活力。它还包括挤压效果,所以你可以让你的字体看起来三维。

12.绝妙的

Groovy font.

Groovy font.

这些大胆的 3D 脚本在 60 年代和 70 年代很流行,而 Groovy 完美地抓住了这一点。由于字体带有突出效果,所以很容易使字体看起来像预览图片一样。

13.太远了!

Far Out! font.

Far Out! font.

Far Out 的灵感稍微宽松一点,但还是能看到 60 年代的独特风格织入其中。由于它对所有类型的使用都是免费的,如果你想要一些有点不同但仍然明确属于这个时代的东西,你应该尝试一下。

14.送牛奶的人

Milkman font.

Milkman font.

这是一个有趣的问题。送奶工结合了复古和现代排版来创造一些容易融入 21 世纪,但保留了复古氛围的东西。

15.海盗

Pirates font.

Pirates font.

这个时髦的剧本在海报上看起来会很完美。这些小的艺术标志很漂亮,给字体增加了很多特色,但是即使没有它们, Pirates 仍然非常优雅和细致。

16.童话故事

Fairy Tales font.

Fairy Tales font.

古老的童话总是能唤起怀旧之情,虽然这种设计是永恒的,但它仍然让人想起 20 世纪中期异想天开的广告。这个童话包也有一些矢量动物设计,与神秘字体搭配得很好。

17.托皮卡岛

Tropika Island font.

Tropika Island font.

本世纪中叶,人们痴迷于这种生动的热带风格,而热带岛屿让人想起了当时的广告和标志。这种字体既有加粗的主字体,也有柔和但风格化的字体。

18.乱穿马路的人

Jaywalker font.

Jaywalker font.

虽然设计简单,但“乱穿马路者”对 20 世纪 60 年代的海报、广告和卡通充满了怀旧之情。这是一种全大写字体,包括数字、特殊字符和相当数量的重音字母。

19.霜

Frost font.

Frost font.

如果你在寻找一种既忠实于经典风格又符合现代设计的复古字体,那么弗罗斯特是最佳人选。它包括三个重量,一个大写字母和小大写字母版本,以及各种装饰来美化文本。每个字母至少有三种字形,所以看起来不会重复。

20.大胡子

The Beardy font.

The Beardy font.

胡子是一种大而明亮的衬线字体,是对六七十年代流行文化的一种回拨。粗体字体最适合标题、徽标和大型海报,可以立即将您的项目传送回过去。

活泼的 70 年代复古字体

21.迪伦

Dillan font.

Dillan font.

Dillan 的特色是柔和的衬线,特别适合老式海报,如演示图片所示,尽管这是一种可以在任何地方工作的通用字体。

22.洛伐他汀

Lovadelic font.

Lovadelic font.

虽然 Lovadelic 与许多其他“groovy”脚本字体相似,但正如其名称所暗示的那样,它采用了一种更加迷幻的方法,使用了艳丽的连字和字形。也有一些粗略的图形捆绑在一起,与字体相结合。

23.弗里托·万迪托

Frito Vandito font.

Frito Vandito font.

20 世纪 70 年代的货车文化对那个时代的字体设计有其独特的见解,Frito vandi to(T1)完美地概括了这一点。底部厚重、不完美的边缘为这种 70 年代风格的字体增添了独特的味道。

24.恢复原状

Restora font.

Restora font.

Restora 是一种罗马衬线字体,由于使用了花体和连字,它有点像喇叭。虽然它比这个时代的一些字体有点过时,但它非常适合更专业但仍然复古的作品。

25.老方法

Oldways font.

Oldways font.

古老的风格类似于古老的西式字体,有着风格化的衬线,但它混合了现代风格。它对个人和商业用途都是免费的,它对任何希望抓住西方市场的项目都是一个很好的补充。

26.幼子

Cadet font.

Cadet font.

学员的根在包豪斯,这是一种在 20 世纪 20 年代和 30 年代流行的艺术设计,尽管它在 70 年代再次兴起。它也是基于 20 世纪 70 年代的几种字体,所以它是一种非常真实的复古字体。

27.传家宝

Heirloom font.

Heirloom font.

忠于它的口号,传家宝是一种活泼友好的字体,适合任何老式的审美,尤其是那些自然和朴实的根源。70 年代的许多字体风格化程度很高,但传家宝更柔和,可读性更强。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

28.76 年夏天

Summer of 76 font.

Summer of 76 font.

76 年夏天是一种多行字体,让人想起 70 年代的霓虹灯。尽管它有独特的外观,但它是一种非常轻松的字体。如果你想要更具可读性和实用性的东西,还有一个可靠的版本。

29.橄榄村

Olive Village font.

Olive Village font.

橄榄村成功地将活泼的时髦风格转化为优雅。这种字体在专业印刷品或海报中不会显得格格不入。它保持了经典的感觉,同时在当前的项目中仍然看起来很好。

30.橘子

Tangerine font.

Tangerine font.

橘红色的设计唤起了人们对 70 年代及其设计的怀旧之情。设计师们没有直接复制旧的印刷字体,而是在保持对十年的真实的同时,对这种风格进行了诠释。

31.迷幻泡沫

Psychedelic Bubble font.

Psychedelic Bubble font.

彩色泡泡字体在 70 年代很流行,而迷幻泡泡获得了这种有趣的美感。如果你想给你的项目打上复古的烙印,这是个不错的选择。

有趣的 80 年代复古字体

32.周六晚上

Saturday Night font.

Saturday Night font.

80 年代和 90 年代导致了大量的实验,像这样的狂野设计是司空见惯的。周六夜是为了向迪斯科场景致敬而设计的,与其独特的设计如出一辙,联锁变体有 777 个连字。

33.逆转录醇

Retrohols font.

Retrohols font.

你可以看到 70 年代时髦的、拉长的、垂直不对称的风格一直延续到下一个十年。Retrohols 是一种奇特的字体,稍微精致一些,但同样生动。

34.大雷雨

Thunderstorm font.

Thunderstorm font.

《雷雨》用大胆、倾斜的笔触让人想起八九十年代的流行文化设计。如果你需要一个充满活力的显示字体,这是完美的选择。

35.西侧字体

West Side font.

West Side font.

West Side 是一种可爱的字体,可以在任何项目中免费使用。块状的风格让人想起 80 年代的漫画和海报,独特而美丽的风格会立即生效。

36.雷泽 84

LAZER 84 font.

LAZER 84 font.

LAZER 84 是一个粗糙的笔刷脚本,在 80 年代流行的高科技/合成波风格的图形中看起来很棒。这款是个人免费使用的,可以随意试用。

37.瘫痪了

Paralines font.

Paralines font.

Paralines 字体的创造者将其描述为复古未来主义,灵感来自 80 年代复古风格和现代设计。这是免费的,只要你在你的网站上注明设计师的名字。

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

38.阿斯特尔

Asther font.

Asther font.

当人们想到 80 年代的字体时,他们的脑海中可能会出现特定的“技术”风格或 70 年代遗留下来的泡沫,但 80 年代也有大量优雅和专业的字体。as her 是一种纤细的老式字体,用在时尚网站或广告海报上会很好看。

39.霉事无边

Endless Bummer font.

80 年代的滑板文化带来了自己的文化和字体,而无尽的烦恼将你带回到那些古老的图形和品牌。个人和商业使用也是免费的。

40.立体声

Stereo font.

Stereo font.

Stereo 是一种自由字体,类似于旧的 90 年代立体声扬声器上使用的字体。这是一个独特的想法,结果是一个简单而有吸引力的,但无疑是复古的字体。个人使用也是免费的。

41.罗思科

Rothko font.

Rothko font.

这种独特的装饰艺术风格在整个世纪中时好时坏,但在 20 世纪 80 年代经历了复兴。 Rothko 是多语言的,支持十几种语言,所以任何人都可以使用这种独特的字体。

42.字母魔法

Letter Magic font.

字母魔术是一种有趣、好玩的字体,带有各种艺术装饰和花体。这将非常适合任何需要老式、轻松主题的项目。

43.复兴 80

Revive 80 font.

Revive 80 font.

Revive 80 字体包捕捉了 80 年代字体的大胆和块状外观。它包括字体的 Phatt、Wide、Tall 和 Signature 版本,每个版本都有一个轮廓版本,以形成 8 种字体的捆绑。

怀旧 90 年代复古字体

44.埃斯库尔

Eskool font

Eskool font

如果你在 90 年代上过学,或者玩过那个时代的教育娱乐游戏,那么你应该对埃斯库尔非常熟悉。在任何个人项目中免费使用它,体验 20 世纪 90 年代的怀旧味道。

45.热潮

Hot Rush font.

Hot Rush font.

受 80 年代和 90 年代快节奏汽车文化的启发, Hot Rush 是一种非常棒的字体,包括几种变体:标准变体加斜体、带斜体的条纹和脚本字体。还有 swashes,alternates,多语言支持!

46.90 九十

90 Ninety font.

90 Ninety font.

这是一种完全免费的亚美尼亚字体,有点老派,但仍然很酷。光是数字在技术设计中就很棒。

47.浪费的青春

Wasted Youth font.

Wasted Youth font.

浪费的青春是一种肮脏的字体,从溜冰者文化、恐怖电影海报和 90 年代的朋克乐队中汲取灵感。它有三种风格:干净的版本和两种用记号笔和毛笔手绘的版本。

48.孟斐斯

MEMPHIS font.

MEMPHIS font.

彩色字体并不常见,因为它们并不总是网络安全的,但是 T2 孟菲斯使用了这项新技术。这种有趣的字体类似于拼接,可以在家中巧妙的或卡通式的设计。还有四种风格可供选择,以适应不同的背景或设计需求。

49.幼稚的幻想

Childish Reverie font.

Childish Reverie font.

90 年代还是孩子的人会对幼稚的幻想有很多怀念。它不仅完美地捕捉了那个时代儿童媒体的排版风格,而且它还包括常规字体、 SVG 和 PNG 中的彩色字体,以及各种可以用来装饰文本的涂鸦。

50.巴欧

Baou font.

Baou font.

乍一看,这看起来像一个标准的无衬线字体,但一些独特的风格使它与众不同。 Baou 适用于各种尺寸和场合。

51.地狱建造者

Hell Builder font.

Hell Builder font.

90 年代的青少年恐怖小说有着非常独特的风格,而《地狱建造者》完美地诠释了这一风格。把它用在标志和海报上来模仿这个恐怖的时代,没有人会知道它来自这个时代。

52.科姆巴

Comba font.

Comba font.

科姆巴是一种古怪的全大写字体,充满了 90 年代印刷的趣味和时尚。如果你想要一种不太正常的字体,并且能立刻突出来,就使用它。

53.狂野之星

Wild Star font.

Wild Star font.

Wild Star font duo 搭配得非常好,很容易让人想起 90 年代的摇滚文化。这使得它非常适合作为专辑封面,尽管你可以在任何需要大胆和响亮的字体组合的地方使用它。

54.终极 90 年代字体包

The Ultimate 90s Font Pack font.

The Ultimate 90s Font Pack font.

虽然最终的 90 年代字体包不只是一种字体,但它是一个很好的 90 年代风格的字体包,包括这个列表中的一种,孩子气的幻想。它包括一个独家气泡字体,以增加交易的甜头。有了这个包,你将有机会接触到 20 世纪 90 年代所有的古怪,高能印刷。

如何挑选最好的复古字体

有这么多字体可供选择,你可能会感到有点不知所措!让我们缩小一点选择范围。

首先,选择一个你想要模仿的特定的十年或二十年可能是最容易的。每个时代都有一些重叠,但 90 年代毫不掩饰的独特字体与 50 年代更优雅的品牌和标牌相去甚远。

根据您的目标受众以及您选择的是旧时代还是新时代,复古字体可以为您的项目带来优雅和怀旧的氛围,或者更舒适和怀旧的感觉。

一旦你选择了一个十年,根据更严格的标准挑选一种字体就容易多了。决定预算——或者从列表中选择一种免费字体——看看字体的字符集是否符合您的需要(例如,如果您需要多语言字体或某些特殊字符)。

您可以根据大小和可读性要求进一步缩小范围。如果你要在 logo、网站标题或大型图片/海报中使用这种字体,可读性就不那么重要了,你可以选择适合大尺寸的字体。

如果你打算在整段文字中使用它,这些更具装饰性的字体选择中的许多都不会起作用。你需要选择一种易读的字体,在较小的尺寸下看起来也不错。

很多这种复古字体非常有风格,不适合小字体,但是这里有一些可以做到。

想要一场来自过去的疾风?👀看看这些 50 多种漂亮的复古字体选项😍

摘要

20 世纪是一个多元文化的世纪。每个时代都有独特的东西可以提供。无论你是在寻找一个优雅的毛笔字体还是一个活泼的显示字体,这些 50+怀旧字体之一有你需要的。

需要更多的字体吗?查看一下前 15 种谷歌字体50 多种现代字体,了解一下现在流行什么。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何设置反向代理(Nginx 和 Apache 的分步操作)

原文:https://kinsta.com/blog/reverse-proxy/

反向代理位于 web 服务器的前面,在请求到达源服务器之前接收所有的请求。它的工作方式类似于转发代理,只是在这种情况下,使用代理的是 web 服务器,而不是用户或客户端。反向代理通常用于增强 web 服务器的性能、安全性和可靠性。

例如,你可以在服务器 A 的**example.com**域托管一个非 WordPress 站点,在服务器 b 的**example.com/blog** URL 上运行它的博客,你可以通过为托管你的主站点的服务器添加一个反向代理来实现。你可以配置反向代理,将对博客的请求重定向到不同的服务器(例如像 Kinsta 这样的管理的 WordPress 主机)。

在这篇文章中,你将学习反向代理服务器的基础知识,它们是如何工作的,它们的主要好处是什么,以及如何使用它们来加速和保护你的 WordPress 站点。

激动吗?开始吧!

什么是反向代理?

要理解什么是反向代理服务器,你首先需要知道它的作用,并熟悉它的所有相关术语。

当您通过输入域名或点击链接正常浏览网页时,您的浏览器/设备会直接连接到网站的服务器并开始下载其资源。

Infographic showing how internet is browsed typically

How browsing on the internet works usually

如果你想匿名访问你的网站的 IP 地址,那么你可以使用一个代理服务器发送你的所有请求。它会将你的请求转发给 DNS 解析器,然后从其原始服务器下载网站的资源。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

之后,它会将这些资源传送到您的设备上。这称为正向代理。

Infographic showing how a forward proxy works

How a forward proxy server works

你对网站完全隐藏,因为它认为你的请求来自转发代理。

信息

由于像 Kinsta 这样的托管服务提供商统计站点访问量的方式,他们要求用户设置一个头来通知原始服务器他们的真实 IP 地址。因此,隐私保护不适用于此类特定情况。

除了增强用户隐私,转发代理主要用于绕过地理内容限制。例如,如果您想观看在您所在地区被阻止的视频,您可以使用带有 IP 地址的转发代理来观看视频。

转发代理的工作方式与虚拟专用网络(VPN)几乎相同,但它们是具有独特用例的不同技术(尽管它们有时会重叠)。
T3】

反向代理服务器与正向代理服务器

反向代理服务器充当原始服务器的前台,以保持匿名性,增强安全性,就像用户/客户端如何使用正向代理来实现同样的目的。它确保没有用户或客户端直接与源服务器通信。

Infographic showing how a reverse proxy works

How a reverse proxy server works

正向代理和反向代理之间的差别很小,但是它们的工作方式不同。

两者可以协同工作,因为它们的功能之间没有重叠。通常,用户/客户端使用正向代理,而源服务器使用反向代理。

Infographic showing the differences between Forward Proxy vs Reverse Proxy

Forward Proxy vs Reverse Proxy servers

因为服务器管理员可以控制反向代理的工作方式,所以您可以使用它来启用许多有用的功能。

我们将在这篇文章的后面列出它的所有好处。

为什么要使用反向代理?

许多企业,尤其是大型企业,使用定制的网站来满足他们独特的需求,而不是运行在 WordPress 上。一些例子包括银行和保险网站。

在其他情况下,一个企业可能将他们的网站托管在一个不允许他们安装任何外部软件的外部服务上(例如 WordPress )。通常,这些都是使用 Shopify电子商务平台的中小型零售商。

由于 WordPress 有强大的 CMS 功能,许多企业,包括拥有定制网站的大型企业,可能更喜欢使用 WordPress 托管他们的博客。

解决这个问题的一个方法是在主网站的子域上安装 WordPress,并构建导航菜单,这样用户可以在主网站和博客之间轻松切换。

由于子域表现为一个独特的域,它会影响你网站的搜索引擎优化。尽管谷歌对子域和子目录一视同仁,但如果网站托管在子域上,比托管在子目录上,它会花费更多的精力来优化网站的搜索引擎排名。

Two approaches to host an alternative website under the same domain name

Two approaches to hosting blogs on a website

谷歌已经重申它对子域和子目录一视同仁,但一些 SEO 专家不同意这一点。而且即使不影响站点的 SEO,托管在子目录中的站点也只是更容易维护而已。

这就是为什么您可以使用反向代理将请求重定向到托管在单独服务器上的站点博客。例如,一家银行可以在他们的服务器上安全地托管他们的主要网站,但他们也可以在一个托管的 WordPress 主机上单独托管他们的由 WordPress 驱动的博客,如 Kinsta

An example of a reverse proxy server use case

An example of a reverse proxy use case

将两个不同的网站统一在一个域名下是使用反向代理的主要优势之一。它有助于品牌保持其网站的组织性、专业性和可信度。

了解反向代理如何提高⚡️性能,🔒安全性&🤝可靠性...本指南中所有⬇️ 点击推文

使用反向代理的好处

除了上述用例,反向代理还提供了许多其他好处。下一节将讨论它们的一些主要优势。

负载平衡

对于一个每天有数百万独立访问者的网站来说,单个原始服务器无法处理所有的输入流量。在这些情况下,您可以在许多服务器之间智能地分配流量。通常,所有的服务器将托管相同的内容,以消除单点故障,使网站更加可靠。

反向代理是一种很好的设置方式,因为它可以在传入流量到达源服务器之前接收它。如果源服务器过载或完全失效,它可以将流量分配给其他服务器,而不会影响站点功能。

反向代理还可以将传入的请求定向到几个服务器,每个服务器执行它优化的特定功能。然后,反向代理可以收集来自所有服务器的响应,并将它们传递给客户端。

因为我们使用大多数流行的反向代理主要是为了负载平衡,它们也被称为负载平衡器

全球服务器负载平衡(GSLB)

GSLB 是一种先进的负载平衡方法,用于将网站流量分布在全球多个服务器上。这通常是通过选播路由技术来完成的,其中反向代理基于客户端和服务器之间的最快旅行时间来选择服务器节点。

GSLB 不仅大大提高了网站的可靠性和安全性,还减少了延迟和加载时间,从而增强了用户体验。您可以将 GSLB 与其他网络优化技术结合使用,例如勺子喂养,以进一步释放原始服务器的计算资源。

虽然你可以在你的服务器上手动设置全局服务器负载平衡,但它通常由专用 CDN 负责,如 Cloudflarekey dn(它也支持 Kinsta CDN) 。Kinsta 通过一个由谷歌云平台支持的负载均衡器为其托管的所有网站服务。

增强的安全性

反向代理可以隐藏源服务器的 IP 地址和其他特征。因此,您网站的源服务器可以更好地保持其匿名性,大大增加其安全性。

由于反向代理将在流量到达主服务器之前接收所有流量,任何攻击者或黑客将会发现更难对您的网站进行安全威胁,如 DDoS 攻击

你可以使用严格的防火墙来强化反向代理,使其更加安全,以抵御常见的网络攻击。如果没有安装反向代理,很难移除恶意软件或开始攻击。

信息

Kinsta 在其后端架构中使用反向代理,并为其托管的所有网站提供免费的 WordPress hack 补丁。

HAProxy 这样的反向代理可以向没有启用基本 HTTP 访问认证的 web 服务器添加它。您还可以使用反向代理为各种类型的请求添加集中式身份验证。

强大的缓存

通过缓存静态和动态内容,您可以使用反向代理来实现 web 加速。这可以减少源服务器的负载,从而提高网站的速度。

例如,如果你的原始服务器在美国,一个来自欧洲的用户访问你的网站,那么你可以从欧洲的反向代理服务器提供你网站的缓存版本。由于反向代理比原始服务器更接近用户,网站加载时间会更短,从而使其表现出色。

Varnish 和 Nginx FastCGI 是用于缓存 web 内容的反向代理的突出例子。如果你的网站是由 Kinsta 托管的,你不必担心缓存问题,因为 Kinsta 会为你处理所有的缓存工作。
T3】

卓越的压缩

服务器响应会消耗大量带宽。在将服务器响应发送到客户端之前压缩服务器响应(例如用 gzip 压缩)可以减少所需的带宽,从而加快服务器在网络上的响应速度。

反向代理是压缩服务器响应的理想选择,因为它位于源服务器和客户端之间。

优化的 SSL 加密

对每个客户端的 SSL/TLS 请求进行加密和解密对于源服务器来说是非常繁重的工作。反向代理可以承担这项任务,以释放源服务器的资源用于其他重要任务,如提供内容。

卸载 SSL/TSL 加密和解密的另一个优势是减少地理上远离原始服务器的客户端的延迟。

您还可以选择带有专用 SSL/TLS 加速硬件的反向代理来进一步优化这项任务。这种反向代理被称为 SSL/TLS 终止代理。像 Varnish 这样的一些服务器不支持 SSL/TSL 协议,因此 SSL/TSL 终止反向代理可以帮助保护通过它们的流量。

更好的 A/B 测试

大多数 A/B 测试工具需要你使用外部 JavaScript 库来加载它们的功能。然而,加载第三方脚本会降低页面加载速度,给用户带来不稳定的体验。

相反,您可以使用反向代理在服务器级别创建两个独立的流。例如,您可以使用 Nginx 的**split_clients****sticky route**方法来控制流量重定向。

你可以参考 Nginx 和 T2 的教程来了解更多关于使用反向代理执行 A/B 测试的知识。

监控和记录流量

反向代理捕获通过它的任何请求。因此,您可以将它们用作监控和记录流量的中心。即使您使用多个 web 服务器来托管您网站的所有组件,使用反向代理也可以更容易地监控来自您网站的所有传入和传出数据。

最流行的反向代理

根据 W3Techs几乎 83% 的网站没有使用他们监控的反向代理服务。

Statistics of reverse proxies used by websites

Statistics of reverse proxies used by websites (Source: W3Techs.com)

在使用反向代理的 17% 个网站中(如上所列),你会注意到大多数都是cdn。这是因为大多数反向代理默认隐藏它们的存在,作为一种安全预防措施。因此,你不能依靠像 W3Techs 这样的网站监控服务来发现哪些反向代理是最流行的。

根据我们的研究和经验,目前最流行的反向代理是:

Nginx

Nginx 是一个开源的 web 服务器,它也可以作为一个反向代理。除了用于托管网站,它也是最广泛使用的反向代理和负载平衡解决方案之一。据 Netcraft 统计,2019 年 12 月超过4.79 亿台 web 服务器在使用 Nginx,成为 web 服务器市场份额的领导者。

Web server market share of all sites as per Netcraft

Web server market share of all sites (Source: Netcraft)

Nginx 提供了上面讨论的所有反向代理的好处,还有更多。它提高了 web 性能、安全性、可靠性和可伸缩性。您可以使用它的配置文件来配置 Nginx,该文件也是可热重加载的。在 Kinsta,Nginx 反向代理是你可以使用的几个附加服务之一。

但是你也可以使用 Nginx Plus,一个商业产品,来访问基于 API 的配置选项和其他适合大型企业网站的特性。

Kinsta 为其所有网站提供 Nginx。在其参与竞争的每个类别中,它都被评为 Review Signal 顶级虚拟主机。其他一些使用 Nginx 的大公司有 MaxCDN、 Cloudflare 和网飞。

将 Nginx 设置为基本的反向代理很简单。Nginx 还为您提供各种指令,根据您的需求定制服务器的反向代理。我们将在后面的部分讨论如何做到这一点。如果您是 Kinsta 的客户,您还将在同一部分学习如何为 Kinsta 托管的网站使用反向代理。

光泽面

Varnish 是一个开源的 HTTP 反向代理,内置缓存引擎。它主要是为提供动态内容的高流量网站设计的。您还可以将 Varnish 用作负载平衡器、 web app 防火墙(WAF) ,以及边缘认证和授权服务器。

它可以在所有现代版本的 Linux 和 FreeBSD 上工作,主要用作 Nginx 或 Apache web 服务器的前台。Varnish 强大且高度灵活的 Varnish 配置语言(VCL) 让你定义各种特性,比如处理 HTTP 请求,缓存,以及连接到一个或多个 web 服务器。

出于这个原因,许多 cdn 使用 Varnish 作为快速传送内容的主要基础。

Varnish 还支持 Edge Side Includes (ESI) ,这是一种帮助你在其他网页中重用一个网页的部分的语言。如果你的网站在不同的页面中使用了大量重复的内容,ESI 可以通过缓存经常使用的部分来帮助你加快你网站的页面加载速度

您可以使用各种模块(VMODs) 扩展 Varnish。前往 Varnish 的官方教程学习如何设置 Varnish 作为 WordPress 的反向代理。

Apache 流量服务器

Apache 流量服务器是一个开源的缓存代理服务器。它因其快速、可伸缩的特性而广受欢迎。它是由雅虎开发的商业产品。很久以前,但他们把它开源并捐赠给阿帕奇基金会用于维护。

几个主要的内容网络和 cdn,如 Comcast、Akamai、LinkedIn、Yahoo 和 Apple,都使用 Apache Traffic Server 来支持他们的技术。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

您还可以使用Apache HTTP Server(Apache httpd),一个 HTTP 服务器守护进程,在您的 web 服务器上设置一个反向代理。除了充当基本的 web 服务器之外,它还帮助您向用户提供静态和动态内容。在本文的后面,您将了解如何将 Apache 设置为反向代理。

HAProxy

HAProxy 是一个开源的反向代理和负载均衡器。它旨在与大多数现有的 web 服务器架构集成,包括 Linux 发行版和云平台。与 Nginx 类似,HAProxy 使用事件驱动的 I/O 模型,并支持跨多个工作进程拆分请求。

对于 HTTP 请求,即使在重负载下,HAProxy 的表现也非常好。互联网上一些流量最高的网站如 Airbnb、Reddit、Instagram、Stack Overflow、Tumblr、GitHub、Imgur 等都使用 HAProxy 高效地交付网站。

讨论如何实现 HAProxy 超出了本文的范围,但是你可以参考他们的文档来理解它是如何工作的。

注: TraefikEnvoy 是 HAProxy 的另外两个开源替代品。它们都是高性能的反向代理和负载平衡器,具有许多高级特性。

其他一些流行的反向代理是 AWS 弹性负载平衡器、GLBC、 DigitalOcean 负载平衡器和谷歌云负载平衡器。关于目前使用的顶级反向代理和负载平衡器的详尽列表,你可以查看 Stackshare.io

反向代理:WordPress 站点的用例

WordPress 站点使用反向代理主要有三种情况,包括在 Kinsta 托管的站点。

Loading a main site vs a proxied site

Loading a ‘Main Site’ vs a ‘Proxied Site’

在这个例子中,我们只使用 Nginx,因为它是当今 WordPress 网站上最流行的反向代理。但同样的基本原则也适用于其他反向代理。

反向代理通常很难安装、配置和支持。出于这个原因,Kinsta 为每个需要帮助设置的反向代理提供每月 50 美元的附加订阅。你可以联系金斯塔的支持团队了解更多详情。

1.托管在同一服务器上的主站点和代理站点

如果主站点和代理站点都在同一个服务器上,主站点可以在一个 WordPress 安装上运行,而一个单独的 WordPress 安装为代理站点供电。

因为您可以访问站点及其共享的 web 服务器,所以可以为主站点设置反向代理规则,然后配置代理站点从反向代理加载。

如果你在 Kinsta 托管这两个站点,那么你可以联系 Kinsta 的支持团队,请求他们为你设置反向代理。以下是您需要遵循的程序:

  • 确保主站点和代理站点都位于 Kinsta。如果不是,那么您可以将两个站点都迁移到 Kinsta 的环境中,或者手动迁移,或者提交一个迁移请求
  • 开一张支持票,向 Kinsta 的支持团队提供域配置的清晰描述。设置反向代理大约需要一个工作日。
  • Kinsta 将在主站点上设置相关的反向代理规则,并将代理站点配置为通过反向代理进行加载。

以下是 Kinsta 用来通过反向代理加载子目录站点的标准 Nginx 反向代理指令:

location ^~ /subfolder/ {
proxy_pass http://subfolder.domain.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}

在上面的代码中,您需要将**/subfolder/**占位符替换为实际的子目录名称(例如**/blog/****/shop/**)。另外,**http://subfolder.domain.com**子域应该与用于将反向代理指向代理站点的 URL 相匹配。

**location**指令包括脱字符号和波浪符号( ^~ ),告诉 Nginx 如果找到定义的字符串,它应该停止搜索进一步的匹配,并使用这里列出的指令。在文档中了解更多关于 Nginx 的反向代理指令。
接下来,您需要配置代理站点,通过反向代理进行加载。以下是 Kinsta 配置代理站点时遵循的标准步骤:

  • 在加载代理站点的路径下创建一个子目录。所有代理网站的文件都被移动到这个子目录。
  • 更新 web 服务器的配置文件,将新的子目录定义为代理站点的根目录。此外,您需要添加一个重写规则,以便为每个传入的请求从请求 URI 中删除子目录。
  • 更新代理站点数据库中的所有 URL,以匹配实时站点 URL(例如**example.com/blog**)。
  • **$_SERVER['HTTP_HOST']**定义编辑代理站点的**wp-config.php**文件,将它指向主站点的 URL。
  • 如果您使用 SSL 证书,那么您需要在**wp-config.php**文件中定义严格的规则来避免重定向循环。

**注意:**代理站点不能创建与代理站点加载的子目录相同的 URL。例如,在**example.com/blog**的代理站点不能在**example.com/blog/blog**创建页面或目录。

2.仅托管在您的服务器上的代理站点

如果您只能访问代理站点及其 web 服务器,那么您需要联系主站点的服务器管理员,让他们为您设置反向代理规则。

为此,您必须遵循上述相同的步骤,只是在这种情况下,您必须在两台不同的服务器上配置规则。

为了让 Kinsta 托管您的代理站点,向该站点添加一个域,它将指向反向代理。通常,子域适合这种目的(例如**blog.example.com**)来通过子目录链接(例如**example.com/blog**)加载代理站点。

在 Kinsta 上设置好代理站点后,您可以联系 Kinsta 支持团队来配置代理站点,以便通过反向代理进行加载。此时,我们的支持团队将需要您的服务器的真实 IP,以便以正确计算访问量的方式完成设置过程。如果由于某些提供商(如 AWS CloudFront)的动态 IP 限制,您无法提供静态 IP,您的计划将被转换为基于带宽的可比计划。

最后,在你的服务器上设置反向代理不在 Kinsta 支持的范围之内,因为只有服务器管理员可以处理这件事。

3.仅托管在您的服务器上的主站点

如果您只能访问主站点及其 web 服务器,那么您应该设置反向代理并配置其规则,以便从外部主机加载代理站点。安装和配置代理站点以通过反向代理加载是辅助服务器管理员的责任。

将您的主网站托管在 Kinsta 将会授予您访问 Kinsta 支持团队的权限。您可以向他们提出支持请求,以添加本文前面列出的标准反向代理规则。如果需要,您还可以向这些规则添加任何额外的自定义。

需要一个非常快速、安全、开发者友好的网站托管吗?Kinsta 是为 WordPress 开发者设计的,提供了大量的工具和强大的仪表板。查看我们的计划

在这种情况下,您完全负责配置代理站点,以便通过反向代理正确地加载它。

如何将 Nginx 设置为反向代理

如果 Kinsta 没有托管您的网站,而您管理您的服务器,那么您必须自己设置反向代理,并将其配置为指向代理站点。

根据您的 web 服务器的操作系统,您可以安装不同的 Nginx。对于 Linux 发行版,您可以基于您的 Linux 发行版版本使用各种 Nginx 包。

在下面的例子中,我们已经将主站点安装在了**example.com**域名,而代理的 WordPress 站点安装在了**blog.domain.com**子域。它们都由运行在 Ubuntu 18.04 上的网络服务器上的 Apache 提供支持。我们将在主服务器上安装和配置 Nginx 作为反向代理。

首先,通过 SSH 访问您的服务器终端。然后使用**apt-get**命令更新您的发行版的包列表,并在您的 web 服务器上安装 Nginx。

sudo apt update
sudo apt install nginx

接下来,您需要配置 Nginx 来代理 Apache 上托管的域的请求。为此,创建一个新的虚拟主机文件。在这里,我使用 nano 编辑器来添加代码,但是你可以使用任何你选择的代码编辑器

sudo nano /etc/nginx/sites-available/example.com.conf

然后通过添加下面的**server {...}****location**块,设置 Nginx 指令将请求转发给 Apache:

server {
listen      80;
server_name example.com www.example.com;
index       index.php;
root        /var/www/example.com/public    # fallback for index.php
location / {
try_files $uri $uri/ /index.php?$query_string;
}location /blog {
proxy_pass http://blog.domain.com;proxy_http_version                 1.1;
proxy_cache_bypass                 $http_upgrade;

# Proxy headers
proxy_set_header Upgrade           $http_upgrade;
proxy_set_header Connection        "upgrade";
proxy_set_header Host              $host;
proxy_set_header X-Real-IP         $remote_addr;
proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Host  $host;
proxy_set_header X-Forwarded-Port  $server_port;

# Proxy timeouts
proxy_connect_timeout              60s;
proxy_send_timeout                 60s;
proxy_read_timeout                 60s;
}

在上面的代码中,我定义了一个将由 Apache 服务器提供服务的子目录**example.com/blog**链接。确保在**proxy_pass**指令中使用代理网站的公共 IP 地址(或 URL)。在我的情况下,我的代理网站位于**blog.domain.com**子域。

**注意:**在您做出任何更改之前,请确保代理网站已安装并准备就绪。

你可以在 Nginx 的指令详细索引中了解更多关于这里使用的所有反向代理指令的信息。

保存虚拟主机文件。然后通过在**/etc/nginx/sites-available****/etc/nginx/sites-enabled**目录中为名为**example.com.conf**的文件创建一个符号链接来激活新的虚拟主机。

sudo ln -s /etc/nginx/sites-available/example.com.conf /etc/nginx/sites-enabled/example.com.conf

之后,测试 Nginx 是否有任何配置错误。

sudo nginx -t

如果没有错误,重新加载 Nginx 以实施更改。

sudo systemctl reload nginx

现在,您已经成功地将 Nginx 设置为反向代理。为了确认这一点,您可以使用 phpinfo() 函数来检查当您访问您的代理站点时加载的 PHP 变量。

**SERVER_SOFTWARE****DOCUMENT_ROOT** PHP 变量下,您会看到 Apache 在后端为这个域提供服务。但是**HTTP_X_REAL_IP****HTTP_X_FORWARDED_FOR** PHP 变量证实 Nginx 被用作转发请求的反向代理。

通过使用 fastcgi_cache 和 ngx_cache_purge 模块,你可以加快通过 Nginx 为你的 WordPress 站点提供服务的速度。第一个模块会缓存你的站点,而第二个模块会基于特定的事件(例如发布或编辑一篇 WordPress 文章/页面)自动清除缓存。

你可以使用 Nginx 缓存控制器 WordPress 插件直接从你的 WordPress 管理仪表板控制 Nginx 的代理服务器缓存。如果你正在使用 WordPress 多站点安装,那么你可以使用 Nginx 助手插件来做同样的事情。

查看 Nginx 的主要文档Nginx WordPress 设置指南,了解如何使用 Nginx 和 WordPress 的详细概述。

如何将 Apache 设置为反向代理

在你开始之前,确保你有两个网站在**example.com****blog.domain.com**运行。第一个网站可能是也可能不是 WordPress 网站,但第二个网站应该是 WordPress 网站,因为它主要用于加载根域博客的**example.com/blog**子目录链接。

通过 SSH 打开您的服务器终端并启用 Apache 的代理模块,开始配置 Apache。

sudo a2enmod proxy proxy_http ssl

运行上面的命令很可能会重启 Apache 来重新加载新定义的指令。

接下来,编辑主服务器的虚拟主机文件以创建反向代理。下面是您需要添加的代码:

<VirtualHost *>
DocumentRoot /var/www/app/public
SSLProxyEngine On    ProxyRequests off
ProxyPass /blog http://blog.domain.com
ProxyPassReverse /blog  http://blog.domain.com
</VirtualHost>

ProxyPass 指令将为指定的路径创建一个反向代理,而 ProxyPassReverse 指令将截取通过这个反向代理发送的 HTTP 响应头,并重写它们以匹配 Apache 服务器。

保存文件后,您需要编辑您的**wp-config.php**文件,方法是在要求您停止编辑的那一行之前添加以下代码。

# ProxyPass Settings
# overrides the variables below to ensure that any
# request to /blog/* subdirectory is taken care of properly
$_SERVER['REQUEST_URI'] = '/blog' . $_SERVER['REQUEST_URI'];
$_SERVER['SCRIPT_NAME'] = '/blog' . $_SERVER['SCRIPT_NAME'];
$_SERVER['PHP_SELF'] = '/blog' . $_SERVER['PHP_SELF'];

最后,你需要更新你的 WordPress 站点的数据库来添加**/blog**子目录链接的配置值。您可以通过运行以下 SQL 查询来实现这一点:

UPDATE wp_options SET option_value = 'https://www.example.com/blog' WHERE option_name IN( 'siteurl', 'home' );

你现在应该能够访问**https://www.example.com/blog** URL,并且在不改变它的 URL 的情况下加载你的托管在**http://blog.domain.com**子域的 WordPress 站点。你可以像往常一样继续使用 WordPress 来浏览、编写、编辑和管理你的网站。

反向代理的局限性是什么?

  • 反向代理会带来严重的安全风险,因为它可以读取和更改通过它的所有流量。如果您通过反向代理传递 HTTPS 流量,那么它需要解密和重新加密传递的数据。这意味着它必须拥有 SSL/TLS 证书的私钥。因此,如果任何恶意方可以损害您的反向代理,他们可以记录密码,并注入恶意软件到您的网站。
  • 如果您或您的用户不能直接访问您的主服务器,那么使用反向代理会导致单点故障。例如,如果您使用反向代理作为前台来服务多个域,那么它的中断会导致所有域同时离线。
  • 如果你依赖第三方反向代理(例如 Cloudflare ),那么你就把你网站的敏感信息交给了他们。虽然它们是可信的,但你无法预测它会导致什么。
  • 恢复备份在通过反向代理加载的网站上实时推送暂存站点会导致代理站点停止正常加载。

在 CDN 和反向代理之间做出选择

cdn 是反向代理的高级形式,大部分配置和维护由第三方负责。他们可以为你的 WordPress 站点提供惊人的性能优势,而你只需付出很少的努力。

cdn 不仅可以缓存内容并迅速提供给用户,还可以减少原始服务器的负载,降低带宽成本,提供额外的安全层,提高网站的 SEO,并帮助你更好地扩展网站。

信息

Kinsta CDN 的 TTFB 非常低,可以显著提高您网站的性能。每个 Kinsta 帐户都有一个免费的 Kinsta CDN 层,您可以在几秒钟内轻松设置它。更多信息可以参考 Kinsta CDN 与传统 CDN 的对比。

您会注意到 cdn 提供的大部分好处与反向代理提供的好处是一样的。那么,你应该选择 CDN 而不是反向代理,还是相反?

没有理由你必须只满足于一个。如果你已经安装了反向代理,你仍然可以看到使用 CDN 带来的速度和性能的提升。它们的缓存层都很好,如果你有任何独特的请求处理需求(例如,动态内容电子商务,那么你可以很容易地用 CDN 或反向代理传递的一些自定义头来配置它。

Want to learn more about reverse proxy servers? This article covers... ✅ how they work, ✅ major benefits, ✅ how you can use them to speed up and secure your WordPress site.Click to Tweet

反向代理—常见问题

以下是一些更常见的问题,可能有助于您了解有关反向代理的一切。

反向代理的目的是什么?

屏蔽外部站点的位置,使其看起来像是主域的一部分。例如,一所大学可能有一个学生登录区,供学生查看他们的成绩。他们可能会在校园里安装一台服务器,运行一些评分软件,而不是把它放在 WordPress 上。与其告诉学生去https://123 . 123 . 123 . 123/~ students/grading _ software/some/long/URL/,他们可以简单地使用一个反向代理,这样学生就可以去【https://university.edu/grades】的*,它看起来像是主站点的一部分,而实际上它是托管在其他平台上的。*

CDN 是反向代理吗?

不, CDN 是一个内容交付网络,它帮助加快从离访问者位置更近的地方提供网站服务的速度。

负载平衡器是反向代理吗?

不,负载平衡器是一种帮助分配流量的方式。例如,一个非常繁忙的站点可能有一个负载平衡器,它将流量分配给多个 web 服务器。所有 web 服务器都有相同站点文件的镜像,但这允许站点处理比正常情况更多的流量,因为负载平衡器会将传入流量推送到每个 web 服务器,因此没有一个 web 服务器必须同时处理所有传入流量。因此,如果一个 web 服务器被设置为每分钟处理 10k 次访问,并且在一个负载均衡器后面有两个 web 服务器,理论上,该站点将能够每分钟处理 20k 次访问。

API 网关是反向代理吗?

不,API 只是允许人们在平台上运行命令,而不需要登录 UI 来管理站点。有了这个 API,用户可以在他们的 WordPress 站点上发布新的博客文章,而不必登录到 WordPress 仪表板

我需要反向代理吗?

这是基于具体情况的。不是每个人都需要一个反向代理,但是对于上面提到的大学来说,这是有意义的。这也可能是因为其他原因,如福特/雪佛兰等,他们可能在自己的网站上有一个“制造你的汽车”部分,这不是主网站的一部分,而是一些汽车制造/定制平台,他们希望作为主网站的一部分,如*https://ford.com/buildmycar*而不是*https://carbuildingplatform.com/ford/build/customcar/*。

摘要

WordPress 非常灵活。你可以把它当作一个博客、一个 T2 的电子商务网站,甚至是一个 T4 的学习管理系统。在大多数情况下,你可以定制 WordPress 来满足你独特的需求。

但是,有时您可能必须使用单独的域或辅助服务器来托管额外的站点。如前所述,这可能是因为对一个大企业网站使用了不同的技术栈,或者为一个已经存在的非 WordPress 网站推出了一个 WordPress 博客

反向代理在这两种情况下都有帮助,帮助你充分利用 WordPress,而不需要放弃主网站并重新开始。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Ruby on Rails 与 Node.js:面对面的比较

原文:https://kinsta.com/blog/ruby-on-rails-vs-node-js/

为你的项目选择一个框架或语言可能是具有挑战性的,尤其是在后端,维护用户数据和创建 API和库是关键。撰写本文时最流行的 web 开发技术是 Node.js 和 Ruby on Rails。
Ruby on Rails 还是 Node.js?🤔在本指南的帮助下做出决定🚀 点击推文
选择其中一个可能是一项艰巨的任务。这两种技术各有优缺点,了解它们将有助于您为您的项目选择最佳选择。在本文中,我们将为您提供 Node.js 和 Rails 的公正比较,以帮助您做出决定。

为什么我们要比较这两种技术?虽然它们看起来可能没有直接的相似性,但是我们已经注意到很多用户在线提出了 Ruby on Rails vs Node.js 的问题。本文将通过查看每种技术的关键澄清特性、主要差异和用例来帮助回答这个问题。

我们开始吧!

Node.js 是什么?

Node.js 是 2009 年在 Chrome 的 V8 JavaScript 引擎上构建的开源运行时环境。它是在后端开发中广泛使用的单线程跨平台。

Node.js's website homepage, showing two green download buttons for macOS users.

Node.js’s homepage.

Node.js 可以安装在 Linux、macOS、Windows 等不同平台上。它被用来创建各种各样的应用,包括实时聊天应用、REST API 服务器、命令行应用等等。

节点如何处理库

Node.js 内置了对库管理的支持,称为节点包管理器(npm)。每周有超过 130 万个包和超过 10 亿次下载,它无疑是最受欢迎的包库之一,因此,它在 JavaScript 生态系统中扮演着至关重要的角色。

这个巨大的图书馆是完全开源和免费的。这些库的规模正在快速增长,使得 Node.js 社区日益强大。

npm 中最受欢迎的库之一是 Express.js ,这是一个用于快速开发和部署应用程序和 API 的框架。这是一个最小的 Node.js web 应用程序框架,为在线和移动应用程序提供了全面的功能,每周通过 npm 下载超过 22,000,000 次。

下面是一个简单的 Node.js 和 Express API 的代码:

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send("A simple GET response")
})

app.listen(3000)

在上面的代码中,我们导入了 express.js 并创建了一个简单的 GET API。在最后一行中,我们将 3000 传递给 listen 函数,这样,我们的应用程序将在端口 3000 上运行。

Express.js 使在短时间内创建各种类型的 web 应用程序变得简单。对于客户端请求,该框架提供了一个简单的路由系统。它还包括中间件,负责做出决策,为客户端的请求提供正确的响应。

使用 Node.js 的公司

使用 Node.js 的一些受欢迎的公司有:

  • 网飞:网飞开始利用 Node.js 向超过 1.82 亿用户提供高容量网络流媒体服务,他们还打算将 Node.js 的使用范围扩大到内容制作。
  • 优步:由于其异步原语和简单的单线程处理,优步的核心旅行执行引擎最初是在 Node.js 中开发的
  • PayPal:在取代 Java 的时候,PayPal 选择了从浏览器到 web 应用的后端服务器都使用 JavaScript。
  • NASA :在太空中发生了不愉快的事情之后,NASA 决定使用 Node.js 来更好地保护他们的数据,甚至防止生命损失。
  • LinkedIn :由于可扩展性和性能效率,Linkedln 选择了 Node.js,停止使用 Ruby on Rails。

Image showing the logo of the popular companies that use Node.js, with the Node.js logo on the left..

Companies that use Node.js. (Image source: Coruscate)

Node.js 特别适合编写所有状态都在内存中的系统。

—克里斯·科瓦尔,优步的软件工程师

什么是 Ruby on Rails?

Ruby on Rails——也称为 Rails 或 RoR——是在 MIT 许可下用 Ruby 编写的最流行的开源 web 应用程序框架。它开发于 2004 年,以代码效率和高速著称。

The Ruby on Rails homepage showing a section of Ruby code open in a code editor.

ROR’s homepage.

Rails 旨在帮助管理例程、内部逻辑、数据计算和其他任务。这是一个 web 应用程序框架,非常适合数据库支持的 MVC web 应用程序和元编程。Ruby 最初的异端确实是把程序员的快乐放在了基座上。~ David Heinemeir Hanson,Ruby on Rails 的创造者大多数支持 CGI 的 web 服务器都可以运行 Rails。 MySQLPostgreSQL 、SQLite、 SQL Server 、DB2、Oracle 都是这个框架支持的。此外,Ruby on Rails 具有清晰、简洁、灵活的语法,类似于英语。这种较低的学习曲线使得该框架对新手特别有吸引力。

使用 Ruby on Rails 的公司

使用 Ruby on Rails 的一些受欢迎的公司有:

  • Airbnb : Airbnb 从一开始就使用 Ruby on Rails。该框架在 Airbnb 的技术栈中扮演着至关重要的角色。
  • GitHub : GitHub 的后台是 Ruby on Rails,拥有超过 2 亿个代码库,月活用户 3200 万。该应用由公司创始人创建,至今已有七年。
  • Shopify : Shopify 是一个成熟的、结构良好的、用户友好的 Ruby on Rails 电子商务平台的典范,有超过 820,000 个卖家使用他们的服务。
  • 是的,Fiverr 在发布时也采用了 Ruby on Rails,并且它仍然是推动他们在线服务市场的技术。

现在您已经对这两种技术有了很好的了解,下面我们来讨论一下它们的优缺点。

Ruby on Rails:利弊

尽管 Ruby on Rails 是一个功能强大的框架,但它也有一些缺点。

Ruby on Rails 的优点

使用 Ruby on Rails 有很多好处。我们列出了以下几个最重要的问题:

  • 开发速度 : RoR 完善的模块架构,高效的包管理系统,以及 Ruby 语言富于表现力和紧凑性的特点,让开发者可以快速创建应用。
  • 大型基础设施:Ruby on Rails 带有一个内置的 web 服务器和一个带有生成器的数据库,使网站开发变得轻而易举。
  • 大型社区:Ruby on Rails 的另一个优点是它强大而活跃的社区。它是 GitHub 上流行的框架之一,Ruby 社区可能已经实现了你能想到的所有功能。
  • 最佳实践 : Rails 的创建目标是建立 web 开发的最佳实践,它提供了在开发项目中遵循这些标准所需的所有库和模块。
  • 代码质量:第三方 Ruby 代码质量明显高于其他语言。

Ruby on Rails 的缺点

Ruby on Rails 的一些缺点可以在下面看到:

  • 灵活性差:定制 Ruby on Rails 来创建具有独特功能的独一无二的应用程序可能很困难。
  • 运行速度和性能:反对 Ruby on Rails 的一个最常见的理由是它的运行速度很差,这使得扩展应用程序很成问题。这也是 Twitter 停止在其搜索引擎中使用 Ruby on Rails 的原因。
  • 启动速度:大多数开发者抱怨 Rails 的启动速度。这可能需要很长时间才能开始,这取决于您的 gem 依赖项和文件的数量。
  • 困难的调试:由于 Ruby on Rails 的复杂性和各种各样的层次,对 Rails 应用程序进行故障排除可能会很困难。查找混音中的错误可能需要很长时间。

Node.js 的利与弊

众所周知,Node.js 是一个灵活的框架,几乎可以根据任何人的需求进行调整。然而,它也有缺点。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Node.js 的优点

我们列出了 Node.js 的优势:

  • 易学:因为 Node.js 是基于 JavaScript 的,如果你已经有很好的编程背景,熟悉 JavaScript,那么学可能会容易很多。有许多课程和教程可以让学习变得愉快。
  • 社区:一个积极参与的社区意味着大量的支持和反馈。Node.js 被一个庞大的开发者社区所包围。npm,节点的软件包管理器,是最流行的和迅速扩大的软件注册表之一。它提供了许多可以在项目中使用的库和可重用模板。
  • 无缝 JSON 支持:虽然其他后端技术,如 Ruby on Rails,可以使用 JSON 格式进行通信,但 Node.js 不需要在二进制模型之间进行转换,而是使用 JavaScript。这在使用 NoSQL 数据库,比如 MongoDB 创建 RESTful APIs 时非常有用。
  • 高度可扩展 : Node.js 以高度可扩展而闻名,这意味着开发人员可以定制和扩展它,以满足他们项目的需要。

Node.js 的缺点

以下是 Node.js 的一些缺点,这可能使它不太适合您的项目:

  • 不稳定的 API : Node.js 定期遭受不兼容的 API 变更。这些不兼容性导致大量的代码修改,这是使用 Node.js 的主要缺点。
  • 工具的不成熟:尽管核心的 Node.js 模块相当可靠,但是 npm 仓库中的许多包质量很差,文档也很差。因此,找到满足您需求的正确软件包可能会很困难。
  • 不适合 CPU 密集型任务:node . js 无法处理 CPU 密集型操作是它目前的另一个主要缺点。它只适用于与 I/O 相关的任务(比如 web 服务器)。
  • 回调问题:回调,队列中的每个任务完成时运行的函数,是 Node.js 的一大部分,代码的质量直接受到后台保留大量排队进程的影响,每个进程都有自己的回调。

Node.js 与 Ruby on Rails:面对面的比较

现在您已经对这两种技术有了很好的了解,让我们更深入地并排比较一下。

表演

虽然对于小型项目来说,性能可能不是一个考虑因素,但是在构建大型复杂项目时,考虑性能是非常重要的。Node.js 在性能方面胜出。Node.js 配备了谷歌设计的 V8 引擎,速度更快,尤其是在 IO 繁重的操作上。它还以生成速度极快且可伸缩的程序而闻名,因为它采用了事件驱动的架构和在单线程上运行的非阻塞(异步)进程。Node.js 应用程序还可以处理更多的请求,因为该框架能够管理更重的服务器工作负载。

社区

说到寻求支持和输入,这两种技术都有一个庞大的开发人员社区。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

根据 Stack Overflow 的开发者调查,Node.js 是全球开发者使用的顶级技术之一。谷歌、脸书和亚马逊等一些科技巨头对 Node.js 环境做出了重大贡献。Node.js 有几个社区论坛,比如 Github、 Stack OverflowReddit

类似地,Ruby on Rails 也有一个巨大而强大的社区,在 GitHub 上有巨大的存储库。它在 GitHub 和许多其他活跃的社区论坛上有超过 4000 名活跃的贡献者。Rails 开发人员积极参与现有功能的改进和新特性的开发。他们经常更新源代码,修复错误,解决安全漏洞。

Rails 也有很多社区论坛,包括 GitHub、Slack、Stack Overflow 等。他们的 Slack 社区拥有来自世界各地的 17000 多名成员和 27 个频道,包括狂热的 OSS 贡献者、全栈工程师、初创公司创始人、后端工程师和刚刚学习 Ruby on Rails 的人。

工作机会

因为这两种技术都有庞大的用户群体,所以 Node.js 和 Rails 开发人员都有很多工作机会。在美国,Node.js 开发人员的平均工资在 71,000 美元到 92,000 美元之间,而在欧洲,平均工资在 24,000 美元到 94,000 美元之间。Node.js 的自由职业者平均每小时可以赚 80-100 美元。据 Indeed 报道,一名 Ruby on Rails 开发者在美国每年可以赚 11.6 万美元左右;Rails 自由职业者的平均工资约为每小时 49 美元。

可量测性

Node.js 用于创建非常可伸缩的应用程序。多个并发请求通过非阻塞 I/O 和事件驱动的范例来处理。

由于集群模块,Node.js 最终比 Ruby 更具可伸缩性。该进程是在集群中产生的,其抽象基于具有最少数量的 CPU 的程序的工作负荷。

扩展 Ruby on Rails 是可以实现的,但是它比其他流行的后端框架需要更多的资源。然而,这不应该阻止你在项目中使用 Ruby on Rails。

以下是一些扩展 Ruby on Rails 应用程序的技巧:

  • Rails 内置的动作、页面和片段缓存可以发挥其最大潜力。您还可以使用 Memcache 来缓存来自数据库的结果,否则这些结果将被检索。
  • 您还可以利用 Docker 和 Kubernetes 等第三方工具来帮助您顺利扩展应用程序。
  • 使负载测试成为预先部署过程的标准元素。这将允许你观察每个程序需要多长时间,以及哪里有改进的空间。

流行

构建现代产品或应用程序时,堆栈的受欢迎程度是您应该考虑的另一个因素。一般来说,它越受欢迎,就越受支持。

据 Google Trends 报道,Ruby on Rails 在 2005 年至 2009 年期间相当流行,但从那以后,它开始慢慢失宠。另一方面,Node.js 自 2017 年以来越来越受欢迎,这意味着有很多人希望利用和了解它。

Image showing the google trends comparing the popularity of Node.js and Ruby on Rails on Google search engine.

Graph comparing the popularity of Node.js and Ruby on Rails on Google search engine.

如果您正在寻找撰写本文时最流行的选项,Node.js 是您的不二之选。

Node.js 与 Ruby on Rails:应该使用哪个?

既然我们已经讨论了 Ruby on Rails vs Node.js 的细节,现在是做决定的时候了!让我们最后看一下哪个框架可能最适合哪个项目。

何时使用 Node.js

如果你想构建一个需要管理客户端和服务器之间大量并发请求和数据的实时应用,比如聊天应用或者视频通话应用,Node.js 是一个不错的选择。如果您关心性能或可伸缩性,那么在转向 Ruby on Rails 之前,您应该首先转向 Node.js。
T3】

何时使用 Ruby on Rails

对于需要快速开发的 CPU 密集型应用程序来说,Ruby on Rails 是一个优秀的解决方案。如果你想建立一个能够处理大量流量的电子商务平台或社交网站,Rails 是一个特别好的选择。
深入探究两种最流行的 web 开发技术——node . js 和 ruby on rails——在这份全面的指南中,✅ 点击发推

摘要

Node.js 和 Ruby on Rails 都是网站和应用程序的强大框架。选择一个作为获胜者是非常具有挑战性的。开发者和创业者必须考虑他们的商业模式,分析这两种技术的优缺点。

如果您关注的是性能或可伸缩性,Node.js 可能是一个非常好的选择。另一方面,如果您想要构建一个能够处理大量流量和 CPI 密集型任务的应用程序,Ruby on Rails 可能是您更好的框架。

你计划在下一个项目中使用 Node.js 或 Ruby on Rails 吗?你是如何在他们之间做出决定的?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Rust vs Python:哪个最适合你的项目?

原文:https://kinsta.com/blog/rust-vs-python/

Rust vs Python 是最近的热门话题。虽然这两种语言都可以用于通用编程,但在某些情况下,一种语言比另一种语言更好。锈?Python?哪个适合你的项目?👀在这里了解更多⬇️ 点击推文

要知道哪一个应该用于您的项目,您应该对两者的特性和架构有很好的理解。这篇 Rust vs Python 的文章将帮助您解决这个问题。

我们开始吧!

什么是铁锈?

The Rust logo with the name in bold letters right to the image.

Rust programming language Logo. (Image source: Rust Official Site)

Rust 是一种相对较新的编程语言,因为它能够创建高性能、高内存效率和可靠的应用程序而迅速流行起来。这种静态类型的编程语言具有与 C++相似的语法。

它没有任何垃圾收集或运行时。因此,Rust 为 C++中的许多问题提供了解决方案,包括并发性和内存管理问题。虽然 Rust 是一种相对年轻的语言,但它在 2022 年 StackOverflow 开发者调查中也将第七年标记为最受欢迎的技术。

谁会用铁锈?

Logos of 10 popular companies that use Rust.

Companies that use Rust. (Image source: OpenXcell)

自从 Rust 问世以来,许多公司,从初创公司到大型组织,都开始采用它来增强现有的和构建新的软件应用程序和服务。现在,许多世界领先的科技公司都在使用 Rust。以下是他们如何使用它。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

  1. **亚马逊:**亚马逊将 Rust 用于其云服务,如亚马逊弹性计算云(EC2)、亚马逊简单存储服务(S3) 和 CloudFront。亚马逊也是促成 Rust 的公司之一。
  2. Dropbox: 世界领先的文件托管提供商 Dropbox 在其文件同步服务中使用了 Rust,这是其关键组件之一。
  3. 谷歌:谷歌是 Rust 基金会的另一家公司。它使用 Rust 进行 Android 开发,是开发 Linux 内核操作系统的主要语言。
  4. **微软:**微软在其 Windows 操作系统中使用 Rust,他们将推出新版本的 Rust,使开发者能够使用 Windows API 进行软件开发。
  5. Coursera: 世界领先的在线学习平台之一使用 Rust 作为其编程作业功能。

Python 是什么?

The logo of the Python programming language and the name Python on the right side of the logo.

Logo of Python.

Python 是 2022 年最流行的脚本语言之一。Python 被用于许多领域,包括机器学习、数据科学、、数据可视化、数据分析、开发运维、自动化和测试。

Python 的简单语法使它成为全世界开发新手的理想选择。2022 年栈溢出开发者调查显示,在专业人士和学习编码的人群中,它是第三受欢迎的语言。Python 优先考虑面向对象编程,尽管您也可以将它用于函数式编程。

谁用 Python?

Logos of a large set of popular companies that use Python.

Popular companies that use Python. (Image source: DailySmarty)

Python 广泛应用于 IT、教育、政府、金融等行业。以下是使用 Python 的顶级科技公司。

  1. **脸书:**脸书的工程师将 Python 和 PHP 一起使用,因为 Python 让他们可以更快地开发和部署应用程序和功能。Python 用于脸书基础设施管理和多种服务,包括脸书 Ads API 和 Python 异步 IRCbot 框架。
  2. Google: Google 在脚本工作中使用 Python 是因为它的简单高效。谷歌用 Python 代替了其第一个基于 java 的网络爬行蜘蛛,用于网络抓取的。
  3. **网飞:**网飞是一家使用 Python 进行数据分析的公司。此外,他们在中央警报网关中使用它来发送用户警报和跟踪安全变化的猴子应用程序。
  4. Spotify: Spotify 是另一家使用 Python 进行数据分析的公司。还有很多其他地方他们使用 Python。他们使用 Django 框架和 ZeroMQ 网络库用于后端应用。此外,他们使用它来创建流程、脚本和原型。
  5. Instagram: Instagram 是一款支持图片和视频分享的社交媒体应用,它已经使用 Python 扩展了其基础设施。

铁锈的主要特征

Rust 带来了最好的 C++和额外的特性。Rust 的四个主要关键特性是内存安全、线程安全和零成本抽象。

内存安全

当使用像 C++这样的语言时,许多内存问题会影响应用程序的性能。Rust 通过其“所有权模型”和类型系统解决了大多数内存管理问题,使程序能够在编译时而不是运行时分析内存。

这意味着变量拥有其内存的所有权,并且可以从其他变量中挖掘内存。这个特性消除了对垃圾收集器的需要,并保证 Rust 程序在编译时没有错误。

线程安全

线程安全是一种保证在运行时没有竞争条件的系统。当两个或多个线程同时访问同一个内存位置时,就会发生争用情况,这会导致程序中出现异常行为。

使用 Rust 的数据所有权模型,线程只能在拥有或可变地借用变量的情况下写入变量。它确保一次只有一个线程可以访问一个变量。

零成本抽象

随着开发的继续,您可能需要在代码中使用更多的抽象来改进代码维护,并使添加更多的功能变得更容易。在代码中使用更多的抽象会影响程序的运行时性能。

Rust 确保抽象是零成本的。这意味着抽象没有运行时开销,或者有抽象的代码类似于没有任何抽象的代码。

跨平台支持

Rust 允许在多个平台上开发应用程序,比如 Windows、、Linux、、macOS 等。Rust 可以轻松处理跨不同平台的配置。此外,它的货物构建工具有助于用一个命令将代码部署到多个平台上。

Python 的主要特性

Python 最初是为了代码可读性而开发的。因此,它的语法接近英语。此外,Python 还被各种学术团体用于数学和科学工作。因此,它有一个大型的数学库和大量的计算。

简单的类似英语的语法

Python 是喜欢代码的人最喜欢的通用编程语言之一,因为它简单的类似英语的语法使编写代码变得容易。因此,业余开发人员发现学习很容易,许多人把它作为他们最初的编程语言。

此外,其简单的语法结构支持更快的开发。您可以用比其他语言更少的代码行编写 Python 程序。这最终会减少将应用程序部署到市场的时间。

动态类型化

您不需要在 Python 中定义变量类型,因为 Python 解释器会在程序运行时根据变量表达式为您完成这项工作。因此,您可以直接关注功能,而不是花时间来正确定义变量类型。

大型社区

Python 有一个庞大的社区,全世界有数百万人支持它的开发并为之做出贡献。这个大型社区对任何 Python 开发人员来说都是一笔财富,因为他们可以快速找到开发中遇到的任何问题的解决方案。

此外,这意味着有大量的资源供您学习 Python ,比如文档、开发者指南、视频和教程。

大型标准图书馆

蟒蛇;标准库由大量框架、模块和库组成,带有可重用代码,几乎可以开发任何您想要的东西。因此,您不必花费时间和精力从零开始开发一切。

跨平台支持

An image of logos of 4 operating systems supported by Python. First is Windows, the second is Apple, the third is Android and the fourth is Linux.

Python support across multiple platforms. (Image source: TheGameRoof)

Python 允许应用程序在多个平台上运行,如 Windows、Linux、macOS 等。,消除了为每个平台编写单独代码的需要。

使用 Rust 的利与弊

与缺点相比,生锈有很多优点。让我们来看看它们是什么。

优势

Rust 的主要优势是性能高。但这不是唯一的一个。下面的列表给出了 Rust 的所有主要优点。

  • Rust 是性能关键型应用程序的理想选择,因为 Rust 无需垃圾收集或运行时间,内存效率高。
  • Rust 是内存和线程安全的,因为它的所有权模型和类型系统。
  • Rust 是一种静态的强类型语言,确保没有代码错误与错误声明的变量有关。
  • Rust 的低开销使其成为开发嵌入式程序的理想选择
  • Rust community 帮助您与其他人讨论问题和想法,组织活动、会议等。,并提供许多学习资源。
  • Rust 有丰富的文档。
  • 它提供了几个工具来提高您的生产力。例如,它包括一个集成的包管理器和构建工具、带有有用特性的编辑器支持,以及带有有用错误消息的编译器。
  • 您可以找到命令行工具来简化您在 crates.io 生态系统中的工作。
  • Rust 允许跨平台支持的软件开发。

缺点

Rust 也有一些缺点,您应该在使用该语言之前了解它们。这些缺点包括:

  • Rust 的编译时间比其他语言慢。它在编译时符合整个包或机箱。因此,编译时间可能会更长。
  • 与 Python 等其他语言相比,学习它需要更多的时间。你至少应该知道一门语言,以便有效地使用它。这使得 Rust 不适合第一次学习编码的人。
  • Rust 没有为 monkey 补丁提供太多支持。
  • 它可以创建更大的二进制文件。

使用 Python 的利与弊

既然我们已经研究了 Rust,让我们更仔细地看看使用 Python 的利弊。

优势

许多开发人员喜欢 Python,很容易看出为什么。一些主要的好处包括:

  • Python 是最容易学习的语言之一,因为它的语法简单。因此,与 Rust 或 PHP 等复杂语言相比,它的学习曲线更短,非常适合业余开发人员。
  • Python 是一种通用的语言,在数据 web 开发、数据科学、机器学习、脚本编写、原型开发、测试自动化等多个用例中使用。
  • Python 广泛的标准库允许您用较少的代码开发从简单的数值计算到复杂的数据分析项目的任何东西。
  • 动态类型节省了声明变量类型的时间。
  • 互联网上有很多学习 Python 的资源,比如教程、文档、开发者指南等。
  • 大量支持 Python 开发的工具,如 Python 特有的 ide、代码审查工具等。Python 还有一个名为 GitPython 的工具,用于与 git 存储库进行交互。学习 Git 工作流对 web 开发很有价值
  • 允许开发具有跨平台支持的软件。
  • 因为 Python 是一种解释型语言,这使得调试过程更加容易
  • 大型社区支持可帮助您快速获得问题支持,并更快地解决问题。
  • Python 可以和像。NET 和 PHP,并且很容易与其他组件如数据库集成。等等?你以为 PHP 已经死了吗?不,不是,至少根据使用统计数据。事实上, PHP 开发人员的薪水很高

缺点

直到最近,Python 还不是 web 开发的好选择。Python 的目标是不同的领域。虽然 Python 在各个方面都做了很多改进,但是 Python 还是有一些缺点。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • Python 不适合要求高速度的应用程序,因为 Python 是一种比其他语言慢的语言,这是由于它的逐行执行和动态类型。
  • Python 消耗大量内存,因为它具有灵活的数据类型等特性。因此不适合内存密集型应用。
  • 动态类型化还会导致运行时的 eros,这些 eros 在编译时无法检测到。
  • 它不适合移动应用程序,因为它的速度慢,内存使用率高。
  • 使用 Python 访问数据库会变得很困难,因为它不像其他语言那样发达。

Rust vs Python:面对面的比较

接下来,我们将从就业机会、功能、可伸缩性、可扩展性和性能等多个方面对 Rust 和 Python 进行比较。

易于使用/学习

关于易用性和易学性,Python 领先于 Rust 语言。如前所述,Python 已经成为世界范围内使用的顶级编程语言之一,因为它易于学习。

如果有人第一次学习编码,他们应该选择 Python 而不是 Rust。Rust 的语法结构比 Python 更复杂。因此,它需要事先掌握编码知识。

Pythons 更简单的开发经验和许多可用的模块、库和框架使得它更容易在许多领域使用。由于这个原因,与任何其他编程语言相比,Python 被广泛应用于各种领域。

研究人员发现它很容易使用。即使没有任何编程背景,他们也能轻松掌握它的概念。此外,他们可以使用更少的代码行编写 Python 程序,而这需要更多的代码行。因此,就易用性和易学性而言,Python 是赢家。

就业机会

A set of developers who are looking at their screens while working.

Employment opportunities Rust vs Python. (Image source: SEEK)

python 是全球许多行业的技术堆栈中不可或缺的工具。熟练的 Python 程序员就业机会多。由于其广泛的用例,Python 程序员可以在许多领域工作。

例如,Python 开发人员可以作为数据分析、机器学习和数据科学的研究助理,或者作为使用 Django 等框架的全栈开发人员。尽管 JavaScript 是专门为 web 开发而构建的, Python 甚至正在成为 Nodejs 的竞争对手。

与 Python 相比,Rust 是一门新语言。但是,在过去的几年里,铁锈的使用在稳步增长。还有,Rust 开发者的数量远低于业内 Python 开发者的数量。因此,现在各个行业对 Rust 程序员的需求都比较高。

事实上,Rust web 开发人员是收入最高的专业人员之一。因此,当你考虑就业机会时,Python 程序员比 Rust 开发人员有更多的机会,但 Rust 在未来几年有潜力增加就业机会。

错误处理

Rust 和 Python 有不同的错误处理机制。Pythons 的错误处理在编译时没有提供太多的改进空间。当遇到错误时,Python 会在运行时抛出一个异常,但是它不会提供任何关于如何修复它们的建议。

相比之下,Rust 在编译时发现错误时会返回值,并且不会停止。它还提供了可能的修复方法。因此,在 Rust 程序中处理错误比在 Python 中更容易。此外,在编译时而不是运行时查明错误有助于构建高质量的 Rust 程序。

展开性

Python 仍然领先于 Rust,因为它在可扩展性方面有大量可用的库、模块、框架和工具。因此,您可以使用 Python 编写一个简单的脚本来自动化日常活动,并构建一个复杂的 web 应用程序,而无需编写太多代码。Python 因其高度可扩展性而被广泛应用于各行各业。

相比 Python,Rust 的生态系统还在不断成长。但是在过去的几年里,它经历了快速的增长。Rust 社区板条箱登记处不断增加新的板条箱。然而,当前的板条箱数量不像 Python 中那样可扩展。

特征

如果考虑每种语言的特点,Rust 比 Python 有更直观、更鲜明的特点。如前所述,Rust 在内存和线程方面比 Python 更安全。Rust 程序比 Python 更高效,没有垃圾收集和运行时间。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

零成本抽象帮助程序员用 Rust 编写复杂的应用程序。Rust 中提供了几个有用的工具来简化部署过程。

另一方面,Python 没有 Rust 那么明显的特征。Python 的显著语言特性包括动态类型、简单语法和解释型通用语言。跨平台支持在两种语言中都很常见。

所以在特性上,我们可以得出 Rust 比 Python 拥有更多的特性。

碎片帐集

Rust 在运行时没有垃圾收集,但是 Python 有。因此,Rust 不会在运行时检查是否有任何未使用的内存会降低程序的执行速度。另一方面,Python 在运行时检查未使用的内存,这是 Python 程序比 Rust 慢的原因之一。

内存管理

Python 和 Rust 以两种不同的方式管理内存。Python 使用垃圾收集器进行内存管理,垃圾收集器总是搜索代码中未使用的变量并释放它们的内存。相反,Rust 使用所有权模型进行内存管理,在编译时检查任何违反所有权规则的情况。

此外,Rust 使用堆栈和堆来存储值。堆栈存储标量值,而堆用于非标量值。Rusts 的内存管理方法比 Python 更具创新性,因为它在运行时比通常的垃圾收集器更有效地管理内存。

表演

当你考虑这两种语言的性能时,Rust 无疑是赢家。Rust 旨在构建高性能的应用程序。正如 Rust 声称的那样,Rust 由于其固有的特性,如没有解释器和高效的内存管理,速度非常快。

另一方面,速度慢是 Python 的缺点之一,这使得它不适合性能密集型应用程序。Pythons 的低性能包括其解释器和运行时通过垃圾收集进行的低效内存管理。

流行

如果你比较这两种语言的受欢迎程度,Python 是专业人士和学习编码的人中最受欢迎的编程语言。行业领先的编程使用调查揭示了 Pythons 的持续流行。例如, 2020 栈溢出开发者调查显示,Python 是全球第三大流行语言,Rust 与它相差甚远。

有趣的是,在最新的 2022 Stack Overflow 开发者调查中,Python 也能够保持其受欢迎的地位。然而,2022 年的调查结果显示,Rust 是它保持了几年的最受欢迎的编程语言。

可量测性

Python 的一些特性,如缓慢的性能、低效的内存管理和解释语言,限制了它为更大的用户群扩展 python 应用程序的能力。但是 Pythons 的可伸缩性限制可以通过底层基础设施的水平和垂直伸缩等技术来克服。

随着用户群的增长,许多科技公司都在使用 Python。因此,Python 可以通过适当地使用基础设施伸缩来使其可伸缩。另一方面,Rust 被设计成高性能的。因此,您可以使用 Rust 构建可伸缩的 web 服务,而不需要太多的基础设施扩展和成本。

安全性

An image of security with its relevance to the web, servers, mobile phones wifi, etc.

Security comparison between Rust vs Python. (Image source: TechRepublic)

Rust 还旨在实现比 Python 更高的安全性。 Secure Rust Guidelines 描述了它如何专注于成为一种内存安全语言。所有的内存问题都在编译时被检测出来,防止对变量的非法访问。

此外,Rust 团队也在不断致力于修复 Rust 生态系统的安全漏洞。你可以通过他们的 Rust 安全公告邮件列表看到所有的安全补丁。

相反,Python 不是内存安全和线程安全到生锈的程度。开发人员需要管理内存并消除内存泄漏。

速度

速度直接关系到程序的内存和执行效率。由于 Rust 的内存和性能效率更高,因此 Rust 程序的执行速度高于 Python 程序。

支持(社区和文档)

与 Rust 不同,Python 有一个庞大而多样的社区和文档。Python 社区是一个大型且活跃的社区,在这里您可以为 Python 开发做出贡献,并轻松找到任何问题的答案。它有一个庞大的知识库,从这里你可以学到关于 Python 的一切。

另一方面,Rust 的社区相对较小。然而,Rust 社区正在迅速扩大,它的文档写得很好,也很全面。你可以从头学到尾。

Rust 与 Python 的对比参考表

下表总结了 Rust 和 Python 之间的直接比较。

功能 Python 生锈
易于使用/学习 简单的语法和丰富的库易于学习和使用 复杂难学。需要预先的编程知识
就业机会 更高的机会 较低的机会,但却是可以赚取较高底薪的语言之一。
错误处理 在运行时引发异常。没有修复错误的建议 编译时的错误处理以及修复错误的建议
展开性 大量的库使它具有高度的可扩展性 与 Python 相比扩展性较低
特征 没有太多明显和直观的特征 更加独特和直观的功能
碎片帐集 有空的 不是垃圾收集
内存管理 通过垃圾收集 通过类型系统和所有权模型
表演 低性能 高性能
流行 比铁锈更受欢迎 比 Python 受欢迎程度低
可量测性 比 Rust 扩展性差 高度可扩展
安全性 没有内存或线程安全 在内存和线程安全方面比 Python 更安全
速度 比铁锈还慢 最适合高速应用
支持 庞大多样的社区和全面的文档 与 Python 相比,社区更小,但是有大量的文档

Rust vs Python:应该用哪个?

Rust vs Python 的选择完全基于您将使用这两种编程语言开发什么。两种语言各有利弊。从本文可以看出,如果你想构建高效率、内存密集型、可伸缩的应用,Rust 是最合适的。

例如,它是嵌入式系统和命令行程序开发的理想编程语言。还有,说到前端开发,有更好的语言比如 React 和 Vue,比 Python 或者 Rust 更受欢迎。

然而,尽管 Python 不如 Rust 安全和高效,但由于它具有更快的开发能力和大量可用的库,您应该选择它来完成原型制作、脚本编写、数据科学、机器学习和数据分析任务。

很多公司把它用于数据分析,而不是网站开发。此外,如果你是一个对任何语言都没有概念的程序员新手,或者想更快地成为一名 web 开发人员,那么你必须选择 Python 而不是 Rust,因为它很容易学习和编写代码。

正如你所理解的,当涉及到开发 web 应用程序或电子商务网站时,你需要一个比这两种编程语言更好的解决方案。WordPress 可能是你正在寻找的解决方案。如果你正在为你的网站选择 WordPress,Kinsta 可以在很多方面帮助你。

Kinsta 提供托管服务,让你从处理托管问题的痛苦中解脱出来。此外,Kista 提供了一套免费开发套装,让你在本地机器上设计和开发 WordPress 网站。

另外, Kinsta APM 将帮助你监控你的 WordPress 站点的性能。最后,通过 Kista,你可以得到一个免费的暂存环境,在这里你只需点击一下鼠标就可以测试和部署你的 WordPress 站点。

摘要

对于许多不同的用途,Python 是最流行的编程语言。虽然 Rust 比 Python 年轻,但由于其相对于 Python 的优势,它已经变得越来越受欢迎。世界上顶尖的科技公司在很大程度上同时使用 Python 和 Rust。线程和内存安全以及零成本抽象是 Rust 的突出特点。

相比之下,Python 因其简单的语法、动态类型、大型社区支持和许多库而广受欢迎。Rust 的主要缺点是编译速度慢和对猴子补丁的支持不足。Python 的主要缺点是速度慢,对数据库连接和移动开发的支持少。虽然两种 Python 都可以用于通用编程,但只有一种完全适合你的项目...🛠 点击推文

就易用性、就业机会和应用程序开发人员薪水、可扩展性、受欢迎程度和支持而言,Python 是明显的赢家。然而,尽管 Rust 是一种新语言,但当您考虑错误处理、垃圾收集、内存管理、性能、可伸缩性、安全性和速度时,它比 Python 更好。

总的来说,Rust 是一种比 Python 好得多的语言,并且比 Python 有更好的竞争优势,成为世界上占主导地位的编程语言之一。所以它是 2022 年你应该学习的最好的编程语言之一。

在你的下一个项目中,你会选择哪种语言——Rust 还是 Python?请在评论区告诉我们。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

SaaS 营销的 7 个关键原则(包括公式、例子和工具)

原文:https://kinsta.com/blog/saas-marketing/

软件即服务创业公司已经成为新的基于云的经济的主要组成部分。据估计,SaaS 有 10,000 家私营公司,50 家上市公司,总市值超过 2,250 亿美元。

saas 10 largest companies

10 Largest SaaS Companies

这些公司有什么共同点?他们利用了通常被称为的 SaaS 营销。

但是什么是 SaaS 营销呢?你需要衡量什么才能成功,哪些渠道比其他渠道更好地销售你的 SaaS 产品?

让我们试着用这篇博文来回答这些(以及更多的问题)。准备好了吗?让我们开始吧!

什么是 SaaS 营销?

SaaS 营销是指为向新客户定位和销售基于订阅的产品而实施的一套独特的活动、战术和战略。

你可以认为 SaaS 营销是一种艺术,确保你的 SaaS 产品是相关的,能够解决你的目标客户的需求,使潜在客户想知道更多关于你的产品,尝试,并最终订阅,超过众多的竞争对手。

我们稍后会看到 SaaS 公司是如何获得客户的,但首先让我们明确一下 SaaS 营销的一个重要方面:术语。

像任何特定类别的营销,甚至与 SaaS 营销,有一些技术术语你应该更熟悉像 CAC,LTV,流失,和 NPS,以更好地理解这种类型的营销背后的概念。

SaaS 营销术语解释

有几个术语是讨论 SaaS 营销时最常用的。我们在这里编辑了一个列表,并解释了每一个。

客户获取成本(CAC)

简而言之,客户获取成本是指在任何给定的营销渠道上,你获得一个新的付费客户所花费的金额。例如,如果你在谷歌广告上花了 1000 美元,得到了 10 个付费用户,你的 CAC 就是 100 美元。

**公式:**营销渠道的所有费用/导致的付费客户数。

对于有机渠道,如内容营销、有机搜索或有机社交,准确衡量 CAC 可能会很复杂。

客户终身价值(CLV、CLTV 或 LTV)

客户终身价值基本上是一个付费客户对你的企业的平均价值。如果你只以每月 30 美元的价格出售一个订阅,并且你的客户平均持续 6 个月,你的 CLV 是 180 美元。

如果您有多个订阅价格,计算会变得稍微复杂一点。

公式:平均认购价格*平均客户寿命(认购时长)/客户数量。

CLV:CAC 比率

CLV:CAC 比率就是客户终身价值大于你的客户获取成本的比率。如果你创造一个客户的成本是 60 美元,每个客户的平均价值是 180 美元,那么你的 CLV:CAC 比率是 3。

公式: CAC / CLTV

客户流失率

客户流失率是在任何时间段内取消订阅的付费客户的百分比。例如,周流失率将与季度流失率大相径庭。

要计算你的流失率,你只需决定一段时间,并计算总用户离开的百分比。如果一个月内 10000 个客户中有 100 个离开,你的月流失率是 1%。

如果您想将客户流失率与增长率分开计算,则在计算时需要将新获得的客户从总数中排除。

公式:X 周期内离开的用户/现有用户总数 X 100

净发起人分数

网络推广者调查是一项被广泛采用的调查,许多初创公司和 SaaS 企业用它来衡量用户推广其产品的可能性。

这是一个简单的一个问题的调查,要求客户评价他们推荐你的产品的可能性。

net promoter score

Net Promoter Score (Image source: Getfeedback.com)

发起人

任何留下 9 或 10 分的顾客都被认为是推销者。像这样的用户很可能会分享关于你的产品或服务的正面信息。

诽谤者

任何留下 1-6 分的顾客都被认为是贬低者。诽谤者可能会分享你公司的负面信息。

中立的

任何选择 7 或 8 的人都被认为是中性的。这些客户对你的产品没意见,但不太可能分享关于你的服务的信息,无论是正面的还是负面的。

计算您的净推介值(NPS)

让我们看一个例子。您提示 100 名客户进行调查,所有 100 名客户都回答了调查。15 个客户,从 1-6 回答,30 个人从 7-8 回答,55 个人从 9-10 回答。

这些结果意味着你增加了 55 名推广者,减去了 15 名批评者,还有 30 名中立者,其中的不计入

55-15 = 40,这意味着 NPS,在这种情况下,是 40。

公式:%促进者–%反对者

客户入职

客户加入指的是让注册免费试用的用户开始使用你的服务并最终成为付费客户的过程。使用你的服务的人越多,试用结束时他们就越有可能成为付费客户。

付费用户越依赖你的产品,他们在可预见的未来就越有可能成为付费用户。

每月经常性收入(MRR)

每月经常性收入就是您每月付费客户总数支付的费用总额。确保您不包括该月年度/季度订阅的固定金额。你还应该确保排除任何一次性付款。

如何在 SaaS 营销中定义指标

当你在营销 SaaS 的产品时,而不是一次性销售,你是在投资每一个客户关系的未来。这就是 SaaS 营销和消费品营销的区别。

潜在收入通常意味着在计算营销投资回报率时,您使用客户终身价值,而不是首次互动的价值。这些指标有助于您制定渠道预算。

对于一个典型的电子商务商店来说,拥有跟踪每笔销售额的 T2 电子商务交易就足够了。

然后你需要做的就是在 Google Analytics 中查看活动分类,看看你的活动进展如何。

google analytics eccomerce dashboard

Google Analytics Dashboard

但是在 SaaS 做生意,有更多的困难要克服。如果你使用免费增值策略,你需要知道试用用户到付费客户的转化率。你需要知道平均客户终身价值。

然后你需要为免费试用和实际付费客户注册设置不同的转换点。

如何衡量/预测 SaaS 公司营销支出的有效性

如果你的平均客户价值是 180 美元,20%转化为付费客户,平均来说,一个新的试用用户价值 36 美元。

公式:平均客户终身价值 X * 0。转化为客户的试用用户百分比=试用用户注册的平均值。

基于这里的例子,你可以为每个试用用户投资高达 35.99 美元,以说服他们成为付费用户,并仍然盈利。因此,在这一点上,你可以为试用用户设置一个价值 36 美元的谷歌转换目标。

google analytics goal setup

Google Analytics Goals setup

这一指标将让您对一项活动是否有可能长期盈利有所了解。

但是这个理论并不总是适用,因为 CLV 和试用用户转换率会因渠道不同而不同。

衡量特定于渠道的指标

虽然掌握所有渠道的平均 CLV 和试用用户转换率很重要,但您也需要单独衡量每个渠道。

如果你使用像 Salesforce 这样的 CRM ,你可以自动标记你的客户访问的媒体或渠道。例如,您可以通过 UTM 参数来实现这一点。

您还可以创建单独的登录页面,在注册表单中隐藏字段,指示发送它们的渠道。

为什么这很重要?因为你可能最终会在那些不会将试用用户转化为付费用户的渠道上浪费数万美元。

迪安·麦克弗森是 Paperform.co 公司的联合创始人,他发现这一点很不容易。他们在运行谷歌搜索广告,将点击转化为试用用户,每条仅售 4 美元。当他们根据试用用户与付费用户的平均比率计算投资回报率时,继续下去是非常明智的。

但随后他做了一个特定渠道的回顾,看看有多少谷歌广告产生的试用用户已经转换。

答案令人震惊。SaaS 通过付费谷歌广告获得的大量试用用户最终转变了。

在这一发现之后,他们立即关闭了谷歌广告活动。

paperform turned off google adwords

Paperform turned off AdWords

这个 SaaS 的恐怖故事是一个完美的例子,说明了为什么你需要衡量每个渠道的 CLTV 和试用用户转换率。

否则,你不知道每个渠道对你的底线的真正影响。

免费试用在 SaaS 营销中的作用

你不能谈论 SaaS 营销而不触及免费增值或免费试用模式的作用。

几乎每个主要的 SaaS 公司都提供他们产品的免费试用。

salesforce free trial lp

Salesforce offers free trials

事实是,在免费服务上转换冷流量要容易得多。任何一家提供免费试用的 SaaS 公司都认为,无用注册的额外开销是值得的。或者,他们已经进行了对比测试,并且确信他们通过免费试用赚了更多的钱。

成长中的 SaaS 最好的销售工具/论据应该是产品本身。这就是免费试用如此有用的原因。

听到销售代表说:“我们的产品比选项 A 好得多,如果你做出改变,你将不再有像 XYZ 那样的问题。”使用软件和自己感受差异完全是另一回事。

但这并不意味着免费试用必须成为你走向市场策略的基础。其他成功的 SaaS 企业以折扣价进行每周/每月付费试用。Ahrefs 是网上最成功的 SEO SaaS 公司之一,提供为期一周的试用,收费 7 美元。

ahrefs 7 dollar trial lp

Ahrefs.com

因此,免费试用并不一定是你可以用 SaaS 营销策略解决并赢得的唯一商业模式。

只有通过实验和测试,才能找出最适合你的业务的方法。

SaaS 营销的顶级渠道

成功的 SaaS 营销活动的关键不是复制竞争对手的渠道/平台和社交媒体帖子。你必须培养一种衡量、思考和实验的文化。哪些渠道适合你的企业取决于你的目标市场和创始团队的技能。

下面我们列出了一系列适合新兴创业公司的渠道。我们没有关注付费收购/SEM,因为这些渠道对于早期 SaaS 公司来说通常是不可扩展的。

举个例子,在撰写本文的时候,一般的关键词“CRM”一次点击的费用高达 12.72 美元。这意味着你需要从每次访问你的登陆页面中产生超过 13 美元的价值。

google ads bids for crm keyword

Google Ads Bids on CRM keywords

对于大多数新企业来说,这是不可行的。你需要一个不可能的转换率,一个离谱的试用客户比率,以及非常高的 LTV,甚至试图扭亏为盈。大型科技公司正利用它们的巨额预算收购较小的竞争对手。

这就是为什么你需要跳出框框,瞄准那些奖励小公司创造力和原创性的平台。

有机搜索/搜索引擎优化

SEO 代表搜索引擎优化。从本质上来说,SEO 的精神是根据人们的搜索词来创造内容。你还必须为 SEO 优化你的网页和网站,以从谷歌和其他搜索引擎获得有机流量。

68%的在线体验都是从搜索开始的。截至 2019 年 8 月,谷歌在所有搜索流量上,保持着全球92.37%的市场份额。57%的 B2B 营销人员选择 SEO 作为他们最大的潜在客户创造渠道。

如果你的 SaaS 主要是 B2B ,这意味着搜索引擎优化应该优先测试。

这些是搜索引擎优化的基础:

  • 使用 SEO 工具确定你的潜在客户可能搜索的关键词
  • 在那些关键词中寻找低竞争机会。
  • 创建针对相关关键词的页面和文章。
  • 为你的目标受众和搜索引擎优化这些页面,比如谷歌和它的替代品。
  • 从高权威网站建立相关链接。
  • 分析并记录哪些对你的网站有效,哪些无效。

这样总结起来可能听起来很复杂,但是有了正确的工具,大多数 SaaS 公司会很快学会。

让我们来看一个例子,看看搜索引擎优化对 SaaS 产品来说有多强大。

成功案例:扎皮尔

通过大规模实施简单的 SEO 策略,Zapier 已经成为排名第一的集成工具。

saas marketing example: SimilarWeb report on Zapier.com

SimilarWeb report on Zapier.com

根据 SimilarWeb 的数据,zapier.com 每月的访问量超过 500 万次。这种流量的大部分来自有机搜索引擎优化。

SimilarWeb Search report on Zapier.com

SimilarWeb Search report on Zapier.com

超过 56%来自搜索,超过 10%来自品牌查询。即使我们去除了品牌搜索和付费流量,Zapier 每个月都会从 organic search 获得大量访问量。

让我们用另一个我们喜欢的工具来看看 Zapier.com,在 Kinsta,Ahrefs:

Ahrefs report on Zapier.com

Ahrefs report on Zapier.com

尽管由于不同的工具使用不同的方法来跟踪和预测这些指标,访问量并不匹配,但你仍然可以看到有机流量在过去几年中是如何增长的,每月访问量高达 100 多万次。

为什么他们的策略如此强大?因为很直白!

Zapier 的营销团队的目标是与 Zapier 整合相关的关键词。比如“Slack Trello 集成”。

zapier seo strategy serps

Google SERPs for “slack trello integration”

一个接一个,关键词是相对低的量,但当你针对成千上万个不同的,它加起来就很多了。

他们还创建了针对“SaaS 工具”+“整合”搜索词的独特登录页面。

zapier landing page

One of the many Zapier LPs

搜索引擎优化基础:关键词研究

任何好的 SEO 策略的基础都是关键词研究。关键词研究是指你找出人们在搜索与你的业务相关的内容时使用了哪些特定的词。

虽然不理想,但作为开始,你可以用免费工具做基本的关键词研究,比如谷歌广告关键词规划工具。例如,如果您搜索“数据可视化”,它将显示相关关键字的列表。

google keyword planner

Google Keyword Planner

它还包括可以为您指明正确方向的指标。搜索量显示每个月有多少人搜索这个词。竞争表明还有多少人在谷歌上做广告。最后,首页竞价排名显示了一家公司愿意为这个关键词支付多少钱。

高度竞争和首页出价通常是高商业意图的指标。商业意图意味着搜索者有购买解决方案的意图。

因此,理想情况下,你希望目标关键字具有体面的数量和高感知商业价值。但是你没有办法知道这些关键字中的哪些在谷歌中是可行的。

关键字规划器中的竞争指标只显示有多少公司在为每个关键字竞价。为了获得更多与 SEO 相关的见解,您需要使用更高级的关键字研究工具。

要了解更多关于关键词研究和高级关键词研究工具如 SEMRush、Ahrefs 等,请阅读我们的关键词研究指南

搜索引擎优化基础:页面搜索引擎优化

为用户提供最高质量的搜索结果符合谷歌的最大利益。这样,他们就能确保用户在搜索某样东西时会回到谷歌。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

因此,谷歌试图从安全、组织有序、快速加载的网站提供高质量的新鲜内容。这就是页面内 SEO 的精髓。

谷歌有一个工具可以帮你:谷歌搜索控制台

检查覆盖网站地图中的错误。

google search console

Google Search Console

这涵盖了确保你的页面上没有明显的 SEO 错误的绝对基础。

同样,第三方工具在这里非常有用。但是,如果我们试图涵盖页面搜索引擎优化的所有基础知识,它将成为一个独立的帖子。

幸运的是,我们已经介绍了 WordPress SEO 的 45 步清单,它帮助我们的有机流量增长了 517%。

内容营销

平均而言,客户在转化前会接触 11.4 条内容。70%的顾客更喜欢通过文章而不是广告来了解一家公司。

内容营销是一种专注于通过各种渠道创造和分发高质量内容的方法。在金斯塔,我们是它的忠实粉丝,我们从早期就开始实施它。

当你制定一个包含多种形式的策略时,内容营销最有效:

  • 博客帖子。
  • 白皮书。
  • 报告。
  • 信息图表。
  • 视频

通过为你的目标受众建立一个可靠的资源,你可以建立一个追随者。每一个内容都是与潜在客户建立关系的开始。

要在内容营销方面取得成功,你需要一个分发内容的策略,以及一个你的目标受众会认同的声音。请务必查看我们的内容营销深度指南

我们的方法

saas marketing example: kinsta blog

The Kinsta blog

这篇文章和我们自己的 Kinsta 博客是 SaaS 公司投资内容营销的一个例子。我们专注于提供对目标市场直接有用的高质量内容。

作为最重要的获取渠道,我们非常依赖 SEO,每篇新文章的写作过程总是从关键词研究开始。

在推广方面,我们专注于建立我们的电子邮件列表,向其发送我们的每周简讯,以及社交媒体账户来分发我们的内容。

内容营销策略

content strategy moz

Difference between content strategy and content marketing

很多人把内容战略和内容营销混为一谈。正如 Moz 的解释:

内容战略关注的是愿景,即如何以及为什么创建、管理您的内容,并最终存档或更新

内容营销侧重于策略和执行,即专门为营销目的而创建的内容的实际创建、管理和编辑。

总体战略将包括目标受众、分销、定位、基调等。

举个例子,我们假设你的目标受众是 45 岁左右的高级开发人员。你可以考虑像 Stack Overflow、专注于开发的利基脸书团体和 SEO 这样的分销渠道。你可以将自己定位为“同行专家”,解决他们感兴趣的复杂话题,并使用行话和开发人员迷因。

如果你的目标是 20 多岁的初级销售人员或全职妈妈,这一切都将改变。

内容营销策略

接下来是你应该制作哪些内容的具体策略。大多数营销人员主要处理博客、视觉内容(信息图表等)。),还有视频。

commonly used types of content

Commonly used types of content (Image source: Social Media Examiner)

你应该为你的企业选择哪种媒体取决于你的目标受众,以及你可用的人才/预算。

即使高质量的解说视频是你的理想客户的偏好,它也可能不在你的预算之内。

其他战术决策包括在哪里和如何推广你的内容,以及如何细分和多样化。

电子邮件营销

与已经对你的产品感兴趣的人交流和建立关系比转化陌生人更便宜。这就是为什么电子邮件营销可以记录每花费 1 美元的投资回报率高达 42 美元。这在任何形式的有偿收购中都是闻所未闻的。

因此,59%的 B2B 营销人员选择电子邮件营销作为他们最有效的渠道。

电子邮件营销的本质是:

电子邮件的伟大之处在于,它是最有效的销售线索生成渠道,但它并不太复杂,也不太难上手。

你可以使用一个简单的方法,如每周简讯或自动电子邮件宣传活动,将销售线索转化为客户。

一旦你建立了一个受众群,你就可以利用营销自动化工具来细分你的名单,并自动发送个性化的电子邮件。

这并不复杂:时事通讯仍然有效

saas marketing example: kinsta newsletter lead capture page

Landing page of the Kinsta Newsletter

电子邮件营销与其他营销渠道有很大的协同作用。它有助于你与那些从谷歌或社交媒体上访问你网站的人保持联系,这些人并不准备购买。但不要认为你必须就一个话题写一个 20 篇的电子邮件系列。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

时事通讯仍然有效。

通过预先提供真正的价值,随着时间的推移,我们与博客读者建立了关系。每个订阅者都会得到我们关于如何加速他们的 WordPress 网站的详细电子书。

因为他们对 WordPress 技巧和加速他们的网站感兴趣,我们已经知道他们在我们的目标市场。通过订阅,他们自称是 WordPress 网站的所有者,关心网站的表现。

因此,我们尊重每一位潜在客户,并努力首先提供价值,而不是用自动销售电子邮件轰炸他们。

如果你想进一步证明时事通讯仍然有效,看看 Hustle 吧,这是一个专注于技术的电子邮件时事通讯,最近突破了 100 万订户。

自动回复器

自动回复器或自动化工具是基于云的 SaaS 应用程序,可帮助您自动向客户和潜在客户发送电子邮件。想象一下,如果每次有人订阅你的时事通讯,你必须手动发送他们的欢迎电子书。

这将会消耗掉每年数百小时的工作时间。这可不是对你时间的有效利用。

这就是自动回复器的用武之地。

例如,每当有人注册我们的时事通讯时,表单会自动将数据发送到自动回复器。几秒钟后,他们会收到这样一封欢迎邮件。

kinsta newsletter autoresponder message

Kinsta Autoresponder Message

您可以使用自动回复器发送自动电子邮件,以响应您网站上不同的用户行为。

也许最重要的是自动跟踪那些在结账过程中中途离开的人。

如果你想学习如何掌握自动回复功能,请阅读我们关于如何使用 Mailchimp 的指南。如果你不喜欢 mailchimp,点击这里查看它在 T2 的替代品。

电子邮件列表分段

如果您使用电子邮件列表分段,您的自动电子邮件将是个性化和相关的。这样,你的潜在客户就能在那一刻看到对他们重要的信息。这种方法会让你的打开率比群发邮件高出 26%。

您可以轻松地为上周访问过您的博客的订阅者或注册免费试用的订阅者创建单独的列表。您可以进一步为不同类别的付费用户创建特定的列表,将他们排除在所有与其无关的促销邮件之外。

email flow template

Email Segmentation Example

上面是一个例子,展示了这样一个流程在纸上的样子。

社交媒体

通过有机贴子和付费广告的各种方式,许多 SaaS 公司看到了社交媒体平台营销的成功。

借助社交媒体营销,您可以使用有机发布和付费广告的组合,在以下社交媒体平台之一上建立追随者:

世界上有超过 34.8 亿社交媒体用户。这使得社交媒体成为最具扩展性的渠道之一。

此外,入门没有固有的平台成本。你现在就可以零美元投资建立一个商业 Instagram 页面。

这使得社交媒体营销成为新 SaaS 公司首先尝试的事情之一。

但是成功需要时间、努力和投资。

squarespace instagram

Squarespace Instagram account

SaaS 网站建设商 Squarespace 在 Instagram 上拥有超过 201,000 名粉丝(延伸阅读: Squarespace vs WordPress )。

他们通过广告、影响者营销和不间断的高质量产出的组合,成功实现了这一目标。

在他们最近的活动中,他们与摄影师合作,在展示摄影师的网站之前,展示了一些美丽的照片。当然是用 Squarespace 做的网站。

squarespace instagram campaign

Squarespace Instagram Campaign

仅仅发布你的想法并希望吸引观众是不够的。

向成功的竞争对手学习

谈到社交媒体营销,最大的“欺骗代码”是深入了解成功的竞争对手在做什么。

如果你已经意识到了这些直接的竞争对手,那么你很幸运。只要进入他们的社交媒体页面,分析内容。

尝试回答以下问题:

  • 哪些职位类型的聘用最多?
  • 哪种语调似乎最能引起共鸣?
  • 他们如何定位自己?

由于社交媒体策略通常作为更广泛的内容营销策略的一部分,理应有自己的帖子,我们在这里不打算详细讨论。

但是如果你想深入了解 SMM 的具体情况,你可以参考 Hubspot 网站的指南。

影响者营销(关注微影响者)

要在社交媒体上被看到,仅仅创建一个页面和发布一些图片是不够的。仅 2016 年一年,公司页面的有机接触量就下降了 52%,此后一直稳步下降。

你需要接触到观众。这就是影响者营销发挥作用的地方。

影响者营销是一个概念,你接触影响者,并争取他们来推广你的产品。通常,公司会开展影响者活动,在这些活动中,他们会识别相关的影响者,并向他们支付费用,让他们展示特定的产品。

单次投放的成本取决于他们的追随者数量,以及他们的观众参与度。赛琳娜·戈麦斯在 Instagram 上发一条帖子就能让你损失数百万美元。

对于大多数崭露头角的 SaaS 公司来说,这不是一个可行的策略。大影响者的受众太广了,所以你最终会为一大堆不感兴趣的眼球买单。

在预算紧张的情况下,微影响者是最有效的方法。微影响者活动的参与率比传统活动高出 60%

所以,忘记岩石,克里斯蒂亚诺·罗纳多斯,和世界上的阿丽亚娜·格兰德。关注小的博客作者,运行本地开发小组或聚会的开发者等。

wix andy j pizza micro influencer sponsor

Micro influencer brand impact

这里有一个简单的例子:Wix 赞助了 Andy J. Pizza,这是一个在 Twitch 上拥有 13.8 万粉丝的播客(以下是 T2 如何使用 WordPress 开始播客的方法)。仅仅是因为听众对主机的认同如此强烈,他们中的一些人最终选择了 Wix

这些是较小的影响者可以与他们的观众建立的纽带。

为了找到你的影响者,你可以使用平台的搜索功能尽力搜索,或者使用第三方工具。一个你可以免费使用的影响者工具是 Buzzsumo 的 Twitter 影响者搜索。

buzzsumo twitter influencer search

BuzzSumo Twitter Search

假设你的主要目标是开展一场 Instagram 活动。只需选择“拥有 Instagram 个人资料”,在搜索中添加一个过滤器
该功能仅过滤活跃在 Instagram 上的 Twitter 用户:

influencer activity filter buzzsumo

Buzzsumo Activity Filter

当你搜索时,使用与你的目标市场相关的短语。不需要是精确匹配的关键词,可以是相关概念,甚至可以是产品。

例如,如果你的 SaaS 是一个集成了谷歌分析的数据可视化插件,你可以搜索短语“谷歌分析”。

buzzsumo twitter influencer search sort by reply ratio

Buzzsumo Twitter Influencers sorted by Reply Ratio

一旦你有了结果,你会想按“回复率”对它们进行分类,看看谁更有可能回复你的外展邮件或 DM。

受欢迎的影响者营销工具

下面是一个流行的影响者营销工具列表,你可以用它来发现影响者并衡量他们的有效性。

瞄准大众市场之前先细分市场

作为一家技术公司,你最感兴趣的可能是细分市场,让你的产品服务于特定的垂直市场。凭借专业化的服务,您可以将您的产品从 SaaS 的横向竞争对手中脱颖而出,并获得营销和销售优势。

而不是劣势,可以更容易在某个行业立足,通过代言和口碑成长。

一旦你在一个小市场站稳了脚跟,你就可以利用信誉和现金流来推动针对更大市场的营销努力。

你可以阅读杰弗里·摩尔的《跨越鸿沟》一书来进一步探索这种方法。

Kinsta 作为一家公司,通过专注于由管理的 WordPress 主机的“狭窄利基”而得以茁壮成长。这一成功帮助我们走到了今天,能够提供应用托管数据库托管

Salesforce 现在是世界上最顶尖的 CRM,最初把所有的精力都放在销售人员身上。如果你成为小池塘里的大鱼,你的公司也可能面临更好的机会。

始终跟踪转化率并衡量投资回报率

如果你不知道什么可行,什么不可行,就不会有任何成功的企业。SaaS 公司也不例外。

这就是为什么你应该从一开始就设置转换跟踪,看看哪些通道表现更好。如果你不知道,也许是因为你刚刚开始,用你可用的预算和资源判断哪些渠道是目标,然后从那里开始。

确保像 SEO 或内容营销这样的长期有机策略比微影响者营销或付费收购获得更长的时间框架。

只要你跟踪每个渠道所需的成本和产生的收入,你就可以计算出你的投资回报率。谷歌分析的默认收购报告可以帮助你掌握早期结果。

google analytics acquisition channel report

Google Analytics Channel Breakdown

如果你正在开展任何微影响者活动,你也可以通过创建定制登陆页面或使用 UTM 参数来衡量结果。

虽然 CAC 是 SaaS 的主要指标,但有机收购渠道让事情变得更加复杂。对于内容营销,你需要考虑作家和设计师的工资,营销经理花在策略上的时间,以及其他间接成本。

如果你专注于 SEO,你也必须考虑到每篇文章的终身价值可能会远远超过前几个月产生的客户。

成长和转化提供了一个现成的电子表格模型来帮助您计算这一点。

content marketing cac sheet

Model to calculate CAC from Content Marketing

如果您掌握了所有需要的数据,并且可以计算每个通道的 CAC,您将知道应该关注哪里。

If CAC, LTV, ROI, Churn Rate, free trials, conversions are meaningless words to you, you're not alone. Check out this guide on SaaS marketing and learn why they're crucial for any SaaS product👨🏻‍💼🤑Click to Tweet

摘要

本指南远非详尽无遗,因为 SaaS 的世界相当复杂。不过,它的作用是帮助你迈出理解基础的第一步,强调找到正确的收购渠道的重要性,以及要衡量哪些关键指标。

你不需要 Salesforce 的预算来启动你的 SaaS 的增长(而 Kinsta 就是这个的活生生的例子)。你需要有正确的产品,找到正确的渠道,和正确的信息(你的市场定位)。

总的来说,SaaS 营销与传统营销没有什么不同。这意味着,如果你已经为你的 SaaS 产品找到了一个切实的需求/痛点,你已经有了一个好的开始。为什么?因为营销一个不能解决任何“真正”问题的产品是最难实现的。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

我们用 40 多种 SaaS 产品来发展我们的虚拟主机公司

原文:https://kinsta.com/blog/saas-products/

二十年前,如果你提到首字母缩略词 SaaS ,99%的企业主会茫然地盯着天空。

如今,不使用市场上众多 SaaS 产品中的至少一种,几乎不可能经营一家企业。

2019 年,拥有 0-50 名员工的公司平均使用 40 种 SaaS 产品。这几乎和 SaaS 的员工人数一样多。

Average number of SaaS products per company

Average number of SaaS products per company

这不是一件坏事。如果你坚持只使用少数几种,你的公司可能没有充分发挥效率。

在本帖中,我们仔细看看什么是 SaaS,以及它如何帮助你的业务。我们还将深入研究我们用来发展自己公司的 40 多种 SaaS 产品。

准备好开始了吗?让我们摇滚吧!

T3】Get a sneak peek of all SaaS tools Kinsta uses to generate leads, analyze data, collaborate, and ultimately grow its hosting company! 📊🔧Click to Tweet

SaaS 定义:什么是 SaaS?

缩写 SaaS 代表软件即服务。这是一种软件分发方式,通常包括为产品、工具或服务支付订阅模式

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

(建议阅读:确保阅读我们关于 SaaS 营销的深度指南)。

在大多数情况下,SaaS 的产品现在被托管在云中,可以通过你的网络浏览器或移动设备从任何地方访问。

过去,软件公司依靠授权模式来销售他们的数字产品并赚钱。

许可软件产品和 SaaS 的区别在于,您可以在自己的计算机或服务器上安装和运行传统软件。对于 SaaS,公司通常会为您托管和管理软件解决方案。

因此,你不仅仅是购买代码,而是为托管、更新和维护软件、服务器和数据库的服务付费。

what is saas graphic

SaaS Diagram (Image source: atlantic.net)

SaaS vs PaaS vs IaaS

你可能对 SaaS 工业中所有不同的缩写代表什么感到困惑。

在本节中,我们将快速介绍 SaaS、PaaS 和 IaaS 之间的区别。

软件即服务(SaaS)

正如我们上面提到的,SaaS 代表软件即服务。它通常是一个托管软件解决方案,帮助企业或个人提高他们的生产力

SaaS 有哪些例子?

SaaS 产品通常是帮助企业或个人解决特定问题的软件解决方案。 Salesforce 帮助公司跟踪客户和潜在客户,并更好地了解他们。

Dropbox 帮助企业和个人在云端安全保存文件并分享。

更多例子 : BigCommerceGoogle Workspace ,HubSpot,微软 Office 365, ShopifyWooCommerce ,Slack,Zendesk, Zoom

平台即服务(PaaS)

PaaS 是平台即服务的简称。PaaS 解决方案侧重于为他们的服务提供一个开发平台,而不是直接解决业务问题的软件。这些工具帮助企业实例化、测试和部署其软件的原始代码和分支。

例子: AWS 弹性豆茎,Heroku,OpenShift,Magento 商业云。

基础设施即服务(IaaS)

基础设施即服务或 IaaS 几乎等同于云计算平台。这些解决方案允许企业部署、托管和扩展基于 web 的应用程序。虚拟机几乎可以无限扩展服务器容量。

定价模式通常是现收现付,而不是固定的月费。

举例: 亚马逊网络服务(AWS)谷歌云微软 AzureRackspace

B2B vs B2C SaaS 产品

这些云服务之间的最后一个区别是它们的目标受众。B2B 和 B2C 产品的功能、设计甚至定价模式都有很大不同。

什么是 B2B SaaS 产品?

B2B 或企业对企业 SaaS 产品是托管软件解决方案,旨在解决业务问题。

想想软件解决方案,如 CRM电子商务平台分析等等。

什么是 B2C SaaS 产品?

B2C 或企业对消费者 SaaS 产品是基于云的软件解决方案,旨在解决个人问题。

想想在线编辑,文件共享,网站建设者,流媒体服务,甚至社交媒体网络。

要深入了解不同之处,请务必阅读我们的 B2B 与 B2C 营销指南

横向 SaaS 与纵向 Saas

SaaS 应用程序不仅仅根据它们的目标市场是消费者还是企业来分类。

也有基于公司如何设计他们的产品和他们服务于什么需求的分类。

水平 SaaS

水平 SaaS 模型包括服务于各种公司业务需求的 SaaS 解决方案。

它们不是专注于解决某个特定行业的特定业务问题,而是提供更广泛的工具,为跨行业和跨国公司服务。

在 SaaS 市场取得成功的供应商通常是更成熟的公司。在多个行业和垂直领域站稳脚跟几乎是必须的。

示例:

  • Salesforce 提供适用于几乎任何行业的 CRM 和工作流自动化工具。
  • QuickBooks 主要向在线专业人士提供会计、簿记和发票工具,但并不仅限于此。我们在金斯塔也使用他们的服务(更多信息请见下文)。

大多数成功的横向 SaaS 供应商已经“跨越了鸿沟”,并设法赢得了大部分的大众市场。

垂直 SaaS

垂直 SaaS 指的是专门为特定行业需求设计的软件解决方案。

与公司需要集成和定制的通用解决方案不同,用户只需很少的前期工作就可以即插即用。这是可能的,因为该软件不需要对大众市场的使用足够通用。

示例:

  • Opentable 是为餐厅量身定制的订桌系统。
  • 凯德维亚是专为财产保险公司设计的保险平台。

一些 SaaS 公司从提供垂直解决方案开始,并在稍后阶段扩展到水平解决方案,或者通过交叉销售和追加销售推出新的相关产品/服务。

现在你对 SaaS 的产品有了更多的了解,你想知道我们用哪些产品来壮大我们的公司吗?

他们在这里…

40 多种我们喜爱的 SaaS 产品

如果你是一个全新的创业公司,我们不建议你立即订阅下面的所有工具。我们只是在强调帮助我们作为一个公司更加有效的 SaaS 产品。

许多企业家已经取得了巨大的成功,他们白手起家创办了自己的公司,并随着收入的增长增加了额外的工具。

这就是我们在金斯塔所做的。像这样的工具和服务可以很快增加,所以做你的研究,聪明点,确定你可能首先需要哪些来帮助你更快地完成你的优先目标。

接受付款

这些是我们用来接受和处理在线支付的 SaaS 产品。

1.种类

大多数公司必须决定的第一件事是他们将使用什么支付处理器来接受客户的支付。有很多可供选择,如 PayPal、 Stripe、Braintree 等。

SaaS products: Stripe

Stripe

在 Kinsta,我们决定使用 Stripe ,因为它对开发人员非常友好,信用卡处理交易费用低,并且易于集成到我们的后端仪表板中。

那些已经关注我们一段时间的人知道,我们的 Stripe 关系在 2014 年有一个艰难的开始。但所有公司都会在某个时候犯错误,Stripe 尽其所能来解决我们遇到的情况。

快进两年,我们可以说我们仍然热爱条纹!我们认为这是自 PayPal 以来在线支付领域发生的最好的事情,并且很乐意称他们为商业伙伴。要点是客户支持比以往任何时候都更重要!

推荐继续阅读:如何利用条纹雷达预防和减少 98%的信用卡诈骗

2.贝宝

PayPal

PayPal

PayPal 是另一个为企业和个人处理、发送和接受在线支付的领先工具。

您可以转账、创建和发送发票、创建定期付款订阅等。

在 Kinsta,我们主要使用 Paypal 处理关联支付,而不是处理经常性的客户付款或发票。

建议阅读: PayPal vs Stripe,你应该用哪个支付网关

跟踪收入

除了 Stripe 的内部工具,这些是我们用来保持收入的 SaaS 产品。

3.公平度量

Baremetrics 就像它的品牌名称所说的那样:一切都与指标有关!它为支付处理商提供分析和见解,如 Braintree 、Stripe 和 Recurly。

当谈到选择一些 SaaS 产品为您的业务,这是一个必须具备的。

SaaS products: baremetrics

Baremetrics

为什么需要 Baremetrics?它简化了了解企业收入流的过程,并帮助您做出数据驱动的决策。

你可以立即看到有趣的信息,如每月经常性收入、每用户平均收入、退款、升级、终身客户价值、用户流失,可能还有两个最重要的信息:你的净收入和收入增长率。

你可以自己在电子表格中计算所有这些信息,但是接下来,你应该立即权衡这样做的时间成本。

查看它的仪表盘演示(见下图)。我们喜欢在 Kinsta 使用 Baremetrics,以及条带集成。它让我们对我们的业务表现有一个即时的了解。

Baremetrics dashboard analytics

Baremetrics dashboard analytics

客户支持

这些是我们在 Kinsta 用来处理客户请求和询问的工具。

4.对讲机

Intercom 是一个客户平台,包含一套用于实时聊天、营销、反馈和支持的产品。记住,支持是任何成功公司的关键。所以,如果你想要我们的建议,确保你有一个完善的支持系统,无论是聊天,门票等。

SaaS products: intercom

Intercom

从金斯塔的第一天起,我们就开始使用对讲机,而且效果很好。我们为来自团队成员的支持感到自豪,他们是专业的开发人员,每天与 WordPress 一起工作,为 WordPress Core 和其他开源项目做出贡献。

因此,我们支持部门的专业知识是首屈一指的。最糟糕的事情莫过于发起一个聊天会话,感觉自己比电话那头的人知道得更多。这在金斯塔永远不会发生!

Intercom 为我们提供了一种简单的方法,将聊天和支持票证(见下文)集成到我们的控制面板中,因此客户知道我们随时随地都是一键操作。我们 2019 年中位支持票响应时间1 分 27 秒

intercom chat

Intercom chat

这是我们最喜欢的 SaaS 产品之一。

协作和内部沟通

我们使用一系列 SaaS 产品来帮助改善我们的协作和内部沟通。

5.松弛的

你现在可能已经听说过 Slack 了!如果没有,你应该立即尝试一下。

Slack 是一款面向团队的消息应用程序,旨在让您与同事之间的交流变得快速而简单,无论他们在什么平台上。

SaaS products: slack

slack

Kinsta 团队的每个成员每天都在使用 Slack,或者可能每小时都在使用。它可以帮助我们做任何事情,从谈论行业新闻,在团队项目上合作,当然,还可以分享偶尔的照片。

Giphy preview in Slack

Giphy preview in Slack

我们使用付费版本,但是如果几个限制不打扰你的话,免费版本也很好。Slack 对于任何刚起步的公司都是极好的,尤其是对于远程团队

Kinsta 的团队分布在多个大洲,因此我们依赖 Slack 进行跨时区和跨平台的通信。说到 SaaS 产品,这是一个必须具备的。

请务必查看我们的指南如何有效利用 Slack】。

显然,有一些真正伟大的松弛替代品。我们在这个详细帖里一起收集了。

6.特雷罗

Trello 是一个在线协作工具,它可以让你轻松地创建公告板、列表和卡片来组织你的项目。世界各地的企业都在使用 Trello,其中包括 Adobe、Pixar、Google、PayPal 和国家地理。

trello

Trello

我们爱金斯塔的特雷罗!

Trello 允许我们轻松地创建任务,并跟踪谁在做什么。甚至对于我们的博客和集客营销活动,我们也有一个 Trello 板来跟踪新的话题、想法和设定截止日期。

共享板就像一次点击一样简单。我们使用免费计划,这使它成为创业公司的另一个必备工具!

顺便说一句,Asana 是另一个值得一看的伟大的项目管理工具。为了比较这些特点,请务必查看我们详细的 Trello vs Asana 指南或关于最佳 Trello 选择的比较。

7.谷歌工作空间(电子邮件+协作工具)

在 2022 年,没有人喜欢收到电子邮件,似乎每个人都在不断努力,但都没有达到收件箱零目标(是吗?🤔).

但是每个公司都需要一种通过电子邮件交流的方式。说到邮件托管,有很多选项可以选择,比如 Zoho、Office 365、Rack Space、 Google Workspace

SaaS products: Google Workspace

Google Workspace

谷歌云平台为 Kinsta 的应用托管数据库托管、以及托管 WordPress 托管提供动力,所以很明显,我们是其基础设施和应用的忠实粉丝。

我们使用 Google Workspace 进行电子邮件托管,这允许每位员工拥有一个专业且唯一的@kinsta.com 电子邮件地址,并通过 Gmail 或他们最喜欢的电子邮件客户端访问它。

说到 Gmail(及其插件和扩展功能),你几乎不会出错。根据电子邮件市场份额,截至 2019 年 12 月,根据打开次数,Gmail 占电子邮件客户端使用量的 25%。

基本的 Google Workspace 计划,也就是我们在 Kinsta 使用的计划,定价合理,每个用户每月 6 美元。它还为每个人提供了 30 GB 的 Google drive 在线存储空间和访问 Google Docs 的权限,这是我们在 Kinsta 经常使用的。

关于我们如何以及为什么使用它的更多提示,请查看我们的详细指南:Google Workspace 对您业务的益处

8.Dropbox

全球有 5 亿人和超过 20 万家企业经常使用 Dropbox 在旅途中访问和共享文档和文件。

Dropbox

Dropbox

我们在 Kinsta 使用 Dropbox 来共享大文件,并使远程团队成员能够从任何地方更容易地访问它们,无论他们在什么平台上工作。

9. Zeplin

Zeplin

Zeplin

Zeplin 是一个专门为 T2 开发者和设计师设计的协作工具。它使创建、协作和共享包含资产、规格和代码片段的设计和风格指南变得容易。

我们的开发团队使用它们来确保每个人都遵循相同的标准,并在复杂的项目中保持一致。

10.一款云视频会议软件

zoom

Zoom

Zoom 是下一代视频会议工具。它适用于所有设备,从智能手机到平板电脑再到台式机。

在 Kinsta,我们使用 Zoom 来实现全球各个角落的团队成员之间的紧密协作。此外,我们还每月举办一次 ama,让团队成员分享更多关于他们在公司中的角色和个人爱好的细节。

11.Atlassian: Jira +融合

SaaS products: atlassian

Jira

对于软件开发、部署和文档,我们使用 Atlassian 的吉拉软件Confluence 的组合。

这有助于我们的团队维持现代高效的工作流程,并从长远来看最大限度地减少错误。最重要的是,我们有一个内部资源,其中记录了所有程序,因此新员工可以在入职后方便地浏览。

12.充气台

airtable

Airtable

Airtable 是一款独特的任务管理工具,让您的团队能够以自己喜欢的方式组织工作。

我们的团队大多使用 Airtable 进行协作,管理与客户关系相关的项目和任务,并作为一个非常高级的电子表格进行线索生成和培育,这可能会多次调用数据库。

营销和销售

下面,我们将介绍一套用于改进营销和销售流程的工具。

13.提到

在社交媒体上持续关注你的品牌是一个永无止境的过程,有时会让人不知所措,耗费时间。提及扫描超过 40 种语言的数十亿个来源,因此你不会错过任何人对你品牌的评论。

Mention

Mention

我们使用“提及”来跟踪金斯塔在网络上的社交提及。他们的一个很大的特点是与 Slack 的集成。

它允许我们在私人 Slack 频道中快速查看推文和提及,以及影响者分数。

这样,我们再也不用浪费时间登录到一个单独的仪表板或接收另一封电子邮件。

14.关闭

Close 是销售人员为销售人员打造的 SaaS 产品。

没有人喜欢手工输入,Close 试图尽可能自动化。从电话、电子邮件和活动中,您可以花更多时间完成交易,而不是输入数据。

Close

Close

我们在 Kinsta 的销售团队使用 Close 进行销售线索管理,并使用强大的 Zapier 集成来进一步实现自动化。当然,其中一些自动化包括松散集成。

15.猎手

hunter

Hunter

Hunter寻找潜在客户电子邮件地址的最可靠解决方案,无需每次都手动打电话询问。有了 Hunter.io,电子邮件外联成为一种更有价值、更高效的销售工具。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

我们的销售团队使用它来帮助他们联系潜在的销售线索,并开始销售过程。

16.Mailchimp

超过 2000 万的企业和个人使用 Mailchimp 发送电子邮件和时事通讯。

就像他们说的,“钱在单子里。”建立和维护一个高质量的电子邮件列表是一个公司创造更多销售并让现有客户了解信息的绝佳方式。

MailChimp 让这一过程变得简单而愚蠢,多年来一直在完善其软件。

Mailchimp

Mailchimp

我们在 Kinsta 使用 MailChimp,我们有付费计划,但也有免费计划,允许最多 2000 名订户。

我们正在创造大量内容,MailChimp 是让我们每周与订户分享这些内容的好方法。确保订阅我们的时事通讯

总而言之,MailChimp 的免费计划是一个很好的解决方案,可以让你在开始建立电子邮件列表的时候就开始工作。

17.缓冲器

Buffer

Buffer

Buffer 是一个集成的一体化解决方案,用于管理和推动多个社交媒体账户的更多参与。

我们用它来帮助在推特、T2、脸书和更多渠道建立我们的品牌。它帮助我们自动化日常任务,并让我们进一步了解哪些内容在社交渠道上效果最好。

搜索引擎优化和内容营销

在构建我们的平台时,内容营销和 SEO 是我们在 Kinsta 的主要关注点。因此,我们使用大量 SaaS 工具来帮助改进我们的流程,并帮助对我们的内容进行排名。

18.精确器

如果你在你的网站上做任何集客营销或者 SEO,你必须记录你的关键词排名。2022 年,搜索引擎优化仍然生机勃勃,关键词仍然必不可少。

尽管事情已经将焦点更多地转移到了“主题”写作上,但关键字将永远存在,因为谷歌的算法毕竟是一种计算机算法。

AccuRanker

AccuRanker

我们在 Kinsta 使用 AccuRanker 来跟踪我们关注排名的关键关键词。它告诉我们是否需要给一篇文章多一点爱。

AccuRanker 允许我们跟踪一篇博客文章周围的关键词,添加我们优化的内容的注释,然后稍后返回来查看我们的排名如何受到这些变化的影响。

19.塞姆拉什

SEMrush 是一款面向数字营销专业人士的一体化竞争数据和分析工具。关键词研究首先是至关重要的,如果你正在为你的公司做集客营销,以及了解你的竞争对手的立场。

semrush

SEMrush

我们在 Kinsta 使用 SEMrush 来研究新的博客帖子想法,并战略性地为我们的集客营销做出数据驱动的决策。这个工具让我们可以快速看到诸如关键词或主题的搜索量以及该关键词的竞争力。

说到关键词研究,永远不要假设人们在搜索它。总是测试它,看看是否值得在它上面投入时间和资源。

semrush keyword research

SEMRush keyword research

20.BuzzSumo

BuzzSumo 是内容营销研究的绝佳工具。它可以帮助您识别趋势,并找到有价值的影响者来招募到您的品牌中。

凭借独特的内容洞察力,您可以快速为您的内容策略产生新的想法。

buzzsumo

BuzzSumo

在 Kinsta,我们使用 BuzzSumo 来确保我们在内容营销方面的努力是正确的。

我们不再盲目依赖关键词和搜索数据,而是用它来发现我们可以利用博客帖子和文章的趋势。

他们的网络内容研究工具非常适合我们的内容策略。

buzzsumo web content trends

BuzzSumo web content research

它有助于我们在行业中保持领先地位,而不用整天担心内容。

21.市场缪斯

MarketMuse 是一个基于人工智能的内容规划和优化解决方案。它分析谷歌上搜索术语和关键词的热门内容。

通过这种深入的分析,它可以突出你应该在你的内容中涵盖的基本主题、关键词和问题。

MarketMuse

MarketMuse

在 Kinsta,我们使用 MarketMuse 来确保我们在撰写帖子时涵盖所有相关主题和问题。

我们的强项是长篇内容,所以这对我们来说是天作之合。它帮助我们在搜索引擎优化和内容方面打点一切。

22.Ahrefs

SaaS products: ahrefs

Ahrefs

Ahrefs 是一个一体化的搜索引擎优化解决方案,可以帮助你进行大量的活动,如关键词研究、竞争对手研究、SERP 和关键词监控等等。

我们使用它来帮助我们识别高价值、低竞争的关键词,以我们的博客和其他页面的内容为目标。Ahrefs 在增加我们的有机流量和使内容营销成为我们获取客户的最佳渠道之一方面发挥了关键作用。

23.克劳丁

crowdin

Crowdin

Crowdin 是一个本地化管理工具,帮助分布式公司管理他们的多语言内容

我们使用 Crowdin 来确保我们使用客户的语言,无论他们身在何处。这有助于我们为全球客户提供更好的体验。

24.Quuu 提升

SaaS products: Quuu Promote

Quuu Promote

Quuu Promote 是一个社交媒体推广解决方案,帮助你获得分享,并通过每篇新帖子接触到新的受众。它让你在脸书、推特和 LinkedIn 上接触到真实的人。

厌倦了 WordPress 的问题和缓慢的主机?我们提供世界一流的支持,由 WordPress 专家提供 24/7 服务和超快的服务器。查看我们的计划

在 Kinsta,我们将 Quuu Promote 作为社交媒体营销策略的一部分。这有助于我们通过每篇帖子接触到更多的受众,并在新的领域建立我们的品牌。

分析网络流量

在 Kinsta,我们相信在我们所做的一切中采用数据驱动的方法。这就是为什么我们依赖分析 SaaS 产品来帮助我们保持领先。

25.疯狂的蛋

疯狂彩蛋是一个热图和网站数据分析工具,帮助你深入了解人们是如何与你的网站互动的。

Crazyegg

Crazy Egg

我们在《疯狂的蛋》中使用的一个主要功能是出色的热图功能!你可以建立一个实验,让它运行,然后回来看看人们点击你网站的确切位置。

看看有多少人向下滚动页面,他们停在哪里,什么来源的流量点击什么。疯狂蛋对提高你的 CRO 和测试新的登陆页面很有帮助。

26.谷歌分析

2022 年,每个有网站的公司都听说过谷歌分析。但是很少有人充分利用网站分析工具的潜力。

从按来源显示浏览量、跳出率和转换率的详细渠道细分,到显示用户如何与你的网站互动的流程图,谷歌分析应有尽有。

google analytics

Google Analytics

在 Kinsta,我们使用谷歌分析来帮助我们更好地了解我们的读者和用户。

详细的报告让我们更好地了解哪些内容有效,哪些内容无效。

我们还可以通过检查我们的用户流报告来识别导航的问题和具体的弱点。

查看我们关于如何将谷歌分析添加到你的 WordPress 网站的深度指南

27.热罐

SaaS products: hotjar

Hotjar

Hotjar 是一款高级分析和用户体验映射工具,可帮助您改善 UX、设计和网络应用/网站。您可以在视频中跟踪访问者的旅程,您的设计/开发团队可以深入研究和分析这些视频。

您还可以查看热图和其他用户如何与您的网站或应用程序交互的可视化分解。

我们使用 Hotjar 来改善所有用户的体验,以确保我们在托管解决方案中提供最简单、最直观的 UI 和 UX。

服务器和主机

为了确保我们的托管解决方案是尖端的,我们依赖于一些特定的 SaaS 产品,例如:

28.新遗迹

New Relic 提供各种服务,从应用性能监控,服务器监控,移动监控,以及实时用户洞察。

New Relic

SaaS products: New Relic

虽然我们在这里使用内置的 Kinsta APM 工具进行站点监控,但您也可以选择使用 New Relic,但需要有自己的许可证。

查看我们关于如何在 Kinsta 使用 New Relic 解决客户网站性能问题的深度帖子。

29.云耀斑

Cloudflare 是一款免费的全球 CDN(或者更确切地说是完全代理服务) DNSDDoS 防护和 web 安全提供商,可以加速和保护您的网站。

SaaS products: Cloudflare

Cloudflare

Kinsta 使用 CloudFlare 为客户提供免费和/或高级解决方案,以加快其全球网站的速度,同时提供 DDoS 保护。我们客户的另一个优势是他们可以节省大量带宽。

通常,CDN 将处理网站 60-70%的流量负载。因此,通过将资产卸载到 CDN,这可以确保您不会超过 Kinsta 的带宽限制。请务必查看我们的 CloudFlare 集成指南、我们的key dn 集成指南和我们的 CloudFlare APO 指南

30.开源代码库

正如你们中的许多人可能知道的那样, Github 是一个免费的开源库,被个人、公司和开发者用来帮助构建软件。GitHub 允许团队贡献和分叉超过 3800 万个项目,包括 WordPress 本身。

GitHub

GitHub

我们不做任何对 GitHub 上的人公开可用的事情,但 Kinsta 的团队使用 GitHub 来管理我们网站和其他项目的内部开发。

如果你在一个团队环境中使用任何代码,那么 GitHub 是不可思议的,因为它提供了一个版本控制系统,允许多个开发人员轻松地贡献和提交更新。

想了解更多关于版本控制的知识?查看我们的 git vs GitHub 指南

31.亚马逊 53 号公路

Amazon Route 53 是一种高度可用且可扩展的云 DNS 服务。它旨在为开发人员和企业提供一种极其可靠且经济高效的方式,将最终用户引导至互联网应用程序。

SaaS products: Amazon Route 53

Amazon Route 53

在 Kinsta,我们不会满足于平庸的网络性能和可靠性。DNS 只是我们非常重视的一个领域。我们包括亚马逊 Route 53 premium DNS 服务,为每一个在我们这里托管 WordPress 网站的客户提供服务。

Amazon 拥有庞大的基础设施和提供额外 DNS 功能的悠久历史,如基于延迟的路由、地理 DNS、流量,以及最重要的 DNS 故障转移。Kinsta 客户甚至可以直接从他们的 MyKinsta 仪表板上修改他们的 DNS 记录

32.状态页面

statuspage

Statuspage

Statuspage 是一款帮助您向客户传达服务器、应用和服务实时状态的工具。像 Dropbox 这样的主要平台利用这一点来确保他们的用户群总是最新的。

这正是我们在 Kinsta 使用它的原因。它有助于我们在事故期间自动沟通,因此我们的技术团队可以专注于尽快解决问题。

33.威斯特亚

Wistia 是一个高端视频托管和分析平台。我们喜欢将 Wistia 视为视频托管领域的劳斯莱斯,Moz、MailChimp 和 HubSpot 等公司都使用它。

SaaS products: Wistia

Wistia

我们在 Kinsta 使用 Wistia 展示我们的客户评价视频。虽然我们可以使用其他类似的平台,如 YouTube 和 Vimeo ,但我们选择了 Wistia,因为它提供了与我们网站的无缝集成。

如果你想要一个优雅的 HTML5 视频播放器集成,那么你应该看看 Wistia。如果你同意在你的播放器上使用 Wistia 品牌,他们会免费提供多达 5 个视频。对于新的创业公司来说,它可能是 YouTube 的一个很好的替代品。

计费和会计

经营企业最有趣的方面不是记账和会计。但是有了正确的工具,事情就变得简单多了。

34. SendGrid

SendGrid 是另一个电子邮件营销平台和服务,专注于交易电子邮件。它的一些客户包括优步、Spotify、Airbnb 和 Yelp。

SaaS products: SendGrid

SendGrid

虽然 MailChimp 非常适合我们的入站和内容营销,但我们在 Kinsta 使用 SendGrid 来处理事务。例如,服务器和应用程序之间的电子邮件。

像许多其他公司一样,我们以前使用 Mandrill(由 MailChimp 所有),直到它被关闭。

对于基于交易的电子邮件,SendGrid 是一个更具成本效益的解决方案。如果你从你的软件或应用程序发送大量的电子邮件,SendGrid 做得非常好。如果你想开始,看看这个完整的 Sendgrid 设置指南

然而,我们不一定向典型的营销人员推荐它们。有些小事情,如 UTM 参数必须手动更新每个活动,这可能有点令人沮丧。不过,它的 WYSIWYG builder 在过去几年中有了巨大的改进,Sendgrid 团队正在努力提供与 MailChimp 等服务类似的功能。但请记住,Sendgrid 的重点是交易型电子邮件,而不是营销。

35.ClearBooks

不幸的是,任何业务中不那么有趣的部分是必须管理账簿、工资单和会计。但这是每个企业主必须做的事情之一。

ClearBooks 是一款在线会计软件,它试图简化初创公司、小企业甚至会计的流程。

Clear Books

Clear Books

我们在 Kinsta 使用 ClearBooks,部分原因是因为他们是一家英国公司,但也因为他们在简化在线会计流程方面有很多经验。

我们在金斯塔的人都不是会计师。它们于 2008 年推出,对金融市场来说并不陌生,并得到了 ICB、ICAEW 和 ACCA 的认证。如果你在英国,ClearBooks 可能是你想去看看的。

36. QuickBooks

SaaS products: QuickBooks

QuickBooks

Quickbooks 是一个简单的会计解决方案,可以帮助你组织你的支付、费用和总收入。它易于使用,并为您提供了可视化您企业的确切财务状况的报告。

在 Kinsta,我们已经过渡到使用 QuickBooks 来开具发票,因为它支持批量开具发票,并且更容易通过 API 进行集成。

37.当我工作的时候

SaaS products: When I Work

When I Work

我工作的时候是一款在线员工排班软件和打卡。它允许在多个州/国家拥有远程员工的雇主轻松跟踪每个人的工作时间。

在 Kinsta,我们使用它来帮助我们的客户支持和应急工程师团队合作覆盖必要的时间段。它简化了我们的轮班管理流程,减少了我们过去过多的沟通。

设计

最后,我们使用几个 SaaS 产品来设计我们的内容。

38.图标查找器

每个好的网站都需要好的视觉效果,这也是 Iconfinder 蓬勃发展的地方。它目前有一个超过 390 万个图标的数据库,包含超过 60,000 组图标。

SaaS products: Iconfinder

Iconfinder

我们在我们的网站和 Kinsta 博客上使用 Iconfinder 来显示图标。我们从 Iconfinder 的博客和知识库文章中获取了您在这里看到的大多数特色图片。

Iconfinder 最好的特性之一是,它们提供了所有四种格式, SVG,PNG ,AI 和 CSH。我们通常更喜欢使用 SVG ,因为它们可以缩放到任何分辨率,而不会损失任何图像质量。

Iconfinder search

Iconfinder search

39.帆布

Canva 是一款网络应用,承诺帮助你“设计任何东西,并在任何地方发布。”

它有一个拖放界面,选项和工具比 Photoshop 少得多,很容易学习和使用。

即使是自认为没有创作能力的人,也可以利用现有的模板,在短短几分钟内创作出看起来很棒的博客图形和社交媒体广告。

Canva

Canva

在 Kinsta,我们使用 Canva 为我们的设计师团队绘制草图,以便稍后定稿。它有助于加快内容的视觉设计过程,因为错误传达的空间更小。

数据可视化

由于我们在提供服务和营销工作中要处理大量的数据,仅通过查看表格和数字很难获得有价值的见解。

这也是我们使用 SaaS 产品进行数据可视化的原因。

40. Kibana

Kibana

Kibana

Kibana 是一个用于 Elastic Stack 的数据可视化工具,可以让你的团队可视化你的 ElasticSearch 数据。

简而言之,你可以创建和探索可视化的表格和报告,它们会给你独特的见解。你还可以部署机器学习来找出人眼无法发现的模式。

在 Kinsta,我们使用 Kibana 以一种易于理解的格式来理解数据。

密码管理

担心跟踪 40 多种不同的 SaaS 产品的密码?有了密码管理解决方案,您就不必这么做了。

41.1 密码

SaaS products: 1Password

1Password

使用1 密码,您只需一个密码即可登录您公司的所有社交媒体档案和 SaaS 工具。真的就这么简单。每周通过电子邮件重设密码不会浪费更多的宝贵时间。

在 Kinsta,我们使用 1 密码来确保每个人都能随时访问他们需要的工具。它消除了停机时间,提高了我们整个团队的效率。

数字签名

最后,我们使用一个工具来处理数字签名。

42.数字签名者

DigiSigner

DigiSigner

Digisigner 是一个免费的工具,可以在数字文档上接收和留下签名,比如通过电子邮件发送的 PDF 格式的合同。

在 Kinsta,我们使用 Digisigner 处理员工和自由职业者的合同,大大加快了招聘过程。它还可以轻松地保存我们所有重要文档的数字记录。

Check out this behind the scenes look at all SaaS tools Kinsta uses to run and grow its hosting company! 📊👩🏻‍💻Click to Tweet

摘要

如你所见,我们在金斯塔的各种不同领域使用了相当多不同的 SaaS 产品。它们中的每一个都有特定的用途,帮助我们更有效率,专注于重要的事情。那就是尽可能为你提供最好的主机体验

您目前使用的 SaaS 创新产品中,有没有我们可能会喜欢的?如果有,欢迎在下面分享。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何修复“Safari 无法建立到服务器的安全连接”错误(6 种解决方案)

原文:https://kinsta.com/blog/safari-cant-establish-a-secure-connection-to-the-server/

当你浏览网页时,你最不想看到的就是一条错误信息。如果你是 macOS 用户,你可能会遇到的一个问题是:“Safari 无法建立到服务器的安全连接”错误。

虽然一开始看起来有点吓人,但这是一个相对常见的问题,有一些简单的解决方案。在您能够有效地(安全地)访问该站点之前,通常只需要一点点故障排除。

这篇文章将解释 Safari 的错误信息以及一些常见的原因。然后我们会给你提供六个简单的方法来解决这个问题。

我们开始吧!

T3】

查看我们的视频指南来修复“Safari 无法与服务器建立安全连接”的错误

什么是“Safari 无法建立到服务器的安全连接”错误?

Mac 设备的一些最佳特性是它们的内置安全设置。苹果创造了一种体验,旨在保护您和您的设备的安全,尤其是在浏览网页时。

这就是为什么它的原生浏览器 Safari 有时会阻止你访问它认为不安全的网站。发生这种情况时,您可能会看到一条错误信息,指出“Safari 无法与服务器建立安全连接。”

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

A screenshot of the “Safari can’t establish a secure connection to the server” error.

“Safari 无法与服务器建立安全连接”错误。

错误的具体措辞可能会有所不同。例如,正如您在上面的图像中看到的,您可能还会遇到一个通知,让您知道“Safari 无法打开该页面”

简而言之,这个错误信息意味着浏览器不信任站点上的加密数据。或者,Safari 无法成功访问和验证信息。例如,当一个站点没有正确配置安全套接字层(SSL)证书时,可能会发生这种情况。

使用 SSL 和安全外壳访问(SSH) 对于当今的网站来说至关重要。当你有一个处理敏感客户数据的网站时,尤其如此,比如一个 WooCommerce 商店

但是,如果您知道您正在访问的站点是安全的,问题可能出在 Safari 上。许多人在访问热门网站时都会遇到这种错误信息,如脸书、YouTube 和谷歌。

什么原因导致“Safari 无法建立到服务器的安全连接”错误?

您可能会看到此错误消息,原因有很多。正如我们提到的,主要的解释是 Safari 无法验证你试图访问的网站是否足够安全来保护你的数据。

然而,有必要了解为什么认为网站不安全,并知道如何解决这个问题。有时,您可能不知道什么是罪魁祸首,直到您尝试排除故障。

也就是说,“Safari 无法建立安全连接”信息背后有一些常见原因。例如,问题可能归因于您在浏览器上安装的第三方扩展或加载项。这可能只是拥有过时的缓存数据这样简单的事情。然而,这可能是一个更复杂的问题,比如您正在使用的互联网协议(IP) 版本。

如何修复“Safari 无法建立到服务器的安全连接”错误(6 种解决方案)

现在我们对这个问题及其潜在原因有了更多的了解,是时候看看如何解决它了。以下是您可以用来解决“Safari 无法建立安全连接”错误的六种解决方案。

1.清除您的浏览器数据

当您访问网站时,Safari 会将一些信息存储在浏览器缓存和 cookies 中。如果这些数据包含与站点的 SSL 或加密相关的过时细节,这可能是您看到错误消息的原因。

因此,您可以使用的解决此错误的最快和最简单的方法之一是清除您的浏览器缓存。要在 Safari 中做到这一点,您可以从打开浏览器开始。

接下来,点击偏好 > 隐私,然后选择删除所有网站数据

Clearing the browser cache in Safari.

清除 Safari 中的浏览器缓存。

完成加载后(可能需要一两分钟),您可以决定从哪些网站清除数据。例如,您可以选择所有这些文件,或者只选择您无法访问的文件。

完成后,点击屏幕底部的完成按钮。

接下来,要清除您的整个浏览历史,您可以导航到 Safari > 历史 > 清除历史

Clearing your entire browsing history in Safari.

清除你的整个浏览历史。

完成后,尝试重新访问显示错误信息的站点。如果它还在,你可以继续下一个解决方案。

2.检查您设备的日期和时间

虽然看起来很奇怪,但有时 Mac 设备上的日期和时间不正确会导致 Safari 出现一些问题。因此,确保您的时区和日期设置正确至关重要。

要开始,你可以点击苹果图标,然后导航到系统偏好 > 日期&时间

Find the date and time option in preferences

在首选项中找到日期和时间选项。

从这里,您可以验证您使用了正确的日期和时间。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Verify you are using the right date and time.

验证您使用的是正确的日期和时间。

时区标签下,您还可以让您的设备自动同步到您的当前位置。完成后,您可以退出窗口并尝试重新访问该网站。

3.更改您的 DNS 设置

如果错误仍然存在,您可能需要检查您的域名服务器(DNS) 设置。简而言之,您的 DNS 就像一个电话簿,允许设备和站点相互联系。Safari 使用您的 DNS 设置来连接网站。

如果您的 DNS 设置有问题,这可能是您看到“Safari 无法建立到服务器的安全连接”信息的原因。要查看是否是这种情况(并解决它),您可以尝试更改您的 DNS 地址。例如,你可以使用谷歌的公共域名系统。

要开始使用,浏览到苹果 > 系统偏好 > 网络

Find the network option in preferences

在首选项中找到网络选项。

从这个窗口中,选择您的连接,然后点击高级选项卡,接着点击 DNS 。接下来,点击 IPv4 或 IPv6 地址旁边的 (+)图标

Click on the DNS tab

点击 DNS 选项卡。

然后,您可以输入新的 DNS IP 地址。比如想用谷歌的公共 DNS,可以输入“8.8.8.8”和“8.8.4.4”。

Enter the new DNS IP addresses.

输入新的 DNS IP 地址。

完成后,点击确定按钮。重新检查网站,查看此过程是否删除了错误信息。

4.卸载或禁用您的浏览器扩展

正如我们之前提到的,浏览器中的扩展或附加组件可能会与 Safari 安全连接到网站的能力相冲突。有时,这在反病毒程序和安全相关的扩展中很常见。

所有的 Kinsta 托管计划都包括来自我们资深 WordPress 开发者和工程师的 24/7 支持。与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划!

因此,下一步是尝试停用所有的浏览器扩展。为此,你可以打开 Safari,然后导航到偏好设置并点击扩展标签。

Try disabling browser extensions

禁用或卸载浏览器扩展

您的扩展列表将显示在左栏中。您可以单击加载项名称旁边的复选标记来禁用它。

完成后,尝试重新访问该网站。如果这解决了问题,您将需要查明是哪个扩展造成的。您可以通过系统地启用每个附加组件并在每次启用后访问网站来实现这一点。

5.禁用 IPv6

互联网协议(IP)是一组控制数据如何在互联网上传输的规则。IPv6 是较新的协议版本。但是,一些网站仍然使用旧版本 IPv4。如果是这种情况,这可能就是您遇到“Safari 无法建立安全连接”信息的原因。

因此,您可以尝试在您的网络上禁用 IPv6。为此,再次导航至系统偏好 > 网络,然后点击您的网络连接,接着点击高级按钮。

TCT2【P/IP 选项卡下,点击配置 IPv6 下的下拉菜单,选择手动

Configure IPv6 and select Manually

配置 IPv6,手动选择

完成后,点击确定按钮。如果 IPv6 是问题所在,这应该可以解决问题。如果没有,你可以尝试最后一个解决方案。

6.确定钥匙串信任该证书

之前,我们提到过,如果 Safari 无法验证站点 SSL 证书的有效性,它有时会显示连接错误消息。如果是这种情况,您可以通过在您的 macOS 的钥匙串访问应用程序中配置设置来绕过这个问题。

钥匙串访问是储存您的密码、帐户详细信息和应用程序证书的应用程序。它可以保护您的数据安全,并可以控制您的设备信任哪些网站。因此,您可以告诉它继续接受站点的 SSL 证书。

为此,您可以访问显示错误信息的网站,然后点击地址栏左侧的锁图标,然后点击查看/显示证书 > 详细信息

Check if Keychain trusts the certificate in preferences

检查钥匙串是否信任证书。

细节面板展开后,点击控件+空格键。Spotlight 搜索栏将出现在屏幕的右上角。在搜索栏中输入“钥匙串”。

接下来,在左侧,点击系统根目录。搜索网站的证书。一旦你找到它,去信任部分。然后在使用此证书部分时点击旁边的下拉菜单,并选择始终信任**:**

Select the Always Trust option under certificates

选择“永远信任”选项

就是这样!现在,您应该能够成功访问该站点了。

虽然乍一看似乎令人生畏,但这种错误相对来说很常见...你可以在几分钟内修好它👨‍💻在这里了解更多🛠 点击推文

摘要

试图访问一个网站,却遇到一个错误信息,这是非常令人沮丧的。虽然 Safari 只是试图保护您的数据,但有时它可能会配置错误。在这种情况下,浏览器可能会不必要地显示安全通知,如“Safari 无法建立安全连接”

出现此问题时,您可以使用六种方法来解决:

  1. 清除您的浏览器数据,包括缓存和 cookies。
  2. 检查您设备的数据和时间。
  3. 更改您的 DNS 设置。
  4. 卸载或禁用您的浏览器扩展和附加组件。
  5. 禁用 IPv6。
  6. 确定钥匙串信任 SSL 证书。

对于修复 Safari 安全连接问题,您有任何疑问吗?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

WooCommerce 可扩展性终极指南

原文:https://kinsta.com/blog/scalability-of-woocommerce/

你对蓬勃发展的网上商店有什么大计划吗?如果你是一个雄心勃勃的企业家,你可能想知道哪个平台可以帮助你发展业务。然而,你可能不太熟悉扩展一个快速发展的网络公司的技术复杂性。

WooCommerce 是一个受企业主信任和广泛使用的平台。使用这个电子商务工具,您可以建立一个支持扩展的在线商店。只要你采用一些最佳实践,你的 WordPress 网站将能够处理几乎任何水平的增长。

在本帖中,我们将向你介绍 WooCommerce 商店的基础知识和扩展电子商务业务。然后,我们将讨论 WooCommerce 的可扩展性。最后,我们将分享六个基本技巧,你可以用它们来确保你的网上商店顺利发展。让我们开始吧!

WooCommerce 是如何运作的?

WooCommerce 是一个 WordPress 插件,可以让你建立一个在线商店。它拥有超过五百万的活跃安装,是网络上最受欢迎的电子商务解决方案之一:

WooCommerce website

WooCommerce

WooCommerce 使网上商店的推出变得很容易。这部分是因为 WordPress 使用户能够利用预先制作的主题。虽然有些主题是用于创造性的用途,如博客和作品集,但有大量的选项是专门为网上商店设计的。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Do you have big plans for a thriving online store? 💰 This guide will help you scale up 📈Click to Tweet

例如,店面主题提供了电子商务网站的基本页面,如商店购物车收银台等等:

WordPress shop demo

WordPress shop demo

此外,WooCommerce 还附带了许多功能,使您能够经营您的在线业务。这些包括支付网关,标签打印,税收计算,等等。

你还可以获得各种各样的插件,帮助提高你的转化率。这些包括从像 Mailchimp 这样的集成电子邮件营销软件到像这样复杂的分析程序。

WooCommerce 也是大型在线商店的一个很好的选择。它允许批量上传产品,以实现最高效率。

这个平台可以帮助你更有效地发展你的商店。它可以自动跟踪和更新你的库存。此外,它的自动化控制台可以让你从你的 WordPress 仪表盘上管理你的业务的几乎每一个领域。

什么是可伸缩性?

如果你计划启动并发展在线业务,了解一两件关于可扩展性的事情是很重要的。这个术语指的是一个系统在保持相同性能水平的同时处理增加的需求的潜力。

简单来说,如果一个公司是可扩展的,它就可以安全成功地成长。相反,当一个企业没有发展到一定规模时,它可能会导致诸如交货延迟或客户支持质量下降等问题。

研究表明,20%的企业熬不过第一年。此外,的快速增长经常被认为是他们失败的主要原因之一。

当企业因增长而承受压力时,这可能会将整个运营置于危险之中。因此,为可扩展的业务奠定基础至关重要。

虽然供应链等要素是等式的一部分,但这可能是您无法控制的。因此,让你的电子商务业务可扩展的最好方法之一是建立一个强大的网站,能够处理增加的需求。

WooCommerce 的可扩展性如何?

好消息是 WooCommerce 是高度可扩展的。首先,它允许无限的产品和每日交易。这意味着您可以轻松扩展您的产品,而不必担心超出每日订单。

一个成功的 WooCommerce 商店的典型例子是:

The Mint mobile website

MintMobile website

根据 Aftership 的数据,这项电子商务业务每月接待超过 200 万访客。如果你浏览 Mint Mobile 的页面,你会看到它提供了大量的产品,包括计划、电话交易等等。

如果你不相信,WooCommerce 的扩展常见问题解答提供了更多信息,说明哪些因素会影响它与你的业务一起适当扩展的能力。让我们回顾一下要点:

  • **交通。**这是 WooCommerce 商店可扩展性中最重要的元素之一。你的网站需要能够同时处理大量的访问者。此外,它应该能够管理单个页面上或特定时间的意外流量高峰(,如在销售活动期间)。
  • **WooCommerce 代码。**幸运的是,该插件的编程考虑到了效率。WooCommerce 开发团队正在不断优化软件,以增强其性能并确保其可扩展性。
  • **其他系统代码。**您商店的性能可能会受到其他组件代码的影响,例如您的主题和插件。因此,您需要确保您正在谨慎地选择这些工具。插件应该包含干净高效的代码,以达到最佳性能。
  • **服务器硬件。**先进的服务器性能是 WooCommerce 可扩展性的关键。资源有限的服务器将无法容纳高水平的流量。

你会注意到其中一些因素不是由 WooCommerce 插件决定的。因此,由您来确保您的站点保持可伸缩性。

常见的电子商务增长方法

在我们看一些有效扩展你的 WooCommerce 商店的技巧之前,让我们回顾一下你可能在网上商业世界看到的一些常见的增长方法。

拔靴带

你可能以前听过这个流行词。“自举”一词来自谚语“靠自己的力量提升自己”。本质上,它指的是一家公司靠自己实现的缓慢增长。

一般来说,自举被认为是一种自然允许可持续扩展的策略。这通常被视为一种好斗且节俭的策略。一些自举技巧可能包括提供免费样品以增加知名度,或者创建奖励计划以鼓励客户忠诚度。

自主创业的企业很可能会在社交媒体上占有一席之地。这是因为社交平台提供了一种负担得起的方式来随着时间的推移缓慢增长和扩展。

缓慢缩放

顾名思义,慢缩放类似于自举。然而,它提供了一种更平衡的方法。

在缓慢扩展的情况下,小企业将接受外部方的资金支持。

这可能是以贷款甚至风险资本的形式。

慢速扩展也被认为是一种安全且可持续的扩展方式。通常情况下,规模缓慢的企业和自举企业一样都是 DIY,只是他们愿意接受外部帮助。这种方法的主要缺点是,当企业家接受其他公司的资金支持时,他们可能会失去一些控制权。

快速扩展和快速扩展

快速扩张和闪电式扩张是最具风险的增长战略。快速扩张是风险资本支持的企业最常用的技术。这些公司甚至可能有额外的支持系统,如外部营销团队和领导。

同样, blitzscaling 是一种优先考虑增长的扩展模式。采用这种策略的公司通常会在很短的时间内达到令人印象深刻的增长水平。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

对于大多数小型电子商务企业来说,这两种策略都不值得推荐,甚至都不相关。然而,快速扩展和闪电式扩展都使公司在市场上具有竞争力。

如何有效地扩展你的网上商店(6 个基本技巧)

现在,您对最常见的扩展技术有了更多的了解,您可能更清楚哪个选项最适合您的企业。不管你的选择是什么,你都需要一个强大的网站来支持你的成长。让我们来看看如何有效地扩展你的 WooCommerce 商店。

1.选择一个高质量的主机提供商

选择一个高质量的主机提供商将帮助你为一个可扩展的 WordPress 站点打下基础。主机提供商或网络主机为网站配备服务器资源,以便向互联网用户提供网页。

有不同类型的虚拟主机,例如共享、专用或虚拟专用服务器(VPS)。每个选项允许不同级别的用户流量。一些顶级的网络主机,比如 Kinsta,甚至提供托管的 WooCommerce 主机:

WooCommerce hosting with Kinsta

WooCommerce hosting on Kinsta

我们的 WooCommerce 托管计划使用支持可扩展基础设施的强大网络服务器。此外,您还可以通过我们用户友好的 MyKinsta 仪表盘轻松管理您的网站和托管服务。

选择一个高质量的虚拟主机提供商是加速你的网站的有效方法。如果您目前使用的是低质量的服务,我们建议您改用功能更强大的托管解决方案。在 Kinsta,我们可以免费帮助您迁移您的站点

2.使用内容交付网络(CDN)

如果你想确保你的电子商务网站在任何时候都能平稳运行,那么使用内容交付网络(CDN)是至关重要的。简而言之,CDN 是一组分布在不同位置的 web 服务器。

当你有了 CDN,你的内容将从离你的用户最近的服务器上传送。这有助于减少页面加载时间。

Cloudflare 是这项服务的热门选项:

Cloudflare homepage

Cloudflare

Cloudflare 有助于在高流量事件期间保持您的站点平稳运行。此外,它可以为您的客户提供积极的用户体验(UX)。一些 web 主机,如 Kinsta,在其计划中包含了 Cloudflare CDNs。

3.仔细选择您的支付网关

任何接受订单的电子商务企业都需要仔细选择支付方式。幸运的是,WooCommerce 兼容许多支付网关。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

如果你去 WooCommerce 扩展商店,你会在支付类别中找到 81 个附加组件:

A screenshot of WooCommerce payment gateways

WooCommerce payment gateways

虽然 WooCommerce 自带支付系统,但它也集成了一些最流行的支付网关。其中包括 PayPal、Stripe、Amazon pay、Square 和所有主要的信用卡。

为了建立一个可扩展的业务,你需要弄清楚第三方支付工具收取的佣金和费用是否在你的预算之内。然后,根据你的研究,你可以在付款方式方面确立你的优先顺序。

4.维护更新的软件、插件和主题

每个网站都需要大量的活动部件才能平稳运行。因此,你可能会使用许多不同的工具来保持你的 WooCommerce 商店的业务。

大多数 WordPress 插件和主题需要定期更新:

Update WooCommerce themes and plugins

Update WooCommerce themes and plugins

WooCommerce 一直在发展和改进,所以它也定期更新。如果你的插件和主题不是最新的,它们会给你的网站带来问题。

过时的软件会导致系统不兼容,这会损害你网站的性能。幸运的是,你可以从你的 WordPress 仪表盘轻松更新你的插件。

然而,由于你的电子商务网站处理敏感信息,你最好在实施之前备份你的数据并在中转站点测试更新。一个可扩展的站点需要一个合理的维护和更新策略。

5.运行常规性能测试

确保您的电子商务网站正常运行的最佳方式是进行性能测试。例如,你会想检查你的网站速度和页面加载时间。

其他常见的性能问题包括累积布局偏移(CLS)和交互延迟。谷歌在其核心网络指标得分中考虑了这两个因素。这些方面的糟糕分数会对你的排名产生负面影响。

我们的 Kinsta APM 工具为您的电子商务网站提供定制性能监控:

Kinsta APM web page

Kinsta APM

这个工具是专门为 WordPress 网站设计的。它可以识别有问题的插件和主题,提供优化工具的建议,等等。

WooCommerce 的可扩展性取决于网站的整体性能。快速加载时间将使您的商店能够容纳大量的流量,并在搜索结果中排名更高。

6.审核您的内容

性能监控工具可以帮助你解决插件和主题的问题。但是,您可能还希望审核您的内容,以确保您使用的是 web 性能的最佳实践。

你可以通过分析你网站的每一页来手动做到这一点。例如,您可以检查所有图像文件是否都已压缩,以及您的产品页面是否组织整齐。

然而,这可能是一项单调乏味的任务。幸运的是,你可以使用像 Semrush 这样的搜索引擎优化(SEO) 工具来简化这个过程:

SEMRush site audit tool

Semrush

这个工具带有一个站点审计功能,可以扫描你的内容以发现不同的问题。例如,它会让你知道你是否有问题重定向,缓慢加载页面,重复内容,或断开链接

Prep your online store for long-term growth by implementing these best practices right from the start 📈Click to Tweet ## 摘要

如果你要开一个网上商店,你会想确保你从一开始就做对了一切。重要的是,你要建立你的电子商务业务,以可持续的方式满足需求。这样,随着你的业务增长,你的网站将能够处理转化率和流量的提升。

回顾一下,以下是提高 WooCommerce 商店可扩展性的六种方法:

  1. 选择一个高质量的主机提供商。
  2. 使用内容交付网络(CDN)。
  3. 仔细选择您的支付网关。
  4. 维护更新的软件、插件和主题。
  5. 运行常规性能测试。
  6. 审核您的内容。

你对 WooCommerce 的可扩展性有什么疑问吗?请在下面的评论区告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何用 4 个简单的步骤扫描 WordPress 的恶意软件

原文:https://kinsta.com/blog/scan-wordpress-for-malware/

每分钟大约有 9 万起针对 WordPress 网站的攻击。恶意软件攻击不是开玩笑的事。如果你不妥善管理你的网络安全,它可能会把你的网站和业务置于风险之中。

然而,恶意活动并不一定是可怕的事情。如果你的网站已经受损,扫描 WordPress 的恶意软件可以帮助你识别和消除任何有害的内容。将来也有很多方法可以防止对你网站的攻击。

这篇文章将涵盖什么是恶意软件,以及为什么搜索它对网站维护至关重要。我们还将解释如何扫描恶意软件,如果你认为你的网站被黑客攻击,如何删除它。

我们开始吧!

T3】

什么是恶意软件?

恶意软件代表“恶意软件”这是一个涵盖所有有害软件的术语,黑客使用这些软件来获得未经授权的访问或破坏你的 WordPress 网站。它会在许多方面对您的网站产生负面影响,并对您和您的网站访问者都构成严重的安全风险。

如果恶意软件出现在你的网站上,你通常会知道。您可能会注意到以下迹象:

虽然这些问题都可能有多种原因,但如果您看到了其中的一种或多种原因,就有必要研究一下恶意软件已经感染了您的站点的可能性。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

恶意软件是如何被安装在 WordPress 网站上的

恶意软件可以通过多种方式安装在 WordPress 网站上。通常,黑客或机器人会利用一些安全漏洞。

例如,如果您没有适当的安全措施来防止重复不正确的登录尝试,或者如果您的密码很弱,黑客可能会访问您的站点。然后他们可以通过暴力攻击安装恶意软件。这是当一个机器人在你的登录页面上循环通过数百个用户名和密码组合,直到他们找到正确的一个。

过时的插件和主题也是黑客可以利用的安全漏洞。僵尸网络通过互联网搜索具有这些漏洞的网站,并使用它们来安装恶意软件。

恶意软件还可以通过网络钓鱼链接渗透到您的网站。如果您不小心点击了电子邮件中的网络钓鱼链接或访问了被入侵的网站,就会发生这种情况。这样做,您可能会无意中将恶意软件下载到您的计算机上。这可能会找到你的 WordPress 服务器。

为什么扫描 WordPress 的恶意软件很重要

正如我们提到的,通常会有一些迹象表明恶意软件出现在你的网站上。然而,情况并非总是如此。有时候,你可能没有意识到你的网站已经被破坏了。

幸运的是,有一个简单的方法可以发现:你必须运行恶意软件扫描。定期扫描恶意软件非常重要,尤其是因为 83%被黑的基于 CMS 的网站都是建立在 WordPress 上的。

如果您不定期扫描恶意软件,您将面临许多风险,例如:

  • 搜索引擎优化处罚:谷歌经常否认被入侵的网站。这可能会导致你在搜索引擎结果页面的排名(以及有机搜索流量)下降。
  • **网站性能差:**恶意软件可以让黑客利用你的服务器资源攻击其他网站。从你的站点转移资源会导致性能问题,比如页面加载缓慢。
  • **Denylisted IP 地址:**黑客还可以利用恶意软件从你网站的 IP 发送垃圾邮件。这可能会导致您的 IP 地址被主要的电子邮件提供商除名。
  • **网站访问者面临的风险:**恶意软件甚至会给网站访问者带来安全风险。它可能会在您的网站上加载危险的弹出窗口,并向您的用户传播恶意软件。

除了扫描您的网站上的恶意软件,您还可以采取主动的安全措施。查看我们的网站安全备忘单,获取如何加强网站安全防范的建议。

何时扫描 WordPress 是否有恶意软件

不要等到你看到警告信号才扫描你的 WordPress 网站上的恶意软件。恶意代码可以长时间不被注意。因此,定期检查你的网站是个好主意,即使没有任何迹象表明有问题。

我们建议至少每月检查一次恶意软件。每当你改变你的网站结构或者安装新的插件时,你应该运行一次扫描。此外,如果您注意到我们之前提到的任何迹象,我们建议进行扫描。

你可以设置一个定期提醒扫描你的网站是否有恶意软件。例如,你可以在每个月的第一天这样做来养成这个习惯。

扫描恶意软件的最佳工具

扫描你的 WordPress 站点是否有恶意软件的最简单的方法是使用安全插件。以下是我们推荐您用来进行扫描的一些工具。

文字围栏

Wordfence 是最容易用于恶意软件检测的插件之一。

Wordfence security plugin

Wordfence 安全插件。

一旦你安装了插件,它会定期自动搜索恶意软件。或者,如果您认为您的站点可能存在安全问题,您可以运行手动扫描。

一旦扫描完成,WordFence 还会建议您可以采取的措施来纠正安全问题。它有免费版和付费版。我们强烈推荐这个插件,因为它很容易使用。此外,免费版本非常适合运行基本扫描和纠正轻微的恶意软件问题。

苏库里

Sucuri 是另一个提供基本恶意软件扫描功能的优秀工具。

Sucuri security plugin homepage on WordPress

Sucuri 安全插件。

使用 Sucuri SiteCheck ,你可以通过输入你的站点的 URL 来快速方便地扫描你的站点的问题。你也可以通过在你的 WordPress 网站上安装插件来使用扫描功能。

免费的 Sucuri 插件还提供关于安全问题和防火墙保护的电子邮件提醒,有助于防止网站上的恶意活动。这是一个构建良好的插件,声誉极佳,特别是付费计划,为 WordPress 用户提供全面的恶意软件防护。

如果您是 Kinsta 的客户,并且您想使用它,您可以遵循本 Sucuri 安装指南

iThemes 安全

另一个很好的选择是 iThemes 安全插件。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

iThemes security plugin homepage

iThemes 安全插件。

这个插件,以前被称为更好的 WP 安全,有超过 30 个安全功能,可以保护您的网站免受各种攻击。您可以使用 iThemes 的免费版本来运行基本的恶意软件扫描并识别任何问题。

另一方面,您可以使用专业版来设置预设的恶意软件扫描和电子邮件更新。这使得它非常容易留在您的网站安全检查的顶部。

这些工具都可以帮助你扫描 WordPress 是否有恶意软件。对于本文,我们将使用 Wordfence 插件。

但是,如果 Kinsta 托管您的站点,则可能没有必要遵循这些步骤。相反,你可以依靠 Kinsta 安全保证来保护你的网站。

如何用 4 个简单的步骤扫描 WordPress 的恶意软件

如果你认为你的 WordPress 网站被黑了,你可以按照下面的四个步骤。我们将解释如何使用 Wordfence 扫描你的站点和插件,以及如何保护你的站点免受未来的攻击。

步骤 1:安装 Wordfence 安全插件

首先,我们要安装免费版的 Wordfence 插件。为此,登录你的 WordPress 仪表盘并导航到插件>添加新的。然后搜索 Wordfence ,点击 Wordfence 安全-防火墙&恶意软件扫描下的立即安装:

Install the Wordfence Security plugin from the WordPress plugin repository

安装 Wordfence 安全插件。

一旦插件安装完毕,点击激活 *。*您可能会收到接受使用条款的提示,并指定您的电子邮件地址以完成安装。

步骤 2:备份你的 WordPress 站点

在你继续下一步之前,我们建议备份你的网站。下一步,您将删除可能被恶意软件感染的文件。

如果出现问题,这可能会意外删除关键数据,并导致重大网站问题。首先备份您的网站意味着如果发生意外,您可以恢复到它。

需要为您的电子商务网站提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些服务,并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

备份网站最简单的方法之一是安装免费的 UpdraftPlus 插件

The UpdraftPlus WordPress Backup plugin homepage

updraft plus WordPress 备份插件。

您可以按照与 Wordfence 相同的过程安装和激活它。然后,导航到设置>升级加备份,点击立即备份:

UpdraftPlus backup now button

找到【立即备份】按钮

你现在要做的就是等待这个过程完成。如果在后面的步骤中出现任何问题,您可以从同一个页面恢复备份数据。

步骤 3:运行扫描并删除恶意软件文件

接下来要做的是运行恶意软件扫描。Wordfence 应该每天自动扫描您的站点,但您也可以手动启动该过程。

为此,从你的 WordPress 仪表盘导航到 Wordfence > Scan 。然后点击开始新的扫描:

Start a new scan using Wordfence

使用 Wordfence 开始新的扫描。

Wordfence 将开始在您的网站上搜索恶意软件、文件更改等内容。这个过程可能需要一段时间才能完成。您可以在扫描屏幕上的时间线中监控进度。

扫描完成后,您将看到结果的详细分类。

Malware scan detailed results

恶意软件扫描的详细结果。

该日志显示发现的所有安全问题的列表。根据它们的严重程度,它将它们标记为高、中或低优先级。标有“WordPress 核心中的未知文件”的结果表明可能存在恶意软件。

幸运的是,Wordfence 可以轻松删除这些文件。您只需点击结果日志上方的删除所有可删除文件。然后,您应该会看到一条警告消息:

Delete files warning message

删除所有文件的警告信息。

请务必仔细阅读此警告信息。检测到的文件可能不是恶意软件,并且对您网站的正常运行至关重要。这就是为什么我们在上一步中建议备份您的站点。

如果您确信检测到的文件是恶意软件,您可以点击删除文件。这将删除你网站上的所有恶意软件。如果它导致任何问题,您可以从备份中恢复网站的先前版本。

一旦恶意软件被处理,您可能还想解决扫描发现的任何其他问题。例如,您可能想要解决任何过期的插件。

第 4 步:采取措施来完全保护你的网站

一旦您删除了恶意文件,您可能需要采取一些额外的步骤来完全保护您的站点:

  • **更改您的密码:**如果您的网站上有恶意软件,很可能您的密码也遭到了破坏。因此,最好更改你网站上的所有密码,以及你在网上用过的任何地方的密码。
  • 设置双因素认证(2FA): 在你的网站上设置 2FA 可以增加一层额外的安全性。如果您的密码被泄露,攻击者在没有完成额外检查的情况下仍然不会进一步行动。
  • **审核用户档案:**恶意软件可能在您的网站上创建了一个新的用户角色。您可以检查您的用户配置文件,并从您的数据库中删除任何不应该存在的文件来解决这个问题。
  • **实施定期安全检查:**你可以切换 Wordfence 的设置,让它定期检查恶意软件。你也应该采取进一步措施锁定你的网站
  • 再次备份 **你的网站:**一旦你清除了恶意软件,为你的网站创建一个新的备份。这样,如果将来出现任何问题,您可以随时将其恢复到一个干净的、无恶意软件的版本。

采取以上步骤可能看起来工作量很大,但是很值得。它们将有助于确保您的网站在未来免受恶意软件的侵害。

恶意软件的攻击会给你的🦹‍♂️带来毁灭性的打击,但是在这些建议的帮助下,你可以将恶意活动拒之门外。💪

摘要

恶意软件对 WordPress 用户来说一直是个威胁。然而,通过定期扫描并遵循严格的网站安全程序,很容易保持您的网站安全和无恶意软件。

以下是如何扫描 WordPress 网站的恶意软件以及如何保护你的网站免受恶意活动攻击的快速回顾:

  1. 安装 Wordfence 安全插件。
  2. 备份你的 WordPress 站点。
  3. 运行扫描并删除恶意软件文件。
  4. 采取措施彻底保护您的网站。

关于扫描你的 WordPress 站点是否有恶意软件的问题吗?在下面的评论区问我们吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何给 WordPress 和 WooCommerce 站点添加模式标记(SEO 插件 vs 手动)

原文:https://kinsta.com/blog/schema-markup-wordpress/

模式标记为搜索引擎提供了额外的数据,并更好地利用了其他工具,如社交媒体平台和谷歌知识面板。如果使用得当,它可以让你的页面有资格显示特殊的 SERP 特性,给你在搜索结果中额外的可见性,从而提升你的 SEO。

有几种方法可以将这种标记添加到您的站点中,要么安装一个插件,要么手动添加正确的代码。

在这篇文章中,我们将解释什么是模式标记,向您展示一些好处,并给出一些例子。你还将学习如何向你的 WordPress 站点添加模式标记。

请记住,你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**, 10 种提高你的网络商务产品页面转化率的方法。**

**## 什么是模式标记?

模式标记是一种元数据(称为微数据),它被添加到你的站点中,为搜索引擎提供更多的信息。过去,我们使用 HTML 标签向搜索引擎提供这类信息。

标题标签元描述元关键词(不再相关)都有助于告诉搜索引擎一个网站是关于什么的。

但是这并没有给搜索引擎提供他们所需要的所有信息来完全理解你的网站是关于什么的以及它会吸引谁。这就是向 WordPress 添加模式标记的原因。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

架构标记被添加到站点页面的 HTML 中。它赋予单个元素额外的属性,比如它们包含什么样的信息以及上下文是什么。

举个例子,你可能会在页面上看到这样的内容:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

架构标记为您的内容添加了额外的数据层。它告诉搜索引擎这是关于一个组织,一个人,一个地方,甚至是一部电影。

这意味着当人们搜索这些东西时,他们更有可能得到准确的结果。这不仅让你的页面更有可能出现在搜索结果中,还能让你在谷歌获得准确的知识板块,让你的社交媒体账户有效链接到你的网站,提升你的搜索排名。

通过展示一些如何使用模式标记以及它提供何种信息的例子,可以更好地解释这一点。我们很快就会看到这一点。

你的 WordPress 站点是否使用了模式标记?如果没有,这里有一个关于它是什么,为什么它很重要,以及几种正确添加它的方法的深入指导!📈🦾 点击推文

向 WordPress 站点添加模式标记的好处

因此,在我们开始研究如何将模式标记添加到你的 WordPress 站点之前,让我们先确定一下好处。

主要的好处是搜索引擎优化。通过向搜索引擎提供上下文数据,你使得你的 WordPress 站点更有可能在 SERPs 中排名靠前。这意味着 2020 年搜索引擎所要求的粒度细节更有可能是准确的,更能反映你的网站的真实情况。

因此,如果你用自己的博客运营一个个人网站,你可以告诉搜索引擎,你的网站代表一个人,这个人是谁。多亏了模式标记,你还可以将你的网站链接到你的个人社交媒体账户。

查看我们的视频指南添加社交媒体标记

另一方面,如果你的网站代表一个组织,你将告诉搜索引擎一些不同的东西。

位置相关的搜索引擎优化也有好处。您可以使用模式标记告诉搜索引擎您的网站位于何处,或者它所代表的组织位于何处。如果人们在你的区域寻找一个特定的商业类型,你会得到更高的搜索引擎排名。

和 SEO 一样,模式标记将有助于 Google 中的知识面板。知识面板是显示在搜索结果右侧的信息区域。它们与搜索词相关,并将提供来自各种来源的信息丰富的表格。

例如,如果我搜索马特·莫楞威格,我会看到一个知识面板告诉我更多关于他的信息。

Matt Mullenweg knowledge panel

Matt Mullenweg knowledge panel

如果你在你的 WordPress 站点上添加模式标记,Google 会知道你的站点是代表个人还是组织,以及你的页面上有什么样的内容。它可以用它来填充你的知识面板,并确保它包含更多(更准确)来自不同来源的信息,如你的社交媒体账户。

模式标记也有助于丰富的片段和站点链接。这是指你的搜索引擎列表不仅仅包括你的主页,还包括额外的信息,比如你网站的内容或者你网站的子页面列表。模式标记提供了帮助搜索引擎提取信息并将其添加到 SERPs 中的信息。这些丰富的搜索结果被证明提高了平均点击率

排名靠前的网站选择 Kinsta 来处理他们从搜索中获得的高流量。免费试用 kin sta

模式标记还可以帮助您将网站链接到您的社交媒体帐户。你可以在你的网站中包含的微数据项目之一是各种社交媒体账户的链接,包括脸书推特这将有助于搜索引擎一起使用这两个信息来源,为人们提供他们在搜索你时需要的结果。

模式标记的示例

现在你知道为什么你应该在你的 WordPress 站点上添加模式标记了。但是在这样做之前,您需要知道可以添加哪种标记以及支持哪些数据类型。

schema.org有完整的数据类型列表,最常用的有:

  • 创意作品:创意作品、书籍、电影、音乐录音、食谱、电视剧等。
  • 嵌入的非文本对象:AudioObject、ImageObject、VideoObject。
  • 事件。
  • 组织。
  • 人。
  • 地点、本地商业、餐馆等等。
  • 产品,报价,总报价。
  • 审查,汇总评级。
  • 常见问题解答
  • 基本知识的
  • 播客。

这只是可用数据类型的一小部分:即使没有几百种,也有几十种。Google 制作了一个便捷页面来展示当你在页面中添加结构化数据时,你会看到哪些 SERP 特性。

而且还在不断增加。例如, schema 版本 6.0 增加了新的数据类型,包括 MediaGallery、SportsEvent、FloorPlan 和 JobPosting 的额外属性。

随着最近与冠状病毒相关的事件,Schema.org 现在还包括特别公告、新冠肺炎测试设施等的方案。

用模式标记标记播客的好处

随着我们越来越多的人依赖语音助手,如亚马逊的 Echo 或谷歌助手,标记你的内容是播客变得越来越重要。事实上,Google now 在搜索结果中包含了音频源,并开始在使用 Android 的设备、其应用程序及其主页的搜索结果中优先考虑音频格式,让你的播客更具可见性。

使用数据类型

假设您的站点代表一家餐馆。要告诉搜索引擎这一点,您应该使用模式标记,特别是组织和餐馆数据类型,将这些信息添加到您的页面中。

除此之外,您可能还需要一个位置页面和在您的餐馆即将举行的活动的页面,在这种情况下,您可以使用 Event 数据类型为搜索引擎提供更多相关信息。

通过这样一个简单的例子,您可以看到多种数据类型如何与一个特定的网站或页面相关联。

在这篇文章的后面,你会看到如何使用一个插件将 schema.org 提供的微数据添加到你的 WordPress 网站的各个页面中。

首先,让我们看看一些实际的模式标记例子。

模式标记示例:Kinsta.com

Kinsta 网站是一个很好的起点。

如果我们搜索 Kinsta,我们得到的结果不仅包括该网站的链接,还包括人们用来查找 Kinsta 的其他搜索词以及该网站中一些最常搜索的子页面。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

kinsta search results

Kinsta search results

如果你将 Kinsta 网站接入谷歌的结构化数据测试工具,你会发现我们的网站中包含了更多的微观数据。

Testing Kinsta's structured data in the Structured Data Testing Tool

Testing Kinsta’s structured data

(还有一个相当酷的复活节彩蛋,以徽标和其他图形信息的形式呈现为代码!)

检查数据测试工具的结果会显示正在使用的模式标记数据类型,其中一些是:

  • @type:网页。
  • Publisher @type: Organization。
  • 出版商 same as:https://www.facebook.com/kinstahosting(也有 Instagram、Twitter 和其他社交媒体渠道的数据)。
  • isPartOf name: Kinsta 托管 WordPress 主机。

这只是提供的关于 Kinsta 的微数据的一个例子。你可以在谷歌结构化数据测试工具找到其余的。

模式标记示例:Yoast.com

让我们来看另一个在站点中使用模式标记的例子。我选择了 Yoast ,因为他们的 SEO 插件包含模式标记。

如果你用谷歌搜索 Yoast,你会得到一些站点链接(就像 Kinsta 一样),但你也会得到一个知识面板,其中包括关于 Yoast 及其社交媒体账户的信息。

Yoast search

Yoast’s knowledge panel

如果您通过结构化数据测试工具运行 Yoast 网站,您会发现他们正在使用模式标记来提供这些信息(正如预期的那样)。

Testing Yoast's structured data

Testing Yoast’s structured data

模式标记主要由组织和技术组织使用。这是因为,从历史上看,向站点添加模式标记并不容易。然而,WordPress 网站所有者有一个优势,他们可以使用插件来添加它。

让我们看看怎么做。

如何给你的 WordPress 站点添加模式标记

有不同的方法可以用来添加 schema.org 标记。让我们看看他们!

通过主题添加模式标记

向你的 WordPress 站点添加模式标记的一个方法是安装一个已经包含模式标记的主题。如果你在 WordPress 主题目录中搜索模式,你会得到很多结果。

Schema theme search results

Schema theme search results

让我们来看看其中的一些主题。

该模式

The Schema theme

The Schema theme

免费的模式主题旨在提升你的搜索引擎优化。它将 schema 作为其代码的一部分,并声称它将帮助提升你的搜索引擎排名。它还内置了性能增强功能。

你有时间吗

Schema Lite theme

Schema Lite theme

Schema Lite 主题是高级模式主题的免费版本。它不包括高级主题的所有功能,但这是一个很好的尝试方式,看看该主题是否适合您。

(计划或理论的)纲要

Schema theme

Schema theme

premium Schema 主题的设计与 Schema Lite 相似,但是有更多的 SEO 增强特性。它包括一个选项页面,您可以在其中添加有关站点的信息,这些信息将作为模式标记添加。

通过专门的 WordPress 插件添加模式标记

大多数网站已经安装了主题,所以你可能不想仅仅为了得到模式标记而改变你的主题。好消息是,你可以使用插件将模式标记添加到你的 WordPress 站点。

让我们来看看一些选项。

模式插件

模式插件使得向 WordPress 添加模式标记变得容易。它有一些有用的特性,比如在每个类别或每个帖子类型的基础上启用不同的模式类型,并且它与定制帖子类型兼容。它也可以与其他已安装的插件一起工作,包括 SEO 插件来利用你已经在使用的标记。

这个插件使用 JSON-LD(一种轻量级链接数据格式),这是 Google 推荐的格式,Bing 也支持。注意审查标记不包含在核心模式插件中。然而,有一个免费的模式审查配套插件将增加这一功能。

让我们看看如何设置模式插件。

通过进入插件>添加新的并搜索模式,以通常的方式安装它。点击安装,然后激活

Installing the Schema plugin

Installing the Schema plugin

一旦插件安装并激活,进入模式>设置开始添加模式标记到你的站点。填写基本信息,如“关于”和“联系人”页面的位置,并添加徽标。

然后,点击快速配置向导按钮开始设置。

Schema Quick Configuration Wizard

Schema Quick Configuration Wizard

按照向导进行操作,提供关于您的网站和您的社交媒体资料的信息,然后单击末尾的按钮编辑您的自定义帖子类型。

Editing schema types

Editing schema types

通过点击添加新的按钮并填写详细信息,将您网站中的任何额外的自定义帖子类型添加到列表中。您还可以使用此屏幕向类别添加模式标记。查看插件文档,了解一些更高级的使用功能

如果您想进一步调整您的设置,请转到设置选项卡。你也可以通过进入模式>扩展来添加扩展。在这里,你可以为的 WooCommerce 添加额外的插件,以及其他插件。您还可以安装模式插件的高级版本,它包括以下额外功能:

  • 选择 schema.org 脚本标记的输出位置。
  • 缩小脚本。
  • 向您的管理工具栏添加一个链接,用于测试 schema.org 标记。
  • 启用属性说明。
  • 将 schema.org 标记添加到帖子类型归档和标签归档。

另一种快速简单的方法来缩减脚本和提高你的整体优化,也考虑缩减你的代码。Kinsta 已经在 MyKinsta 仪表板 中内置了一个 代码缩小功能 ,允许客户通过简单的点击实现 CSS 和 JavaScript 的自动缩小

Schema Premium plugin

Schema Premium plugin

如果您的站点需要高级模式标记,您可能会发现额外付费是值得的。

Schema Pro 插件

另一个高级插件是 Schema Pro 插件,它将为你的 WordPress 站点添加高级模式标记。

Schema Pro plugin

Schema Pro plugin

其特点包括:

  1. 支持多种数据类型。
  2. 完全自动化,所以模式数据被添加到新的和现有的职位和页面。
  3. 支持自定义文章类型、分类和归档。
  4. 自定义字段支持。
  5. 扩展它并添加更多标记的能力。

排名靠前的网站选择 Kinsta 来处理他们从搜索中获得的高流量。免费试用 kin sta

替代插件

Schema 和 Schema Pro 并不是唯一能给你的网站添加 schema.org 标记的插件。其他包括:

通过 Yoast SEO 插件添加模式标记

如果你已经在你的 WordPress 站点上使用了 SEO 的 Yoast 插件,好消息是你可以使用这个插件来添加模式标记。它不像上面列出的一些高级插件那样添加那么多标记,也不专用于模式标记,但这意味着您不必安装和配置额外的插件。

让我们来看看这是如何工作的。

当您第一次安装 Yoast 时,您会被要求提供网站所代表的实体以及社交媒体链接等信息。这都是向你的 WordPress 站点添加模式标记的一部分。

首先,你会被问到这个网站代表什么类型的组织。

Yoast wizard - website type

Yoast wizard – website type

然后你会被问到这个人或组织的名字。如果是一个组织,你还需要上传一个标志。在下面的截图中,我选择了一个用户作为网站代表的人。如果您需要更改此人的详细信息,您可以通过其个人资料页面进行更改。

Assigning a user as the person the site represents

Assigning a user as the person the site represents

如果你的网站代表一个没有用户帐户的人,你有两个选择。要么选择 Organization 选项并填写详细信息,就好像此人是一个组织,要么设置一个用户帐户,其电子邮件地址是您自己的别名,这样您的客户就不会开始从系统接收电子邮件。

如果您需要随时更新您的网站所代表的实体类型,请进入 SEO >搜索外观并选择常规选项卡。向下滚动到【Schema.org】的知识图表&部分,并在那里填写正确的详细信息。

如果你的站点代表一个个人,你可以从下拉列表中选择一个用户,插件将从用户的个人资料中提取关于该用户的信息。因此,如果是你,请确保在你的用户资料中填写你的姓名和社交媒体账户信息。

Editing schema.org markup in Yoast

Editing schema.org markup in Yoast

如果该站点代表一个没有用户帐户的组织或个人,您只需输入该个人或组织的信息,而无需选择用户。为此,请访问 SEO > Social

一旦你设置了网站类型,Yoast 会自动添加数据类型和模式标记到你的 WordPress 站点。

Yoast 如何向你的 WordPress 站点添加模式标记的例子包括:

  • 完整的实体图,基于您站点中的内容类型和站点类型的设置。这是您站点中的实体和内容类型的列表,当您在 Google 结构化数据测试工具中测试时会显示出来。
  • 用文章和作者数据类型标记单个帖子和页面。
  • 用适当的数据类型标记归档页面,例如用于分类和日期归档的 CollectionPage 和用于作者归档的 ProfilePage。
  • 将搜索结果标记为 SearchResultsPage。

另一个有趣的特性是 Yoast 结构化数据块。你可以使用这些来添加常见问题,如何到你的文章或页面,相关的模式标记将被用来告诉搜索引擎它们是什么。

Yoast structured data blocks

Yoast structured data blocks

您还可以使用 Yoast 附加组件添加额外的模式标记,例如使用本地 SEO 附加组件添加位置数据类型,使用新闻 SEO 附加组件添加新闻数据。

如何向 WooCommerce 商店添加模式标记

如果你正在运行一个 WooCommerce 商店,实现模式标记会带来更多的好处。如果搜索引擎完全了解你的商店卖什么和它的主要市场在哪里,他们更有可能向你想要的访问者展示你的商店。因此,为你的 WooCommerce 商店添加模式标记来增强 SEO 是值得的。

为什么要在存储中添加模式标记?

将模式标记添加到您的存储中告诉人们两件重要的事情。

第一个是品牌:组织类型及其子类型将告诉搜索引擎这个网站是为哪个商店服务的,它是哪种零售商。您还可以使用本地业务的数据类型来吸引本地客户。

您还可以使用模式标记来标记您的文章类型。这样,搜索引擎就知道你在卖产品。这最大化了你进入购物搜索结果的机会。

通过专门的 WordPress 插件向 WooCommerce 商店添加模式标记

有几个插件可以让你添加模式标记到你的 WooCommerce 商店:

  • Yoast WooCommerce SEO 是一个高级插件,它可以让你将类似的模式标记添加到你的商店,就像普通的 Yoast 插件可以让你添加到一般的网站一样。
  • WordLift 的电子商务搜索引擎优化增加了结构化数据和扩展的产品标记,有助于让你的产品在谷歌的零售列表中更加显眼。
  • WPSSO 核心(高级)包括 WooCommerce 商店的电子商务加价。它有一个基于你运行的 WordPress 安装数量的费用结构。
  • 模式 WooCommerce 是一个 WooCommerce 扩展,用于我们上面已经看过的模式插件,它将相关的模式标记添加到你的电子商务商店中。

如何手动添加模式标记到 WordPress

向你的 WordPress 站点添加模式标记的最后一个选择是手动完成,不需要插件。这样做的好处是不需要额外的代码,但是需要更多的工作。

你可以通过编辑你的主题中的模板文件来做到这一点。

例如,如果您有一个输出单个帖子的 loop-single.php 文件,该文件可能包含如下代码:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

 <h2 class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
 ?>                  
 <?php } ?>

 <section class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

您可以编辑代码以包含模式标记,如下所示:

<article itemscope itemtype ="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

 <h2 itemprop="name" class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
  ?>                  
  <?php } ?>

 <section itemprop=”articleBody”>class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

例如,您可能会添加更多内容到专题图片和任何元数据中。在Schema.org 网站上找出哪些项目类型和属性适用于您的内容。

然后,您需要向每个模板文件添加相关的标记,或者在您的主题中包含文件,包括您的 header.php 文件。

一旦你这样做了,它将自动添加到使用该模板文件的每个页面。您可能会发现需要为使用层次结构中较高位置的文件的 post 类型添加额外的模板文件,但这只是意味着复制和重命名现有文件,然后添加模式标记。

测试您的模式标记

一旦你在你的 WordPress 站点上添加了模式标记,或者在你做比较之前,测试它是一个好主意。

使用谷歌结构化数据测试工具

在 web 浏览器中打开该工具,然后输入您站点的 URL。一些插件会给你一个按钮,链接到 WordPress 仪表盘的右边。

Google 的测试工具将指出模式标记的哪些方面出现在您的站点中,哪些方面缺失。如果有你认为需要的缺失,你可以返回并调整你的插件设置或者手动添加缺失的标记。

Schema markup and SEO go hand in hand 🤝 Learn how you can improve your site's ranking with this in-depth guide 🚀Click to Tweet

摘要

给你的 WordPress 站点添加模式标记会给你一个 SEO 提升,因为它会告诉搜索引擎更多关于你的站点和它存在的上下文。在搜索引擎的列表页面上直接显示相关信息可能是销售成功与否的关键。

大多数网站还没有使用模式标记,所以如果你花一点时间来添加它,你将立刻领先于你的竞争对手。你可以手工操作,使用像 Yoast 这样的 SEO 插件,或者在你的站点上安装一个专用的模式插件。

现在问你:你在你的站点上利用模式标记了吗?请在评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。**

2022 年你应该关注的 13 大脚本语言

原文:https://kinsta.com/blog/scripting-languages/

脚本语言是一种特定类型的计算机语言,可用于向其他软件(如 web 浏览器、服务器或独立应用程序)发出指令。当今许多最流行的编码语言都是脚本语言,比如 JavaScript、 PHP 、Ruby、Python 以及其他一些语言。

由于脚本语言使编码更简单、更快速,所以它们被广泛用于 web 开发就不足为奇了。

然而,这并不是他们唯一的应用领域。还有用于操作系统、统计分析软件、办公应用程序、游戏引擎和许多其他平台的脚本语言。

什么是脚本语言?

脚本语言可以在特定的运行时环境中执行不同的动作,例如自动化任务执行、增强父软件的功能、执行配置、从数据集中提取数据等等。

脚本语言可以通过两种方式产生:

  1. 运行时环境可以引入自己的脚本语言,比如用于 GNU 操作系统的 Bash 或者用于 Microsoft Office 应用程序的 VBA。
  2. 运行时环境可以采用现有的脚本语言,例如, MongoDBmongo shell 是围绕 JavaScript 构建的

另一方面,有时是脚本语言先存在,它产生了自己的父平台——不管这听起来有多奇怪。

这就是在 Node.js 的例子中发生的事情,这是一个后端运行时环境,它被创建来允许 web 开发人员不仅在前端也在后端使用 JavaScript,遵循“JavaScript 无处不在”的范式。

If you're thinking about learning a new scripting language, check out this guide to the top 13 options 💻....then get to studying 🤓Click to Tweet

脚本在编程中是什么意思?

脚本编写的动作本质上是编写一系列命令,由应用程序或脚本引擎逐一解释。尽管脚本指导平台做什么(给它一个脚本来读取和解释),但是执行是由运行时环境而不是脚本语言本身来完成的。

这就是脚本语言与 Java 等编程语言的不同之处,Java 可以“编写一次,在任何地方运行”(Java 的官方口号,意思是 Java 程序可以在任何环境下作为独立的应用程序运行;自从被创造出来,它也成为了指跨平台能力的 WORA 原则

脚本语言与编程语言

虽然“脚本语言”和“编程语言”这两个术语经常互换使用,但它们不是一回事。

特定于平台与平台无关

脚本语言是特定于平台的,而编程语言是平台无关的(跨平台的),因为它们具有自我执行的能力。例如,你可以在任何操作系统上运行 Java 程序。

(主要)解释与编译

虽然编程语言是编译的,但脚本语言大多是解释的——即使有一些脚本语言既编译又解释,如 Python 和 Groovy。

“编译”意味着编程语言有自己的编译器,在运行前将语法翻译成机器代码。相反,脚本语言在运行时由运行它们的平台的解释器逐行解释。

运行时更快与更慢

由于这种实现上的差异,编程语言比脚本语言运行得更快,因为它们不需要实时编译。编译器也会在执行前执行集体错误处理,而解释器会逐行评估代码,所以每次遇到错误时都会暂停(或者完全停止)。

这也增加了脚本语言的总执行时间,即使在现代和更快的硬件上,这也不像以前那样是个问题。

更多与更少的代码密集型

编程语言更加代码密集,因为在脚本语言的情况下,您必须手动做许多由平台处理的事情。如果你使用脚本语言,你必须写更少的代码

独立应用与作为堆栈一部分的应用

有些事情是脚本语言无法完成的。最重要的是,你不能用脚本语言创建独立的桌面和移动应用程序,因为没有解释它们的运行时环境。

例如,你可以只为网站和网络应用程序使用 PHP 框架,比如 WordPressLaravel ,因为它们使用网络浏览器作为运行时环境。类似地,WordPress 移动应用程序运行在移动运行时环境中,例如 Capacitor ,它整合了 web 视图。

脚本与编程语言—差异概述

因此,脚本语言和编程语言之间的主要区别如下:

| 脚本语言 | 编程语言 |
| 特定于平台 | 平台无关(跨平台) |
| (大部分)解读 | 编辑 |
| 运行时较慢 | 运行时更快 |
| 代码量较少 | 代码更加密集 |
| 将应用创建为堆栈的一部分 | 创建独立的应用程序 |

关于脚本语言的困惑

关于脚本语言,您会经常遇到一些困惑,所以在学习最好的脚本语言之前,让我们先来看看它们。

最重要的是,谈论前端和后端脚本语言没有多大意义,即使你在网上找到的许多文章都使用这种分组。

实际上,目前只有一种前端脚本语言在使用,那就是 JavaScript(以前也有其他语言,如 ActionScript 和 JScript,但现在都被否决了)。

在脚本语言的上下文中,重要的不是前端还是后端,而是脚本语言可以运行的运行时环境。

注意,“前端”只是指网页浏览器可以解释的一些东西(图像字体标记样式表脚本,另一种类型的静态文件)。例如,尝试直接从 web 浏览器打开一个 PHP 文件:你不能,因为 PHP 应用服务器必须解释它——所以 PHP 是 web 开发环境中的后端脚本语言,而服务器堆栈的应用层(例如 LAMP)是脚本语言环境中的。

除了 web 开发(前端和后端脚本),脚本语言还可以用于多种用途,如编程和配置操作系统和特定的应用程序/环境、操作数据集、自动化任务等。

脚本语言也可以在多种环境中运行。

什么不是脚本语言

在进入最好的脚本语言之前,让我们看看有时被错误地称为脚本语言的编码语言,但是你不能用它们来编写脚本:

  • 标记语言,如 HTML 和 XML。在 HTML 中,有 onclick 和 onmouseover 等用于事件处理的属性,但这些仍然是 JavaScript 回调。
  • 样式表语言,比如 CSS、Sass 等等。
  • 构建在任何脚本语言之上的任何种类的库或框架,比如 jQuery ,PostCSS,React, Vue ,Angular,Rails,Grails, Django,Laravel ,WordPress 等等。
  • 编译成脚本语言的语言,如 TypeScript 和 CoffeeScript。
  • SQL 用于管理关系数据库管理系统(RDBMS)中的数据,如 MySQL 和 MariaDB 。他们不让你写动态功能。然而,许多 RDBMSs 都有允许你使用脚本语言的外壳(例如在 MySQL 外壳中的 JavaScript 或 Python)。
  • 一种或多种脚本语言的运行时环境,如 NodeJS。

13 种最佳脚本语言

有许多优秀的脚本语言值得在本指南中提及,但是它们已经不再处于活跃的开发阶段。然而,以下 13 种脚本语言会定期更新,并且也在生产中使用

因此,如果你正在考虑学习一门新的脚本语言作为新的职业道路,它们都值得一试。

1.JavaScript/ECMAScript

JavaScript

JavaScript

JavaScript 是定义 ECMAScript (ES)通用脚本语言的 ECMA-262 标准的实现。换句话说,JavaScript 是 ECMAScript 语言的一种方言,因此它没有独立的规范,而是使用与 ECMAScript 相同的语法

JavaScript 具有一级函数(函数被视为变量),支持基于原型的面向对象编程(现有对象被重用为原型)。

代码示例

ECMAScript 使用花括号语法。下面的 JavaScript 代码示例将 1 到 10 的数字相加,并将结果输出到控制台(您可以通过按 F12 在 web 浏览器的 JavaScript 控制台中测试它):

let total = 0, count = 1;

while (count <= 10) {
    total += count;
    count += 1;
}

console.log(total);
// 55 

来源:Marijn Haverbeke 的雄辩 JavaScript:简介

使用案例和环境

JavaScript 是现代网络浏览器使用的脚本语言,如 Chrome 的 V8 引擎和 Mozilla 的蜘蛛猴引擎。此外,前端 web 开发,它也可以用于非浏览器环境。已经创建了 NodeJS 运行时环境,使 web 开发人员能够在后端使用它。

一些 NoSQL 数据库管理系统的外壳,如 MongoDBApache CouchDB ,以及一些关系数据库管理系统,如前面提到的 MySQL 外壳,也将其作为脚本语言。

2.服务器端编程语言(Professional Hypertext Preprocessor 的缩写)

PHP

PHP

PHP 是一种用于后端 web 开发的通用开源脚本语言。首字母缩略词最初代表“个人主页”,因为 PHP 最初是为了给静态 HTML 页面添加动态功能而创建的。

从那以后, PHP 将发展成了一门独立的语言,所以现在这个缩写词在‘超文本预处理器’的意义上被使用。PHP 是松散类型的(您不必声明变量的数据类型),可以嵌入到 HTML 文档中,并且还具有面向对象的特性。

代码示例

PHP 有一个类似 C 的语法。下面的 PHP 代码示例创建一个包含四个元素的数字数组,遍历它们,将每个元素乘以 2,并在循环结束时取消设置$value变量。

<?php
$arr = array(1, 2, 3, 4);

foreach ($arr as &$value) {
   $value = $value * 2;
}
// $arr is now array(2, 4, 6, 8)

unset($value);
?> 

来源: PHP 文档:控制结构

使用案例和环境

PHP 可以在不同的 HTTP 服务器上执行,其中 ApacheNginx 是最受欢迎的。

最常见的 PHP 服务器栈有 LAMP (Linux,Apache,MySQL,PHP),LEMP (Linux,Nginx,MySQL,PHP — 被 Kinsta 使用),WAMP (Windows,Apache,MySQL,PHP),MAMP (macOS,Apache,MySQL,PHP)。

许多流行的内容管理系统 (CMS)也使用它,如 WordPress、 DrupalJoomla ,以及 web 应用框架,如 Laravel、Symfony 和 CodeIgniter,它们都建立在 PHP 语言之上,并通过额外的功能来增强它。

你也可以使用 PHP 进行本地 WordPress 开发。查看我们关于 Javascript 和 PHP 主要区别的深度指南。

3.计算机编程语言

Python

Python

Python 是目前 GitHub第二流行的编码语言(仅次于 JavaScript)。它因其清晰简洁的语法而受人喜爱——当用 Python 编码时,你需要键入的内容比大多数语言少得多。

Python 是一个免费的开源项目,由 Python 软件基金会管理。它支持结构化的、面向对象的和函数式的编程范例,并且有一个广泛的标准库,它是常用 Python 模块的集合。

代码示例

Python 不使用花括号,分号是可选的,所以代码易于读写。以下 Python 代码示例遍历 0 到 4 之间的整数,并将其打印出来:

count = 0
while count < 5:
   print(count)
      count += 1 

来源:学习 Python: Loops

使用案例和环境

最流行的 Python 实现是用 C 语言编写的 CPython 。它也是与 Python 语言一起下载的参考实现。尽管 Python 是一种解释型语言,但 CPython 同时使用了编译和解释步骤。首先,它将源代码编译成它在运行时解释的字节码(不同于机器码)。

除了 CPython 之外,Python 还有其他运行时环境,最重要的是省略了编译步骤,只做 JIT(实时)解释的 PyPy 。Python 实现是跨平台的,这意味着它们可以在多种操作系统上运行,包括 Linux、Windows 和 macOS。

Python 语言经常用于机器学习、后端 web 开发( Django 是最流行的 web 框架)、数据分析、自动化、科学计算和 web 抓取

要找到学习 Python 的最佳方法,请查看我们在 Python 教程 上的博文。

4.红宝石

Ruby

Ruby

Ruby 是一种开源的通用脚本语言,语法简洁易读。它遵循面向对象编程的原则,让你编写干净且符合逻辑的代码,使它成为最容易学习的编程语言之一。在 Ruby 中,一切都是对象——甚至是大多数语言中的基本类型,比如布尔和整数。

面向对象的概念,如继承、混合和元类也被大量使用。

虽然 Ruby 有一个纯面向对象的设计,但是它也支持过程化编程(在类之外定义的函数和变量属于Self对象)和函数式编程(通过匿名函数、闭包和延续)。

代码示例

Ruby 有类似 Python 的简洁语法。下面的 Ruby 代码示例将KaraokeSong类定义为Song类的子类:

class KaraokeSong < Song
   def initialize(name, artist, duration, lyrics)
      super(name, artist, duration)
      @lyrics = lyrics
   end
end 

来源:编程 Ruby 参考指南:类、对象和变量

使用案例和环境

Ruby 主要用于后端 web 开发,支持一些健壮的 web 应用框架,如 Ruby on Rails 。许多流行的网站和应用程序都运行在 Ruby on Rails 上,如 Airbnb、 ShopifyGitHub 和 Hulu。

Ruby 也是许多流行的 web 开发工具的编写语言,最著名的是 Sass CSS 预处理器、 Jekyll 静态网站生成器和流浪者虚拟机环境。

Ruby 的默认实现是 YARV(另一个 Ruby 虚拟机)。它改变了 Ruby 的原始解释器 Matz 的 Ruby 解释器(也称为 Ruby MRI 或 CRuby)因速度和可伸缩性问题而受到批评。

Ruby 也有几个竞争的运行时环境,比如 JRuby (让你在 Java 虚拟机上运行 Ruby)mruby(一个可以嵌入到你的应用程序中的轻量级实现)truffruby(Oracle 在 GraalVM 上构建的 Ruby 解释器) Rubinius (一个云原生的Ruby 虚拟机),以及其他

5.绝妙的

Groovy

Groovy

Groovy 是一种为 Java 虚拟机(JVM)编写的非常灵活的语言,它既可以用作脚本语言,也可以用作编程语言。这是一个由 Apache 软件基金会维护的开源项目。Groovy 是一种面向对象的语言,它扩展了 java.lang.Object 超类。

它支持静态和动态类型(类型检查可以在编译时和运行时执行),并对列表、关联数组、正则表达式和标记语言(如 HTML 和 XML)提供本机支持。

您可以将 Groovy 与现有的 Java 库一起使用。

代码示例

Groovy 有一个 Java 兼容的语法,使用花括号。下面的 Groovy 代码示例用纬度和经度属性以及getAt()方法定义了Coordinates类:

@Immutable
class Coordinates {
   double latitude
   double longitude

   double getAt(int idx) {
      if (idx == 0) latitude
      else if (idx == 1) longitude
      else throw new Exception("Wrong coordinate index, use 0 or 1")
   }
} 

来源: Groovy 文档:语义

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

使用案例和环境

随着 Groovy 编译成 Java 字节码,您可以将它作为类似于 Java 的通用编程语言来使用。在这种情况下,可以在运行之前使用 groovyc 编译器(相当于 javac)将源代码编译成字节码。

然而,也有许多 Groovy 实现允许您将它用作脚本语言。最流行的是 Grails web 应用框架(以前被称为 Grails 上的 Groovy)和 Gradle 构建自动化工具,但是还有和其他几个工具。

6.Perl 语言

Perl

Perl

Perl 是一种通用脚本语言,已经存在了三十多年(从 1987 年开始)。最初,它是作为用于报表处理的 UNIX 脚本语言而创建的。这也是它的名字的来源,Perl 缩写代表“实用提取和报告语言”。

Perl 语言在 20 世纪 90 年代开始流行,当时程序员开始广泛使用它来编写 CGI(通用网关接口)脚本,这是一种用于 web 服务器的较老的接口规范(目前,它主要由遗留站点使用)。

尽管是一个相对早期的玩家,Perl 仍然在 TIOBE 索引中排名第 11 位,在 GitHub 最受欢迎的语言中排名第 21 位(截至 2020 年 10 月)。

代码示例

Perl 的语法类似于 C 语言。下面的 Perl 代码示例首先定义了计算并返回数字平方的square()子例程,然后将值 8 作为参数传递,运行子例程,并将结果保存到$sq变量中:

sub square {
   my $num = shift;
   my $result = $num * $num;
   return $result;
}

$sq = square(8); 

来源: Perl 文档:Perl 简介

使用案例和环境

尽管现在 Perl 不是 web 开发人员最常用的选择,但它可以成功地用于后端开发。除了 CGI 运行时环境之外,它还在 Apache 和 Nginx web 服务器 T1 上运行 LAMP 栈实际上是 LAMPP,代表 Linux、Apache、T2、MySQL、PHP 和 Perl。

也有一些 Perl web 开发框架,其中最流行的是 CatalystMojoliciousDancer

Perl 被几个著名的网站和应用程序使用,比如 Amazon、IMDB、Booking.com 和 BBC iPlayer。它也用于其他领域,如网络编程和系统管理。您还可以查看全面的 Perl 归档网络(CPAN) ,这里有 25,000 多个开源 Perl 项目可供您下载。

7.左上臂

Lua

Lua

Lua 是一种快速、轻量级的脚本语言。“lua”一词在葡萄牙语中是“月亮”的意思,因为该语言是由巴西里约热内卢天主教大学开发和维护的。Lua 支持过程化、面向对象和函数式编程范例。

由于 Lua 的解释器是用 C 语言编写的,使用它的 C API 可以很容易地将它嵌入到应用程序中。也就是说,您可以使用 Lua 来扩展用 C、C++、C#、Java、Perl、Ruby 等基于 C 的语言编写的现有应用程序。

代码示例

Lua 有一个简洁易读的语法,类似于 Python 和 Ruby。下面的 Lua 代码示例展示了如何使用if-then-else语句。首先,它评估op变量,然后根据它的值执行基本的算术运算:

if op == "+" then
   r = a + b
elseif op == "-" then
   r = a - b
elseif op == "*" then
   r = a * b
elseif op == "/" then
   r = a / b
else
   error("invalid operation")
end 

来源:Lua 参考指南中的编程:语句

使用案例和环境

默认的 Lua 实现并不直接解释源代码,而是先将其编译成字节码,然后在 Lua 虚拟机上执行。因为所有这些都发生在运行时,所以不需要执行手动编译步骤(尽管您可以选择在运行前编译 Lua 来提高性能)。

还有其他的 Lua 实现,比如 LuaJITLuaVela ,以及许多其他的

Lua 经常被用于开发视频游戏,如愤怒的小鸟、魔兽世界和 Grim Fandango。由于易于嵌入,它也是机顶盒、汽车仪表板(如沃尔沃)、IP 摄像头(如思科)等嵌入式设备的常用选择。

它也可以用于 web 开发,因为 Apache 和 Nginx 服务器都有 Lua 模块(这里是 Apache 的 mod_lua ,这里是 Nginx 的 ngx_http_lua_module )。维基百科选择 Lua 作为其模板脚本语言,Adobe Photoshop Lightroom 的 UI 也是用 Lua 编写的。

8.尝试

Bash

Bash 是 GNU 操作系统的命令行解释器(shell)和脚本语言的名字。“Linux”实际上是使用 Linux 内核的 GNU 操作系统(内核是操作系统的核心部分,它是操作系统加载的第一个程序)。

它是最初的 UNIX Bourne shell (sh) 的替代品 Bash 首字母缩略词代表“Bourne Again SHell”(是“born again shell”的双关语)。

除了作为 Bourne shell 语法的超集,Bash 还包括其他 shell 脚本语言的特性,如 KornShell (ksh)C shell(csh)——例如,命令行编辑和命令历史。您可以在交互模式(一次执行一个命令并等待机器的回复)和脚本模式(一次运行一组命令—一个 Bash 脚本)下使用 Bash。

代码示例

像大多数脚本语言一样,Bash 有一个简单的描述性语法。以下 Bash 代码示例从当前文件夹中选择一个文件,并输出包含该文件的名称和索引的消息:

select fname in *;
do
   echo you picked $fname \($REPLY\)
   break;
done 

来源: Bash 参考手册:条件构造

需要为您的客户站点提供超快的、安全的、开发人员友好的托管服务吗?Kinsta 是为 WordPress 开发者设计的,提供了大量的工具和强大的仪表板。查看我们的计划

使用案例和环境

您可以使用 Bash 进行更改并执行与您的操作系统相关的不同操作,例如执行命令,执行大多数人会使用图形用户界面执行的任务(例如创建、移动或删除文件夹和文件),定制和自动化管理任务连接到远程服务器,以及许多其他任务

Bash 是许多基于 Unix 的操作系统的默认 shell,包括大多数 Linux 发行版和所有 macOS 版本,直到 2019 年用 Z shell (Zsh) 取代 Bash 的 macOS Catalina 。你也可以在 Windows 10 上运行 Bash 脚本,使用微软开发的Windows Subsystem for Linux(WSL)兼容层。

9.PowerShell

PowerShell

最初, PowerShell 是一个命令行 Shell 和脚本语言,专门用于 Windows 操作系统。此后,微软开源并把它从搬了出来。NET 框架,它只能创建 Windows 应用程序,给。NET Core ,可以为 Windows、Linux、macOS 创建应用。这意味着 PowerShell 现在是跨平台的。

也从 Windows PowerShell 更名为 PowerShell Core,对应底层框架。与大多数命令行 Shell 不同,PowerShell 接受并返回。NET 对象而不是纯文本,这为任务自动化提供了新的机会。

代码示例

PowerShell 具有紧凑的语法,使得在命令行中工作更快。下面的 PowerShell 代码示例创建 boot.ini 文件的备份,并将其保存到 boot.bak 文件中:

Copy-Item -Path C:\boot.ini -Destination C:\boot.bak

来源: PowerShell 文档:使用文件和文件夹

使用案例和环境

您可以在 Windows、Linux、macOS 操作系统和一些 ARM 设备(如可穿戴设备、多媒体播放器、平板电脑和其他消费电子设备)上使用 PowerShell。

您可以使用 PowerShell 进行系统管理、任务自动化和配置管理。要找到 PowerShell 模块和脚本,你也可以查看 PowerShell 图库和微软官方样本脚本集

10.稀有

R

R 是一个软件环境和脚本语言,可以用于统计计算、数据分析和图形显示。这是一个免费的开源 GNU 项目,也是统计计算语言的一个实现(不再处于开发中)。

r 允许您使用许多不同的统计技术,比如经典的统计测试、聚类、时间序列分析、线性和非线性建模等等。

代码示例

R 的语法不同于大多数脚本语言,也有一些不寻常的元素——例如,主要的赋值操作符是<-而不是=等号,并且它有无循环的循环——参见 Sharon Machlis 的《R 的初学者指南》中关于 R 语法的更多古怪之处。

下面的 R 代码示例为fruit向量(包含相同类型元素的 R 中的基本数据结构)定义了一个names属性,该属性使用字母数字名称(orangebananaapplepeach)来帮助标识其组成部分。稍后,lunch(或另一个)子向量可以使用别名访问每个组件:

> fruit <- c(5, 10, 1, 20)
> names(fruit) <- c("orange", "banana", "apple", "peach")
> lunch <- fruit[c("apple","orange")] 

来源:R 简介:索引向量;选择和修改数据集的子集

使用案例和环境

R 软件环境是跨平台的;您可以在 Windows、Linux 和 macOS 操作系统上运行它。默认的 R 实现也可以从其他一些脚本语言中获得,比如 PythonPerl 。这意味着您可以使用这些脚本语言访问 R 的所有统计功能。

除了默认的 R 环境,您还可以在其他环境中使用 R 脚本语言,比如 pqR (代表“R 的快速版本”)和 Renjin (基于 Java 虚拟机的 R 实现)。

11.VBA

VBA

VBA 代表 Visual Basic for Applications,它是 Visual Basic 6 编程语言的一种实现(自 2008 年以来一直未进行开发)。它是为 Microsoft Office 应用程序创建的,使开发人员能够自动执行重复性任务、添加新功能以及与文档的最终用户进行交互。

与 Visual Basic 类似,VBA 遵循事件驱动的编程范式,将用户操作等事件置于驱动程序流程的中心。

由于 Microsoft Office 应用程序具有图形用户界面,您可以将 VBA 脚本附加到菜单按钮、键盘快捷键、宏(可编程模式)和 OLE 事件(对象链接和嵌入,让您可以从一个应用程序控制另一个应用程序;这是微软的专有技术)。

代码示例

由于 VBA 是基于 Visual BASIC(它是 Basic 的增强版),它使用的语法类似于 Basic(初学者的通用符号指令代码)家族的语言——这意味着它对初学者非常友好。

下面的 VBA 代码示例使用SignatureInfo对象的 GetCertificateDetail() 方法来获取数字证书的截止日期:

Sub GetCertDetails()
Dim objSignatureInfo As SignatureInfo
Dim varDetail As Variant

strDetail = objSignatureInfo.GetCertificateDetail(certdetExpirationDate)

End Sub 

来源: Office VBA 参考:SignatureInfo 对象

使用案例和环境

VBA 脚本语言嵌入到大多数微软 Office 应用程序中,分别是 Access、Excel、Office for Mac、Outlook、PowerPoint、Project、Publisher、Visio 和 Word——每一个都在微软的文档网站上有一个单独的参考指南,而一般的 VBA 概念在图书馆参考中有详细说明。

除了微软 Office 应用,还有其他应用也支持 VBA,比如 AutoCADCorelDRAW

12.Emacs Lisp

Emacs Lisp

Emacs Lisp 是为 GNU Emacs 文本编辑器设计的特定领域脚本语言。它是 Lisp 编程语言家族的一种方言(这个名字来自 LISt Processor)。

由于 Emacs Lisp 被设计为在一个代码编辑器中使用,它带有一个特定于该环境的特性集,比如文本扫描和解析、缓冲(带有可编辑文本的对象)和显示管理等等。

Emacs Lisp 脚本语言与编辑器接口本身紧密集成,因此每个命令也是一个 Lisp 函数,您可以从脚本中调用它,定制参数也是 Lisp 变量。

代码示例

Emacs Lisp 的语法基于一个完全用括号括起来的前缀符号,如果您以前没有使用过任何 Lisp 语言,一开始可能会有点难以理解。

下面的 Emacs Lisp 代码示例定义了两个变量(符号),并为每个变量分配了一个值列表—符号trees对应一个树列表(pinefiroakmaple,符号herbivores对应一个食草动物列表(gazelleantelopezebra):

(setq trees '(pine fir oak maple)
   herbivores '(gazelle antelope zebra)) 

来源:Emacs Lisp 编程入门:设置变量值

使用案例和环境

Emacs 文本编辑器是一个跨平台的应用程序,可以安装在 Windows、Linux 和 macOS 机器上。

使用 Emacs Lisp 脚本语言,您可以扩展和定制代码编辑器,重复和自动化流程,创建图形,将焦点限制在特定区域(用于安全保护,搜索正则表达式,存储文本,定义模式和键映射,向用户提问,以及执行许多其他操作。

还有一些 Emacs Lisp 的配置框架——Doom EmacsSpacemacs 是最知名的。

13.生长调节血清三肽

GML

首字母缩略词 GML 代表游戏制作者语言。这是游戏开发中使用的特定领域脚本语言的一个很好的例子。GML 是属于 GameMaker Studio 2 的专有脚本语言,是由 YoYo Games 拥有和维护的跨平台游戏引擎和开发平台。

尽管 GML 主要用于控制游戏对象,但它不是一种面向对象的语言,而是一种过程语言。它允许你从任何游戏对象调用自定义脚本。

除了 GML 脚本语言,GameMaker Studio 2 还有一个可视化脚本工具,叫做【DnD】。由于 GameMaker Studio 2 的灵活性,您也可以将 DnD 与 GML 脚本混合使用。

代码示例

GML 的语法类似于 JavaScript 和其他类 C 语言。

下面的 GML 代码示例使一个游戏对象以每步 5 个像素的速度向屏幕上的鼠标指针水平移动。一旦它到达指针的当前位置,脚本创建一个爆炸效果层,运行它(屏幕上有一个爆炸效果),然后销毁实例(爆炸效果被移除):

if mp_linear_step(mouse_x, mouse_y, 5, 0) {
   instance_create_layer(x, y, "Effects", obj_Explosion);
   instance_destroy();
} 

来源:GameMaker Studio 2 Docs脚本GML 参考运动与碰撞——运动规划

使用案例和环境

GameMaker Studio 2 解释说,如果你想用这种脚本语言开发游戏,你需要购买 GML。

定价取决于你想为其开发游戏的平台——Mac 和 Windows 游戏是最便宜的;跨平台(Windows、macOS、Ubuntu)桌面游戏、HTML5 网页游戏、UWP(通用 Windows 平台)游戏、跨平台(Android、Fire、iOS)手机游戏处于中端;PS4、Xbox One 和任天堂 Switch 是最贵的。

一些用 GML 创作的视频游戏的例子包括黑洞10 秒忍者 X死亡之战Deltarune 以及其他几个。

Ready to learn another scripting language? 👩‍💻These 13 options are regularly updated and used in production, which makes them a great addition to your resume. 💼Click to Tweet

摘要

毫无疑问,脚本语言是迷人的。它们有许多不同的变体、语法和实现,可以用于很多事情。

构建动态网站,到自动化系统管理,到创建视频游戏,等等。

关于脚本语言,需要记住的三件最重要的事情是:

它们不能独立运行,但总是需要一个带有该脚本语言解释器的环境(实现、运行时)。

有时,您可以使用通用脚本语言来访问主要为其他编程或脚本语言创建的环境和平台。想想 JRuby(让你在 Java 虚拟机上运行 Ruby)、Renjin(也在 JVM 上实现 R)、Rpy2(你可以从 Python 使用的 R 接口)就是很好的例子。

最后,在学习一门新的脚本语言之前,使用 TIOBE indexGitHut 来检查它当前的流行程度总是一个好主意。

根据它,你还会发现或多或少的示例脚本、 GitHub 库、模块库、参考指南、详细的手册和应用展示,它们将帮助你开始使用这种语言……并获得报酬更高的项目和工作


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年前 14 大安全电子邮件提供商

原文:https://kinsta.com/blog/secure-email-providers/

电子邮件是我们日常生活的一大部分。了解所有的安全电子邮件提供商是非常重要的。

普通人每天花超过五个小时查看他们的工作和个人邮件。

尽管电子邮件很有价值,也很高效,但它并不十分安全。至少如果你使用的是标准的电子邮件提供商,比如 Gmail 或者 Outlook。

电子邮件是黑客获取您公司数据的最简单方式之一。为了保护您的电子邮件和每天发送的所有信息,您需要一个安全的电子邮件提供商。

本文介绍了 14 大安全电子邮件提供商,并帮助您选择适合您企业的提供商。

什么是安全的电子邮件提供商?

一个安全的电子邮件提供商有一些功能可以保护你的电子邮件帐户和邮件内容的安全。

通常,这是通过端到端加密来实现的。端到端加密意味着电子邮件在从发件人到收件人的整个过程中都是加密的。

A graphic showing end-to-end encryption

端到端加密。(来源:需求预测 )

然而,安全电子邮件没有标准定义——任何电子邮件提供商都可以自称为安全的。

出于这个原因,当你选择一个安全的电子邮件提供商时,你必须注意加密的类型和使用的其他安全措施。

为什么你需要一个安全的电子邮件提供商?

为了理解为什么安全的电子邮件是必不可少的,让我们来看看当你从一个标准的提供商如 Gmail 发送电子邮件时会发生什么。

并不是说 Gmail 没有安全功能。从 Gmail(和许多其他主要提供商)发送的电子邮件使用传输层安全 (TLS)加密来加密在您的计算机和服务器之间传输的邮件。

一旦它们到达服务器,谷歌就在网络层对数据进行加密。但是谷歌自己有权限。

它不再像 2017 年之前那样阅读你的电子邮件来为你提供广告。但谷歌仍会扫描你的电子邮件内容,以提供智能回复等功能。

Gmail 或其他提供商也很容易让第三方访问你的电子邮件。

因此,现在你的电子邮件正在离开谷歌的服务器,前往其目的地。如果收件人的电子邮件提供商也使用 TLS,该电子邮件将像大多数主要电子邮件服务一样,在传输过程中继续受到保护。

但是,如果收件人不使用 TLS,邮件将是不加密的,很容易被拦截。

即使电子邮件在传输过程中受到保护,一旦到达收件人的电子邮件服务器,它也可能不安全。有些邮件提供商根本不在服务器上加密邮件。

安全的电子邮件提供商如何保护您的电子邮件?

最安全的电子邮件提供商使用端到端加密来保护您的电子邮件。

这意味着即使是电子邮件提供商本身也无法访问你的电子邮件。唯一能阅读加密邮件的人是有身份验证的收件人。

提供商也可以使用发件人政策框架(SPF) 来验证电子邮件并进一步保护您。

使用 SPF,当有人试图代表您发送一封不是来自有效 IP 地址的电子邮件时,收件人将被通知该电子邮件来自一个未经授权的用户,他们可以选择拒绝它。

你必须改变你的电子邮件地址来切换到一个安全的电子邮件提供商吗?

在大多数情况下,当你更换电子邮件提供商时,你必须创建一个新的电子邮件地址

只要您的旧电子邮件帐户存在,您就可以将您的电子邮件转发到您的新收件箱。但请记住,这些转发的电子邮件通过旧提供商的服务器,所以它们不是端到端加密的。

一些安全的电子邮件提供商有额外的功能来帮助您从旧的电子邮件提供商迁移。

如何选择安全的电子邮件提供商

每个安全电子邮件提供商都有一套不同的功能。这里有一些你应该考虑的事情。

服务器位置

包括美国在内的一些国家收集和共享从电子邮件服务器收集的情报数据。

如果你比政府机构更担心黑客,这可能对你不重要。

但是对于活动家和其他不想让他们的电子邮件落入政府之手的人来说,位于瑞士、德国、比利时、挪威或瑞典的电子邮件提供商是理想的选择。他们都有更严格的隐私法。

加密

我们已经讨论了端到端加密和传输加密(如 TLS)之间的区别。

在端到端加密中,有不同的类型。

例如,您可以使用对称或非对称加密。对称加密使用单个密钥来加密和解密数据。发送者和接收者都需要这个密钥。

不对称加密(也称为公钥密码或加密)是指使用两组不同的密钥来加密数据。

发送方使用接收方的公钥加密邮件。这个公钥在数学上与只有接收者知道的私钥相关联。电子邮件可以用私钥解密。

不对称加密不如对称加密直接或快速,但它增加了另一层安全性。

双因素身份验证(2FA)

除了选择具有可靠加密的提供商之外,确保您的帐户凭证受到保护也很重要。

双重认证意味着窃取你的密码不足以进入你的电子邮件账户。您还需要另一种形式的身份验证。

一个因素是你知道的东西,比如密码。另一个是你有的东西,比如你的手机。双因素身份验证最常见的形式之一是向您发送一次性代码,与您的用户名和密码一起使用。

Example of two-factor authentication

双因素认证的例子。(来源: Imperva )

元数据头剥离

电子邮件通常包含有关收件人和发件人的电脑、浏览器和网络的元数据。

许多安全电子邮件提供商将这些信息删除。

开放源码

开源软件让用户和开发者可以使用它的源代码。这意味着任何人都可以检查产品的代码以确保其安全性。

其他加密功能

你的标准电子邮件提供商可能还会提供其他工具,比如 Google Calendar 和 Google Drive with Gmail

一些安全电子邮件提供商提供类似的功能,但它们是加密的——例如,安全日历或安全云存储。

桌面和移动设备上的可用性

您正在转向安全电子邮件进行数据加密,但这并不意味着用户体验不重要。

如果你喜欢在移动设备上查看电子邮件,选择一个在移动设备上运行良好的电子邮件提供商。你不能总是给你最喜欢的邮件客户端应用添加安全提供商。

2022 年 14 大安全电子邮件提供商

让我们来细分 14 大安全电子邮件提供商,包括它们的主要功能和定价。

1.质子机

ProtonMail 是最知名的安全电子邮件提供商。

它是开源的,位于瑞士,提供端到端的非对称加密。如果您每天发送的邮件少于 150 封,并且不需要大量存储空间,您可以免费使用 ProtonMail。

ProtonMail 的一个简洁特征是自毁邮件。您设置了电子邮件的到期日期,该日期将从收件人的收件箱中删除。

使用 ProtonMail,您的数据使用零访问加密存储。这意味着 ProtonMail 本身不知道你的密码,无法解密你的邮件。(这也意味着他们无法重置您的密码)。

ProtonMail 还为 Android 和 iOS 提供了一个移动应用程序。

ProtonMail inbox

质子邮件

主要特征

  • 位于瑞士的服务器
  • 开放源码
  • 端到端加密
  • 零访问加密
  • 自毁邮件
  • 移动应用程序
  • 付费计划的自定义域名

定价

  • 免费 : 1 个用户,500 MB 存储空间,每天 150 条消息
  • :1 个用户每月 5 美元,5 GB 存储空间,每天 1000 条消息
  • Professional:1-5,000 名用户每月 8 美元,每位用户 5 GB 存储空间,无限消息
  • 有远见的人:6 个用户每月 30 美元,20 GB,无限量信息

2.Mailbox.org

Mailbox.org 是一项安全的电子邮件服务,旨在帮助商业用户寻找谷歌或微软工具的替代品。除了电子邮件,它还提供加密的云存储、视频会议、地址簿、日历和任务规划器。

该电子邮件提供商使用 PGP 加密,这是一种公钥加密程序,已成为电子邮件加密的标准。

没有免费计划,但 Mailbbox.org 相对来说还是比较实惠的。你可以匿名注册并支付服务费用。

Mailbox.org 还以使用环保能源而自豪。

Mailbox.org inbox【Mailbox.org】T2

主要特征

  • 位于德国的服务器
  • PGP 加密
  • 加密云存储
  • 电视会议
  • 日历
  • 环保的
  • 没有免费计划

定价

  • 标准:10gb 邮件存储和 5 GB 云存储每月 3 欧元
  • Premium:25gb 邮件存储和 50 GB 云存储每月 9 欧元
  • :2gb 邮件存储 1 欧元/月,无云存储

3.轮毂点

HubSpot 通常以其一体化商业解决方案而闻名,该解决方案提供从电子邮件托管和 T2 营销服务到客户支持和内容管理的一切服务。谈到电子邮件安全,HubSpot 的工具提供了大量不同的安全措施,以确保您和您的客户的数据安全可靠。

借助 HubSpot 的营销电子邮件工具,你可以使用 SPF、DKIM、DMARC 和最新的 BIMI 认证标准来认证邮件。每当 HubSpot 传输或存储您的个人数据时,HubSpot 都会在与您的计算机交换数据时对您的数据进行加密,并使用顶级安全措施来防止对其网络的未授权或意外访问。

不仅你的电子邮件是安全的,而且 HubSpot 还保护你的整套工具,无论你是在使用他们的电子邮件、 CMS 、网站建设者等等。

HubSpot secure email provider

HubSpot

主要特征

  • 双因素身份验证(2FA)
  • 企业的单点登录(SSO)
  • SPF、DKIM、DMARC 和 BIMI 认证标准
  • 电子邮件召回
  • 一体化 CRM 解决方案
  • 与营销、销售、服务中心的数据同步

定价

  • 提供免费工具
  • 初始:$ 45/月,包括 1000 个营销联系人
  • 专业:$ 800/月,包括 2000 个营销联系人
  • 企业: $3,200/月,包括 10,000 个营销联系人

4.Zoho 邮件

Zoho Mail 有一个免费版本,任何人都可以使用,但这项服务对商业用户来说非常珍贵。工作场所计划提供了文字处理器、电子表格软件、网络研讨会平台、聊天功能和其他协作工具。

它使用一种叫做 S/MIME 的非对称加密技术来加密你在传输中和 Zoho 服务器上的电子邮件。每个用户都有一个独特的数字签名,确保电子邮件不会被欺骗。

Zoho Mail 因其易用性获得好评。通过其控制面板,您可以从一个位置管理组织中所有邮箱的设置。

Zoho Mail

Zoho Mail

主要特征

  • 分布在世界各地的服务器
  • 端到端加密
  • 日历
  • 联系门户
  • 协作工具
  • 电子邮件召回
  • 移动应用

定价

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

  • Mail lite :每月 1 美元或 1.25 美元,每月 5 GB 或 10 GB
  • 邮件溢价:每月 4 美元,每用户 50 GB
  • 工作场所:自订价格,3 美元/月起

5.图坦诺塔

Tutanota 是另一个开源的安全电子邮件提供商,提供端到端加密和双因素认证。

Tutanota 对隐私非常重视。它不使用 PGP,而是使用 AES 和 RSA 加密。这些系统使用与 PGP 相同的算法,但是它们通过组合对称和非对称密钥增加了额外的安全层。

其他安全功能包括图像屏蔽、标题剥离和网络钓鱼攻击警告。

免费计划仅供私人使用,并为您提供 1 GB 的存储空间和一个日历。

Tutanota email

主要特征

  • 位于德国的服务器
  • 端到端加密
  • 双因素认证
  • 元数据剥离
  • 加密的联系人和日历
  • 向网站添加加密的联系表单
  • 付费计划中的自定义域名
  • 无限的消息,甚至在免费版本

定价

  • 可用空间 : 1 GB 存储空间
  • 高级:1gb 存储每月 1 欧元
  • 团队:10gb 存储每月 4 欧元
  • 众多可用的附加组件

6.波斯特奥

Posteo 很受需要匿名的活动家和记者的欢迎,因为它允许你匿名注册和支付。

Posteo 对传输中和静态的数据进行加密。虽然 Posteo 默认不使用端到端加密,但是你可以选择启用它。对 POP 和 IMAP 的支持允许你在 Outlook 这样的电子邮件客户端使用 Posteo。

如果你正从另一家电子邮件提供商那里转移,Posteo 的迁移服务会通过迁移你的存档电子邮件、文件夹结构、联系人列表和日历,让你轻松搞定。

据 Posteo 称,其服务器和办公室完全依靠绿色和平组织的绿色能源运行。

Posteo email

主要特征

  • 位于德国的服务器
  • 提供端到端加密
  • 开放源码
  • 加密主题、标题、正文、元数据和附件
  • 支持 POP、 SMTP 和 IMAP 协议
  • 允许匿名现金支付
  • 没有免费计划

定价

  • 2 GB 存储每月 1 欧元
  • 额外存储:0.25 欧元/GB/月
  • 其他可用的附加组件

7.xyz

xyz 是一家不太知名的安全电子邮件提供商。它没有内置的端到端加密,但你可以通过一个名为 Mailvelope 的浏览器插件使用 OpenPGP 端到端加密。你的电子邮件也受到 T2 垃圾邮件过滤器和防火墙的保护。

xyz 是加拿大公司,它的很多服务器都位于美国——如果你想从政府机构那里获得隐私,这并不是最好的选择。

迁移服务将帮助您从 Office 365 、Gmail 和其他电子邮件提供商处迁移您的电子邮件、日历和联系人。

Thexyz contact list

Thexyz

主要特征

  • 服务器主要位于美国,少数位于欧洲

  • IMAP、POP 和 OpenPGP 支持

  • 双因素认证

  • 日历

  • 垃圾邮件过滤器

  • SSL 加密

  • 删除的电子邮件恢复

  • 移动应用

  • 没有免费计划

定价

  • 高级网络邮件:每月 2.95 美元,25 GB 存储空间
  • 可用的附加组件

8.私人邮件

PrivateMail 提供端到端 OpenPGP 加密和其他安全功能,如自毁电子邮件。

所有的 Kinsta 托管计划都包括来自我们资深 WordPress 开发者和工程师的 24/7 支持。与支持我们财富 500 强客户的同一个团队聊天。查看我们的计划!

PrivateMail 在其云存储中有别于其他安全电子邮件服务。由于 AES 256 加密,您的数据在云中是安全的。下载文件时,您可以在本地解密或保持加密状态。

PrivateMail 还通过端到端加密提供安全的文件共享。

PrivateMail 的缺点是它的总部设在美国,而且比大多数其他选择都要贵。

PrivateMail secure email

PrivateMail。

主要特征

  • 位于美国的服务器
  • 端到端加密
  • 安全云存储
  • 自毁邮件
  • AES 256 文件加密
  • 加密文件共享
  • 没有免费计划

定价

  • 标准计划:10 GB 电子邮件存储和 10 GB 云存储空间每月 8.95 美元
  • private mail Pro:20 GB 电子邮件存储和 20gb 云存储空间每月 15.95 美元

9.开始邮件

StartMail 是一种安全的电子邮件服务,由运营私人搜索引擎 Startpage 的同一批人管理。

Startmail 使用 PGP 加密,可以与其他 PGP 客户端一起工作。如果非 PGP 用户知道机密问题的答案,您可以向他们发送加密邮件。

虽然 Startmail 没有免费计划,但它提供 30 天的免费试用。

StartMail inbox

StartMail。

主要特征

  • 位于荷兰的服务器
  • 简易 PGP 加密
  • IMAP 和 SMTP 支持
  • 模糊 IP 地址和主机名
  • 可以使用您的域名
  • 没有免费计划

定价

  • 个人账户:35.99 美元/年
  • 企业账户:59.95 美元/年

10.Hushmail

Hushmail 是历史最悠久的安全电子邮件提供商之一,以简单易用著称。它使用 OpenPGP 加密。

由于专注于 HIPAA 合规性,Hushmail 在医疗保健行业很受欢迎。Hushmail for Healthcare 计划允许您加密包含个人健康信息的电子邮件。为了帮助审计,它创建了一个单独的存档帐户,跟踪您的域中所有用户发送或接收的所有电子邮件。

也有个人使用、小企业和律师的计划。

Hushmail encrypted email

Hushmail 加密邮件。

主要特征

  • 位于加拿大的服务器
  • PGP 加密
  • IMAP 和 POP 支持
  • 双因素认证
  • 垃圾邮件过滤器
  • 安全 web 表单
  • 电子签名
  • 私人信息中心
  • 移动应用程序
  • 支持 HIPAA 合规性

定价

  • 面向医疗保健的 Hushmail:每月 9.99 美元起
  • 面向小型企业的 Hushmail:每月 5.99 美元起
  • Hushmail for Law:每月 9.99 美元起
  • 个人使用的 hush mail:49.98 美元/年起

11.反邮件

反邮件认真对待安全问题。

像这个列表中的许多提供商一样,CounterMail 使用 PGP 加密。它还通过 AES 和 RSA 算法增强了加密功能。您可以通过为双因素身份验证配置 USB 闪存盘来进一步保护您的数据。

基于瑞典的服务器是独一无二的,因为它们没有硬盘,而不是从光盘启动以获得额外的安全性。

保险箱是反邮件的密码管理器。保险箱中的所有用户名和密码都有一个主密码保护,如果您忘记了,就无法找回。

如果你已经认识使用反邮件的人,你可以得到十天的免费试用。

CounterMail home page

将信将疑。

主要特征

  • 位于瑞典的无盘服务器
  • 端到端加密
  • 双因素认证
  • 匿名电子邮件标题
  • 不保留 IP 日志
  • USB 密钥选项
  • IMAP 支持
  • 密码管理器
  • 没有免费计划

定价

  • 29 美元/6 个月、49 美元/年或 79 美元/2 年
  • 增加了 250 MB 的存储空间,起价 19 美元

12.邮件围栏

Mailfence 是一家安全的电子邮件提供商,提供端到端加密和双重认证。它有一个 500 MB 存储空间的免费计划。

Mailfence 使用 OpenPGP 加密并提供数字签名。它还有一个密码管理器

这不是最安全的解决方案,但它提供了一套办公工具,如日历和消息。对于一直在使用 Gmail 或 Outlook 的用户来说,如果他们想要一个更安全、可用性水平相似的东西,Mailfence 是一个很好的选择。

Mailfence email

邮件栏。

主要特征

  • 位于比利时的服务器
  • 端到端加密
  • 双因素认证
  • pop、IMAPS 和 SMTPS 支持
  • 密码管理器
  • 日历
  • 信息发送
  • 文档存储

定价

  • 免费:500 MB 的邮件和 500 MB 的文件
  • 入门:5 GB 电子邮件和 12 GB 文档每月 2.50 欧元
  • 利:20 GB 的电子邮件和 24 GB 的文件每月 7.50 欧元
  • 超:50 GB 电子邮件和 70 GB 文档每月 25 欧元

13.跑锋

Runbox 是一家总部位于挪威的电子邮件提供商。它使用 PGP 加密和双重认证来保护您的电子邮件。

您可以允许 IP 地址访问您的 Runbox 帐户,并查看最近成功和失败的登录尝试列表。

Runbox 致力于道德和环保,使用水力发电厂的可再生能源为其服务器供电。

Runbox inbox

Runbox。

主要特征

  • 位于挪威的服务器
  • 双因素认证
  • IP 允许列表
  • 病毒和垃圾邮件过滤器
  • POP、IMAP、SMTP 和 WAP 支持
  • 没有免费计划

定价

  • 微:2 GB 电子邮件存储和 200 MB 文件存储每年 19.95 美元
  • 迷你:10 GB 的电子邮件存储和 1 GB 的文件存储,每年 34.95 美元
  • 中等:25 GB 电子邮件存储和 2 GB 文件存储每年 49.95 美元
  • 最高:50 GB 电子邮件存储和 5 GB 文件存储 79.95 美元/年

14.Kolab 现在

Kolab Now 提供安全的电子邮件和一系列工具,如日历、笔记和视频会议。

总部位于瑞士的 Kolab 现在提供端到端加密选项,并且符合 GDPR、HIPAA 和 PCI 标准。

Kolab Now Inbox

现在的科拉布。

主要特征

  • 位于瑞士的服务器
  • 端到端加密
  • 开放源码
  • 日历
  • 笔记
  • 联系人
  • 电视会议

定价

  • 只需发邮件:5.00 瑞士法郎/月
  • 全额 Kolab:9.90 瑞士法郎/月

您企业的最佳安全电子邮件提供商

最适合您企业的安全电子邮件提供商取决于您的需求。这里有一些建议供您考虑:

  • 对于最好的全方位安全电子邮件提供商,试试 ProtonMailTutanota
  • 对于顶级免费安全电子邮件提供商,试试 ProtonMail 的免费计划
  • 对于最安全的电子邮件提供商,试试反邮件
  • 对于为企业提供协作功能的安全电子邮件提供商,请尝试使用 Zoho Mail

Email is one of the easiest ways for hackers to get access to your company's data 🦹‍♀️ Make sure you're protected with help from this post 💪Click to Tweet

摘要

电子邮件对于商务交流是必不可少的,但它也有缺陷。如果你通过电子邮件发送任何类型的私人信息,考虑放弃你目前的提供商,选择一个更安全的选择。

想了解更多关于企业电子邮件战略的信息吗?看看这些电子邮件营销软件推荐电子邮件营销技巧


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何在 2022 年卖掉一个网站,获得你应得的价格

原文:https://kinsta.com/blog/sell-website/

你是否厌倦了管理你的电子商务商店的日常事务?你是否突然得到了一份妨碍你在线业务的新工作?要不要和城市的乱象断开连接,线下生活在农村?本指南将告诉你如何销售网站并获得最高价格。

如果你担心出售网站不值得,你可能需要重新考虑。你可以获得月净利润的 20-40 倍。本文将向您展示如何做到这一点。

激动吗?我们开始吧!

卖一个网站需要多长时间?

大多数网站经纪人和市场都有 30-180 天的活跃上市期。但这并不意味着一两个月就能让你的网上生意达到你想要的价格。

你可以在很多方面将网站销售比作创业退出或出售房屋。

你需要投入时间让你的网站达到巅峰。在接触买家之前,你还必须为新的所有权打下基础。如果你做不到这一点,你甚至一开始就很难找到一个愿意购买的人。

你预先投入的时间、金钱和精力越多,销售就越容易。一个管理良好的在线企业,拥有自动化的内容创建流程和实现,比一个临时拼凑的烂摊子更容易销售。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

在你考虑出售你的网站之前,我们已经包括了一些必要的步骤。

厌倦了管理您的电子商务商店的日常事务?😴准备好断开连接并收获您所建立的成果了吗?😌在这篇⬇️指南中,你可以看到如何出售你的网站并获得最高的价格💰 点击推文

卖网站赚大钱的 7 个步骤

出售你的网站或在线业务可能看起来是一个复杂的过程。当你增加步骤,试图最大化售前价值时,事情变得更加复杂。下面,我们概述了一个 7 步流程,将帮助您应对这一挑战。

1.多样化你的流量来源

如果你的业务目前主要依赖于付费流量和广告,你应该在考虑出售前分散你的流量来源。特别是,你要专注于增加你的有机流量

有机来源的流量利润率更高,但这还不是全部。有经验的买家和经纪人非常重视长期稳定性和易管理性。

由微影响者促销活动驱动的电子商务商店的价值与每月持续吸引成千上万有机访客的电子商务商店的价值有很大的不同。

谷歌稳定的有机搜索引擎流量向买家表明,他们不会在广告上破产。

举例来说, A-Z 动物与它们每月的访客相比,收入数字相对较低。尽管有几个月没有获得 5000 美元的收入,但它的售价超过了 30 万美元。

A-Z Animals Flippa listing.

A-Z Animals Flippa listing.

但是流量来源是有机的,几乎保证了未来几年每个月都有成千上万的游客。成功的卖家知道如何用谷歌分析和搜索控制台报告突出这一点。

有机交通报告帮助感兴趣的买家评估未开发的收入潜力。他们可能有网络或资源来改善商业模式,提高每次访问的收入。

我们将在下面更详细地介绍这个例子,但主要的要点是,稳定的有机流量是一个很好的销售论据。即使没有实际的商业模式,它也能提升你的商业价值。

为了获得更多的有机流量,查看我们广泛的 45 点 WordPress SEO 清单。即使你使用 BigCommerce 或 Shopify 而不是 WooCommerce,许多技巧仍然适用。

如果你已经获得了有机流量,确保你利用电子邮件营销和社交媒体建立了一个回头客平台。这些受众是任何电子商务商店或在线业务的强大资产,即使你即将出局。

当你试图出售你的业务时,对现有客户的重复销售也会看起来很棒。

2.创建流程并使用第三方服务

一些类型的网站和电子商务商店需要更多的参与。如果你正在经营一家电子商务商店,目前正在自己完成订单,你应该在出售业务之前改变这种情况。在卖掉它之前,你必须尽可能地减少你对企业的参与。

有资本以数万美元的固定费用购买一家企业的潜在买家不会再寻找另一份全职工作。他们在寻找现成的投资机会。这通常意味着自动化的业务,几乎不需要动手。

如果他们认为你的业务不符合标准,他们会很快提出问题。

Flippa listing comment.

Flippa listing comment.

这里,一个潜在的买家关心维护 WordPress 插件,这是卖家的主要收入来源。这是对你的目标市场的优先次序的一瞥:他们不想接管一个企业——不得不把他们的生命奉献给它——因为它已经分崩离析了。

为了帮助减轻这样的担忧,请遵循下面的清单。

自动化流程清单:

  • 培训虚拟助理处理日常业务任务(客户支持、运营等)。).
  • 通过第三方服务处理订单履行。
  • 将新的内容创作外包给可靠的作家和设计师。
  • 对于软件产品,让自由开发者来处理更新和补丁。
  • 自动化 CMS 更新和备份。

**注意:**你也可以选择像 Kinsta 这样的管理的 WordPress 托管提供商,在那里我们为你处理备份。

亚马逊 FBA 是订单履行和运输的绝佳选择,但也有其他选择。你可以使用像 UpWork 这样的自由市场来测试潜在的增值业务。

你越能脱离这个过程,就越好。当然,只有当你的网站的收入能够覆盖这些费用时,这些费用才会成为卖点。

3.整理好你的财务和交通报告

没有人会投资一家没有财务和资产证明的企业。如果你的在线业务资产之一是有机流量或社交媒体关注,采取措施对此进行适当的记录。

请记住,市场和经纪人需要几个月的核实财务和交通报告。

所以确保你已经在你的网站上安装了谷歌分析或者其他软件。销售报告通常可以从任何电子商务工具中导出,问题不大。

推荐财务报告:

  • 损益解释(PnL 解释或 P&L 解释)
  • 销售证明(亚马逊/AdSense/woo commerce/Shopify/big commerce 报告)——大多数经纪人要求至少 6-12 个月的报告。
  • 广告支出

推荐流量报告:

  • Google Analytics: 大多数经纪人要求至少三个月的经核实的 Google Analytics 报告。
  • 谷歌搜索控制台报告:你可以用它们来展示你的有机流量的潜在价值。
  • **广告报告:**无论是谷歌广告,脸书广告,还是其他广告网络,如果你的主要流量来源之一是广告,提供相关报告证明你的盈亏数字。

4.选择正确的市场或经纪人

一旦你完成了所有的细节,就该进入销售环节了。第一部分是选择合适的销售地点。

既然你正在读这篇博客,你可能会想知道:

哪里可以卖我的网站?

销售你的网站最好的地方是有经验证的网站经纪人或网站市场。它们比在你的网站或社交媒体页面上进行营销要有效得多。他们还充当你和买家之间的中介,通过托管系统处理销售。

我们准备了一份三个最有声誉的市场和经纪人的名单。仅在上周,这些平台的总销售额就超过了 100 万美元。

因为销售时的第一要务是可靠性,确保没有人窃取你的网站或卷走你的钱,所以我们把重点放在了有最佳记录的经纪人身上。

鳍状肢

Flippa website marketplace.

Flippa website marketplace.

自推出以来,用户已经在 Flippa 上售出了超过 38,000 个网站。Flippa 是一个类似于易贝的公开拍卖平台。默认情况下,任何人都可以在你的网站上看到并出价。为了避免激发竞争对手和揭示你的利基,你也可以选择让你的上市保密。

费用: $49 上市费,5 万美元以下成功销售额的 10%(如果你选择使用经纪人,15%)。

Flippa 是唯一一个有最近出售网站的可视目录的网站。你可以访问这些网站寻找灵感,并将最终价格与你的出价进行比较。

帝国脚蹼

"<yoastmark

帝国鳍状肢是一个网站经纪人,专注于各种规模的在线业务。上市的最低要求是每月净利润 1000 美元。

自推出以来,他们已经卖出了价值近 2.45 亿美元的网站。

费用: $0 到列表,销售额的百分比

成功佣金取决于您企业的标价:

  • 1000 万美元以上的公司为 2%
  • 500 万到 1000 万美元之间的任何公司 5%
  • 200 万至 500 万美元的企业为 8%
  • 对于 100 万至 200 万澳元之间的公司为 12%
  • 100 万美元以下的公司为 15%

选择像帝国鳍状肢这样的经纪人的好处之一是潜在买家已经信任他们。他们对卖家和他们的网站有严格的要求。这有助于你确保准备好买家想要的一切。

你的潜在买家会对你提供的数字更有信心,因为可信的第三方已经核实了这些数字。

FE 国际

FE International, homepage screenshot.

FE International website homepage.

FE International 是一家专业的并购&顾问公司,主要专注于大型电子商务商店、SaaS 公司和在线内容出版商。

根据他们的内部消息来源,FE 已经完成了 1,000 多项收购,销售额超过 5 亿美元。他们拥有令人印象深刻的 94.1%的成功率。《金融时报》还将 FE 列为 2021 年美洲发展最快的公司之一。

费用:0 美元;大约 14%的佣金

FE 没有上市费,但他们在将企业上市销售之前会对其进行彻底审查。佣金是与 FE 国际销售网站相关的唯一费用。

他们的佣金根据交易规模的不同而不同,而且他们没有公开的指导方针。但是在接受《增长无处不在》采访时,FE 的首席执行官表示他们的平均佣金在 14%左右。

FE 最近发表了他们的技术 M & A: 2021 展望报告。他们还经营贸易刊物 SaaS 杂志 ( 金斯塔在他们的 SaaS 1000 强排行榜上排名 140 )和 LTV 会议 SaaS 会议。

5.了解您的潜在买家,定制您的销售页面

当你创建一个网页来销售你的网站时,你需要知道谁是你的潜在买家,他们在网站上寻找什么。观看帝国鳍状肢对一位买家的采访,听听他的优先考虑和恐惧。

在 Flippa 上查看最近出售的网站,这些网站达到了你想要达到的利润倍数。考虑流量来源、可靠的文档和劳动强度等因素。你也许能找到一种模式,其中一个方面在你的行业中非常重要。

86%的消费者对提供相关内容的公司的产品更感兴趣。

如果你能提供你的理想买家想要的所有内容、报告和细节,你就领先了一步。他们会觉得在你的网站上出价更舒服,他们的上限会比他们有任何未解疑惑时高得多。

因为所有重要的经纪人都收取佣金,他们有动力去推销你的网站。潜在交易越大,推动你上市和完成交易的动力就越大。

这是在完成上市之前把所有事情都安排好的另一个原因。

如果你选择像帝国鳍状肢这样的经纪人,他们会为你设计销售页面,处理广告。

6.让您的团队或虚拟助理为销售做好准备

一旦你决定出售企业,你需要让所有相关人员为潜在的所有权转移做好准备。确保所有利益相关者了解情况,核心成员准备好帮助买方转变为所有者/经营者的角色。

你可以通过使用现代团队管理解决方案让事情变得更简单,比如 Slack ,在这里转移所有权是一个简单的过程。

这样,他们可以立即看到所有正在进行的项目。你不必转发数百封与业务相关的电子邮件。

你还应该用一个可转让的商业账户来处理邮件,而不是用你的 Gmail。这有利于客户服务问题和类似的沟通。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

7.知道你的网站值多少钱

为了避免亏损,你需要知道你的网站值多少钱。在你扣动扳机出售你的网站之前,你应该对它能带来什么有一个大致的概念。

通常价值在你月利润的 15-30 倍(或年利润的 1-3 倍)之间。通常,您可以使用过去 12 个月的平均值来计算这个数字。

2015 年网站销售的平均价格从的 2.2 到 2.9 倍不等,视行业而定。

Average multiples by business models.

Average multiples by business models. (Source)

对于单个网站,还有其他因素,如销售的预期寿命、流量来源、费用、所需工作量等等。

我们已经在另一篇文章中深入介绍了评估你的网站价值的过程。但是上面列出的平均倍数应该会给你一些你期望净赚多少的概念。

你年净利润的 2-3 倍并不是一个硬性规定。如果你在过去六个月里看到了稳定、快速的增长,你可以预期你的预期收益会有所不同,这意味着你的网站估值应该反映这一点。

Flippa homepage with recently sold websites.

Flippa homepage with recently sold websites.

在 Flippa 上最近出售的网站列表中,你可以看到一个网站的售价超过了其年利润的 5.6 倍。另一个网站勉强刮了 2.0 次。还有其他一些关键因素,但关键的区别在于,一个买家设定的即时“立即购买”价格低于年利润的三倍。

如果你看到类似的企业在去年达到更高的数字,不要急于出售你的网站。

2021 年销售额超过 10 万美元的 5 个网站

在这一节中,我们仔细看看 2021 年销售额达到 10 万美元及以上的五个网站。我们很快分析了为什么他们能卖这么高的价格的移动部分。

重罪犯就业中心——售价 50 万美元

Jobs For Felons Hub Flippa listing.

Jobs For Felons Hub Flippa listing.

行业 : 广告(商业)

2021 年,《重罪犯的工作》Hub 在 Flippa 上的售价高达 50 万美元。

为什么这个网站能够获得比平均水平高得多的收益?

流量和商业模式才是主要的。

交通

Jobs For Felons Hub SimilarWeb report.

Jobs For Felons Hub SimilarWeb report.

SimilarWeb 估计该网站的月访问量约为 56,000。

但这还不是全部:超过 85%的流量来自有机搜索结果。

Jobs For Felons Hub search traffic.

Jobs For Felons Hub search traffic.

交通源分解开始显示部分全貌。这个网站的有机流量和搜索引擎优化策略是稳健的,在不投入一分钱的付费广告努力的情况下,为他们赢得了超越同类大多数网站的排名。

商业模式

正如你可能从域名中猜到的那样,这项在线业务专注于帮助被定罪的重罪犯找到工作——这是一项需求越来越大的服务。它的重点是提供高质量的内容,以帮助提升求职者的前景,并以工作板的形式为重罪犯友好的工作列表提供搜索聚合平台。

Jobs For Felons job board.

Jobs For Felons job board.

佐治亚大学 2010 年的一项研究发现,3%的美国人口有重罪前科。这个数字还在继续上升。

即使考虑到不是所有的重罪犯都会在网上找工作,这也是一个庞大的受众群体。

虽然重刑犯工作中心提供的内容是他们业务的驱动力,但他们的附属链接是他们商业模式的基石——他们在网站上提到了这一事实。

一个快速的网站对于发展和维持你的业务至关重要。Kinsta 提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

Jobs For Felons Hub website affiliate links notice: “Our website is supported by users. We can sometimes earn affiliate links when you click through the affiliate links on our website.”

Jobs For Felons Hub website notice about affiliate links.

该网站还通过网站盈利平台 Ezoic 进行定向页面广告。通过他们的网页和博客提供了如此多的内容,重刑犯工作中心有足够的机会从读者那里收取会员佣金。

阿特科夫——售价 21 万美元

ArtCove Flippa listing.

ArtCove Flippa listing.

**行业:**电子商务(家居和花园)

ArtCove 拥有完全不同的基础和商业模式。但它仍然净赚了 210,000 美元,每月净利润为 13,339 美元。

如果我们看一下他们的流量数字,我们很快意识到流量不是原因。

交通

ArtCove SimilarWeb report.

ArtCove SimilarWeb report.

根据 SimilarWeb 的说法,由于数据不足,它无法显示任何统计数据。这意味着流量很低,他们没有办法提供每月的估计。像这样的网站通常每个月会有几千的访问量。

ArtCove Ahrefs organic search traffic.

ArtCove Ahrefs organic search traffic.

使用 Ahrefs ,我们可以看到该网站的流量比列表中的其他销售网站要低,每个月只有大约 2500 个有机访问者。

这么低的流量,他们是怎么卖出 20 多万美元的?

商业模式

商业模式是简单的艺术用品零售。

The ArtCove website.

The ArtCove website.

ArtCove 的独特之处在于,它始于 70 年代,当时是一家实体企业。然后,到 2015 年,它发展成为一家纯在线零售商,以跟上不断变化的商业世界,并获得更广泛的消费者基础。

他们悠久的历史赋予了他们作为真正的成功供应商的信誉。拥有这样一家成熟的企业对他们留住客户很有帮助。

ArtCove 还在社交媒体上建立了稳固的地位。他们的脸书、Instagram、Twitter 和 Pinterest 账户经常更新,并经过精心策划,以吸引艺术家和手工艺者。

一个功能齐全的零售企业——包括内置的供应商、内容、销售策略和忠诚的客户——对那些寻求投资交钥匙经营的人来说是无价的。通过这种方式,即使是最普通的基于产品的网站也可以在销售过程中获得可观的利润,只要它们能够展示具体的成功历史。

Tiredeets.com——售价 20 万美元

Tiredeets.com Flippa listing.

Tiredeets.com Flippa listing.

**行业:**广告(汽车)

Tiredeets.com 是一个专门评论汽车轮胎的博客。他们的模型完全是内容驱动的。

交通

"<yoastmark

这个网站有着非常健康的流量,平均每月有 370,000 的访问量。

"<yoastmark

正如重刑犯工作中心一样,大部分流量来自有机搜索。一些顶级的有机关键词是高度相关的。他们以零经常性成本将高购买意愿的用户引导到网站。

商业模式

作为一个博客,Tiredeets.com 依靠他们的搜索引擎优化努力吸引驾车者观众,然后通过页面上的定向广告充分利用每个用户的访问。这些努力带来的利润给网站所有者带来了每月 5471 美元的可观收入。

冰窟——售价 117,382 美元

Icebrooks Flippa listing.

Icebrooks Flippa listing.

**行业:**电子商务(珠宝&配饰)

Icebrooks 是该榜单上第一家拥有自有品牌产品的电子商务商店。

和 ArtCove 一样,交通并不是最终价格背后的原因。

交通

Icebrooks Ahrefs organic search traffic.

Icebrooks Ahrefs organic search traffic.

与我们列表中的其他项目相比,冰溪的流量几乎不存在。这在很大程度上与网站在 2020 年是全新的这一事实有关——它还没有时间让访问者达到临界质量。

然而,这也说明了网站缺乏内容和一般的搜索引擎优化策略。新主人可能会计划加强这一点。

商业模式

Icebrooks 在一家电子商务商店销售高端黄金珠宝产品。价格从 71 美元到 561 美元不等,所有原价都明显下调。

Icebrooks ecommerce product page.

Icebrooks ecommerce product page.

产品是实物,所以它们需要处理和运输。但是除了标准的预付选项之外,他们还提供了“以后再付”的选项,这无疑吸引了许多购物者。

他们也非常依赖广告宣传他们过去顾客的评论。Icebrooks 利用 Shopify 应用程序 Loox 在他们的网站上收集并展示顾客的照片和评论。

音频组件——售价 100,001 美元

Audio Assemble Flippa listing.

Audio Assemble Flippa listing.

**行业:**广告(娱乐)

另一个内容网站 Audio Assemble 的售价为 100,001 美元,月收入约为 3,300 美元。它自称是“为有抱负的音乐家和音频工程师提供的一站式音频工程学习中心”,它专注于通过从产品评论到学生资源的内容来增加流量。

交通

Audio Assemble SimilarWeb report.

Audio Assemble SimilarWeb report.

该网站每月大约有 120,000 名访客,几乎所有的访客都是有机流量。

Audio Assemble search traffic.

Audio Assemble search traffic.

他们吸引的读者可能会点击整个网站上显示的会员链接,因为流量是 100%有机的。在这种情况下,您可以更容易地忽略跳出率。

商业模式

Audio Assemble 的商业模式几乎完全是联盟营销。该网站在产品评论和比较中列出了合作伙伴的链接。不涉及库存、履行或客户服务。

尽管其持续增长的潜力较小,但操作的便利性和利基开发的机会导致其最终价格为年净利润的 2.5 倍,几乎与《重罪犯工作中心》的利润率一样高。

准备好向你的网站挥手告别了吗?👋通过这个网站销售指南,了解如何获得 20-40 倍的月净利润。💰。

摘要

当你在网上销售你的网站时,重要的是不要无知。积极研究那些以你所追求的价格成功销售的网站。

耐心点,投资你的网站,尽可能地改进它。找出你的潜在买家,并学会说他们的语言。

最后,为你的业务选择合适的平台,并创建一个关注你网站最重要卖点的列表。

如果你想了解更多关于我们的应用托管数据库托管托管 WordPress 托管计划如何帮助你的业务增长,请留下评论。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

无服务器 PHP 简介:主要特性、用例以及如何开始使用 Lambda 上的 Bref

原文:https://kinsta.com/blog/serverless-php/

无服务器计算是一种基于云的执行模式,支持将应用程序托管为服务,无需维护服务器。

服务提供商维护服务器上的资源分配,用户根据实际使用情况付费。焦点转移到正在创建的核心应用程序,服务提供商处理基础设施。无服务器计算也被称为功能即服务 (FaaS)。

换句话说,无服务器 PHP 是无服务器计算的实现,用一个 PHP 后端给你举个例子。

在本指南中,我们将仔细研究无服务器 PHP 的含义、它的主要特性及其优缺点,以便更好地理解这种实现云计算的方法。

具体来说,我们将看看无服务器计算的概念、它的用例、范围、优点和缺点、使用 Bref 的无服务器 PHP 的简单实现,以及无服务器 PHP 在三巨头(亚马逊、微软和谷歌)上的地位。

准备好了吗?开始吧!

为什么要使用无服务器计算?

传统上,你需要服务器的硬件来在互联网上设置应用程序。服务器机器(或机器)将物理地连接到因特网,以便有人访问您的应用程序。服务器维护是一件昂贵的事情。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

接下来,主机服务的发展允许网站管理员购买主机空间——每台服务器可以容纳多个应用程序。这降低了成本。

随着云计算的兴起,规模经济进一步降低了成本,因为你可以在一个大型的远程服务器农场上租用少量的空间。事实上,无服务器计算允许你只为你使用的服务付费。不使用时,您实际上不会利用云上的任何空间或资源。

无服务器计算简化了软件开发过程:它允许组织专注于开发,而不用担心部署、服务器维护和扩展。

无服务器 PHP:基础知识

Trends for the term "serverless" on Google

Trends for the term “serverless” on Google

要部署一个无服务器的 PHP 应用程序,您应该首先探索无服务器计算的概念。虽然“无服务器”一词最早出现在 2012 年 ReadWrite 上关于软件开发未来的这篇文章中,但随着 2014 年 AWS Lambda 的推出,它开始流行起来。

在本节中,让我们关注与无服务器计算相关的几个关键概念,并尝试回答围绕该技术的一个常见问题:它真的是“少服务器”吗?

无服务器 PHP 的特点

部署是一项简单的任务,无需管理服务器。您只需将您的代码上传到服务器,剩下的工作就交给供应商了。无服务器技术允许你拥有独立于语言的功能,并且可以相互交流。

例如,如果您有一个消息应用程序,登录模块可能用一种语言编码,而更新您状态的功能可能用另一种语言编码。

虽然这在没有无服务器托管的情况下仍然是可能的,但肯定更难与之交互。每当一个动作触发了你的函数,就会产生一个实例来处理它。

这个生成实例的过程可能是“热”的,即使用现有的实例,也可能是“冷”的,即启动一个新的实例。与传统主机相比,这个过程会有一点延迟,尤其是冷启动,在传统主机中,服务器总是处于待机模式来处理请求。

然而,当您有许多请求要处理时,无服务器托管和传统托管之间的情况就相反了。无服务器技术固有的可扩展性。如果您突然需要一千个并发请求,供应商将会处理它们,而不需要您做任何额外的工作或配置。

无服务器 PHP 真的是无服务器吗?

不要让“无服务器”这个术语迷惑了你。这并不意味着“服务器”不存在。当您使用无服务器应用程序时,有一个服务器在后台处理您的输入并计算必要的输出。

从从未接触过各种服务器元素的开发人员的角度来看,这个术语中存在“-less”。因此,如果您部署一个无服务器的 PHP 应用程序,一个运行在云上的实际服务器会满足请求。
T3】

BaaS 与无服务器架构

虽然“无服务器计算”没有严格的定义,但它也可能指 BaaS(后端即服务)应用程序。BaaS 也指云计算模式,其中服务器操作外包给第三方,开发者只需要专注于创建和维护软件。

BaaS 和无服务器之间的主要相似之处在于,开发人员并不关注服务器管理。许多组织在同一保护伞下提供 BaaS 和 FaaS 软件包。

以下是 BaaS 和无服务器计算的主要差异:

  • 组件:BaaS 应用程序与传统应用程序相似,开发人员可能不会改变其结构来适应 BaaS。在无服务器模式下,应用程序被分成称为函数的逻辑部分,每个函数响应一个事件并执行一个特定的任务。
  • 可伸缩性:可伸缩性是无服务器应用程序中的一个重要组成部分——随着流量的增加,分配的资源也会增加。它不是 BaaS 应用程序的必要模块,尽管一些服务提供商将其作为附加模块提供。
  • 触发器:无服务器应用程序是事件驱动的,这意味着特定的活动在每次发生时都会触发应用程序。另一方面,BaaS 应用程序可以像传统应用程序一样,持续利用资源在后台运行。
  • 模块化体系结构:在无服务器体系结构中,应用程序的各种功能可以驻留在不同的服务器上并在不同的服务器上执行,但是由于它们的集成,可以无缝地运行。BaaS 应用程序可能会也可能不会遵循这种结构。

无服务器 PHP:用例

我们已经讨论了无服务器计算的各个方面以及它与 BaaS 的不同之处。虽然我们已经介绍了无服务器计算的基础知识,但是让我们探索一下您可能希望采用这种架构的情况。

您可能已经意识到,在无服务器技术上托管复杂的应用程序可能不是一个好主意。然而,即使您决定不通过无服务器 PHP 部署完整的应用程序,您也可以部署模块。

在本节中,我们将讨论无服务器堆栈的两个实现示例:数据库文件存储

无服务器数据库是一种按需数据库,允许您在需要时执行查询。由于无服务器堆栈,扩展很容易,并且供应商只根据您使用资源的时间向您收费。

亚马逊极光谷歌云数据存储是当今市场上可用的无服务器数据库的例子。无服务器文件存储系统被实现为对象存储。文件不被视为文件系统中的层次结构,而是被视为包含文件数据和元数据的对象。存储和检索是通过一个类似 REST 的 API 进行的。

IBM Cloud 为你提供一个对象存储服务。无服务器应用程序的其他常见用例是 API 和移动后端,它们的设计基于小的、逻辑的、相互依赖的功能。

无服务器 PHP:优势

在这一节中,我们来看看无服务器计算的主要优势,以及为什么它近年来越来越受欢迎。

降低服务器成本

理论上,与传统主机相比,无服务器计算导致更低的成本。内在原因很简单:您在特定的时间内使用该服务,在空闲时间没有维护成本。如果你面临长时间的恒定流量,采用无服务器架构可能不会导致太大的成本差异。

更轻松的部署

无服务器服务的部署不需要设置您的服务器并对其进行配置。无服务器应用程序的部署也是通过简单的函数实现的。创建应用程序的版本并使其在云上可用更容易。因此,整个部署过程更加容易和高效。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

可扩展性

在传统的设置中,需要付出很大的努力来扩大规模以满足更高的流量。另一方面,当流量增加时,服务提供商负责资源分配。因此,当您部署到无服务器架构时,更容易纵向扩展。

无服务器 PHP:缺点

虽然无服务器计算有其优点,但在使用它之前,必须意识到它的潜在缺点。

性能

用户对无服务器计算的主要问题是性能下降。虽然它是事件驱动的,但产生一个微实例来服务一个请求需要几百毫秒。

对于时间关键的应用程序来说,这种延迟可能会很明显。随着应用程序复杂性的增加,位于不同位置的组件会增加这种延迟。这种附加的时间延迟可能证明对用户体验是有害的。

(建议阅读:用 Gatsby 和 WordPress 建立网站简介)

供应商锁定

虽然无服务器架构允许你只关注你的代码,但是供应商控制着基础设施。因此,如果您选择无服务器,就不能更换供应商,因为迁移可能会很困难。

调试

供应商负责无服务器应用程序的端到端部署。因此,开发人员必须依赖供应商提供适当的日志来调试。调试无服务器应用程序以确定根本原因也很困难。

无服务器 PHP:Lambda 上的 Bref 入门

虽然我们已经探索了无服务器架构,但现在我们将看到通过无服务器服务部署 PHP 应用程序需要什么。

正如您可能已经猜到的,无服务器应用程序的部署高度特定于供应商。因此,这篇文章讨论了在 Amazon AWS 上实现一个无服务器的 PHP 应用程序。Bref,或者法语中的 brief,是一个 Composer 包,允许你通过 Lambda 在 AWS 上部署 PHP 应用。

Bref 是不断发展的,所以你应该检查一下 Bref 的成熟度矩阵来评估将你的应用移植到无服务器架构上是否是一个好主意。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

使用 Bref 的无服务器 PHP 的先决条件

首先,进入亚马逊 AWS 并创建一个账户。您将需要它来部署应用程序。接下来,您需要安装无服务器框架来管理您的部署。

npm install -g serverless 

接下来,在 AWS 上生成您的公钥-私钥对,并在本地配置无服务器框架。

serverless config credentials --provider aws --key <key> --secret <secret> 

接下来,通过 Composer 安装 Bref:

composer require bref/bref

在部署之前,您需要安装 Composer 的依赖项。

composer install --prefer-dist --optimize-autoloader --no-dev

用 Bref 在无服务器 PHP 上创建一个 Hello World 应用程序

为了用 Bref 创建一个简单的 hello world 应用程序,我们将编写一个由事件触发的函数,并返回“Hello World”字符串。

首先,你必须包含 Bref 的 autoload.php 脚本,然后使用它的 lambda 函数。如果您想从上下文中访问数据,您可以选择将声明为一个上下文变量

require __DIR__.'/vendor/autoload.php';
lambda(function ($event) {
 return 'Hello world');
}); 

当函数准备就绪时,您必须创建一个 serverless.yml 配置文件。这是 Bref 指南中的一个基本配置文件。

service: app
provider:
 name: aws
 runtime: provided
plugins:
 - ./vendor/bref/bref
functions:
 hello:
 handler: index.php
 layers:
 - ${bref:layer.php-73} 

当您运行以下命令时,Bref 会自动创建此配置文件。

vendor/bin/bref init

现在您已经准备好了您的函数和配置,您可以使用无服务器包的invoke命令调用函数来检查它是否按预期运行:

serverless invoke -f hello

这里有一个关于使用 AWS 的 sam 命令行工具在本地部署无服务器应用程序的指南。一旦您的项目准备就绪,您就可以使用 serverless 的 deploy 命令来部署它。使用--verbose选项获取部署过程的详细信息:

serverless deploy

无服务器 PHP 的其他部署选项

AWS Lambda 上的 Bref PHP 是一个流行的选择。然而,对于您的无服务器 PHP 应用程序,还有一些其他的选择。

Vapor ,由 Laravel 于 2019 年 7 月推出,是 Laravel 在 AWS Lambda 上的无服务器部署平台。Vapor 将您的 Laravel 应用程序转换为一个 lambda 函数。虽然 Azure serverless 没有正式支持 PHP ,但是您仍然可以使用这个部署示例来尝试一下。

Serverless PHP is gaining more attention as weeks pass by. But what is it exactly? Is it really server-'less'? How does it work? Get all the answers to these - and more - questions in this in-depth guide! ☁️🔌Click to Tweet

总结

以下是你应该从无服务器 PHP 指南中吸取的关键方面:

  • 在考虑为您的应用程序使用无服务器 PHP 之前,请确保您完全了解无服务器计算及其优缺点。
  • 当您将应用程序移植到无服务器的 PHP 框架时,您应该考虑三个主要因素。考虑应用程序的复杂性、其组件的时间关键性以及未来的可伸缩性。
  • 无服务器 PHP 对市场来说还是相当新的。在完全使用 Bref 之前,请确保在其中一个供应商上进行试验。

虽然无服务器正变得非常流行,但它也需要对该技术的工作原理有深刻的理解。

对于所有其他情况,使用像 Kinsta 这样的管理的 WordPress 主机可以极大地简化你的工作流程。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何在多个 WordPress 站点之间共享登录和用户

原文:https://kinsta.com/blog/share-logins-wordpress/

我们的目标是建立两个 WordPress 网站,将共享登录和相同的用户。一旦用户订阅了一个网站,她将能够以相同的角色和功能访问另一个网站。

为了实现这个目标,我们应该能够编辑 WordPress 配置文件并更新数据库表。对 WordPress 架构和数据库结构有一个大致的了解,以及 WordPress 开发的基础知识是必不可少的。如果你不是专业的,不用担心。只要遵循这个帖子的指示,并在评论中提出你的问题。

在我们开始编码之前,我们需要知道 WordPress 用户角色和功能存储在哪里。因此,我们的第一步是深入研究数据库表。

**重要提示:**由于我们只允许每个站点安装一个 WordPress(除非你运行的是 WordPress multisite ),以下内容在 Kinsta 环境中不能开箱即用。在我们的平台上实现这一点也许是可能的,但这需要一些额外的设置或开发。我们建议与一位 WordPress 开发者讨论这个问题。

用户数据和元数据

默认情况下,WordPress 将用户相关数据存储在三个表中:{$pref}options{$pref}users{$pref}usermeta

  • {$pref}options表在其 option_key 字段为{$pref}user_roles的行中存储了可用角色和能力的完整列表。
  • {$pref}users表存储基本的用户数据,如登录名、密码、电子邮件、url 等。
  • {$pref}usermeta表存储用户元数据。

当在新的 WordPress 安装上工作时,我们不必关心{$pref}options表中的{$pref}user_roles行,因为相应的 option_value 字段总是有相同的值。我们应该考虑这一行,以防我们在角色或功能已经改变的现有安装上工作。
不用担心{$pref}users表,因为它存储了基本的用户数据,当我们在网站之间共享用户时,这些数据不会改变。
{$pref}usermeta表是我们为了实现目标而要更新的唯一一个表。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

users and usermeta table structure (source: Codex Database Description)

users and usermeta table structure
(source: Codex Database Description)

{$pref}usermeta以键/值对的形式存储用户元数据。在这个表中,五行存储了我们必须考虑的数据。

Five rows in usermeta table store data concerning user capabilities, level and dashboard settings

Five rows in usermeta table store data concerning user capabilities, level and dashboard settings

第一行的 meta_key 字段设置为{$pref}capabilities,对应的 meta_value 字段是一个保存用户角色的序列化数组。第二行存储用户级别(注意,WordPress 3.0 不支持用户级别)。剩下的三行是关于仪表板设置的,我们不会在这篇文章中深入讨论。
用户角色、级别和设置特定于 WordPress 安装,并由相同的$pref值标识。当我们的目标是在网站之间共享用户时,这是一个重要的信息,因为我们将不得不复制这些行并相应地更改meta_key字段。

当我们打算在新的 WordPress 安装之间共享登录和用户时,这就是我们必须知道的关于用户表的全部内容。在现有网站上工作时,我们应该考虑到许多插件给{$pref}usermeta添加了额外的行,我们可能需要更深入地查看数据库表。

说到用户表,我们可以向前迈进一步。现在我们必须将两个特定的常数定义到wp-config.php文件中。
T3】

定义自定义用户表–共享登录

WordPress 允许我们设置自定义表格,而不是{$pref}users{$pref}usermeta。这意味着如果两个(或更多)WordPress 网站共享一个数据库,我们可以为它们设置相同的用户和用户元表。因此,共享这些表的所有网站将共享相同的用户。

Note: In order to share the same users and usermeta tables, WordPress installations must share the same database.

我们只需要将CUSTOM_USER_TABLECUSTOM_USER_META_TABLE定义到【wp-config.php】文件中,如下面的代码所示:

// custom users and usermeta tables
define( 'CUSTOM_USER_TABLE', 'my_users_table' );
define( 'CUSTOM_USER_META_TABLE', 'my_usermeta_table' ); 

Note: On existing websites it’s mandatory to back-up WordPress installations before you make any changes to wp-config.php files and data tables

现在我们知道了要做什么,是时候运行我们的两个 WordPress 安装程序了。

安装 WordPress

为了方便起见,我将 WordPress 根文件夹命名为第一个和第二个分别为first_second_将是各自的表格前缀。现在让我们运行第一次安装。

In this example we set the table prefix field to first_

In this example, we set the table prefix field to first_

Note: All installations will share a single database, and we should provide each installation with a unique table prefix.

当第一个 WordPress 网站建立并运行时,我们可以编辑它的配置文件。打开/first/wp-config.php ,在*‘停止编辑’*注释上方添加以下几行:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

$table_prefix  = 'first_';

define('WP_DEBUG', true);
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );

// custom users and usermeta tables
define( 'CUSTOM_USER_TABLE', $table_prefix . 'users' );
define( 'CUSTOM_USER_META_TABLE', $table_prefix . 'usermeta' );

/* That's all, stop editing! Happy blogging. */ 

我们已经启用了调试模式,强制 WordPress 将错误通知和警告存储到 debug.log 文件中(在如何配置 WordPress 的深度视图中阅读更多关于这个主题的内容)。
然后,我们给first_usersfirst_usermeta表定义了CUSTOM_USER_TABLECUSTOM_USER_META_TABLE常量。这样我们就不会改变 WordPress 的默认设置。

我们完成了第一次安装。接下来我们必须从第一个安装文件夹中复制wp-config.php并粘贴到第二个安装的根文件夹中。注意相应地更改 $table_prefix 值:

$table_prefix  = 'second_';

define('WP_DEBUG', true);
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );

// custom users and usermeta tables
define( 'CUSTOM_USER_TABLE', 'first_users' );
define( 'CUSTOM_USER_META_TABLE', 'first_usermeta' ); 

CUSTOM_USER_TABLE和 C USTOM_USER_META_TABLE设置为第一次安装的值:first_usersfirst_usermeta。第一次安装就这些了。

share logins

WordPress is aware of existing users and we should set a non-existent email address for admin user

当运行第二次安装时,我们应该为管理员用户设置一个不存在的电子邮件地址,因为 WordPress 从first_users表中找到了一些现有的用户。

WordPress creates an admin username for the second installation

WordPress creates an admin username for the second installation

以管理员身份登录第二个安装管理面板,列出 WordPress 用户。您会发现新的管理员用户和第一个网站的所有用户(这允许他们共享登录)。此时,一个网站的用户将无法登录到另一个网站。

The users in the second website won't inherit their roles from the first website

The users in the second website won’t inherit their roles from the first website

为了在两个网站中授予用户相同的功能,我们必须更新{$pref}usermeta表。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

角色和能力

如果你运行新的 WordPress 安装,你不必关心{$pref}options表。你只需要更新{$pref}usermeta表。

在我们的例子中,当在第一个网站中创建新用户时,WordPress 在first_usermeta table中添加first_capabilitiesfirst_user_level行。要访问第二个网站,应复制这些行,如下图所示:

second_usermeta_fields

当在第二个网站中创建新用户时,second_capabilitiessecond_user_level行将被添加到first_usermeta表中。
为了给跨网站的用户相同的角色和帽子,在second_capabilitiessecond_user_level中要复制first_capabilitiesfirst_user_level行。有了同一个first_usermeta表中的这两对行,用户将能够以相同的权限访问两个网站。

要更新所有现有的 usermeta 行,您可以运行一个 SQL 查询或从 phpMyAdmin 更新表。但是对于从现在开始订阅我们网站的用户来说呢?根据 WordPress Codex ,我们将使用一个插件或建立一个自定义功能。
我们走吧!

使用函数自动复制上限和级别

set_user_role是一个动作挂钩,在创建新用户或编辑现有用户的角色时触发。由于这个动作,我们可以自动更新用户元表。
所以,在一个插件的主文件中添加以下函数:

function ksu_save_role( $user_id, $role ) {

	// Site 1
	// Change value if needed
	$prefix_1 = 'first_';

	// Site 2 prefix
	// Change value if needed
	$prefix_2 = 'second_';

	$caps = get_user_meta( $user_id, $prefix_1 . 'capabilities', true );
	$level = get_user_meta( $user_id, $prefix_1 . 'user_level', true );

	if ( $caps ){
		update_user_meta( $user_id, $prefix_2 . 'capabilities', $caps );
	}

	if ( $level ){
		update_user_meta( $user_id, $prefix_2 . 'user_level', $level );
	}
}

add_action( 'set_user_role', 'ksu_save_role', 10, 2 ); 

回调函数保留三个参数,其中两个是必需的:$user_id$role
这个函数的作用不言自明。get_user_meta 返回指定的用户元字段值。我们调用了这个函数两次来检索first_capabilitiesfirst_user_level字段。然后我们使用这些值将second_capabilitiessecond_user_level字段添加到first_usermeta表中。

上传广告激活此插件到第一个网站。

为了让安装对称地工作,我们只需要在任何安装中上传并激活插件,但是要给前缀设置正确的值。例如,如果我们要在第二个网站中激活此功能,我们只需如下声明变量:

$prefix_1 = 'second_';
$prefix_2 = 'first_'; 

因此,编辑并安装插件到第二个网站,并创建一个新用户或改变现有的用户角色。然后查看第一个网站。用户角色将与第二个网站完全相同。

摘要

在这篇文章中,我解释了如何在独立的 WordPress 安装中授予用户相同的权限。注册到网站后,用户将能够访问共享相同用户和用户元表的所有网站。我本该和新装置一起工作。如果你在现有的网站上工作,你应该考虑一些插件可能已经更新了用户元表,或者甚至创建了存储用户相关数据的新表。在这种情况下,对数据库进行更精确的分析是合适的。

如果你对如何在 WordPress 中分享登录有任何疑问,或者你想与我们分享你的经验,请随时加入讨论,发表你的评论。

我们插件的完整代码可以在这个公共要点中找到


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Shareaholic Review:一套吸引观众的 WordPress 工具

原文:https://kinsta.com/blog/shareaholic-review/

作为一个 WordPress 网站的所有者,你可能总是在寻找新的机会来吸引你的读者。

Shareaholic 是一个流行的 WordPress 插件/服务,附带一套工具来帮助你做到这一点,甚至可能在这个过程中赚点外快。

虽然 Shareaholic 确实让你可以在一个简洁的包中访问大量的功能,但它也使用模块化的方法来确保你不会因为你不想要的功能而使你的网站陷入困境。也就是说,它允许您根据自己的喜好打开或关闭特定的功能。

在本帖中,我们将深入了解 Shareaholic。我们将从讨论 Shareaholic 的所有特性开始。然后,我们将亲自动手,向你展示在一个实时的 WordPress 站点上,一切是如何组合在一起的。

分享爱好者的特点:不仅仅是社交分享

当你看到“Shareaholic”这个名字时,你的大脑很可能会直接进入社交媒体分享按钮。

是的——Shareaholic 当然会进行社交分享……

您可以添加浮动和内容共享按钮,以及单个图像上的共享按钮和社交关注按钮的几个选项。每个位置都有自己的详细设置,可以打开分享计数,选择特定的社交网络,等等。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

然而,还有很多比社交分享更多的东西,这也是 Shareaholic 区别于所有其他 WordPress 社交分享插件的原因之一。

您还可以获得:

  • 相关内容–在您的网站上显示相关内容建议。这里的好处是所有的处理都发生在 Shareaholic 的服务器上,这提供了一个更好的性能方法,因为你不会有一堆数据库查询在你自己的站点上运行。
  • 分析-通过与谷歌分析的 UTM 和事件跟踪集成,了解您的内容在社交媒体上的表现。你也可以在你的 WordPress 仪表盘中查看这些数据。
  • 发布分享提示–在用户分享您的内容后显示消息。您可以显示自己的信息,并添加社交关注按钮或横幅广告。
  • 货币化–Shareaholic 提供了许多货币化选项,包括自动插入附属链接、向您的相关内容添加横幅广告,以及推广赞助内容推荐(以及您自己网站的相关内容)。这些功能完全是可选的
  • 链接缩短–直接在您的仪表盘上创建缩短的链接(如“shrlc.com/PnVrDPN”)。这些链接会自动跟踪点击,您也可以在仪表板中查看点击数据。

让我们更深入地了解一下所有的特性以及它们是如何工作的!

Shareaholic 不仅仅是一个社交分享插件,它还提供了一整套吸引观众的 WordPress 工具。🤳 点击推文

安装 Shareaholic 插件

Shareaholic 有一个混合的设置过程,只要你激活插件,许多功能都可用,但是如果你创建一个 Shareaholic 帐户并将其连接到你的网站,你也可以访问更多的功能。

需要注意的是,你不是被迫创建一个账户来使用 Shareaholic 的大部分功能。然而,创建一个帐户确实能让你获得更多的功能,所以我们在这篇文章中将我们的示例站点连接到我们的 Shareaholic 帐户。

一旦你安装并激活了来自 WordPress.org 的免费插件,你就可以进入你的 WordPress 仪表盘中新的分享爱好者区域,点击分享爱好者仪表盘按钮来创建一个免费的分享爱好者账户,并与你的网站同步:

How to create a Shareaholic account

How to create a Shareaholic account

在那里,您可以使用以下任一方式管理站点的功能:

  • 你的 WordPress 仪表盘中的新应用管理器选项(当我们写这篇文章的时候,这个功能在技术上还处于测试阶段
  • Shareaholic 云仪表板

无论哪种方式,界面都非常相似:

The Shareaholic dashboard

The Shareaholic dashboard

每个功能都是一个“应用程序”,您可以根据需要启用或禁用。这让您保持轻量级,因为您只能使用您想要的确切功能。

让我们来看看这些功能…

社交媒体分享按钮

激活插件后,Shareaholic 会自动在两个不同的位置添加社交媒体分享按钮:

  • 浮动侧边栏
  • 在您的帖子内容之后

Example of social share buttons

Example of social share buttons

除了这些默认设置,你还可以给单个图片添加分享按钮(比如在图片上添加 Pinterest 的“锁定”按钮),以及社交媒体关注按钮。

要控制和配置所有这些功能,你可以去应用管理器社交区域:

How to access the Social apps

How to access the Social apps

在那里,您可以使用开关来打开或关闭各个功能,并使用设置按钮来配置每个位置的特定选项。

例如,如果您打开浮动共享按钮的设置,它将打开一个详细的弹出窗口,您可以在其中控制各种选项:

Floating share button settings

Floating share button settings

您可以做的一些事情包括:

  • 更改按钮大小
  • 添加单个或总份额计数
  • 选择要包含的社交媒体网络
  • 添加延迟以等待触发您的共享按钮
  • 控制移动设计
  • 添加页面定位规则以控制哪些内容具有共享按钮
  • 添加谷歌分析 UTM 标签跟踪
  • 自定义 Twitter 共享消息

例如,如果您正在编辑移动共享按钮,您可以选择将它们放在访问者屏幕的底部,以获得更好的用户体验:

How to change the mobile design

How to change the mobile design

你甚至可以让 Shareaholic 根据哪些按钮最适合特定页面来动态排序按钮。

除了浮动的分享按钮设置,Shareaholic 的其他社交应用也有类似的细节水平。

例如,以下是显示在帖子底部的自定义共享按钮的外观:

You can also customize the in-content share buttons

您还可以自定义内容内分享按钮

相关内容

接下来,我们来看看 Shareaholic 中的相关内容建议。一旦你激活 Shareaholic,它就会自动在你的博客文章下面显示相关内容。

下面是我们的测试网站上的一个例子:

Example of Shareaholic's related content suggestions

Example of Shareaholic’s related content suggestions

同样,这些相关内容建议的好处是处理发生在 Shareaholic 的服务器上,而不是你的 WordPress 站点的服务器上。一些相关的帖子插件可能会占用大量的数据库,所以这种离站方式可以减轻服务器的负担。

要配置您的相关内容,您可以转到 Engage 选项卡。在这里,您可以自定义或禁用每个单独的显示位置,甚至可以添加新的显示位置:

The Engage apps

The Engage apps

如果你打开一个单独的显示位置的设置,你会得到另一个弹出窗口,在那里你可以控制大量的信息。

首先,你可以从 14 个不同的主题中选择,以及显示多少帖子。

例如,如果您选择门户主题,您将得到这个整洁的圆形外观:

How to change the related content theme

How to change the related content theme

内容池选项卡中,您可以配置哪些帖子有资格显示为相关内容。

例如,如果您的网站上有一个“新闻”类别,该类别只发布时间敏感的内容,您可能希望排除该类别,因为这些帖子与将来访问的人无关:

How to choose what content can be included

How to choose what content can be included

如果你有 Shareaholic Pro,你也可以根据作者或文章的时间来过滤,这给了你更多的排除内容的灵活性。

算法标签可以让你调整 Shareaholic 如何显示相关帖子。例如,您可以选择给一个内容添加多少权重((如果有的话)):

  • 标题
  • 标签或类别
  • 作者( Pro )
  • 语言( Pro )

How to change the related content algorithm

How to change the related content algorithm

最后,货币化标签让你选择是否在建议中加入赞助内容广告。也就是说,如果你启用了这个功能,Shareaholic 将显示站外的内容建议,你可以从中赚取一些钱。

除了启用此功能,您还可以选择要包括多少赞助内容建议。例如,你可以在你自己的内容和赞助内容之间做一个 50/50 的比例。或者,你可以在两个方向上权衡事物:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

How to insert sponsored content

如何插入赞助内容

分析学

Shareaholic 包括一个单独的分析应用区域。然而,这些选项与您编辑社交分享按钮时配置的相同分析选项相关联,因此您不一定需要在应用程序中配置任何内容。

注意–您的分析设置在您所有的社交媒体分享按钮位置上分享

一旦你得到一些数据,你可以在你的 WordPress 仪表盘的主分析标签中查看。这些数据需要 24-48 小时来填充,这就是为什么我们的控制面板现在看起来有点空:

Shareaholic review of analytics area

The analytics area

股票发行后通知

每当有人在你的网站上分享内容时,Shareaholic 会以弹出窗口的形式显示分享后通知。下面是一个默认情况下的示例:

Example of the after-share notice

Example of the after-share notice

Shareaholic 为您提供了一些不同的方式来定制这个通知(或者,您也可以禁用它)。

第一,如果编辑帖子分享提示 app,可以自定义文字。使用 Pro plan,您还可以自定义颜色:

How to customize the after-share notice

How to customize the after-share notice

除了简单地显示文本,Shareaholic 还提供了另外两个选项。您可以插入:

  • 社交关注按钮–这是增加你的关注者数量的好方法,因为你在已经知道你的访客参与的时候显示关注按钮。
  • 横幅广告–如果你想获得额外收入,你也可以加入横幅广告。

例如,以下是社交关注按钮的外观。您还可以获得大量选项来更改布局以及包括哪些网络:

How to add follow buttons to the after-share notice

How to add follow buttons to the after-share notice

其他货币化选择

我们已经以下列形式向您展示了 Shareaholic 的两种货币化方案:

  1. 相关建议中的赞助内容(或相关内容中的横幅广告
  2. 分享后通知上的横幅广告

然而,Shareaholic 还在货币化应用部分提供了几个其他选项:

The Shareaholic Monetize apps

The Shareaholic Monetize apps

首先,联盟链接应用让你自动添加联盟代码到现有链接通过联盟营销赚钱。例如,如果你已经有了一个易贝的链接,Shareaholic 可以自动将会员代码添加到该链接中,这样你就可以从销售中获得分成。这是一个在不影响用户体验的情况下赚点小钱的好方法。

其次, Anchor Overlay Ads 应用程序可以让你在访问者的屏幕底部添加粘性广告。您可以选择是否向桌面访问者、移动访问者或两者都显示。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

同样,所有这些货币化应用都是可选的。Shareaholic 不会强迫你在你的网站上插入广告,它只是给你这个能力。

如果您启用了任何货币化功能,您将能够在收入选项卡中看到您的收入和付款:

Shareaholic Earnings area

Shareaholic Earnings area

如果你想在你的网站上添加一个 cookie 同意通知,以符合欧盟 GDPR 和 cookie 同意法,Shareaholic 的 Cookie 同意提示让这变得很容易。

下面是一个默认情况下的示例:

An example of the Shareaholic cookie consent notice

An example of the Shareaholic cookie consent notice

如果您编辑该应用程序的设置,您将能够:

  • 更改其位置(例如顶部或底部)
  • 自定义文本
  • 向您的隐私政策添加链接

How to customize the cookie consent notice

How to customize the cookie consent notice

除此之外,定位规则选项卡允许您使用地理定位来控制谁可以看到您的 cookie 同意通知。例如,您可以选择只向来自欧盟的访问者展示它。

链路缩短

最后,Shareaholic 的链接管理器插件可以让你直接从你的 WordPress 仪表盘上创建缩短的链接,并有很多选项可以为这些链接添加分析。

链接管理器插件的设置选项卡中,您可以:

  • 添加跟踪像素
  • 控制如何跟踪机器人
  • 选择要使用的 URL 缩短服务。默认情况下,它使用 Shareaholic 自己的shrlc.com域名,但你也可以使用 bit.ly 和其他服务

The Shareaholic link shortening options

The Shareaholic link shortening options

然后,创建一个新的链接就像粘贴你想要链接的 URL 并选择要使用的跟踪选项一样简单。

一旦你有了一些活动,你就可以查看每个链接的点击分析:

The link tracking analytics

The link tracking analytics

性能呢?

我们知道你们中的一些人可能想知道 Shareaholic 插件的性能,所以我们自己做了一些测试。注意:你应该总是在你自己的 WordPress 站点上测试。

第一件事是,如果你已经在使用一个插件,它会吐出打开的图形标签,比如 Yoast SEO,你可能想在“高级设置”下禁用这个功能否则,您将得到重复的标签。这不会造成任何伤害,但这是对代码的浪费,只会增加页面的总大小。

Shareaholic disable open graph tags

Shareaholic disable open graph tags

如果没有启用共享插件

我们首先在没有启用 Shareaholic 插件的情况下运行了一个速度测试。

Speed test without Shareaholic plugin

Speed test without Shareaholic plugin

启用 Shareaholic 插件

然后,我们运行了一个速度测试,启用了 Shareaholic 插件并配置了社交媒体共享按钮。正如你在下面看到的,这个插件增加了 20 多个请求和将近 400 KB 的总页面大小。

Speed test with Shareaholic plugin

Speed test with Shareaholic plugin

你可以看到它实际上并没有给 WordPress 站点增加太多的加载时间,尽管它确实增加了很多请求。以下是几个原因:

  • 100%的 Shareaholic JavaScript 和相关文件都托管在亚马逊的全球 CDN(内容交付网络)上。这意味着它们应该加载得相当快。
  • 脚本被异步预加载和加载(在页面加载之后),并指定缓存策略。
  • 考虑到 HTTP/2 进行了优化。
  • 如果你看看源代码,他们还添加了dns-prefetch标签。因此,Shareaholic 开发团队中的一些人正在考虑他们在性能方面应该做些什么。







  • Shareaholic 的另一个优势是它支持全球超过 300,000 个网站。这意味着如果你已经使用 Shareaholic 访问了一个网站,你的浏览器很可能已经在缓存中有了一些资源和库。所以大部分都要加载快如闪电。
  • 如果你想进一步加快速度,它们还提供了额外的可选高级选项:启用服务器端共享计数,关闭索引页面上的共享计数,以及关闭分析中的第三方数据服务。

Shareaholic 的成本是多少?

除非另有说明,我们上面展示的所有功能都是 100%免费的。

然而,Shareaholic 还提供高级计划,让您获得额外的功能,如:

  • 社交分享计数恢复
  • 控制相关内容资格的更多选项
  • 从关键区域移除共享品牌
  • 更多目标规则
  • 加上许多其他更小的功能

这些计划起价为每月 8 美元(按年计费)。

除此之外,还有团队计划,允许您添加多个团队成员并控制单个团队成员的权限。这些团队计划起价为每月 40 美元(按年计费)。

摘要

Shareaholic 在一个软件包中提供了许多有用的功能。这有点像 Automattic 的 Jetpack 插件…但是是为了吸引访问者并使你的网站盈利。

如果你只是想要额外的功能,如社交媒体分享、相关内容、分享后的行动和谷歌分析跟踪,你只能使用这些功能,跳过所有的货币化选项。

然而,如果你正在寻找新的方法来赚钱,Shareaholic 也可以帮助你找到一些独特的,非侵入性的赚钱方法,比如将赞助内容混合到你的相关内容中。

首先,你可以安装来自 WordPress.org 的免费共享插件。在那里,你可以(可选地)将其与一个免费的 Shareaholic 帐户同步,然后配置你希望在你的网站上开始使用的各个应用程序。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年 11 个最佳 Shopify 替代方案(免费、付费和开源)

原文:https://kinsta.com/blog/shopify-alternatives/

电子商务已经发展成为一股不可阻挡的力量,2019 年仅在美国就有 6017.5 亿美元的销售额。随着越来越多的人在网上购物,大多数企业都开始寻找自己的网上商店。

Shopify 是全球领先的电子商务平台之一,拥有成千上万的供应商和商店。这并不意味着它是您的唯一选择,因为有大量功能齐全的平台可用,甚至一些不可能的竞争对手也为特定受众提供了更好的解决方案。没有行业经验,很多企业主对 Shopify 这样的平台能给他们提供什么只有一个模糊的概念。

所以,如果你想知道“我可以用什么来代替 Shopify?”,我们有这篇适合您的文章,因为我们将涵盖顶级 Shopify 替代方案的优缺点、用户体验和定价明细。

准备好了吗?我们开始吧!

1.伍尔科贸易公司

woocommerce

WooCommerce

WooCommerce 是一个建立在 WordPress 之上的自托管电子商务平台。它是开源的和可扩展的,适合那些想要完全控制和拥有自己内容的严肃的电子商务企业家和企业。

赞成的意见

  • 免费开源。
  • 100%拥有和控制内容。
  • 根据费用自由选择支付处理器。
  • 大型店更便宜。
  • 可扩展大量的免费插件扩展
  • 从各种免费和付费的 WooCommerce 主题中选择你想要的外观。
  • 利用 WordPress 强大的基础进行内容营销和 SEO。

骗局

  • 如果没有一个专门的 WooCommerce 主机,就像 Kinsta 的 WooCommerce 主机一样,速度会很慢。

用户界面

woocommerce dashboard

WooCommerce dashboard

WooCommerce 的仪表盘直接内置在 WordPress 中,直观易用。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

计划和定价

WooCommerce 是免费的,没有月费,只要你已经有一个网站和一个主机。注意:您必须使用外部支付处理器,它将根据您选择的提供商对交易收取一定比例的费用。

在我们专门的比较中,阅读更多关于 WooCommerce 与 Shopify 的利弊。

2.大商业

BigCommerce - shopify alternatives

BigCommerce

BigCommerce 是一个专门的电子商务平台,具有先进的营销功能,如内置于其核心的购物车放弃电子邮件。高级功能使其成为精明的数字营销人员和希望扩大电子商务销售的公司的绝佳选择。

赞成的意见

  • 核心中包含的营销功能(放弃购物车, Google AMP 页面)。
  • 自由选择自己选择的支付网关,无需额外费用(不像 Shopify)。
  • 多渠道商务的原生支持。
  • 可通过各种插件和第三方合作伙伴进行扩展。

骗局

  • 对内容和功能的有限所有权和控制。
  • 获取高级功能的高额月费(79.95 美元至 299.95 美元)。

用户界面

BigCommerce dashboard

BigCommerce dashboard

BigCommerce 的用户体验和 Shopify 一样直观,导航清晰,设计简洁。

计划和定价

bigcommerce plans pricing

BigCommerce pricing

对于有限的功能和高达 5 万美元的年收入,标准计划每月 29.95 美元起。此外,还包括自动购物车恢复等营销功能,每月费用为 79.95 美元。支付处理:第三方支付网关起价 2.9%,每次支付 0.3 美元。

3.体积

volusion - shopify alternatives

Volusion

Volusion 是一个电子商务平台,专注于需要易于使用的解决方案的中小型企业。简单的界面和一步一步的教程使创建你的第一个商店变得容易。

赞成的意见

  • 简单的界面。
  • 帮助您入门的交互式分步教程。
  • 电话订单和 CRM
  • 支持多渠道商务(商业计划书及以上)。
  • 你可以轻松雇佣内部营销团队提供帮助(广告、创意、分析等等)。

骗局

  • 高级功能仅包含在商务版(每月 299 美元)及以上版本中。
  • 基本计划仅限于 100 种产品。
  • 有限的集成。

用户界面

volusion dashboard tutorial

Volusion’s dashboard tutorial

Volusion 的主要卖点是它的易用性,它提供了一步一步的教程和简单易用的界面,可以帮助任何人快速入门。

计划和定价

volusion pricing

Volusion pricing

Volusion 的个人计划起价为每月 29 美元,涵盖多达 100 种产品,年销售额为 5 万美元。对于电话销售和 CRM,您需要升级到每月 79 美元的专业计划。**支付处理:**第三方解决方案,起价 2.9%,每次支付 0.3 美元。

4.PinnacleCart

pinnaclecart - shopify alternatives

PinnacleCart

PinnacleCart 宣称自己是电子商务平台市场的营销和转化领导者。有了内部设计和营销服务,对于在这些领域需要帮助的店主来说,这是一个不错的选择。

赞成的意见

  • 核心中包括 SEO 工具、购物车恢复和其他高级营销功能。
  • 易于使用的界面。
  • 所有计划的无限产品。
  • 提供内部设计、开发和营销服务。

骗局

  • 有限的集成。
  • 标准计划仅包括 20GB 带宽。

用户界面

pinnacle cart dashboard

PinnacleCart Dashboard

PinnacleCart 仪表板直观、易于使用和理解,为销售和营销提供了强大的报告。

计划和定价

pinnacle cart pricing

PinnacleCart pricing

PinnacleCart 的标准计划每月费用为 79.95 美元,包括所有功能、无限产品和高达 25 万美元的销售额。主机被限制为 10GB 磁盘空间和 20GB 带宽。

高级计划包括私有的 SSL 和无限的硬盘空间和带宽。还有一个永久许可的本地选项,您需要联系他们的销售团队。**付款处理:**第三方解决方案,起价 2.9%,每次付款 0.3 美元。

5.辛沃利

Simvoly - shopify alternatives

Simvoly

Simvoly 是一个网站和 T2 的漏斗建立者,同时也为 T4 的电子商务和在线商店提供支持。对于习惯于使用 ClickFunnels 或类似软件的企业家和企业来说,这是一个很好的选择,但也希望创建一个拥有多种产品的在线商店。

赞成的意见

  • 通过追加销售实现强大的结账流程,以最大化平均订单价值(AOV)。
  • 全功能漏斗生成器。
  • 直观而强大的拖放式商店生成器。
  • 简单的界面。

骗局

  • 有限的电子商务管理功能(如库存管理等)。
  • 有限的电子商务和营销分析和报告。

用户界面

simvoly ui funnels

Simvoly UI funnels

Simvoly 的突出特点是其高级页面和漏斗生成器,这对于专注于少数产品或销售流程较长的公司来说非常有用。

计划和定价

simvoly pricing

Simvoly Pricing

个人计划仅支持最多 5 个产品、20 个页面和 10GB 带宽,但每月仅花费 12 美元。商业计划是每月 24 美元,不限页面,多达 100 个产品,60 GB 带宽。**支付处理:**第三方解决方案,起价 2.9%,每次支付 0.3 美元。

6.大卡特尔

bigcartel - shopify alternatives

Big Cartel

Big Cartel 是一个简单的电子商务解决方案,面向艺术家、创意者和有影响力的人。有限的功能使它易于使用,但也使它不适合现有的企业和商店。

赞成的意见

  • 简单易用。
  • 提供免费计划(最多 5 种产品)。
  • 比其他方案便宜(全功能方案每月 9.99 美元起)。

骗局

  • 有限的集成。
  • 有限的营销功能和应用。
  • 缺乏原生分析和测试(虽然它与谷歌分析集成)。

用户界面

Big Cartel Dashboard

Big Cartel Dashboard

Big Cartel 的 UI 丰富多彩、简单易用,但它没有大多数竞争对手的强大功能或深入数据。它非常适合艺术家销售商品,但不适合成熟的电子商务企业。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

计划和定价

bigcartel pricing

Big Cartel Pricing

有了大卡特尔,你可以创建一个最多有五种产品和有限功能的免费商店。付费计划每月 9.99 美元起,最多可购买 50 种产品,包括所有功能,包括库存跟踪和折扣。**支付处理:**第三方支付处理,每次支付 2.9%和 0.3 美元起。

7.预车间

prestashop - shopify alternatives

PrestaShop

PrestaShop 是一个 100%免费和开源的电子商务平台,具有与大多数付费解决方案相当的功能。由于它是开源的,对于那些想要拥有自己内容的公司来说,这是一个合适的选择,这些公司还没有在他们的网站上使用WordPress

赞成的意见

  • 免费开源。
  • 内容的 100%所有权和控制权。
  • 可扩展大量模块和主题(5000+)。
  • 产品、销量、流量不限。

骗局

  • 需要自己的主持
  • 对于初学者来说,设置起来可能很有挑战性。
  • 不与 WooCommerce 等现有的 CMS 集成。

用户界面

PrestaShop dashboard

PrestaShop dashboard

信息丰富的仪表板可能会让一些用户不知所措。然而,只要点击几下鼠标就可以浏览所有数据,这是渴望数据的商店经理们所喜欢的。

计划和定价

PrestaShop 100%免费下载、安装和使用。你需要为你自己的主机服务、主题和你要使用的扩展付费,费用从 30 美元到 550 美元不等。**付款处理:**第三方解决方案,起价 2.9%,每次付款 0.3 美元。

8.方形空间

Squarespace - shopify alternatives

Squarespace

Squarespace 是一家领先的网站建设商,也通过其 Squarespace 电子商务计划提供全面的电子商务支持。对于没有设计经验的小团队,Squarespace builder 可能是一个强大的工具。

赞成的意见

  • 强大、直观的拖放生成器
  • 易于使用的界面。
  • 内置强大的分析和营销功能。
  • 与 Squarespace 电子邮件营销的本机集成。

骗局

  • 商业计划书的 3%交易费。
  • 有限的插件和集成。

用户界面

Squarespace dashboard

Squarespace dashboard

优雅的仪表板允许您轻松地添加、删除、更新和管理您的产品或服务。此外,您可以利用 Squarespace Analytics,这是一款内置的报告工具,可提供高级报告,如按流量来源或活动细分收入和订单。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗?Kinsta 提供所有这些服务,并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

计划和定价

squarespace ecommerce pricing

Squarespace pricing

个人计划不包括电子商务功能,而商业计划没有电子商务分析,并附带 3%的交易费用。所以它们不是可行的选择。基本的商务计划每月 26 美元起,产品和流量不限。

对于购物车恢复、高级运输选项等,您需要以每月 40 美元的价格升级到高级商务。**支付处理:**第三方解决方案,起价 2.9%,每次支付 0.3 美元。

9.广场网上商店

square online store

Square Online Store

Square 在线商店是 Square 的基本电子商务解决方案,提供 100%免费计划。对于希望销售有限数量产品或测试产品创意的新企业家来说,这是一个可行的选择。

赞成的意见

骗局

  • 有限的集成和扩展。
  • 乏善可陈的营销和优化功能。

用户界面

square commerce dashboard

Square dashboard

在线商店的用户界面非常简单,但是您也可以从 Square 的主要产品中访问强大的财务仪表盘。

计划和定价

square online store pricing

Square Online Store pricing

免费计划包括基本的电子商务功能,但你不能将它绑定到一个定制域。专业计划包括一个自定义域,并删除广场广告和品牌。支付处理: Square 支付,起价 2.9%(保费计划为 2.6%),每次支付 0.3 美元。

10.塞菲

Sellfy - shopify alternatives

Sellfy

Sellfy 是另一个简单的 Shopify 替代解决方案,适合那些迎合创作者和艺术家的人。从商店设置到数字营销的一步一步的教程使它成为一个非常适合初学者的解决方案。

赞成的意见

  • 易于使用和建立您的第一个网上商店。
  • 伟大的拖放商店建设者。

骗局

  • 有限的集成和扩展。
  • 非常基本的营销和分析功能。

用户界面

Sellfy dashboard

Sellfy dashboard

仪表板简洁直观,包括管理、运行和发展在线商店的所有关键功能。

计划和定价

sellfy pricing

Sellfy pricing

每月 19 美元的入门计划除了最基本的功能外,年收入最多只能达到 1 万美元。要使用电子邮件营销功能,你需要每月 39 美元的商业计划,这涵盖了高达 50,000 美元的年收入。**付款处理:**第三方解决方案,起价 2.9%,每次付款 0.3 美元。

11.塞尔兹

selz - shopify alternatives

Selz

Selz 是一个完整的电子商务平台,具有原生购物车恢复和其他高级营销功能。有了智能的拖放生成器,这是电子商务企业家应该考虑的一个可靠的 Shopify 替代方案。

赞成的意见

  • 圆滑的拖放商店建设者。
  • 营销自动化功能,如购物车恢复。
  • 所有计划的多渠道销售。
  • WordPress 插件整合产品,并在现有网站上进行销售。

骗局

  • 运输标签集成仅限于高级计划(179 美元/月)或以上。
  • 使用 Selz Pay 以外的其他提供商收取 0.5-2%的交易费。
  • 有限的集成和插件。

用户界面

Selz dashboard

Selz dashboard

Selz 仪表盘非常直观。感谢设置清单和其他资源,你将拥有建立你的第一个电子商务商店所需的一切。

计划和定价

selz pricing

Selz pricing

基本计划每月 26 美元起,包括大多数功能,无限的产品、带宽和销售额。标准计划将花费你每月 53 美元,但包括税务发票、自定义字段等等。

要使用运输标签集成来加速履行,您需要以每月 179 美元的价格升级到高级计划。支付处理: Selz Pay 起价为 2.9%(高级版为 2.7%),每次支付 0.3 美元。使用第三方支付网关收取 0.5-2%的额外费用。

In the US alone, ecommerce brought in $601.75 billion in 2019. 🤯 There's never been a more lucrative time to start an online store, and these 11 Shopify alternatives will help you get it up and running. 🛍Click to Tweet

摘要

对你的生意来说,拥有一个网上店面比以往任何时候都重要。确保您获得运输、营销、税务等所需的所有功能。,从一开始就可以节省你一吨的时间和未来的头痛。

有很多解决方案可供选择。这就是为什么我们创建了这份 Shopify 替代品列表,以帮助您做出正确的选择。如果 WooCommerce 引起了你的兴趣,别忘了查看它的一长串扩展主题来增强你的在线商店。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何从 Shopify 迁移到 woo commerce(8 步)

原文:https://kinsta.com/blog/shopify-to-woocommerce/

Shopify 是推出第一家在线商店的绝佳平台。然而,随着你的商店的发展,你可能会开始注意到这个托管平台的局限性。如果你觉得你已经超越了它,从 Shopify 迁移到 WooCommerce 比你想象的要容易。

通过 WooCommerce ,你可以完全控制你的商店。您可以配置从税费到添加定制运输方式的所有内容。此外,你可以免费发布成百上千的产品。

本文将讨论将 Shopify 迁移到 WooCommerce 需要了解的内容。我们将带你完成准备工作,并在你搬迁店铺时一步一步地指导你。让我们开始工作吧!

T3】

查看我们的视频指南从 Shopify 迁移到 WooCommerce

为什么你应该考虑从 Shopify 转向 WooCommerce

从 Shopify 转移到 WooCommerce 的主要原因是后者是建立在 T2 开源软件之上的。它使用 WordPress,使你能够在你选择的任何托管平台上创建任何你想要的网站。与 Shopify 不同,WooCommerce 不收取解锁功能的费用。你也不需要支付任何加工费来销售产品。

如果你同时使用 WordPress 和 WooCommerce,你仍然需要付费。然而,您并不局限于任何特定的平台。因此,您可以选择任何符合您整体需求的主机。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

从 Shopify 迁移到 WooCommerce 之前的考虑

任何时候你计划将一个网站从一个平台迁移到另一个平台,你都需要考虑几个因素。例如,您可能需要考虑托管、备份数据等等。让我们逐一分析这些因素。

寻找一个 WordPress 友好的网络主机

如果你已经开始使用 WordPress 和 WooCommerce,你可能会想找一个适合内容管理系统(CMS)的虚拟主机提供商。由于这个平台的受欢迎程度,你会发现很多为 WordPress 用户设计的主机选项。

Kinsta 就是这样一个网络主机。我们为 WordPress 和 WooCommerce 提供广泛的托管计划。无论您选择哪种 Kinsta 软件包,您都可以获得运行和发展在线商店所需的高级功能。

我们的托管计划包括以下功能:

当然,我们建议你在为你的商店选择主机提供商之前做好调查。只要你选择一个声誉好的虚拟主机,你仍然可以使用 WordPress 和 WooCommerce 提供的所有功能。

备份您的 Shopify 商店

每当你对网上商店做出重大改变时,提前备份所有数据是个好主意。使用 Shopify 的一个缺点是该平台不提供备份功能。

Shopify 使您能够以 CSV 格式导出产品数据(这在迁移过程的中会派上用场)。但是,您不能使用平台的内置功能备份您商店的其他细节和设计。

如果你想使用真正的备份功能,你需要求助于 Shopify 应用商店。在这里,您可以找到为 Shopify 添加基本备份功能的工具,例如倒带备份:

Rewind Backups for Shopify

倒带备份

需要注意的是,即使使用了 Rewind Backups 等应用程序,您也可能无法创建 Shopify 商店的完整副本。您也不能使用 Shopify 备份应用程序来迁移您的商店。

从 Shopify 迁移到 WooCommerce 对你现有的商店来说理论上是一个无风险的过程。你不会丢失任何商店的数据,但备份任何网站的数据以防出现问题仍然是一个好主意。

Shopify 是一个很好的平台,可以让你开设第一家店铺,但是随着店铺的发展,你可能会注意到它的局限性。🙅‍♀️输入😌 点击推文

如何从 Shopify 迁移到 WooCommerce (8 步)

现在你已经有了一个网络主机,是时候开始把你的商店从 Shopify 转移到 WooCommerce 了。这个过程包括迁移你的商店的所有产品,并在 WooCommerce 中重新创建它的布局和设计。然而,在这之前,我们需要设置 WordPress。

步骤 1:设置 WordPress

WordPress 根据你使用的网络主机类型提供了几种安装方法。例如,当你创建一个新网站时,托管 WordPress 主机通常会自动为你设置 CMS:

Install WordPress in MyKinsta

在 MyKinsta

安装 WordPress

如果你的网络主机不提供自动 WordPress 安装,我们建议你检查你的主机控制面板。在这里,你可以使用一个软件安装程序,比如 Softaculous ,它可以让你在几分钟内安装好 WordPress。

或者,你也可以下载并手动设置 WordPress】,这比听起来更简单。该软件可在 WordPress.org下载。它还配有一个著名的“五分钟安装程序,一旦你把文件上传到你的服务器,它会引导你完成整个过程。

第二步:安装 WooCommerce

一旦你安装了 WordPress,你就可以访问仪表盘了。从这里,您可以完全控制网站的设置、布局和发布的内容:

The WordPress dashboard

既然你想搬到网上商店,你首先需要安装 WooCommerce。为此,请前往插件 > 添加新的,并在屏幕顶部的搜索栏中键入“WooCommerce”。

WooCommerce 应该是你看到的第一批结果之一:

Find the WooCommerce plugin to instal it

找到 WooCommerce 插件

点击 WooCommerce 选项旁边的 Install Now 按钮。然后,等待 WordPress 下载并安装插件。

这个过程会在后台发生,所以在 WooCommerce 旁边出现激活按钮之前不要离开页面。一旦出现,点击它:

Activate the WooCommerce plugin

激活 WooCommerce 插件

就是这样!现在,WooCommerce 已经准备就绪。这意味着你可以开始出版和销售产品。但是,您在 Shopify 上已经有了完整的产品列表,所以让我们将您的目录转移到 WooCommerce 上。
T3】

步骤 3:从 Shopify 导出产品

正如我们之前提到的,Shopify 允许您以 CSV 格式导出整个产品目录。该文件包括您迁移的产品的标题、slugs、标签、变体和价格。

要导出您的 Shopify 产品数据,请进入您的帐户并导航至**产品>所有产品。**该页面将显示您商店中所有产品的完整列表。它还包括导入和导出数据的选项:

Find products in Shopify to export

在 Shopify 中找到要出口的产品

选择屏幕上方的导出按钮,Shopify 会询问你要导出哪些产品。点击所有产品,选择导出为下的 CSV for Excel、Numbers 或其他电子表格程序选项:

Export as a CSV

导出为 CSV

一旦您点击导出产品,Shopify 将编译一个包含您所有产品数据的 CSV 文件,并通过电子邮件发送给您。该电子邮件可能需要一段时间才能到达,具体取决于您的库存有多大:

Wait for your CSV file to compile

等待你的 CSV 文件编译

Shopify 电子邮件将包含一个链接,用于下载包含您所有产品信息的 CSV 文件。将该文件保存到您的计算机上,因为您将在下一步中用到它。

步骤 4:将你的 Shopify 产品导入 WordPress

这一步是最重要的一步。有两种方法可以将 Shopify 产品导入 WooCommerce。一种方法是使用 WooCommerce 使用的内置产品导入器,另一种是通过迁移服务。

让我们回顾一下这两种方法,从手动选项开始。

使用 WooCommerce 产品导入程序

WooCommerce 附带了一个工具,可以让你导入 CSV 格式的产品列表。在上一步中,您将整个 Shopify 目录下载到一个整洁的 CSV 文件中,这使得下载过程变得非常简单。

这种方法的缺点是你只进口产品。您商店的所有数据,如顾客、订单历史、图片和评论,都将保留在 Shopify 中。本质上,你是在用你现有的库存和一张空白的店铺名单重新开始使用 WooCommerce。

如果这还不算是一个障碍,那么让我们继续在 WooCommerce 中导入 Shopify CSV 文件。进入 WordPress 仪表盘,进入工具>导入

找到 WooCommerce 产品(CSV) 选项,点击运行进口商:

WooCommerce product importer

WooCommerce 产品进口国

在下一页,WooCommerce 会让你选择想要导入的文件。还有一个使用 CSV 文件中的数据更新现有产品的选项。因为我们从一个干净的库存开始,所以不要选中它:

Choose products to imports

选择您想要导入的产品

选择您在步骤三中下载的 CSV 文件,并点击继续。下一个屏幕包括几个选项,用于将 CSV 文件中的产品数据匹配到 WooCommerce 字段:

Match product data from the CSV file to WooCommerce fields

将 CSV 文件中的产品数据匹配到 WooCommerce 字段

浏览选项列表,决定哪些数据你想导入 WooCommerce,哪些数据你不想导入。有些字段,比如 SEO 标题和 **SEO 描述,**在 WooCommerce 中没有对应的选项,这样你就可以排除那些了。

一旦您对自己的选择感到满意,点击运行导入程序。WooCommerce 将需要一分钟(或更长时间)来导入您的 Shopify 产品数据。

当该过程结束时,您将看到一条类似如下的成功消息:

Import product process is complete

进口产品流程完成

如果你点击查看产品,WordPress 会把你带到产品>所有产品标签。在这里,您将看到刚刚导入的所有项目的概述:

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Overview of imported products

进口产品概述

请记住,WooCommerce 不会导入产品图片,因此您必须手动上传这些图片。我们还建议检查每个条目,以确保它没有遗漏任何关键信息。

如果产品数据丢失,您可以随时重新运行导入程序,并确保将正确的字段导入到 WooCommerce。总的来说,使用手动导入器很简单,但是它需要您进行一些微观管理。

使用服务将 Shopify 数据导入 WooCommerce

从 Shopify 迁移到 WooCommerce 很常见。有很多插件和服务致力于简化这个过程。使用 Shopify 迁移工具的优势在于它们自动化了整个过程使你能够移植那些你不能用简单的 CSV 文件移植的数据。

Cart2Cart 是一个有用的工具。它使您能够通过将每个数据点从一个平台迁移到另一个平台来连接 WooCommerce 和 Shopify:

Cart2Cart

卡特琳娜

Cart2Cart 提供有限的免费迁移,让你可以将部分 Shopify 库存转移到 WooCommerce。然而,如果你想使用该工具的全部功能,你需要付费。价格的变化取决于你想要进口多少产品,以及你是否希望包括客户和订单数据和博客文章。

Cart2Cart 在其网站上提供了一个评估工具。然而,为了让你了解这项服务的成本,将一个包含 100 种产品的完整 Shopify 商店迁移到 WooCommerce 大约需要 120 美元。

如果你想使用 Cart2Cart,那就去注册一个账户吧。一旦您访问您的仪表板,平台将要求您选择来源和目的地购物车。

在本例中,源是 Shopify,而 WooCommerce 是目的地:

Cart2Cart setup process

Cart2Cart 设置流程

为了让 Cart2Cart 导入器工作,您需要生成一个 Shopify API 密匙。返回 Shopify 仪表盘,进入应用程序屏幕。滚动到页面底部,找到链接,上面写着管理私人应用:

The manage private aps link

查找管理私人应用链接。

如果您还没有在 Shopify 中启用私人应用程序开发,您将会看到类似这样的屏幕。点击启用私人应用开发按钮:

Enable private app development in Cart2Cart

启用私人 app 开发

Shopify 将要求您启用私人应用程序开发。它还会警告您与未知方共享 API 密钥。

确认您的选择,现在您将获得创建私人应用程序的选项:

Create private app option

【创建私人应用】选项。

创建一个私人应用程序将生成 API 密码 Cart2Cart 需要访问 Shopify 和导出您的数据。

首先,为您的应用程序设置一个名称(可以是任何名称),并输入您的电子邮件:

Set a name for your app and enter an email

为你的应用程序设置一个名称并输入一个电子邮件。

向下滚动到权限部分,让应用程序访问列表中的所有权限。当可用时,您将使用读和写选项,或者如果前者不出现,则只使用读权限:

需要为您的电子商务网站提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些服务,并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

Enter active permissions

输入活动权限。

传统上,你不应该给一个应用程序完全的权限。不过,只要你不分享 API 密匙,事后不删除 app,应该没问题。

接下来,选择最新版本的 webhook API:

Webhook API version

Webhook API 版本。

点击保存创建应用程序,并在弹出的屏幕上确认您的选择。一旦应用程序启动并运行,其 API 密码将出现在应用程序详细信息屏幕上。

在 Cart2Cart migration 菜单中复制并粘贴 API,并在旁边输入您商店的 URL:

Copy and paste the API

Copy and paste the API.

配置目标购物车(你的 WooCommerce 商店)要容易得多。你所要做的就是输入你的 WordPress 登录信息(管理员账户),然后你就可以开始了。

输入这些详细信息并点击选择实体:

Enter WordPress login details

输入 WordPress 登录详情。

Cart2Cart 需要一些时间来准备迁移过程。如果凭据正确,程序会询问您希望将哪些数据从 Shopify 转移到 WooCommerce:

Select the appropriate data you want to move

选择你想要移动的适当数据。

该服务还将为迁移提供几项付费附加服务,包括图像、订单 id 等。选择所需的选项并开始迁移。根据您需要导出/导入的数据量,此过程可能需要一段时间。

之后,Cart2Cart 将向您显示一个成功屏幕,并让您选择将您发送到您的 WooCommerce 商店,在那里您将能够看到结果。

第五步:将你的域名指向 WooCommerce

在这个阶段,你应该已经有了一个完整的 WooCommerce 商店,其中包含了你所有的 Shopify 产品。然而,还有几件事要做,包括更新您的域记录,使它们指向您的新 web 主机。

目前,您的域名仍指向您的 Shopify 商店。你可能不想注册一个新的域名,因为这意味着你需要从头开始建立流量。因此,你可能会失去很大一部分客户群。

更改域所指向的站点的过程因管理它所使用的服务而异。如果你使用域名注册商,你需要在那里更新你的记录。该流程因注册服务商而异:

Domain List on Namecheap showing all your active domains.

域名列表显示您所有注册的域名。

如果你直接通过 Shopify 注册域名,你需要使用该平台编辑你的 DNS 设置。或者,一些网络主机如 Kinsta 可以让你从你的主机控制面板更新你的域名记录。例如,MyKinsta 让将域名指向你的网站变得很容易。

步骤 6:配置你的 WordPress 永久链接

WordPress 允许你决定你的 URL 结构,包括 WooCommerce 产品。默认情况下,WordPress URLs 看起来像这样:

yourwoocommercestore.com/?p=534

那种类型的 URL 对用户不友好。从搜索引擎优化(SEO)的角度来看,这也没有什么好处。

要更改您商店的 URL 结构,请前往设置>永久链接>产品永久链接并选择您喜欢的选项:

Changing the store URL structure in WordPress

改变 WordPress 中的商店 URL 结构。

在大多数情况下,我们建议您使用标准结构。有了它,一个 WooCommerce 产品的 URL 将看起来像这样:

yourwoocommercestore.com/product/sample-name

这种类型的 URL 给访问者提供了他们正在看的产品的信息,迫使你使用描述性的 slugs。一旦你选择了一个永久链接结构,保存对你的 WordPress 网站的修改。

值得注意的是,在开始你的网上商店时,你需要选择一个永久链接结构。以后改变链接结构会影响网站的搜索引擎优化,导致网站出现重大错误。你越早建立永久链接结构,你遇到的麻烦就越少。

第七步:重新设计你的 Shopify 商店的设计(或者重新开始)

如果你查看了你的 WooCommerce 商店的任何页面,你可能会注意到它们看起来一点也不像 Shopify 的同类产品。那是因为你仍然在使用默认的主题之一

在这一阶段,你有两种选择来实现你的新店的设计:

  1. 重塑您的 Shopify 商店风格
  2. 从一个新的 WooCommerce 模板开始

这两种方法都是有效的,它们都涉及到为你的商店寻找完美的 WooCommerce 主题。一方面,重新创建你的 Shopify 商店设计可以让现有客户的过渡更加无缝。

另一方面,WordPress 比 Shopify 提供了更多的定制选项。有了 CMS,你可以访问多个页面构建器插件,这些插件与 WooCommerce 一起工作,让你以任何你认为合适的方式定制你的商店。

为了定制你的商店,你还可以使用内置的块编辑器,这个编辑器有一个对 WooCommerce 友好的主题。这两种方法都是可行的。所以,决定如何利用 WordPress 和 WooCommerce 提供给你的所有功能吧!

步骤 8:配置你的 WooCommerce 设置

将产品导入 WooCommerce,定制你的店铺风格,只是一个开始。在开始通过 WooCommerce 销售产品之前,您还需要配置各种设置,包括:

  • 支付和运输选项
  • 安全设置
  • 电子邮件通知选项
  • 产品设置
  • 税收选项

如果您还记得配置 Shopify 商店的过程,那么所有这些设置听起来应该都很熟悉。然而,WooCommerce 让你对如何建立网上商店有更多的控制权:

WooCommerce settings

WooCommerce 设置。

WooCommerce 的官方文档包括一个关于如何配置设置的完整指南。一旦你完成了商店配置的调整,我们建议你查看一些 WooCommerce 扩展

不要错过一次销售有了这个从 shopify➡️WordPress🛍点击推文

摘要

从 Shopify 迁移到 WooCommerce 需要做很多工作。你不仅需要从一个商店向另一个商店进出口产品,还需要从头开始重新设计你的整个网站。幸运的是, WordPress 可以让你的新店看起来像你想要的一样。

有了 WooCommerce,你可以获得比 Shopify 更多的商店控制权。这要归功于 WordPress 的开源特性和它的广泛流行。因此,你可能永远也不会在商店里尝试不完的新功能。

关于如何将 Shopify 迁移到 WooCommerce,您有什么问题吗?请在下面的评论区提问!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何在你的电子商务网站上减少购物车的废弃

原文:https://kinsta.com/blog/shopping-cart-abandonment/

放弃购物车在实体店中并不常见。由于网上购物的便利性(或者可能是因为没有人在监视/评判你),这种考虑只有在具体谈论电子商务商店时才真正相关。

为了正确看待这个电子商务问题,四辆购物车中有三辆被废弃,的废弃购物车率在去年上升了 2%

On average, over 70% of your potential customers are abandoning their shopping carts. 😲 See how to fix this on your ecommerce site.Click to Tweet

放弃购物车是潜在转化的一个主要缺口。例如,据发现,65%的购物车放弃率会留下 97.9%的转化率差距,这平均每年会让营销人员损失 2 到 4 万亿美元。也就是说,Forrester Research 建议每年损失 18 万亿美元

什么是购物车废弃?

放弃购物车是指当您的电子商务网站上的潜在客户正在结账(或至少已经将购物车添加到购物车中)并决定不再购买时。这通常以一段时间内废弃手推车的百分比来衡量。它可能会受到糟糕的用户界面、结账流程、混乱的定价、品牌可信度等的影响。

Support

为了提高转化率,网上购买过程可能很复杂。

一些研究表明,75%放弃购物车的网站访问者计划返回网站进行购物或继续他们的研究。事实上,只有 2%的顾客在第一次访问电子商务商店时转化,并且 92%的首次访问者不打算在那时从商店购买任何东西。事实上,在顾客决定从普通企业购买之前,平均需要接触五次。

因此,不要把放弃购物车看作是放弃销售,你应该把它看作是衡量网站访问者最终购买意图的一个指标。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

购物车放弃统计

根据 Baymard Institute 的调查,以下是顾客放弃购物车的最常见原因:

  • 昂贵的运费(55%)
  • 网站希望他们做一个帐户(34%)
  • 漫长或复杂的结账流程(26%)
  • 不信任有信用卡信息的网站(17%)
  • 网站出错/崩溃(17%)
  • 没有足够的支付选项(6%)

当然,也可能有其他原因在起作用,例如库存产品不足、品牌忠诚度下降和结账错误。

放弃购物车的其他主要原因包括:

  • 拥有一个缓慢的网站。一个慢的网站可以增加 75%的弃用率,当你的网站慢的时候忠诚度下降 50%。
  • 顾客只是浏览。 81%的客户只是浏览电子商务网站,因为他们在进行网上调查,寻找最佳交易。55% 在亚马逊和 Pinterest 上寻找产品,79%寻找免费退货运费,71%评估运费和政策。

如何减少购物车废弃

就像转化率优化一样,有很多因素可以影响你的购物车放弃率。这里有一些简单的步骤来减少它!

1.加速您的电子商务网站

对于任何网站来说,页面速度都是最重要的页面优化工作之一。如果网站加载时间超过 3 秒,客户就会离开。全球速卖通表示,通过将页面的加载时间减少 36%,新客户的订单增加了 10.5%,转化率增加了 27%。另一方面,通过改善 68%的渲染时间、64%的加载时间和 46%的页面权重,Ancestory.com 看到了 7%的转化率增长

WooCommerce 网站要求特别高,因为它们会产生大量数据和无法处理的请求,因此需要健壮的 PHP 和数据库资源。在选择 WooCommerce hosting 时,使用基于容器的主机很重要,比如 Kinsta,它是为使用隔离资源进行扩展而构建的。

Kinsta architecture

Kinsta architecture

加速您的网站的其他想法:

  • 优化您的图像

  • 卸载和缓存不同的文件,如 pdf 和 MP3。

  • Cache as much of your content as possible. You can opt for a caching plugin, though there are certain web hosts like Kinsta, which handles caching for you (and offers four different types of caching, to boot).

    WordPress cache - HIT, MISS, BYPASS

    ——命中、未命中、绕过

  • 使用内容交付网络( CDN )。根据位置的不同,我们已经看到 CDN 将整体加载时间减少了 50%以上!

  • 优化你的 WordPress 数据库。当你用标准方法从你的 WordPress 数据库中删除一个插件时,它通常会在你的数据库中留下表格和行,随着时间的推移,这会降低你的网站速度。当你的网站变得太拥挤时,你可以选择限制帖子的修改或者删除旧的。你也可以将表格从 MyISAM 转换成 InnoDB清理你的 wp_options 表格

如果你真的想深入了解所有的优化技术和技巧,一定要看看我们关于如何加速你的 WordPress 站点的终极指南。

2.缩短和简化结账流程

约 21%的购物者表示,他们放弃购物车的原因是因为结账过程太长或令人望而生畏。根据贝玛研究所的研究,通过更好的结账设计,一般的大型电子商务网站可以提高 35.26%的转化率。

简化结账的一些想法:

  • 提供一步结账(像亚马逊一样)或者想办法减少结账的必要步骤。

  • 为客人提供结账服务。 35%的在线交易通常会被取消,因为网站要求用户在结账前创建一个账户。访问者不想创建用户帐户的一些原因包括隐私、电子邮件收件箱爆满、时间不够以及购买的不确定性。

  • Strip down and simplify checkout. This could be done in a number of different ways. For example, Kinsta removes distractions on their checkout page by stripping out the top header. You can also see where you are at in the process as you go.

    Ecommerce checkout simplified

    电子商务结账简体

退一步,认真考虑一下你现有的结账流程:要么是自我审计,要么是通过可用性测试。有什么特别费解的地方吗?有没有可以消除的字段?测试新的更改,并确保在完全提交之前衡量对您的转换的影响。

3.提供替代付款方式

当你开了一家电子商务商店,你就有可能与全世界做生意。了解这一点后,你必须意识到一种支付方式不足以满足不同国家的客户。您可能需要根据您的客户所在的地区,采用多种不同的支付方式。

Stripe 和 PayPal(连接到银行账户、借记卡和信用卡)是电子商务商店接受的一些最常见的收款方式。除此之外,可以考虑的新兴替代支付方式包括 Apple Pay、Amazon Pay 和 Google Pay。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

使用方形?查看我们的深度对比博文:条纹 vs 方形

4.考虑提供免费运输

Statista统计,昂贵的运费是人们弃车的首要原因,但据履行服务统计,免运费并不是吸引新客户的唯一考虑因素。低价是顾客重游电子商务网站的首要原因。

Reasons shoppers abandon carts

Reasons shoppers abandon carts

结账时,78%的受访者表示他们更喜欢免费送货而不是加急送货。67%的情况下,客户会选择更便宜的运输方式,而不是最快的运输方式(这代表了 2%的客户)。此外,58%的客户愿意等待 4-7 天才能收到他们在网上购买的商品,但作为在线卖家,你也必须提供一个预期的时间框架或交付日期,以让客户满意。

在被调查者中,58%的人希望免费或打折运输,而 28%的人希望有多种运输选择。

尽管免费或快速运输足以刺激销售增长,但了解这对你的底线的影响是很重要的,因为运输成本会占总成本的 5%或更多。总的来说,大约一半接受调查的中小型企业表示,提供免费运输增加了利润。

作为零售商,找到增加成本和增加销售之间的最佳平衡点很重要。

以下是零售商在运输方面的几种做法:

  • 提供标准递送的免费送货服务,但额外收费的高级服务,如加急运输。
  • 对低价值产品收取运费,但对高价值产品提供免费运费。
  • 使用成本较低的承运商,如果客户选择这些承运商,则提供免费运输。

5.通过出色的网站安全性和评论激发信任

如果一个网站看起来没有安全徽章,35%的人会放弃这个网站。

如果您想知道应该使用什么特定的安全徽章,bay mard 调查发现最受信任的徽章是诺顿(35.6%),其次是迈克菲(22.9%),TRUSTe (13.2%)和 BBB 认证(13.2%)。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

除了包含安全徽章之外,加入额外的网站安全功能,如密码加密和 SSL 证书(必须的——HTTPS现在是谷歌搜索排名因子),这样你的客户就知道你对他们的安全有合理的兴趣,徽章不只是为了展示。

(延伸阅读:如何给 WooCommerce 添加 SSL 证书)

你也可以通过同行评审帮助顾客克服最初的犹豫,证明你的商店是一个合法的购物场所。84%的人相信在线评论和个人推荐。发挥创意,在你的电子商务网站上发布顾客评论。将您的最佳点评放在您的结账页面上,以降低潜在客户放弃购物车的几率。

Ecommerce customer reviews

Ecommerce customer reviews (Image source: TrustPilot Business)

6.提供可靠的移动友好型购物体验

超过一半的全球网络流量来自移动用户。

76%的 智能手机用户会在一天内访问搜索业务;这些搜索中有 28%会导致购买。59%的电子商务网站访问是在移动设备上进行的,移动活动占电子商务收入的 38%。在网上购物最常用的三种设备中,移动设备占最高弃车率 (85.65%),其次是台式机(73.07%)和平板电脑(80.74%)。

你可以采用一种策略来优化手机友好性,包括使用 Google AMP T1,它通过提供一个精简版来让用户快速浏览你的网站。有几个插件可以用来激活这个功能,如【WooCommerce 放大器和 WP 放大器。但是,您也应该对此进行广泛的测试,因为 AMP 有很多问题。

你也会想考虑我们的指南,确保你的 WordPress 网站是为谷歌的移动优先索引优化的。

如何用废弃购物车电子邮件修补购物车废弃

如果尽管你在现场尽了最大努力,你的客户仍然以很高的比率放弃他们的购物车,那么有一个好消息:你仍然可以在废弃购物车电子邮件的帮助下取回它们。

废弃购物车电子邮件很有帮助,也很有效。以下是一些来自 Moosend 的废弃购物车电子邮件统计数据:

  • 打开率:平均 45%的弃车邮件被打开。
  • 点击率 : 21%的邮件被点击。
  • 转化率 : 10.7%的接受者完成了购买。根据 Barilliance 的说法,废弃的购物车邮件可以导致转化率增加 18.64%!

您可以在电子邮件营销提供商和/或电子商务平台的帮助下创建自己的废弃购物车电子邮件(例如,BigCommerce 提供内置的废弃购物车恢复功能)。

此外,Converio 有助于简化流程:

转变

是一家专门针对电子商务商店的电子邮件营销公司。

Conversio WooCommerce plugin

Conversio WooCommerce plugin

它们允许您发送任何相关的电子商务电子邮件,如收据、废弃购物车电子邮件、跟进电子邮件、产品评论、时事通讯和反馈电子邮件。Conversio 提供了漂亮的预设计电子邮件模板、强大的细分和自动化活动。Conversio 还根据灵活的定价模式收费。

废弃购物车电子邮件最佳实践

需要注意的一些关键废弃购物车电子邮件实践:

  • 发送多封电子邮件。事实上,你应该至少发送两个。最好的营销活动包括发送三封电子邮件(导致平均 18.2%的额外销售额)。一小时内发送第一封邮件。如果你发送一个超过 24 小时,转换率减半。然后,在放弃后 24-36 小时发送第二封邮件,72 小时后发送第三封邮件。
  • 提供额外折扣。在每封邮件中提供更大的折扣。上述解决方案能够在您的电子邮件模板中创建动态折扣代码。
  • 时机很重要。根据 Barilliance 的一项研究,在理想时间发送你的第一封电子邮件可以带来 20.3%的转化率(而在非理想时间的转化率为 12.2%)。这也会影响后续邮件的转换率(最佳时间的转换率为 17.7%,其他时间为 7.7%)。
  • 写一个能引起你注意的主题。个性化(通过使用接收者的名字,并根据他们将要购买的东西推荐产品)是值得努力的事情。

摘要

电子商务正享受着惊人的增长,但它并没有达到应有的顶点,平均有四分之三的购物车被丢弃。这可以通过理解顾客放弃购物车的原因和实施战略来解决你的电子商务网站上的主要问题领域来弥补。

关于购物车废弃,你还有哪些问题?请在下面的评论中留下它们。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何在电脑和智能手机上显示隐藏文件

原文:https://kinsta.com/blog/show-hidden-files/

您想快速显示计算机或手机上的隐藏文件和文件夹吗?

如果您或计算机上的任何其他用户曾经隐藏过某个文件或文件夹,很容易就会丢失该文件的位置。

幸运的是,如果你有适当的权限,大多数操作系统都有显示这些隐藏文件的选项。

无论您是 Windows、macOS、Linux、Android 还是 iOS 用户,我们都能满足您的需求。在这篇文章中,我们将回顾显示隐藏文件的最快和最简单的方法,不管你的设备是什么。

让我们直接开始吧。

更喜欢看视频版

如何在我的 Windows 笔记本电脑上显示隐藏文件?

在 Windows 10 中,显示隐藏文件或文件夹的最简单方法是使用文件浏览器的视图选项。

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

首先,打开你的文件浏览器 ( WIN + E ,转到你认为有隐藏文件的文件夹。接下来,点击视图选项卡,然后勾选隐藏项目文本旁边的复选框。

Windows File Explorer showing hidden files.

Windows 文件资源管理器显示隐藏文件

这应该会立即显示该文件夹中的任何隐藏文件。如果您没有看到任何隐藏文件,这意味着在该特定文件夹中没有任何文件。您应该注意,隐藏文件不同于删除的文件。

在旧版本的 Windows(和 Windows 10)中,你可以在控制面板的文件浏览器选项中编辑这些设置。

在 Windows 工具栏中搜索“文件夹”并选择第一个结果。如果“文件夹”没有显示您需要的选项,您也可以搜索“文件资源管理器选项”。

Windows file explorer options.

Windows 文件资源管理器选项

对于没有搜索框的比 Windows Vista 旧的版本,你可以手动导航到外观和主题下的文件夹选项

接下来,导航到视图选项卡,将隐藏文件和文件夹设置更改为显示

File Explorer Options toggle for showing hidden items.

文件浏览器选项切换为显示隐藏项

一旦您选中了显示隐藏文件、文件夹和驱动器单选按钮,您就可以看到所有隐藏的文件。

**注:**绝大多数隐藏文件是 Windows 系统文件和软件缓存文件,包括浏览器缓存文件。编辑、移动或删除错误的文件会破坏您的操作系统。在进行任何更改之前,请 100%确定您不在系统文件夹中。

如果你想清除不同程序的缓存,通常可以在程序设置中完成。不需要手动翻看,一个一个删除隐藏文件。

在 Windows 中显示隐藏文件的快捷方式是什么?

不幸的是,Windows 没有显示隐藏文件的原生键盘快捷键。即使在最新版本的 Windows 10 中,你也需要一个自定义脚本。

但另一方面,通过视图设置手动显示文件只需几秒钟。

首先,按下 WIN + E 打开 Windows 文件浏览器并导航到隐藏文件的文件夹。

然后,点击进入视图选项卡并检查隐藏项目框。

Viewing hidden files in File Explorer.

在文件浏览器中查看隐藏文件

就这么简单。

如果你是一名开发人员,想要通过快捷方式隐藏或显示隐藏的文件,你可以通过自定义的自动热键脚本轻松创建一个。

如何在 CMD 中显示隐藏文件

Windows 命令提示符(CMD) 允许你以不同的方式探索隐藏的文件和目录。它类似于 Linux 和相关系统上的终端工具 T2。你可以使用命令挑出给定目录中隐藏的文件和文件夹。

要打开 CMD,你可以使用 Windows 运行工具,按下 WIN + R ,然后输入CMD——或者你可以在 Windows 工具栏中搜索“CMD”。

然后,您可以使用基本的dir命令导航到您选择的文件夹。

也就是说,默认情况下,CMD 还隐藏隐藏的文件和文件夹。因此,仅仅输入目录C:your-folder是不够的,因为这只会显示可见的文件。

要显示隐藏文件,您需要在该命令中包含/a:h修饰符。所以,dir /a:h C:your-folder就行了。

Listing hidden files in Windows CMD.

在 Windows CMD 中列出隐藏文件

CMD 也有显示目录和文件夹的特定命令。

/a:d显示所有隐藏的目录,/a显示隐藏的文件夹。

注意:你知道你也可以使用命令行界面来操作你的 WordPress 网站吗? WP-CLI 让你从一个类似的终端管理所有方面。

使用第三方软件显示隐藏和删除的文件

最后一个选项是使用第三方文件浏览器或文件恢复软件来显示隐藏的文件。如果您使用常规文件选项来查找隐藏的文件,这是不必要的。

但是高级恢复软件也可以找回那些不仅仅是隐藏,而是被永久删除的文件。一些流行的文件恢复工具包括:

  • 雷丘瓦
  • 御用杀手
  • EaseUS
  • 圆盘钻机

当 Windows 文件资源管理器不够用时

在一些使用案例中,Windows 文件资源管理器和 CMD 不会帮助您。

以下是一些例子:

  • 如果另一个用户专门向您隐藏了文件,而您没有管理员权限。

Windows file permissions modal dialog.

Windows 文件权限模态对话框

  • 假设你正在被感染的电脑上寻找隐藏的恶意文件和恶意软件。为了降低发生这种情况的风险,请确保您的防火墙和其他安全软件和硬件是最新的。
  • 如果文件有密码保护或加密,而您忘记了密码,前提是您不是系统管理员。

如何在 Mac 上显示隐藏文件?

有几种不同的方法可以在 Mac 上显示隐藏文件,这取决于您浏览文件的方式。

在 Mac Finder 中,切换隐藏文件最简单的方法是使用键盘快捷键。您还可以使用终端显示或隐藏文件。

在 macOS 上显示隐藏文件的捷径是什么?

在任何现代苹果电脑上使用 Finder 时,您可以使用 CMD + SHIFT +句点快捷键来显示文件夹中的隐藏文件。

只需打开 Mac Finder(从菜单或按下 OPTION + CMD + SPACE ),导航到正确的地方。一旦到了那里,你可以使用上面提到的热键来显示隐藏的文件。

Show hidden files on Mac.

在 Mac 上显示隐藏文件

隐藏的文件和文件夹在视觉上将突出为半透明的实体。

**注意:**和 Windows 电脑一样,你需要小心这些隐藏文件。请不要对它们做任何改动,除非你 100%确定它们不是系统文件。

如何使用终端显示隐藏文件

您也可以使用 Mac 终端来查找和显示隐藏的文件。终端是所有 Mac 电脑的命令行界面(就像 Windows 上的 CMD)。

要打开它,使用 CMD + SPACE 快捷键打开聚光灯搜索。一旦打开,搜索“终端”然后点击进入

现在你需要给 Mac 终端显示隐藏文件的命令。以下是步骤:

  1. 键入以下命令:
    defaults write com.apple.Finder AppleShowAllFiles true
  2. 回车执行。
  3. 键入killall Finder然后按再次输入

Show hidden files in Mac Terminal.

在 Mac 终端显示隐藏文件

你完了!现在,您可以使用 Finder 或终端本身来浏览隐藏的文件。

使用第三方文件浏览器显示隐藏(和删除)的文件

和 Windows 一样,你可以使用第三方文件浏览器来显示 Mac 上的隐藏文件,但这是不必要的。

您可能会发现这种类型的软件更有用的地方是在查找您意外删除的文件——不是您放在回收站中的项目,而是您已经“永久”删除的项目

MAC 电脑和 Windows 电脑的主要文件恢复软件选项基本相同:

  • 圆盘钻机
  • 雷丘瓦
  • 御用杀手
  • EaseUS

当终端或查找器不切时

与 Windows 一样,这些默认选项并不通用,在某些情况下,您最好依赖专业软件。这里有几个例子:

  • 如果用户没有授予您读取权限,并且您没有管理员权限。如果您的用户“无权访问”,那么您是否能看到该文件夹并不重要。

Mac user permissions.

Mac 用户权限

  • 如果您正在寻找隐藏的恶意文件或病毒,您无法通过标准方法取消隐藏。

如何在 Linux 中显示隐藏文件

你有运行在 Linux 上的计算机或服务器并且想要显示隐藏的文件吗?您可以使用 Linux 命令行GUI 文件浏览器来完成这个任务。对于网络服务器,你也可以使用一个 FTP/SFTP 客户端来显示隐藏的文件。

您使用哪个选项将取决于您的具体 Linux 发行版和用例。我们已经涵盖了以下所有选项。

使用 Linux 命令行

如果你没有使用图形用户界面,这在大多数 web 服务器中是很常见的,你可以用一个简单的 Linux 命令轻松显示隐藏的文件。

使用-a修饰符和ls命令将自动显示所有文件。

Linux 'ls' command options.

Linux 的‘ls’命令选项

例如:$ ls -a /home/user/your-folder/

如果您只想要显示隐藏文件,您可以使用下面的特殊正则表达式修饰符:

$ ls -dl .[^.]* /home/user/your-folder/

使用文件浏览器

你可以在基于 Ubuntu 的 Linux 桌面环境(Gnome 3,Mate 等)中使用文件浏览器轻松显示隐藏文件。).

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

对于最快的选项,您可以使用键盘快捷键 CTRL + H 来显示隐藏的文件。您也可以右键单击文件夹中的任意位置,并检查底部的显示隐藏文件选项。

Ubuntu file explorer modal dialog showing hidden files.

【Ubuntu 文件资源管理器】模态对话框显示隐藏文件(来源 )

文件是否透明取决于 Linux 的具体安装。

使用 FTP/SFTP 客户端(用于 Web 服务器)

有时,你可能需要在你的网络服务器上来回传送隐藏的文件或文件夹(例如)。htaccess 文件。这对于解决 WordPress 错误至关重要。

在这种情况下,您可以使用类似于 FileZilla 的 FTP/SFTP 客户端来快速完成这项任务。 FileZilla 可用于所有主流操作系统。在这次演示中,我们将使用它的 Mac 版本。

首先,点击 FileZilla 菜单栏中的服务器标签,启用强制显示隐藏文件选项。

Enable the "Force showing hidden files" option in Filezilla.

Enable the “Force showing hidden files” option in Filezilla

现在,输入相关详细信息,通过 SFTP 连接到您的网络服务器。现在,您应该可以看到服务器上所有隐藏的文件和文件夹。

Hidden files in FileZilla.

Hidden files in FileZilla

在上面的例子中,你可以在站点的 ~/public 文件夹中看到两个隐藏文件:。隐藏文件和**。htaccess** 。

正如你所看到的,这是一个快速简单的过程来揭示你的 web 服务器上的隐藏文件。

如何显示 u 盘上的隐藏文件

另一个常见的问题是如何显示 u 盘上的隐藏文件。除非加密,否则您可以使用相同的基本 Windows 资源管理器或 Mac Finder 选项来加密。

在 Windows PC 上

在 Windows 计算机上,插入 u 盘,并打开 Windows 资源管理器窗口。根据您的设置,当您插入 USB 驱动器时,它可能会自动发生。

资源管理器窗口打开后,使用它导航到拇指驱动器目录。它通常位于展开的这台电脑菜单的底部。

File Explorer showing the USB drive.

文件浏览器显示 u 盘

然后,导航到视图选项卡,并选中隐藏项目框以显示所有隐藏的文件夹和文件。

Hidden items showing in USB drive.

u 盘中显示隐藏项目

如上所示,这将立即显示基本 USB 驱动器文件夹中的所有隐藏文件夹。

这些文件夹中的所有隐藏文件现在也将可见。

USB drive folder with hidden files visible.

u 盘文件夹中隐藏的文件可见

这就是全部了。您已经成功揭示了您的 USB 驱动器上的所有隐藏文件。

在 Mac 上

在 Mac 上,这甚至更简单。只需插入 USB,打开 Mac Finder,并导航到 USB 目录。插上电源后,它应该显示在设备菜单下。

然后你可以立即使用 CMD + SHIFT +句点键盘快捷键来显示隐藏的文件。

Showing hidden files on USB on Mac.

在 Mac 上显示 USB 上的隐藏文件

如果快捷方式不起作用,请尝试在您 100%确定有隐藏文件的文件夹中再次触发它。它可能已经开始切换打开,这意味着你刚刚关闭它。

如果不起作用,请检查语言输入设置。在某些语言中,句点键被重新用于英语中不包含的额外字母。

与宕机和 WordPress 问题做斗争?金斯塔是托管解决方案,旨在节省您的时间!查看我们的功能

u 盘加密了怎么办?

如果使用 BitLocker 等定制软件或默认的 Mac USB 加密工具对整个拇指驱动器进行加密,并且您不再拥有密码,则没有简单的解决方案,但不一定会丢失所有数据。

你应该做的第一件事是搜索密码可能在的任何物理(或数字)位置。尽可能彻底地搜索。

如果找不到,可以试试 RecoverIt 或者 Disk Drill 之类的数据恢复工具。

只有在确信找不到密码后,才应该咨询专业的数据检索服务。这些可能相当昂贵,所以一定要先用尽所有其他的努力。

如何在谷歌浏览器中显示隐藏文件(Mac 和 Windows 都适用)

如果你不想弄乱终端、CMD 或者系统设置,你也可以使用浏览器来显示隐藏文件。

如果您将它用作电脑的文件资源管理器,它会自动显示所有文件,即使它们在 Mac Finder 或 Windows 文件资源管理器中被设定为“隐藏”。

让我们检查一个包含隐藏文件的文件夹。Windows 文件资源管理器设置可以选择不选中显示隐藏文件:

The normal view of the File Explorer.

档案总管的典型观点

这意味着使用文件资源管理器或默认的 CMD 命令,您将看不到该文件夹中的任何隐藏文件。

但使用网络浏览器,您可以立即看到文件夹中的所有文件,包括隐藏的文件:

Hidden files shown in the browser

隐藏文件显示在浏览器中

这种方法适用于 Windows 和 Mac 电脑以及其他浏览器。我们选择专注于谷歌浏览器,因为它是全球桌面浏览器市场份额超过 77%的领导者。

如何在智能手机上显示隐藏文件

说到手机上的文件,你可能不认为你有和电脑上一样的权限。但是我们将向您展示如何在您的 iPhone 或 Android 手机上显示隐藏的文件,如照片、视频等。

对于安卓手机

在 Android 手机上,你可以通过默认的 Google Files 应用轻松探索隐藏文件。

首先打开文件 app(或者另一个文件管理器),点击汉堡图标( )进入主设置菜单。

Android Files app, screenshot.

安卓的文件 app

然后你需要做的就是向下滚动,直到你看到显示隐藏文件选项。打开这个选项,你就可以开始了。

Android Files with “Show hidden files” toggle button.

安卓文件带有【显示隐藏文件】切换按钮

你现在可以浏览手机上的所有文件。

**注意:**你能看到的大部分隐藏文件都是你不同 app 和 Android 系统文件必不可少的缓存文件(但不是全部)。因此,除非你正在清除一个未安装的应用程序中的数据,否则要小心行事。

对于 iphone

与安卓手机不同,iPhones 没有默认的整体文件管理器。但是,在照片应用程序中,您可以隐藏照片和视频。

如果你想看到这些隐藏的照片和视频文件,你可以按照这些简单的步骤。

  1. 进入你的照片应用,访问相册标签。
  2. 向下滚动到底部,直到你看到其他专辑部分,并选择隐藏链接。
  3. 这里显示了您手机上隐藏的所有照片和视频。
  4. 要恢复这些文件,您可以逐个选择它们,然后单击取消隐藏选项。

Hidden photos in iOS.

iOS 中隐藏的照片

如果你想探索应用程序和操作系统本身使用的隐藏文件,你首先需要越狱你的手机。然而,由于越狱你的手机违反了 iOS 最终用户协议,这将使你的保修无效,所以我们不建议普通用户使用。

如果你担心隐藏的恶意文件,如恶意软件或病毒,你最好用反恶意软件扫描你的手机。

如何使用反恶意软件找到隐藏的恶意文件

如果你怀疑你的电脑中了病毒或恶意软件,手动检查隐藏文件对你没有帮助。

绝大多数隐藏文件都是系统文件。外面有成千上万的人。除非您知道操作系统中的每一个文件,否则您无法知道哪个文件不属于它。您还需要检查文件大小和使用模式的不规则性。

底线是:对于任何人来说,手动完成这项工作是不现实的,甚至是不可能的。相反,使用最新的防病毒软件来扫描您的计算机。

使用高度可信的最新防病毒软件扫描您的计算机

2020 年,83%的恶意软件攻击目标是 Windows 电脑。所以可以肯定地说,如果你是 Windows 用户,这一步是最重要的。

如果您最近购买了笔记本电脑,那么您很可能仍然拥有有效许可证的防病毒软件。对于 Windows 计算机,McAfee 或 Norton 通常是软件包的一部分。

如果是这种情况,你可以不安装任何新软件,直接运行扫描。您可以通过打开软件本身并开始扫描来做到这一点。

或者,您可以在文件资源管理器中右键单击要检查的文件夹,然后选择扫描选项。

Option to scan the computer for malicious files.

选项扫描电脑中的恶意文件

您也可以对 USB 驱动器执行此操作。

如果你没有安装任何杀毒软件,你可以下载 Bitdefender 或 Malwarebytes 等软件的免费版本或免费试用。

Bitdefender Antivirus, homepage screenshot.

Windows 10 还内置了一个名为 Microsoft Defender 的安全软件,对于大多数用例来说已经足够好了。但它并不完美。所以即使是最新的 Windows 版本,你也应该选择一个高度可信的安全套件。

**注意:**如果你也担心你的网站或商业应用的安全性,请阅读我们的云安全指南。它包括一个帮助您保护数据安全的 10 步清单。

您也可以使用手机应用程序(仅限 Android)

安卓手机用户可以安装一款杀毒软件,定期扫描手机中的恶意软件。

注意: iOS 不允许第三方应用扫描你的手机,因此 iOS 移动安全应用只专注于阻止钓鱼网站和潜在的骗子。

由于 Android 的开放性,您可能会担心一些恶意应用程序或后门程序正在后台运行。但同样的开放性也允许你安装第三方安全应用程序,可以对你的移动设备上的所有文件进行全面扫描,例如 Malwarebytes Security 或任何其他知名的安全应用程序。

Malwarebytes antivirus Android app.

Malwarebytes 杀毒安卓 app

安装您选择的应用程序后,您可以快速开始扫描。您也可以安排持续的定期扫描,以保护自己向前迈进。

iPhones 不太可能成为攻击的目标,因为其更具限制性的 iOS 使得意外下载和安装恶意软件变得更加困难。

但是,你应该从手机中清除的不仅仅是病毒。如果你也厌倦了不断的 pings 和广告,学习如何在你的设备上关闭推送通知。

曾经丢失过你发誓保存的文件吗?🔎🗂如果你或任何其他用户在你的电脑上有隐藏文件,这篇帖子有办法找到它们✅ 点击推文

摘要

试图找到隐藏的文件并不具有挑战性。如果你想找到你自己隐藏的文件或者你的操作系统默认隐藏的文件,通常只需点击一个按钮或者使用键盘快捷键就可以了。

您也可以将浏览器用作文件浏览器来显示 Windows 和 Mac 电脑上的隐藏文件。

如果您想要查看其他用户隐藏的文件,您可能需要使用专门的软件(除非您有管理员权限)。对于恶意软件、病毒和其他恶意攻击,最好的选择是使用反恶意软件。

你是否仍然难以发现电脑或智能手机上的隐藏文件?请在下面的评论中告诉我们。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

19 种免费 Slack 替代方案(托管、自托管和开源)

原文:https://kinsta.com/blog/slack-alternatives/

Slack 已经发展成为领先的协作工具之一。但上市后,它已将重点转向企业客户,试图成为一家盈利的公司。

这就是为什么如果你是一家初创企业或小企业,你可能会想看看这 19 个 slack 替代品中的一个。从微软 360 和谷歌 Workspace 的企业解决方案,到注重速度、可用性和效率的创业友好型选项,这个列表为那些有需要的人提供了可靠的替代方案。

准备好见他们了吗?

让我们开始吧!

什么是懈怠?

Slack 是一款公司内部聊天工具,支持快节奏协作。本质上,它是一个增强的实时聊天室,集成了许多第三方应用程序。

由于网络应用为该工具提供了动力,你可以编辑消息,甚至删除错误发送的消息(不像电子邮件)。此外,还有额外的功能,如提醒,业务工具集成等。阅读我们关于如何有效利用 Slack 的指南

免费备用方案(托管解决方案)

Slack 是一个托管解决方案,这意味着你可以注册它,创建你的工作空间,并开始协作。由于它提供了大量免费的功能,我们决定把重点放在所有免费托管解决方案上。

1.微软团队

microsoft teams

Microsoft Teams

微软团队是微软对 Slack 的回应。它提供了相同的基本功能,并与 Office 360 套件的其余部分完美集成,从而可以轻松共享和协作实时文件。

对于任何依赖 360 套件的公司来说,微软团队都是一个可行的选择。

特征

  • 渠道(团队)
  • 私人信息
  • 全面的邮件搜索
  • 访客访问
  • 屏幕共享
  • 视频/音频通话(一对一)
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

microsoft teams interface

Microsoft Team interface

与 Slack 相比,登录访问界面需要一点时间。打开一看,有些眼熟。菜单在左手边,团队(频道)列在下面,包括默认的“常规”

Slack 的一个不同之处在于,微软团队将不同类型的交流分成不同的标签。“聊天”是您与其他同事进行私人对话的选项卡。“团队”是您的渠道所在的常规选项卡。在“呼叫”选项卡中,您可以快速拨打频繁合作者和核心队友的电话。在“文件”中,您可以看到人们正在处理的文件的明细。

免费计划

免费计划不是一个试验,因此它没有时间限制。

  • 多达 300 名用户
  • 每位用户 2GB 存储空间,总共 10 GB。
  • 没有日程安排、录制或会议功能。
  • 无限的消息和搜索历史。

为了更深入的比较,请确保查看微软团队 vs Slack

2.脸书工作场所团体

workplace groups facebook

Facebook Workplace Groups

脸书的 Workplace Groups 是 Workplace suite 的一部分,Workplace suite 是脸书的企业协作工具箱。与的谷歌工作区不同,谷歌有一个免费的计划,所以群组不会隐藏在付费墙后面。

在其免费计划中提供群组视频通话是一种罕见的选择。因此,对于希望降低视频会议成本的小型企业来说,这是一个很好的选择。

特征

  • 频道(群聊)
  • 私人信息
  • 全面的邮件搜索
  • 屏幕共享(1 对 1)
  • 除了聊天之外,发布时间表。
  • 视频/音频通话(一对一和电话会议)
  • 直播视频。
  • 提供网络、桌面和移动应用程序(iPhone 和 Android)

连接

Facebook Workplace Groups post timeline

Facebook Workplace Groups post timeline

每个组的默认视图实际上是帖子。它给各个小组一种论坛或服务台的性质。这个特性对于团队成员生活在不同时区的协作非常有用。

Facebook Workplace Groups Chat interface

Facebook Workplace Groups Chat interface

但是,当然,如果没有聊天室,它也不会是一个真正无聊的选择。每个群组都有一个单独的聊天室,在那里您可以使用许多 messenger 功能。例如,你可以发送语音剪辑、发送 gif,甚至设置投票。

免费计划

同样,免费计划可以无限期使用,但对某些功能有限制。

  • 5 GB/使用者
  • 没有第三方工具集成。(对不起 API 爱好者。)
  • 会议/群组视频通话限于 20 人。
  • 无限的信息和搜索历史。

3.船歌

chanty team chat

Chanty

Chanty 是一个交流和实时协作工具,除了聊天之外,它还包括其他功能。您可以使用它来创建和分配任务,以及进行视频会议。这是一个积极进取的新贵,投资于为小企业免费提供他们所需要的东西。

特征

  • 渠道(公共对话)
  • 私人信息
  • 人工智能驱动的搜索
  • 屏幕共享(1 对 1)
  • 除了聊天之外,发布时间表。
  • 视频/音频通话(一对一和群组通话)

连接

chanty interface

Chanty interface

Chanty 的界面很干净,可能会让你想起另一个 SaaS 应用。频道被称为公共对话,但在应用程序中以相同的方式显示。

它直观且易于使用。您可以通过单击加号开始通话、公共对话,或者创建和分配任务。

chanty interface new conversation

Creating a new message or task in Chanty

这里也是你处理应用集成的地方。

免费计划

  • 每个团队 20GB 存储
  • 最多 10 个用户
  • 任务管理
  • 多达 10 个第三方集成。
  • 无限的信息和搜索历史。
  • 没有群组视频/音频通话。

4. Bitrix24

bitrix24 solutions

Bitrix 24

Bitrix24 是一个免费的营销和通信套件,而不仅仅是一个实时通信应用程序。他们的协作解决方案提供频道、任务创建、搜索、视频通话等功能。除此之外,它还提供电子商务工具CRM 和联络中心软件。

特征

  • 频道
  • 私人信息
  • 基本搜索功能
  • 屏幕共享(1 对 1)
  • 除了聊天之外,发布时间表。
  • 视频/音频通话(一对一)
  • CRM 和营销自动化

连接

bitrix24 chat interface

Bitrix 24 Workgroup interface

对于过去使用过类似工具的人来说,这个界面是干净和直观的。所有工作组都列在左侧,而实际内容列在右侧。你可以轻松地在新邮件中共享文件或标记某人,就像你对 Slack 替代品的期望一样。

免费计划

该计划对 12 名用户免费,没有时间限制。

  • 最多 12 个用户
  • 5 GB 在线存储
  • 无限制的消息传递和搜索
  • 音频和视频通话(一对一)
  • 任务管理

5.弗利普

Fleep

Fleep

Fleep 承诺帮助你更聪明、更好、更快地工作。它不仅仅是一个团队聊天或协作应用程序;它还涉及项目管理。任务、插接板、团队和文件管理使其区别于最基本的竞争对手。

特征

  • 频道(群组对话)
  • 私人信息
  • 任务管理
  • 插接板
  • 共享文件管理
  • 视频和音频通话(通过整合)
  • Web、桌面和移动应用程序

连接

fleep interface

Fleep interface

Fleep 的界面包括分类待办事项列表格式的任务。它最大限度地降低了团队成员忘记通过聊天分配的任务的风险。一个缺点是,它有时看起来有点杂乱,但这是一个很小的代价。

免费计划

他们的免费计划只包括基本的团队聊天功能。

  • 无限的消息和搜索
  • 最多 3 个小组对话
  • 10 GB 用于文件存储
  • 没有眼泪
  • 没有任务

6.呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心,呼叫中心

glip collaboration

Glip

2015 年被 RingCentral 收购并与其产品合并, Glip 是一款团队协作应用程序,与 Fleep 一样,它提供任务管理功能,帮助您的员工保持正轨。

特征

  • 渠道(团队)
  • 私人信息
  • 全面的邮件搜索
  • 屏幕共享
  • 任务管理
  • 视频和音频通话
  • 客人

连接

Glip

Glip

如果你曾经使用过其他聊天工具,你不会觉得在 Glip 中格格不入。聊天功能可能会感觉很熟悉,总体布局也是如此。你可以在左边的菜单上看到相关的用户和团队,也可以快速搜索消息。有一个方便的功能可以直接从信息中创建日历、笔记和任务。

免费计划

它包括无限的团队和用户,但只有 500 分钟的共享视频。对于不经常使用视频的组织来说,这可能是这个列表中最好的免费计划。

  • 无限的消息和搜索历史
  • 无限存储
  • 无限用户
  • 无限团队
  • 无限集成
  • 500 分钟的共享视频
  • 任务管理
  • 团队日历

7.部队信使

Troop messenger

Troop messenger

部队信使具有即时消息、视频会议、屏幕共享和其他协作功能。它还在包括 Linux 在内的所有主流操作系统上提供原生应用。

特征

  • 频道(群聊)
  • 私人信息
  • 全面的邮件搜索
  • 屏幕共享
  • 任务管理
  • 视频和音频通话
  • 自毁信息
  • 指纹安全
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

troop messenger interface

Troop Messenger interface

该界面看起来更像一个标准的聊天,而不是一个团队协作应用程序(有点过时)。因为它最初是一体的。但是在这个引擎盖之下是所有主要 Slack 替代品提供的所有功能。

免费计划

免费计划不包括视频或音频通话或屏幕共享。值得一提的是,付费计划的起价是每个用户每月 1 美元。

  • 多达 50 个用户
  • 50 GB 的存储空间
  • 无限的消息和搜索历史
  • 最多 5 次群聊
  • 没有视频或音频通话
  • 没有屏幕共享
  • 没有自毁信息

8.祖利普

Zulip

Zulip

Zulip 结合了实时聊天和电子邮件风格的线程。该功能创造了独特的团队聊天体验,并帮助其脱颖而出。目标是消除花在对你不重要的信息上的时间。

特征

  • 电子邮件风格的线程(流)
  • 频道(群聊)
  • 私人信息
  • 全面的邮件搜索
  • 警示词
  • 视频和音频通话(由 Zoom 等第三方应用提供支持。)
  • 网络、桌面和移动应用程序(iPhone 和 Android)
  • 客人

连接

zulip interface streams

Zulip thread interface

Zulip 的流使界面独一无二。它们模仿典型电子邮件的线程。它让你的员工在重要项目上跨团队合作,而不必创建大量的渠道。

免费计划

Zulip 将免费计划上的消息搜索历史限制为 10,000 条消息。

  • 无限消息,搜索历史上限为 10,000
  • 5 GB 总存储空间
  • 主要功能包括

Zulip 也是一个内部部署的开源解决方案,因此您可以选择在您的服务器上免费安装它,并且所有功能都是免费的。

9.群众

Flock

Flock

Flock 是一款团队聊天应用,包括待办事项列表和其他生产力工具,是其 DNA 的一部分。它不是唯一这样做的消息平台,但它比这里概述的大多数 Slack 替代方案都更好地包含了它。

特征

  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)
  • 客人
  • 笔记
  • 代码片段共享

连接

flock interface

Flock interface

Flock 的界面干净简约。重点是开放的聊天,所以所有“不必要的”渠道和 DMs 是隐藏的。你可以随时打开你的待办事项列表,只需点击一个按钮,你可以为团队和个人用户创建这些。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

免费计划

免费计划拥有 Flock 的大多数核心功能,但它将最近的消息搜索限制在 10,000 条。你也可以不通过电子邮件注册就试驾。

  • 无限群组频道
  • 10 个公共频道
  • 无限消息,10,000 条消息的搜索历史
  • 无限制一对一视频通话

10.拧

twist team communication

Twist

Twist 是另一个 Slack 的替代品,它使用基于线程的模型进行即时通讯。该功能减少了混乱,并允许用户只关注与他们相关的消息。这个解决方案是由 Doist 开发的,该公司开发了一个最著名的生产力应用程序 Todoist。

特征

  • 线索消息
  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话(通过整合显示)
  • 网络、桌面和移动应用程序(iPhone 和 Android)
  • 通过 Todoist 进行任务管理

连接

twist interface

Twist interface

界面简洁,可能比实时聊天应用更能让你想起你的电子邮件收件箱。每个通道中的消息都被分成线程。它使事情井井有条,团队中的每个人都可以掌控他们的项目。当然,你也可以私信其他没有线索的用户。

免费计划

Twist 的免费计划将消息访问限制为 30 天,但在其他方面包括大多数主要功能。

  • 无限用户/访客
  • 无限量邮件(但只有 30 天的搜索和存档权限)
  • 5 GB 存储空间
  • 多达 5 个集成

11.信件

Missive

Missive

Missive 的独特之处在于,它不仅仅是一款团队沟通和协作应用。它将电子邮件、、Twitter 、Facebook Messenger、、社交媒体和其他渠道都整合到一个单一的仪表盘中。这些整合对于销售和服务专业人员尤其有用。

使用 Missive,您可以在通过电子邮件发送回复之前快速协作并找出客户的问题,而无需离开应用程序。

特征

  • 频道(房间)
  • 私人信息
  • 与电子邮件、短信、Twitter 和 Messenger 集成
  • 合作写作
  • 任务管理器
  • 全面的邮件搜索
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

missive app interface

Missive interface

该界面与常规协作软件略有不同,因为它是一个三栏式用户界面。在它里面,你可以查看你的收件箱,发送电子邮件,其他信息,你有标准的聊天界面,以及待办事项列表。

免费计划

免费计划只允许三个用户,并将消息历史限制为 15 天。

  • 最多 3 个用户
  • 最多 2 个个人账户(电子邮件/脸书)
  • 最多 2 个共享账户
  • 没有集成
  • 没有工作流规则

12. Jandi

Jandi

Jandi

Jandi 是另一个有全面免费计划的 Slack 替代方案。一个独特的特点是它的公告栏。你还可以在常规的表情符号上使用可爱的线条贴纸。

特征

  • 频道(聊天室)
  • 私人信息
  • 任务管理
  • 布告牌
  • 贴纸
  • 全面的邮件搜索
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

Jandi interface

Jandi interface

Jandi 界面简洁,非常以聊天为中心。对于喜欢公开合作制定计划和策略的团队来说,公告牌是一个不错的选择。

免费计划

该免费计划覆盖多达 500 名成员。

  • 5 GB 存储(团队总容量)
  • 无限短信,但搜索历史 15000。
  • 待办事项列表
  • 没有文件共享
  • 没有视频聊天
  • 没有公告板

免费试用的备用方案(托管解决方案)

以下 Slack 替代品没有免费计划,但提供了限时免费试用。

与宕机和 WordPress 问题做斗争?Kinsta 是一款考虑到性能和安全性的托管解决方案!查看我们的计划

13.谷歌视频聊天

Google Chat

Google Chat

Google Chat 是谷歌的团队聊天解决方案。它是 Google Workspace 的一部分,这意味着实际上没有免费计划。然而,你可以注册一个为期 14 天的谷歌工作空间试用版。它还能让你进入谷歌视频会议工具 Google Hangouts Meet。

特征

  • 频道(聊天室)
  • 私人信息
  • 全面的邮件搜索
  • 屏幕共享
  • 多人视频/音频通话(内置 Hangouts Meet)
  • 网络、桌面和移动应用

连接

Google Chat interface

Google Chat interface

界面很光滑。像 Slack 一样,它默认为频道,但这些频道被称为聊天室。你可以在应用程序的顶部看到一个聊天室的所有成员。你可以在应用程序中轻松搜索相关的 Google Workspace 文件。

免费试用和定价

免费试用持续 14 天。之后,Google Workspace Business Starter 是最便宜的计划,每个用户每月 6 美元。然而,如果你的公司已经将 Google Workspace 用于其他用途,它实质上就成了一个免费的选项。

14.CA Flowdock

ca flowdock

CA Flowdock

CA Flowdock 是另一个关注线程通信的 Slack 替代产品。与一些竞争对手不同,该界面的手感与 Slack 不同。

特征

  • 线索消息
  • 渠道(流量)
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

ca flowdock interface

CA Flowdock interface

流(这是 CA Flowdock 中调用通道的方式)被分离到线程中,但界面显然仍是一个实时消息应用程序。不过,它的收件箱感觉不像其他一些松散的线索邮件。创建新的流和线程很简单,向它们添加人员也很简单。

免费试用和定价

免费试用持续 30 天。最便宜的方案是每个用户每月 3 美元起,可以提供无限的流量和整合。如果您的团队只有五名或更少的成员,您也可以联系他们获得免费计划。

15.里弗

Ryver

Ryver

Ryver 不仅关注聊天和协作,还关注项目管理。它提供任务、看板风格的板、自动工作流程等等。

特征

  • 渠道(论坛)
  • 群组消息(团队)
  • 私人信息
  • 全面的邮件搜索
  • 工作流自动化工具
  • 任务管理
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

ryver interface

Ryver interface

主聊天仪表盘干净直观,但这并不是 Ryver 界面的最大卖点。它在同一个应用程序中有一个复杂的任务管理系统。

ryver task interface

Ryver task interface

创建任务并将其分配给适当的人很容易。您还可以标记与您创建的任务相关的注释或消息。

ryver task board

Ryver task board

Ryver 提供了看板风格的任务总览,而不是简单的待办事项列表。你可以将任务从一列拖放到下一列,就像你使用 Trello 或它的任何替代品一样。

免费试用和定价

免费试用期为 14 天。最便宜的方案是 49 美元/月,最多 12 个用户。但他们的无限计划对无限用户每月收费 79 美元。由于大多数协作 SaaS 应用程序是按用户收费的,这对于大公司来说意味着显著的成本节约。

16.电线

Wire

Wire

Wire 宣称自己是世界上最安全的协作平台。每一条信息、每一次通话、每一次会议都受到端到端加密的保护。它还在包括 Linux 在内的所有主流操作系统上提供原生应用。

特征

  • 端到端加密
  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)
  • 代码片段共享

连接

wire interface

Wire interface

在这个列表中,Wire 的接口是所有 Slack 中最光滑的。使用起来直观又省力。因为它是如此的整洁,当你检查内部交流时,你也会感觉压力更小。

免费试用和定价

30 天免费试用,然后 7 美元/用户/月。如果按年支付,价格降至 5.83 美元。

开源 Slack 替代方案(自托管解决方案)

由于我们的许多用户都是开源软件的粉丝,我们也包括了几个值得考虑的自托管 Slack 替代方案。

17.元素(以前为 Riot.im)

Element

Element

元素使用矩阵开放标准对所有消息进行端到端加密。这是一个安全第一的开源协作解决方案。

特征

  • 端到端加密
  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)
  • 聊天桥接
  • 笔记

连接

Element interface

Element interface

界面本身是非常现代的,你可以很容易喜欢的频道留在顶部的事情。你还可以与其他聊天工具进行沟通,比如 Slack,这样你就可以在不离开各自应用的情况下进行协作。

Element app 可以在你的服务器上免费使用,也可以在 matrix.org 这样的免费公共服务器上免费使用。相反,如果你正在寻找一个托管解决方案,付费方案的起价是每个用户每月 2 美元。

18.火箭。聊天(服务器安装)

rocket chat server

Rocket.Chat

火箭。Chat 是一款高级协作工具,除了视频会议、频道和直接消息之外,它还提供了大量的集成、分级权限和定制功能。而火箭。聊天只有托管计划的付费选项,软件本身是开源的。因此,如果您选择自己托管,就不会有经常性成本。

特征

  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

rocket chat interface

Rocket.Chat interface

界面直观,易于使用。其独特之处之一是高度的可定制性。您不仅可以收藏频道和人物,还可以自定义频道视图。

你可以在 GitHub 上克隆它,或者按照他们的安装指南部署在你的云服务器上。

19.Mattermost

Mattermost

Mattermost

Mattermost 又是一款安全第一的开源即时通讯 app。它提供了您期望从 Slack 替代产品中获得的所有功能,并被英特尔、纳斯达克和美国社会安全管理局等大公司用于其内部通信和 DevOps 工作流。

特征

  • 基于角色的权限
  • 频道
  • 私人信息
  • 全面的邮件搜索
  • 视频和音频通话(一对一和群组)
  • 网络、桌面和移动应用程序(iPhone 和 Android)

连接

mattermost interface

Mattermost interface

这个界面看起来和感觉上非常接近 Slack 的 UI 和这里列出的其他选择,所以如果你正在离开 Slack,这可能是你和你的团队最平稳的过渡。

matter most Team Edition完全免费提供,但如果你正在寻找一个托管解决方案,你需要查看企业版,起价为每个用户每月 3.25 美元。

摘要

在这篇文章中,我们列出了 19 种松弛时间的选择,但是网上还有更多选择。市场上充斥着类似的应用(有时是模仿者?),因此找到一款值得使用的应用可能会很有挑战性。

在这个列表中,我们精选了适用于各种不同业务的 Slack 替代品。最佳选择取决于您现有的软件堆栈、文化和团队规模。最终,什么最适合你的公司。

现在轮到你了:在你寻找可靠的 Slack 替代品的过程中,你尝试过哪些应用程序?我们在列表中漏掉了哪一个?请在评论中分享你的想法!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年你应该检查的 25 个节省时间的松弛集成

原文:https://kinsta.com/blog/slack-integrations/

你可能每天都会用到很多软件程序。借助 Slack 集成,您可以将日常使用的软件与生产力应用程序集成在一起。

从你的日历应用到你的客户关系管理,总有一个数据点被孤立在另一个软件中,你无法立即到达。

如果他们都可以交流,让你更容易知道所有方面发生了什么,这不是很好吗?您将获得警报、改进流程,并且只需点击几下鼠标就能访问您需要的内容。

但是有这么多松散的集成,您应该选择哪一个呢?

在本文中,我们将回顾 20 多个 Slack 集成,您可以实现这些集成来提高您的 Slack 生产率。

准备好了吗?我们开始吧!

If you use @SlackHQ on a daily basis (🙋‍♀️), then you need these quick & easy integrations to make your workflow more efficient 🚀Click to Tweet

更喜欢看视频版

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

什么是松散集成?

Slack integrations 是插件和定制应用程序,帮助您将 Slack 与其他各种软件解决方案连接起来,以推动您的业务发展。

Slack integrations

Slack integrations

这种集成可以向你发送警报,让你更容易使用应用程序中的其他程序,并统一来自许多不同平台的数据。

它们使您的工作空间更具协作性,并有助于提高您的工作效率。您将不再需要登录其他软件平台,从而节省时间。

Gmail 插件类似,Slack 集成将你需要的一切都放在你的聊天应用中。通过个性化您的工作空间并不断添加更多符合您目标的集成,希望您能更高效地工作,完成更多工作。

Slack 提供了多少集成?

Slack 提供了【2,000 多个集成,你可以安装这些集成来个性化和塑造你的 Slack 体验成为一个适合你的体验。

该系统提供了与众多领先软件选项的集成,包括微软、谷歌、Salesforce、Twitter、Box、Dropbox、Zoom 等。

Softwares that provide Slack integrations

Softwares that provide Slack integrations

您日常使用的程序可能已经在市场上或者在他们未来的产品路线图中有了松散的集成。

对于那些希望让自己的产品无处不在、与客户的日常生活更加紧密地联系在一起、提高用户保留率和整体使用率的公司来说,发布 Slack 的集成是一个有价值的卖点。

如何添加松弛集成

所有这些关于松散集成的讨论是不是让你想为自己增加一个?

幸运的是,添加一个松弛集成(或十几个)非常容易。用户可以在 Slack 的应用目录中下载集成,这是一个充满各种选项的在线市场。

Slack's app directory

Slack’s app directory

有些集成涵盖了广泛的用途。从日历到簿记,有很多不同的选项可以帮助你节省时间,更有效地工作。

每个集成都有自己明确列出的说明,供您在完成安装过程时遵循。

然而,大多数涉及以下步骤:

选择集成后,单击“登录安装”按钮。如果您已经登录,该按钮将显示“松弛时打开”

Installing Zoom on Slack

Installing Zoom on Slack

登录后,您可以点击“在空闲时间打开”,集成将出现在您的空闲窗口中。

通常,它会解释集成、共享 Slack 短代码(如果应用程序使用)并要求您授权集成:

Onboarding and activation process for Slack integrations

Onboarding and activation process for Slack integrations

点击“授权”,一切就绪!

只需点击几下,您就可以拥有一个根据您的需求定制的更加集成的界面。

您需要下载的 25 个顶级松弛集成

为了从 Slack 中获得最佳体验,你需要定制平台,让它做你需要它做的事情。这包括下载正确的集成,将您现有的所有软件连接到 Slack workspace 中。

使用这些顶级应用提高您的日历、通信、生产力、写作和管理工作的效率。

日历集成

使用日历应用程序在空闲的工作空间中,永远不会错过会议或任务。这些集成将让您的一天没有任何停顿或遗漏的连接。

1.谷歌日历

Google Calendar app for Slack

Google Calendar app for Slack

谷歌日历将你的日常日程安排与你的空闲工作场所联系起来,并在空闲时间提供状态更新、提醒和事件变化。

谷歌日历的一个主要好处是,它使用户能够接受或拒绝平台中的活动请求,并允许他们只需点击几次就可以创建新的活动。

您可以将 Google 日历与您的时差状态同步,以便在您忙碌且无法沟通时通知团队。您将不再需要手动更新您的状态;这些变化是自动的,会节省你的时间。

此外,当会议开始时,您可以立即获得通知。您将获得所需的所有信息,包括直接在时差通知中加入 Hangout、Zoom、Webex 或 Microsoft Teams 会议的链接或拨入号码。

定价:这种集成是免费的。

2.Outlook 日历

Outlook Calendar for Slack

Outlook Calendar for Slack

Outlook 日历集成是为那些在微软产品中存储事件而设计的。与 Google Calendar 集成类似,您可以在 Slack workspace 中创建新事件并接收提醒和更新。

Outlook 还提供了“斜杠命令”来将事件添加到您的日历中。输入*/ocal[today][tomorrow][settings]*查看您今天和明天的日程安排,或者调整设置。

一个缺点是:Outlook 日历仅适用于 Office 365。该应用不支持内部部署的 Microsoft Exchange 客户。

定价:这种集成是免费的。

3.日历盒

CalendarBot app for Slack

CalendarBot app for Slack

CalendarBot 是一个超级简单的 Slack 应用程序,可以让你的团队知道你在开会。它给出了会议持续时间的估计,这样你的队友就知道你什么时候回来。

有了 CalendarBot,您可以让整个团队使用它,也可以简单地将其集成到您自己的工作空间中。知道你什么时候有空,什么时候没有空,从长远来看,你的团队会受益匪浅。

定价:CalendarBot 提供 14 天的免费试用,然后需要每月 2.50 美元/人的订阅。

4.Eventbot 日历

Eventbot Calendar app for Slack

Eventbot Calendar app for Slack

如果你想统一团队的可用性,Eventbot 是一个很好的日历集成。

您可以从多个程序中导入现有日历,Eventbot 将显示您的团队何时有空参加会议。

Eventbot 有一些独特的功能,包括从 Slack 中取消事件和将事件导出到任何日历中的能力。它可以与任何日历平台通信和工作,包括谷歌和微软。

定价:有免费版和付费版,每月 26 美元起。

通信集成

通过一些电话、视频聊天和电子邮件应用程序集成,简化您的语音、面部和书面交流

甚至不用离开空闲时间,您就可以与那些对您的业务至关重要的人联系。

5.一款云视频会议软件

Zoom app for Slack

Zoom app for Slack

Zoom 集成有助于减轻您在进行下一次视频通话时必须打开 Zoom 平台的麻烦。相反,你可以在你的空闲工作区参加一个缩放会议。

Zoom 也可以设置为默认的空闲通话,允许您在每次需要拨打电话时自动打开平台。

这款应用在 Slack 中提供了一个“斜杠命令”,这意味着如果你输入/缩放[帮助、会议、加入、通话],你就可以启动其中一个动作。

该集成还为您提供了会议摘要和记录。

定价:这是一个与付费组件的免费集成,取决于您的缩放计划。

6.Google+ Hangouts

Google+ Hangouts app for Slack

Google+ Hangouts app for Slack

Google+ Hangouts 是一个必要的集成,它将把你的 Google+帐户与你的 Slack workspace 连接起来,使你更容易通过语音、即时消息和视频与你的团队沟通。

这种 Slack 集成直接连接到您的 Google+ Hangout 帐户,可以轻松地开始会议并给联系人打电话,而无需离开应用程序。通过键入/hangout,您可以立即与需要加入的人开始一个 hangout。

定价:这款 Slack 应用是免费的。

7.Microsoft 团队呼叫

Microsoft Teams Calls app for Slack

Microsoft Teams Calls app for Slack

Microsoft Teams Calls 帮助您的团队进行高效、无摩擦、无争议的会议。

该应用程序会在会议开始时提醒您。在同一封邮件中,将有一个按钮,单击该按钮可以立即开始会议—所有这些都在您的 Slack 窗口中进行。

您甚至可以使用 Microsoft Teams Calls slack 命令开始通话。只需键入/teams-calls,您就可以加入您的通话,并查看谁已经加入。

定价:这种集成是免费的。

阅读我们的微软团队与 Slack 深入比较指南。

8.电子邮件

Email app for Slack

Email app for Slack

Email 是一款 Slack 应用,可以帮助你将电子邮件通信更加无缝地整合到平台中。

您可以链接电子邮件应用程序,将特定收件箱收到的所有电子邮件发送到指定的闲置频道。

例如,如果您有一个共享的【电子邮件保护】【电子邮件保护】 电子邮件地址,您可以将这些收件箱链接到一个特定的 Slack 频道,该频道将向所有订阅者展示您的新邮件。

这种集成也可以很容易地链接到您网站上的表单。

定价:这种集成是免费的。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

9.前面

Front app for Slack

Front app for Slack

Front 对于共享收件箱来说是一个有用的集成。如果您的团队正在管理多个收件箱,这些收件箱被分配给多个人员,那么 Front 将在 Slack 中提供这种可见性。

有了共享收件箱,您的团队将能够共享工作,并立即从一个人停止的地方继续工作。您将享受收件箱中打开的邮件的实时更新,提供可见性和最新信息。

通过将 Front 连接到 Slack,您将能够自动或手动地将消息从 Slack 发送到 Front,一次一条。

定价:这是一个付费应用程序(起价为 9 美元/用户/月),有 7 天的免费试用期。

10.稍后发送

Send It Later app for Slack

Send It Later app for Slack

稍后发送控制信息的发送时间。你有没有工作到很晚,不想打扰同事,但是真的想从你的盘子里拿点东西?

“稍后发送”允许您安排时差消息,以便在正确的时间发送。从您的 Slack 应用程序中选择消息的日期、时间、收件人和渠道。

定价:这是一个付费应用程序(每个工作空间每月 9 美元起),提供为期两周的免费试用。

生产力集成

需要帮助保持正轨吗?将你的生产力软件整合到你的空闲工作空间中,让你自己(和你的团队)专注于未来的任务。

11.阿萨纳

Asana app for Slack

Asana app for Slack

如果你已经在使用 Asana 作为你的项目管理工具,那么 Asana Slack integration 将帮助你保持所有任务的一致性。

有了这个应用程序,你可以将一个松弛的消息请求转化为一个体式任务,直接将消息添加到软件中,并在发生变化时接收更新。所有这一切都没有留下一丝懈怠。

定价:这种集成是免费的。

12.特雷罗

Trello app for Slack

Trello app for Slack

如果你是一个特雷罗用户,这里有一个 T2 的特雷罗松弛集成。该应用程序使您的团队能够在 Slack 中获得所需的可见性,以准确了解他们在产品构建中的位置。

此外,只需点击几下鼠标,您就可以创建协作工作区、向您的论坛添加新卡、调整截止日期以及向特定的 Trello 论坛添加 Slack 成员。

定价:这种集成是免费的。

13.开源代码库

GitHub app for Slack

GitHub app for Slack

如果你的公司使用 GitHub 作为它的首选代码库, GitHub 的集成使你的团队无需离开你的空闲工作空间就能访问你需要的信息。有了它,您只需点击几下鼠标,就可以看到提交、拉取请求、问题、代码审查以及所有部署的状态。

这有助于在事件发生时对其进行分类,并减轻这些事件的负面影响。

定价:这种集成是免费的。

14.用于工作流构建器的 Google 工作表

Google Sheets for Workflow Builder app for Slack

Google Sheets for Workflow Builder app for Slack

Google Sheets for Workflow Builder自动执行 Slack 中的任务,并将其格式化为新的 Google Sheet 文档供您使用。它提供了一种简单的方法让你在空闲时自动完成日常任务,这样你就不必浪费时间在谷歌表单中输入数据或理解数据。

该应用程序使您能够在不离开工作空间的情况下添加、选择、更新或删除电子表格行。

定价:这种集成是免费的。

需要一个给你带来竞争优势的托管解决方案吗?Kinsta 为您提供了令人难以置信的速度、一流的安全性和自动伸缩功能。查看我们的计划

CRM 集成

需要访问您的最新机会吗?不要浪费时间。通过这些 CRM 集成,您将能够立即获得潜在客户信息。

15.销售力量

Salesforce app for Slack

Salesforce app for Slack

Salesforce 集成提高了您的交易流程、销售线索和开放机会的透明度。

通过这种集成,您将能够让每个人都在同一页面上。您可以查看特定 Slack 渠道中的 Salesforce 记录,并将 Slack 中发生的客户互动或内部备忘录与其在 Salesforce 中的指定帐户同步。

定价:这种集成是免费的。

16.轮毂点

HubSpot app for Slack

HubSpot app for Slack

HubSpot 是一个一体化营销平台,可以帮助您掌握销售和营销机器的方方面面。

通过这种集成,您可以在 HubSpot 中将一条 Slack 消息转化为一个新的机会,并直接在 Slack 窗口中回复您网站上的聊天内容。

HubSpot 的 Slack 集成让您可以完成所有工作。从访问您的实时聊天到通过营销中心、销售中心和服务中心的工作流发送通知,您将能够更新、查看和了解您手头的开放机会的各个方面。

定价:这种集成是免费的。

17.概念

Notion app for Slack

Notion app for Slack

有了概念的松散集成,你所有的笔记、维基、客户数据、线索等等都将唾手可得。具体来说,您将收到对您的概念文档和页面所做的任何更改或编辑的通知,以确保您始终对正在进行的工作有一个完整的视图。

此外,您可以在 Slack 工作区中更改或编辑任何概念页面,包括 CRM、路线图或注释。

注意:你需要按照本页上的说明,让 Slack 和 idea 进行交流。

定价:这是一个免费的应用程序。

存储和管理集成

通过将集成连接到您的空闲工作空间,消除简单管理任务的麻烦,让您的生活更加轻松。

18.Google Drive

Google Drive app for Slack

Google Drive app for Slack

在 Kinsta,我们非常依赖 Google Drive 和 Google Workspace 。对我们(以及所有使用 Drive 的公司)来说幸运的是, Google Drive 集成将你保存的文件带到了你的 Slack 工作区的最前面。当有人编辑您的文档、请求访问或共享文件链接时,集成会发布一条新消息。

不喜欢有人评论时打开谷歌文档的想法?现在,你可以在 Slack 中直接回复这些评论。您的回复将自动显示在文档中。

定价:这种集成是免费的。

19.OneDrive 和 Sharepoint

OneDrive and Sharepoint app for Slack

OneDrive and Sharepoint app for Slack

OneDrive 和 SharePoint 的集成消除了为与同事分享而挖掘文件和复制链接的麻烦。相反,您可以直接在 Slack 中定位和共享您的文件,并调整访问控制来管理谁可以查看和编辑它们。

最好的部分是:这种集成将确保频道中的每个人都可以在共享文件时访问它。没有更多的时间浪费在调整设置上!

定价:集成是免费的。

20.Dropbox

Dropbox app for Slack

Dropbox app for Slack

Dropbox 提供了一个松散的集成,让你可以在工作区内直接轻松访问所有的 Dropbox 文件。您可以毫不费力地在 Slack 界面中与团队的其他成员分享这些内容。

此外,这种集成还提供了 Slack 对话中的文件预览和活动提要,因此您可以了解谁在访问您的文件以及这些文件是如何被共享的。

定价:这种集成是免费的。

21.箱子

Box app for Slack

Box app for Slack

由于 Box 的集成,你的 Box 文件将被导入 Slack,这样你就可以查看并与同事和团队成员分享你需要的一切。

框集成的额外好处是易于访问和编辑。事实上,您导入的文件会自动实时更新,从而方便您访问、更新和共享保存到您的在线存储提供商的文件。

定价:这种集成是免费的。

22.你好啊

HelloSign app for Slack

HelloSign app for Slack

HelloSign 提供了一个松散的集成,帮助您与所有需要签名的合同和文件保持同步。当你的一份合同签署后,你会在 Slack 中收到通知。

这将帮助您跟踪哪些客户、合作伙伴或员工需要签署他们的合同,以便您的团队可以适当地跟进。

定价:这种集成是免费的。

远程工作集成

23.迪斯科舞厅

Disco app for Slack

Disco app for Slack

有时,公司文化和员工参与度的努力可能会半途而废。有了 Disco ,你可以对员工的情绪、成功和成就保持数据驱动的脉搏,这样你们就可以一路庆祝。

有了它,您可以实时庆祝您的员工,发现员工趋势,并分享团队统计数据和成功。

定价:这是一个带免费试用的付费集成(每个员工每月 3 美元起)。

24.织布机

Loom app for Slack

Loom app for Slack

Loom 通过向同事发送录音来提供反馈、解释项目或传递信息,帮助你超越纯文本写作。Loom 的集成使得所有这些都可以在 Slack 中实现。

使用 Loom 应用程序,您可以查看 Loom 视频,检查视频时间戳以将用户引导至特定时刻,并提及需要查看视频的频道或用户。

定价:这种集成是免费的。

25.涂鸦机器人

Doodle Bot app for Slack

Doodle Bot app for Slack

涂鸦机器人省去了来回寻找一个对双方都有利的会面或聚会时间的麻烦。

有了这个 Slack 应用程序,每个人都可以建议或选择对他们最合适的时间。您将能够看到其他人选择的内容,并找到获胜的时间段进行会面。

定价:这种集成是免费的。

Wouldn’t it be great if everything from your calendar app to your CRM could communicate, making it easier for you to know what’s happening across the board? 📊 Check out these easy Slack integrations to make it happen👆Click to Tweet

摘要

Slack 是一个有用的沟通工具,可以改善你的工作日,提高你的效率,促进同事之间更好的沟通。

然而,为了最大化使用 Slack 的好处,您需要定制您的工作场所。

为了实现这一点,Slack 的应用程序目录和我们选择的 Slack 集成列表是开始研究的好地方。有了它们,你可以在不离开空闲时间的情况下完成更多的工作。

现在轮到你了:你认为哪些 Slack 应用和集成是必备的?请在评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

Slack vs Discord:哪个聊天 App 更适合你的团队?

原文:https://kinsta.com/blog/slack-vs-discord/

随着远程工作在全球范围内的增加,选择合适的消息应用程序已经成为一项关键的商业决策。你不会想错的。当企业想到“消息应用”时,他们通常会直接比较两个行业巨头的利弊:Slack vs Discord。

选择合适的聊天应用程序,您将加快团队沟通,并在团队成员之间搭建桥梁。但是如果你选择了错误的聊天应用,你很快就会回到起点。

这就是我们将在这篇文章中探讨的。

让我们开始吧!

懈怠和不和谐的区别?

Slack 和 Discord 都是为团队设计的基于渠道的消息传递工具。在这两个应用程序中,您可以通过直接消息、私人群组和聊天室进行交流。

懈怠和不和谐之间的许多相似之处会让你很难在它们之间做出选择。两者都提供免费和付费计划,有视频聊天和语音聊天选项,并允许用户共享文件。自然,这两款应用都非常适合小型、中型和大型团队。

然而,懈怠和不和谐之间也有许多不同之处。我们也将深入研究这些应用,但在我们详细比较这些应用之前,让我们先来看看每个应用的故事。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

你是团队懈怠还是团队不和?💥 点击推文

松弛的

A screenshot of Slack messenger in action on desktop and mobile.

Slack 在桌面和移动设备上的平台。

斯图尔特·巴特菲尔德的公司 Tiny Speck 创建了 Slack,作为开发视频游戏“Glitch”的开发者的内部团队交流工具 Slack 的创造者随后在 2013 年向公众推出了它。

五年后,Slack 的开发商 Slack Technologies 通过直接公开募股 195 亿美元将公司上市。Salesforce 在 2021 年 1 月以277 亿美元收购 Slack 后,现在拥有该公司。

如今,Slack 拥有超过1200 万日活跃用户,其中超过 119,000 人是付费用户。团队目前在 65 家财富 100 强公司使用 Slack,包括塔吉特、松下和 21 世纪福克斯。

当人们第一次被介绍给 Slack 时,他们最大的疑问围绕着 Slack 这个不寻常的名字。“Slack”这个名字是首字母缩写,代表“所有对话和知识的可搜索日志”

现在,来谈谈不和谐!

不调和

A screenshot example of Discord at work, showing a conversation between multiple people in a group.

Discord 是一款强大的消息应用,方便个人或专业人士使用。

Jason Citron 和 Stan Vishnevskiy 通过他们的公司 Hammer & Chisel 发展了 Discord,该公司后来更名为 Discord Inc .

Discord Inc .创建了 Discord,作为用户在用互联网协议语音(VoIP)软件玩游戏时分享策略的工具。该公司在 2015 年向公众发布了 Discord,全球的游戏玩家立即接受了它。

与 Slack 不同,“不和谐”这个名字并不是首字母缩写。根据 Citron 在 Reddit 上发布的帖子,他和 Vishnevskiy 选择了 Discord 这个名字,因为它“听起来很酷,而且与交谈有关

如今,Discord 在全球拥有超过 1 . 4 亿用户。这些用户一起通过 1900 万台 Discord 服务器进行通信。Discord 服务器将用户聚集在一起,讨论从游戏设计到生产力到网络和应用程序开发的任何事情,因为 Discord 的用户群有着不同的品味。

信息

你知道有一个 Kinsta Discord 服务器吗?这是一个寻找和讨论各种开发和托管项目的好地方!

从初学者到专家,我们邀请并鼓励每个人加入我们的 Discord 服务器并开始今天的聊天。

2021 年,Discord Inc .仍然拥有 Discord,它作为一家私营公司运营。

懈怠与不和谐:如何比较它们

由于 86%的员工认为工作场所的失败是由于无效的沟通或缺乏协作,选择正确的信息对良好的团队沟通至关重要。

选择正确的沟通工具还将:

  • 帮助您的团队更快地沟通
  • 减少沟通失误
  • 培养开放沟通的文化
  • 建立对等关系
  • 帮助您更智能地工作

尽管它们看起来很相似,但不和谐和懈怠在几个方面却有着惊人的不同。

在比较两者时,重要的是考虑它们的优势和劣势,以选择最适合您需求的应用程序。

让我们从定价计划开始比较。

定价

Slack 和 Discord 使用免费增值定价模式,让用户在免费计划或具有额外功能的更高级选项之间进行选择。在这一部分,我们将对两者的定价进行细分。

松弛的

A screenshot of Slack's paid plan pricing options on their website.

Slack 提供许多付费计划。

Slack 提供了四种付费定价方案:Slack Free、Slack Standard、Slack Plus 和 Slack Enterprise Grid。以下是每个计划的价格和功能的简要分类:

  • Slack Free: 使用 Slack Free,您可以搜索您最近的 10,000 条消息,连接多达 10 个应用程序,共享文件,并使用 Slack 进行一对一的语音和视频通话。
  • **松弛标准:**松弛标准按年计费时每人每月 6.67 美元,按月计费时每人每月 8 美元。Slack Standard 包括所有免费功能,加上无限制的消息搜索、无限制的应用程序和 Google sign-on。
  • Slack Plus: Slack Plus 按年计费时每人每月 12.50 美元,按月计费时每人每月 15 美元。它包括所有空闲和空闲标准功能,加上 99.99%保证正常运行时间 SLA、用户配置和取消配置以及数据导出。
  • Slack Enterprise Grid:Slack Enterprise Grid 适用于医疗保健等受到严格监管的行业中的大型企业。松弛企业网格的定价是特定于组织的。它包括 Slack 的所有其他功能,加上符合 HIPAA 的消息传递、数据丢失预防措施,以及无限制的工作空间。

不调和

A screenshot of Discord Nitro's homepage with the headline

Discord 的特色是一个免费计划和两个付费选项。

不和谐提供三种定价方案:不和谐免费,不和谐硝基,不和谐经典。以下是每个计划价格及其内容的简要概述:

  • **无不和谐音:**有了无不和谐音,您可以获得无限的消息、最多八个人的视频会议以及 8 MB 的文件上传。Discord 的大多数用户目前使用 Discord Free。
  • **Discord Nitro:**Discord Nitro 每月花费用户 9.99 美元,每年花费 99.99 美元。使用 Discord Nitro,您可以上传 100 MB 的文件,两次 Discord 服务器升级,自定义表情符号,个人资料,高清视频功能,屏幕共享,以及直播。
  • **Discord Classic:**Discord Classic 每月收费 4.99 美元,每年收费 49.99 美元。它包括除了不和谐服务器增强所有硝基功能。

赢家:不和谐

不和谐自由现在比松弛自由有更多的能力。如果你有一个小团队,不和对你来说是最划算的选择。

连接

一个通讯应用的界面影响着我们与团队的互动方式。这就是为什么在做出选择之前,必须权衡不和谐与懈怠的关系。

松弛的

A screenshot showing Slack's interface with the right-hand

Slack 的界面简单有效。

Slack 围绕主聊天窗口构建了自己的界面。要打开群组、私人聊天、线程或空闲频道,用户可以点按屏幕左侧的按钮。

在右侧,您会注意到“Details”选项卡下的几个按钮。这些按钮允许您搜索您的信息、查找文件、开始通话以及将人添加到聊天中。

Slack 最大的优点就是简单。它的界面简洁易用,非常适合那些努力适应新软件的人。Slack 的界面也非常可定制——它有八个不同的主题供用户选择,并提供创建自定义主题的选项。

不调和

A screenshot of the Discord desktop interface in dark mode, featuring white text on a dark gray background.

Discord 的界面可以以亮暗两种模式呈现。

Discord 的布局比 Slack 稍微细致一些,其界面围绕主聊天窗口构建,联系人和服务器列在左侧。在聊天窗口的右侧,您可以看到谁当前是活跃的和在线的。

不和谐有两个主题:光明和黑暗。然而,你可以下载不和谐机器人,让你进一步定制不同的字体,颜色和主题的平台。

Discord 最大的优势是它的屏幕功能。在 Discord 的主屏幕上,您可以看到服务器中任何活跃的语音或视频聊天,谁在线,以及您收到的任何新消息。

赢家:懈怠

虽然 Discord 的界面很详细,但 Slack 的界面是高度可定制的,同时仍然易于任何人使用。它显然是这里的赢家。

文字通信

接下来,我们来对比一下 Slack 和 Discord 的文字交流能力的优劣。

松弛的

在 Slack 中有三个地方可以进行通信:通过直接消息传递、通道和线程。

每个组有几个松弛通道。这些频道鼓励围绕一个中心主题进行讨论,比如**#公告**。

由于聊天应用中的消息往往会堆积如山,Slack 允许你通过一个线程直接回复评论。一个线程将出现在通道内左侧的一个单独的窗口下,使它们易于跟踪。

Slack 的直接消息系统是相对标准的。你只需点击一个人的图标就可以开始私人聊天。

不调和

虽然 Discord 非常适合语音和视频通信,但用户仍然可以通过文本聊天和直接消息发送基于文本的消息。

Discord 上的文本聊天也是围绕类似于 #notes 这样的主题设计的,直接消息是相当标准的。您可以点按一个人的个人资料来开始对话。

不幸的是,Discord 的文本特性有一个相当大的缺点。由于不和谐的线程往往会变得非常繁忙,因此很容易忽略新消息。

然而,Discord 确实有一个“查看新消息”功能,这在这种情况下很有帮助。

赢家:懈怠

由于 Discord 面向语音和视频聊天,它很难用于文本聊天。相比之下,Slack 的系统简单易用。懈怠获胜。

音频通话

如果你的团队经常使用语音通话,你会想要仔细考虑任何潜在的消息应用程序的功能。现在来对比一下 Slack 和 Discord 上的语音通话。

松弛的

Slack 的语音通话功能取决于您的计划。在 Slack Free 上,你可以进行一对一的语音通话。使用付费计划,您可以同时拥有多达 15 个用户。

在 Slack 中开始语音通话非常简单:

  1. 导航到屏幕的右侧
  2. 按下呼叫按钮
  3. 等待其他人加入通话

不调和

A screenshot of Discord showing how to start a voice call.

Discord 拥有丰富的语音通话功能,最多可容纳 5000 人。

语音通话是不和谐的根源。有了 Discord Free,您的语音通话中可以包含多达 15 个用户。这使 Discord Nitro 和 Discord Nitro Classic 计划的用户增加到 5,000 人。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Discord 还包括一个“一键通”功能,可以自动静音,以防止电话变得无法接听。

以下是如何开始不和谐的通话:

  1. 选择语音频道或用户
  2. 右键单击
  3. 按下呼叫

赢家:不和谐

Discord 的语音通话功能允许您主持更多人,并通过一键通保持您的讨论正常进行。如果你需要语音通话功能,Discord 是一个明确的选择。

视频通话

视频通话在全球和本地团队中越来越受欢迎。虽然您可以在松弛和不和谐的情况下进行视频通话,但它们的视频通话功能是独一无二的。

松弛的

Slack 的视频通话功能依赖于套餐。在 Slack Free 上,你可以包含两个用户(也就是你和其他人),但是一次最多可以有 15 个付费用户。

它的视频功能很简单,但如果用户想要高级功能,他们可以将 Zoom 集成到他们的频道中。Slack 的视频通话也支持屏幕共享,非常适合开会。

不调和

Discord 的视频通话功能也依赖于套餐。有了 Discord Free,可以同时视频通话八个人;付费计划的用户增加到 25 个。

Discord 的视频通话布局简单,功能丰富,包括屏幕共享、回声消除、噪音抑制和一键通。

赢家:不和谐

Discord 的视频聊天功能比 Slack 更强大。Discord 允许您主持 8 到 25 人(取决于您的计划),并为用户提供增强通话的功能。说到视频通话,它显然是赢家。

集成

集成是在团队即时消息中创造和谐的关键。通过集成,您可以将其他商业应用程序连接到您的聊天中,并增强 Discord 和 Slack 的功能。

现在让我们比较一下松散集成和不协调集成。

松弛的

A screenshot of Slack's app directory with the headline

Slack 的应用程序可以让你集成自己喜欢的工具。

Slack 的集成被称为“应用”。一般来说,Slack 已经将其应用程序面向生产力和工作,目前有超过 2400 个独特的应用程序可供选择:

  • 谷歌日历
  • 一款云视频会议软件
  • 特雷罗
  • 销售力量
  • 谷歌工作表
  • Dropbox
  • OneDrive 和 SharePoint
  • ZenDesk
  • 吉菲
  • IFTTT
  • 体式
  • 工作日

你可以用 Slack Free 集成多达 10 个应用,并在 Slack 的付费计划中集成无限数量的应用。一些应用程序需要额外的订阅费,尽管这些都有明确的标记。

在 Slack 中添加应用只需三个步骤:

需要为你的 WordPress 站点提供超快的、可靠的、完全安全的托管服务吗?Kinsta 提供所有这些以及 WordPress 专家提供的 24/7 世界级支持。查看我们的计划

  1. 访问 Slack 应用目录
  2. 选择您想要的应用程序
  3. 点击添加到松弛时间按钮

不调和

A screenshot of Discord's searchable bot database on their website.

Discord 的机器人增加了额外的功能,可以由第三方用户创建。

Discord 称其集成为“机器人”。不和谐机器人是由第三方或想要特定功能的不和谐用户创建的。例如,虽然一些 Discord 机器人是为游戏设计的,但其他人通过额外的功能增强了 Discord 的语音和视频通话。

一些最受欢迎的不和谐机器人包括:

  • 绝妙的
  • 会议
  • 简单投票
  • 会议

以下是如何添加不和谐的机器人:

  1. 访问 Discord 的 bot 网站 top.gg
  2. 找到您想要的应用程序
  3. 按下加入不和谐
  4. 选择你想要集成机器人的不和谐服务器,点击继续,然后授权
  5. 点击欢迎并根据屏幕上的指示定制您的机器人

赢家:懈怠

Slack 显然是这里的赢家。它有更多的集成选项,并能与生产力软件顺畅地合作,这使它成为团队的理想选择。

文件共享

忙碌的团队需要在他们的聊天工具中共享文件。通过文件共享,您可以在几秒钟内将文档发送给整个团队,从而节省您的时间并保证文档的安全。

让我们比较一下 Slack 和 Discord 的文件共享能力。

松弛的

Slack 让你从两个地方分享文件: Google Drive 和你的电脑。从你的设备上传文件时,Slack 允许你一次共享 1 GB。

Slack 的存储能力取决于计划。使用 Slack Free,您可以存储高达 5 GB 的数据,而对于付费计划,您可以为每个用户存储高达 10 GB 的数据。

不调和

Discord 允许您在基于文本的渠道和直接消息中共享设备中的文件。它给每个用户无限的文件存储空间,尽管共享是非常有限的。您可以在 Discord Free 上共享高达 8 MB 的文件,在 Discord Nitro 和 Discord Nitro Classic 上共享高达 100 MB 的文件。

赢家:懈怠

如果您的团队需要定期共享文件,Slack 是您的最佳选择。它允许你分享更大的文件和 Google Drive 文档。

支持的语言、国家和时区

这两款应用的用户遍布全球。这一部分将从支持的语言、国家和时区方面比较 Slack 和 Discord。

松弛的

A screenshot of Slack's language and time zone options.

Slack 允许你改变你的时区和语言。

Slack 在跨国团队中很受欢迎,因为这款应用在超过 150 个国家的 T2 有用户。Slack 目前有 11 种语言版本,包括:

  • 中国人
  • 英语(英国和美国)
  • 德国人
  • 法语
  • 意大利的
  • 日本人
  • 韩国的
  • 葡萄牙语
  • 西班牙语(西班牙或拉丁美洲)

Slack 还可以让你轻松改变自己的语言偏好。方法如下:

  1. 点击右上角的个人资料图片
  2. 选择偏好设置
  3. 点击语言和地区
  4. 选择您的首选语言

作为一名 Slack 用户,你可以将你的应用个性化到 60 多个不同的时区。如果您打开了位置设置,Slack 还会自动为您更新时区。

Slack 还提供五种语言的本地化客户服务:英语、法语、德语、日语和西班牙语。

不调和

A screenshot of Discord's language settings.

不和谐音有 28 种不同的语言。

不和谐在跨国团队中也很流行。该应用程序目前有 28 种语言版本,包括:

  • 英语(英国和美国)
  • 保加利亚的
  • 中国人
  • 克罗地亚人
  • 捷克人
  • 丹麦的
  • 荷兰人
  • 芬兰人的
  • 法语
  • 德国人
  • 希腊的
  • 印地语
  • 匈牙利的
  • 意大利的
  • 日本人
  • 韩国的
  • 立陶宛的
  • 挪威的
  • 抛光剂
  • 葡萄牙语
  • 罗马尼亚的
  • 俄语
  • 西班牙语
  • 瑞典的
  • 泰国的
  • 土耳其的
  • 乌克兰的
  • 越南人

您可以按照以下说明更改不一致的语言首选项:

  1. 点按齿轮图标以打开“设置”
  2. 寻找选择一种语言
  3. 点击您的语言

与 Slack 不同,Discord 没有内置的设置让你调整时区。但是,您可以使用 TimeZoneBot 不一致地更改您的时区。

赢家:不和谐

虽然 Slack 的多语言客户服务很方便,但 Discord 只提供更多语言版本。如果你有一个多语言团队,不和可能对你更好。

松弛:利弊

Slack 对于需要一个聊天工具来工作的小团队来说是一个极好的选择。它有超过 2,400 个集成应用程序,支持高达 1 GB 的文件共享,并有八个主题选项。它还提供多语言客户服务,并在 Slack Free 中存储 10,000 条消息。

然而,Slack 将用户限制为 10 个集成和两个用户的免费通话。它也没有一键通功能。

虽然 Slack 的语音和视频通话功能过于简单,但你可以通过集成 Zoom 的 Slack 应用来升级它们。

不和谐:利弊

Discord 的优势在于其语音和视频通话能力。该软件支持 2 到 5,000 名用户的语音通话(取决于计划),最多 25 人的视频通话,甚至支持增强语音和视频通话的一键通功能和机器人集成。

然而,Discord 不太适合文件共享或专业交流。文件共享在 Discord Free 上限制为 8 MB,在 Discord Nitro 和 Discord Nitro Classic 上限制为 100 MB。

Discord 的机器人也大量面向游戏,这意味着你不能通过机器人将 Discord 与你现有的工作系统整合。

松弛与不协调比较表

松弛的 不调和
定价
  • Relaxation free of charge
  • Standard for Relaxation ($6.67 per person per month)
  • Relaxation Plus ($14 per person per month)

|

  • Disharmonious and free
  • Discord Nitro Classic ($4.99 per month or $49.99 per year)
  • Discordant Nitro ($9.99 per month or $99.99 per year)

|
| 文字交流 | 是 | 是 |
| 集成 | 支持超过 2,400 个应用 | 允许用户添加第三方机器人 |
| 积分极限 |

  • 10 free relaxation integrations
  • Unlimited relaxation standard integration and relaxation plus integration

|

  • unlimited

|
| 屏幕共享 | 是 | 是 |
| 存储限制 |

  • 5gb when idle
  • 10 GB per user when idle, plus when idle

|

  • unlimited
  • 1 GB once

|

  • 8 MB disharmony free of charge
  • 100 MB dissonant nitro and dissonant nitro classic

|
| 纯语音频道 | 是 | 是 |
| 语音通话 |

  • 2 users per call are free of charge for relaxation time
  • Every 15 users in the call add the relaxation time standard and relaxation time.

|

  • Disharmonious and free
  • 15 users per call Discord Nitro and Discord Nitro Classic
每次通话多达 5000 个用户
  • 2 users per video on Slack
  • 15 users per video on Slack

|

  • Call every 25 users

|
| 一键通 | 不 | 是 |
| 主题选项 | 8 个主题选项 | 2 个主题选项(亮或暗),加上机器人定制 |
| 消息历史记录 |

  • 10000 idle messages
  • 10000 idle messages and unlimited messages

|

  • Unlimited message

|
| 手机 App | 是 | 是 |
| 支持的语言 | eight | Twenty-eight |

随着全球范围内远程工作的增加,选择合适的消息应用程序已成为一项关键的业务决策🌏在此了解哪种服务最适合您的团队🤝

摘要

最终,比较懈怠和不和谐是很有挑战性的。这两款应用都很强大,易于使用,适合国际团队。每个应用程序更适合略有不同的受众。

如果你的团队需要一个基于文本的沟通工具,与你的其他工作系统集成,并支持文件共享,Slack 是更好的选择。但是如果你需要更好的语音和视频通话功能,Discord 是完美的备用选择。

关于懈怠和不和谐,你还有其他想法吗?我们想听他们说!请在下面的评论区分享。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

如何选择正确的 SMTP 端口(端口 25、587、465 或 2525)

原文:# t0]https://kinta . com/blog/SMTP-port/

努力找出正确的 SMTP 端口来使用?去过那里,做过那个!

如果你使用苹果邮件或 Outlook 等电子邮件客户端发送电子邮件,该电子邮件客户端可能也使用 SMTP 将你的外发电子邮件上传到你的邮件服务器(尽管这些客户端通常使用 IMAP 或 POP3 等其他协议将收到的电子邮件下载到应用程序)。

此外,如果你正在为 WordPress 上的电子邮件投递能力而挣扎,解决这个问题的最好方法之一是使用一个 SMTP 发送服务,比如 SendGridMailgunGoogle Workspace

但是如果你试图用你的电子邮件客户端或者 WordPress 网站设置 SMTP,你可能会遇到使用哪个 SMTP 端口的问题。

为了帮助你根据自己的需要选择正确的 SMTP 端口,我们将在这篇文章中深入探讨所有与 SMTP 端口相关的内容。

更喜欢看视频版

什么是 SMTP 端口?

SMTP 是简单邮件传输协议的缩写,是网络上电子邮件传输的标准协议。它是邮件服务器用来在互联网上发送和接收电子邮件的。

例如,当您发送电子邮件时,您的电子邮件客户端需要一种将电子邮件上传到发送邮件服务器的方法。然后,发送邮件服务器需要一种方法将您的电子邮件传输到收件人的接收邮件服务器。

邮件服务器很像网站服务器,虽然可能有一个用户友好的前端域名,但实际的通信是通过 IP 地址进行的,如 222.501.285.45(有关这是如何发生的更多信息,请查看我们对域名系统或 DNS 的介绍)。

“端口”是帮助计算机(就像两台邮件服务器)相互通信的另一种方式:

  • IP 地址标识一台计算机。
  • 端口标识该计算机上运行的特定应用程序/服务,如 SMTP。

这里有一个更人性化的类比:

IP 地址是商业综合体的物理街道地址。端口是该业务组合中特定业务的号码。

如果您想要向业务交付一些东西,您不能仅仅将它提交给业务综合体,您还需要一种方法来确保它到达业务综合体内部的正确位置。

IANA ,负责全球 IP 地址分配和其他任务的组织,也负责注册包括 SMTP 在内的常用互联网服务的端口号。
T3】

为什么您的 SMTP 端口很重要?

如果你想连接到一个 SMTP 服务器(比如 Gmail SMTP 服务器,你需要输入它的 IP 地址和端口号。

然而,有多种常见的 SMTP 端口(接下来会有更多介绍),并且不是所有的端口都能在所有情况下工作。

例如,在邮件服务器之间移动邮件的标准 SMTP 端口 25 经常被 ISP 和云提供商(包括谷歌云平台,这是 Kinsta 使用的)阻止。

因此,如果您试图通过端口 25 连接到 SMTP 服务器,您会经常遇到问题,因为太多的服务阻塞了端口 25。

不同用途的不同端口

除了上述含义之外,不同的 SMTP 端口也有不同的用途。

SMTP 传输分为两个主要阶段:

  • 提交–向外发邮件服务器提交电子邮件。例如,当您在 Apple Mail 中发送电子邮件时,该邮件需要提交到发送邮件服务器。
  • 中继——在两台服务器之间中继消息的过程。因此,在电子邮件被“提交”到发送邮件服务器之后,发送邮件服务器将该消息“中继”到收件人的邮件服务器。

如果你正在设置你的电子邮件客户端或 WordPress 网站,你最关心的是这个过程中的“提交”部分。

虽然“中继”绝对是 SMTP 的重要组成部分,但大多数人并不需要配置自己的邮件服务器。

SMTP 使用什么端口?

在现代网络上,没有单一的 SMTP 端口。相反,有四个常见的 SMTP 端口:

  • Twenty-five
  • Five hundred and eighty-seven
  • Four hundred and sixty-five
  • Two thousand five hundred and twenty-five

让我们过一遍。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

25 端口是做什么用的?

端口 25 早在 1982 年就建立了,这使它成为最古老的 SMTP 端口。

端口 25 仍然被认为是标准的 SMTP 端口,它主要用于 SMTP 中继。

然而,如果你用 SMTP 设置你的 WordPress 站点或电子邮件客户端,你通常不需要使用端口 25,因为大多数住宅互联网服务提供商和云主机提供商会屏蔽端口 25。

为什么?因为端口 25 通常被滥用来从被入侵的计算机发送垃圾邮件。

记住:SMTP 提交和中继是有区别的。因此,虽然 SMTP 端口 25 非常适合 SMTP 中继,但它不是 SMTP 提交的好选择。

587 端口是做什么用的?

端口 587 是现代 web 上 SMTP 提交的默认端口。虽然您可以使用其他端口进行提交(接下来将详细介绍),但是您应该始终将端口 587 作为默认端口,并且只在情况需要时才使用不同的端口(比如您的主机出于某种原因阻塞了端口 587)。

587 端口还支持 TLS ,这意味着你可以安全地提交邮件。

465 端口是做什么用的?

端口 465 最初是为 SMTPS 注册的(基于 SSL 的 SMTP)。在该功能中短暂停留后,端口 465 被重新分配用于不同的用途并被废弃。

尽管如此,许多 ISP 和云主机提供商仍然支持 SMTP 提交端口 465。

厌倦了你的 WordPress 站点缓慢的主机?我们提供超快的服务器和来自 WordPress 专家的 24/7 世界级支持。查看我们的计划

2525 端口是做什么用的?

端口 2525 不是正式的 SMTP 端口(由 IETF 或 IANA 认可)。然而,它仍然被广泛用作 SMTP 提交的端口 587 的替代,大多数 ISP 和云托管提供商都支持 SMTP 的端口 2525。

如果端口 587 被阻塞,端口 2525 是一个很好的选择。

您应该使用哪个 SMTP 端口?

我们在上面提到了这一点,但是让我们回顾一下如何选择正确的 SMTP 端口,因为做出正确的决定是很重要的。

如果你正在配置你的 WordPress 站点或电子邮件客户端通过 SMTP 发送电子邮件(提交),你几乎总是想要使用端口 587 。同样,这是用于提交的默认 SMTP 端口,它支持通过 TLS 的安全传输。

如果端口 587 由于某种原因被阻塞,端口 2525 是一个常见的替代方案。同样,这不是一个官方认可的 SMTP 端口,但是它被大多数提供商普遍使用和支持。

虽然许多提供商仍然支持 SMTP 的端口 465 ,但它不再是一个被接受的标准,在使用端口 465 之前,你应该总是尝试使用端口 587 和 2525。

最后,虽然端口 25 通常用于 SMTP 中继,但你不应该在设置电子邮件客户端或 WordPress 网站时使用它,因为大多数 ISP 和云主机提供商都会阻止端口 25。

在 Kinsta 可以使用哪些 SMTP 端口?

在 Kinsta,您可以使用端口:

  • Five hundred and eighty-seven
  • Four hundred and sixty-five
  • Two thousand five hundred and twenty-five

你不能使用端口 25,因为 Kinsta 使用谷歌云平台基础设施,而谷歌云平台屏蔽了端口 25

What are SMTP ports? Why are they so important? Dive into the nitty-gritty of SMTP ports and learn wich one you should use! 💌📤Click to Tweet

摘要

SMTP 在互联网上传输电子邮件的过程中扮演着重要的角色。

为了提高你的 WordPress 站点的交易邮件的可送达性,你可以配置你的 WordPress 站点通过 SMTP 发送邮件。此外,如果你使用苹果邮件或 Outlook 这样的电子邮件客户端,你的电子邮件客户端会使用 SMTP 向邮件服务器提交发送的电子邮件。

为了将你的 WordPress 站点或电子邮件客户端连接到 SMTP 服务器,你需要输入一个特定的 SMTP 端口。

有四种常见的 SMTP 端口:

  • Twenty-five
  • Five hundred and eighty-seven
  • Four hundred and sixty-five
  • Two thousand five hundred and twenty-five

端口 25 通常用于 SMTP 中继,但是您不应该将它用于 SMTP 提交,因为大多数提供商都会阻止它。

如果你想配置你的 WordPress 站点或电子邮件客户端使用 SMTP,你应该首先选择端口 587,因为它是 SMTP 提交的标准端口。

如果 587 端口不行,你可以试试 2525 端口。虽然它不是官方认可的 SMTP 端口,但它得到了广泛的支持,并支持 TLS 进行安全传输。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

狂野有趣的 Snapchat 统计数据和事实(2022)

原文:https://kinsta.com/blog/snapchat-statistics/

2011 年,斯坦福大学的学生埃文·斯皮格尔、鲍比·墨菲和雷吉·布朗创建了 Snapchat,作为人们发送照片和视频的新方式。Snapchat 作为更具影响力的社交媒体平台之一的崛起,可以伴随着 Snapchat 统计数据、Snapchat 用户以及其他一些非常奇怪的 Snapchat 统计数据的增长。

布朗首先把 Snapchat 的想法带给了有商业经验的 Spiegel 和有编码经验的 Murphy。结果,这家初创公司在所有权和公司最终价值方面经历了与脸书相似的商业困境。

The three creators of Snapchat

The three creators of Snapchat (Image source: TechCrunch)

2013 年,被驱逐的布朗试图就公司所有权重新谈判他的股份,但没有收到股票。相反,他以 1.575 亿美元的价格获得了和解,并被誉为 Snapchat 的创始人之一。

当 Snapchat 于 2011 年 7 月首次推出时,它最初被赋予了一个更可爱的名字 Picaboo 。然而,到 9 月份,这个被誉为向世界介绍短暂(正在消失的)内容的社交媒体平台被更名为 Snapchat。

一开始,Snapchat 用户只能发送和接收长达 10 秒钟的照片和视频信息,超过这个时间他们就会消失。2013 年 10 月,Snapchat 推出了 Stories(脸书、T2、Instagram 和许多其他社交网络最终都将这些故事锁定并整合到他们的平台上),这些故事 24 小时开放。与标准的消息功能不同,任何关注一个人的用户都可以查看 Snapchat 故事(假设公开共享)。

然而,也许 Snapchat 超越其最初概念的最大突破是过滤器。这些过滤器将增强现实对象引入图片,允许 Snapchat 用户炫耀胡须或礼帽(或任何数量的对现实的古怪、有趣的调整)。

没给自己过 Snapchat 花冠或者小狗耳朵?

Snapchat filters

Snapchat filters (Image source: US Magazine)

“Snapchat 不是为了捕捉传统的柯达瞬间。首席执行官埃文·斯皮格尔解释说:“这是关于用人类的全部情感进行交流——而不仅仅是那些看起来漂亮或完美的东西。”。这一立场与 Instagram 形成了鲜明对比,insta gram 以制作展示最佳自我的个人精彩片段而闻名于世。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

此外,Spiegel 指出,消失内容是对永久留在互联网上的内容所造成的压力的一种回应。即使你把自己从脸书的照片中剥离出来,网上的任何东西总能被重新发现。

然而,Snapchat 的统计数据甚至比该公司的使命宣言更能说明问题。

Snapchat 是谁拍的?Snapchat 用户一览

截至 2014 年第一季度,Snapchat 拥有4600 万活跃用户,截至 2018 年第四季度,他们拥有 1.86 亿活跃用户。这是相当大的增长!

Daily active Snapchat users

Daily active Snapchat users (Image source: Statista)

尽管用户数量的增加可能看起来很多,但实际上,自从 Instagram Stories 推出以来,Snapchat 的增长已经放缓(正如你在上面看到的), insta gram Stories 几乎是 Snapchat 的“我的故事”概念的翻版。Instagram 的用户现在发布的故事是 Snapchat 用户的两倍。

Instagram vs Snapchat

Instagram vs Snapchat (Image source: Recode)

尽管 Snapchat 平台人口统计的准确数据因来源不同而有所不同,但所有人都认为 Snapchat 主要由 25 岁以下的用户组成。根据皮尤研究中心的数据,78%的 18 到 24 岁的美国人使用这个平台。

Snapchat and Instagram ages

Snapchat and Instagram ages (Image source: Pew Research Center)

在这个年龄段,Snapchat 落后于脸书,但领先于 Instagram。

Social media apps usage age brackets

Social media apps usage age brackets (Image source: Business Insider)

eMarketer 预测脸书 12 至 17 岁年龄段的用户数量将下降 3.4%(这是该公司首次预测任何年龄段的脸书用户数量下降),而 Snapchat 和 Instagram 的使用量预计将会回升。

尽管脸书仍然是社交网络世界无可争议的巨头,但一些人预测,如果没有额外的平台变化,它可能会失去抓住下一代互联网用户的机会,因为大多数千禧一代和 Z 世代主要通过视觉交流。

Snapchat has over 186 million daily active users! 😮 Check out some stats and facts about this huge social network.Click to Tweet

Snapchat 统计 Snapchat 使用情况

根据皮尤研究中心的数据,63%的 Snapchat 用户每天都会访问该网站。这与 Instagram 基本相同,但远远落后于脸书,后者约有 75%的用户每天都会访问该网站。

同样,在 18 至 24 岁的人群中表现强劲,其中 82%的人每天都会查看 Snapchat,71%的用户每天会登录多次。当你把这个年龄段扩大一点,把所有千禧一代都包括进来时,结果是这些 Snapchat 用户每天在这个平台上花 40 分钟。

为了帮助推动平台上的日常互动,Snapchat 引入了“条纹”当两个 Snapchat 用户至少连续三天交换直接消息时,他们的用户名旁边会出现一个火符号和数字。通过这种方式,Snapchat 引入了游戏化元素,以鼓励用户不断登录和使用该应用。

然而,在使用方面,Instagram Stories 仍然胜过 Snapchat,更多的影响者更喜欢前者而不是后者。Instagram 继续发布故事的新更新,例如允许拥有超过 10,000 名粉丝的帐户发布故事的链接,使其成为广告商和影响者的更好平台。影响者发布的 Instagram 故事是 Snapchat 故事的两倍。

自从 Instagram Stories 推出以来,Snapchat 用户和参与度下降了 15-40%

Snapchat 收入?更像是 Snapchat 关于金融下跌的统计数据

Snapchat 可能错过了 2013 年的套现机会,据报道,当时脸书提出以 30 亿美元收购该公司。2018 年 5 月,公司股票从他们的原值 27.09 美元/股跌至 10.95 美元/股。

以下是他们的股票从首次公开募股到本文发表之日的表现:

Snap Inc stocks

Snap Inc stocks

当然,在 Snap 上市之前,市场有很多上涨,首先是 Snapchat,Inc .经历了一次更名,他们在 2016 年将公司更名为 Snap,Inc. ,作为将自己重新定位为相机公司的努力的一部分。

Snap 的收入在 2017 年达到了8.25 亿美元,是他们 2016 年收入的两倍多。同年 2 月,Snap 公司申请上市。然而,它没有达到公司的目标。事实上,尽管收入为 1.496 亿美元,但据福布斯报道,Snap 报告称,2017 年 Q1净亏损 22 亿美元。他们在未售出的眼镜上损失了近 4000 万美元,这是他们仓促生产的,没有考虑到匹配的需求。

在 2018 年的 Q1,Snap 的收入增长到 2.307 亿美元,由于 Snap 广告的增加,增长了 54%,但由于用户拒绝重新设计,环比下降了 19%。

那么,Snap 是错过了向脸书销售的机会,还是打算继续利用年轻一代的互联网用户赚钱呢?很难说。

Snapchat 内容是怎么回事?

Snapchat 的推介组合中的一个亮点是 Snapchat 的统计数据:92%观看品牌故事快照的人观看了整个视频。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

目前,Snapchat 上 57%的品牌内容是视频。而且,在其最受欢迎的时候,Snapchat 达到了每天 100 亿的视频浏览量,每天有超过 30 亿的照片被发送到 T2。

3 Billion Snaps

3 Billion Snaps (Image source: Statista)

该公司还在继续开发该应用的游戏化方面,因为 Snapchat 用户可以在使用特定过滤器、完成特定任务、发送创意照片或在直播页面上发布视频时解锁奖杯。奖杯以表情符号的形式出现,比如太阳表情符号,如果你在 100 度的天气里发了一张照片。

但这并不是 Snapchat 对平台游戏化兴趣的全部——他们最近还推出了新的被称为“Snappables”的 AR 自拍游戏。

Snapchat 成长:Snapchat 广告面临的逆境

自从 2014 年 Snapchat 平台开始向用户提供广告以来,Snapchat 短暂内容的前提就给广告商制造了一个障碍。

消失的内容意味着有影响力的人和营销人员不断需要创造新的内容,不像脸书Instagram 那样,内容可以很容易地被重新利用。此外,如果营销人员想要进入 Snapchat 的 Discover 页面,他们必须证明他们可以持续创作高质量的视频,这意味着他们必须提前提交一个月的内容以获得批准!

此外,Snapchat 让广告商很难确定广告的有效性,因为该公司不提供详细的分析。相反,他们使用付费的第三方分析工具,这些工具提供非常基本的信息,例如查看者的数量以及他们查看帖子的时间。

当广告商使用地理过滤器(Geofilters)时,类似的洞察力(或缺乏洞察力)是可用的,地理过滤器是基于位置围栏对所有用户可用的特殊过滤器。

Snapchat filters

Snapchat filters

尽管如此,预计营销人员将在 2019 年花费 15 亿美元在 Snapchat 广告上。作为 Snapchat 广告最受欢迎的品牌,位居榜首的是 BuzzFeed、Comedy Central 和 iHeartRadio。

Advertising revenue Snapchat

Advertising revenue Snapchat (Image source: Statista)

2018 年 5 月,Snapchat 推出了不可抓取广告来吸引更多的广告商。然而,这些广告只出现在 Snapchat 的 Discover 部分的专业制作的节目中。这意味着只有主要的出版合作伙伴,如迪斯尼和维亚康姆,将能够利用它们。

Snapchat 影响者呢?

虽然 Snapchat 有很多影响者,但它可能只是少数人最喜欢的平台。影响者和 Snapchat 之间的裂痕可能可以追溯到甚至在一次事件之前,一名 Snapchat 高管告诉一名抱怨 Snapchat 的影响者,“Snapchat 是一款面向朋友的应用,而不是创造者。”

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

然而,Snapchat 似乎软化了自己的强硬立场,因为它见证了使用率的下降。最近,他们引进了经过验证的影响者。经验证的影响者可以获得官方报道,而以前只有公众人物才能获得,如蕾哈娜和凯莉·詹娜。

Snapchat key features

Snapchat key features

在很长一段时间里,有影响力的人受到和其他 Snapchat 用户一样的对待,这意味着他们只能看到他们的故事在直播时有多少人在观看。

但现在,Snapchat 也让这些影响者能够访问分析数据,其中包括:

  • 总视图数
  • 独特的观点
  • 完成率
  • 观看时间
  • 观众人口统计,包括性别、年龄、地点
  • 他们的追随者关心的话题,可以是旅游、美食、时尚、运动等。

对影响者态度的改变是一个好迹象,表明 Snapchat 正在采取措施适应这种变化。在低于预期的用户增长和 22 亿美元的收入损失之后,如果他们想在持续的社交媒体平台战争中生存下来,他们真的需要加快步伐。

底线是他们需要有影响力的人来创造内容以吸引他们的观众,这反过来可以带来更多的广告商。

了解 Snapchat 的新功能

Snapchat 正在尽最大努力保持创新,一些想法比其他想法获得了更多的关注。

没有人抢购 Snapchat 眼镜

为了与相机公司的更名保持一致,Snap 发布了 Spectacles by Snap,用户可以轻松录制视频并发布到 Snapchat。

基本上,眼镜可以通过查看用户的 Snapchat 代码并按下眼镜框架上的按钮或通过蓝牙连接来链接到 Snapchat 帐户。视频存储在相机的内部存储器中,可以在 Snapchat 的“Memories”部分查看和上传。

该产品是在 Snapchat 更名为 Snap 的同时发布的。这款眼镜于 2016 年 11 月 10 日首次通过 Snapchat 总部附近的专有自动售货机 Snapbot 销售。

产品销售远低于公司预期,迫使 Snap 注销了超过 4000 万美元的未使用零件和产品。到 2018 年 5 月,仅售出 22 万双。

Snap 最近发布了 Snapchat Spectacles 2.0,似乎没有被平淡的反应所吓倒,它包括一些新功能,如支持照片功能(第一个版本只支持视频),更轻的镜头,更薄的框架,处方选项,更多更经典的颜色选项,以及水下功能(等等)。

Snapchat spectacles

Snapchat spectacles

Snapchat Spectacles 2.0 在 17 个国家在线销售。

快照现金

2014 年,Snapchat 与 Square payments 合作提供了 Snapcash ,允许用户发送和接收资金。所有用户需要做的是链接信用卡或借记卡。唯一的缺点是,两个 Snapchat 账户都需要有一张借记卡与之关联,不像其他应用程序那样,可以将钱放在应用程序内的“钱包”中。用户还必须年满 18 岁才能使用该功能。

但似乎 Snapcash 是 Snap 的又一次失败。根据 Snapchat 支持,Snapcash 将于 2018 年 8 月 30 日后不再提供。

Snapchat 重新设计

去年,Snap 发布了一个新应用更新,这对其受欢迎程度毫无帮助。事实上,这些变化对 Snapchat 用户来说太麻烦了,以至于超过一百万的用户在 Change.org 请愿反对这些变化。

Bad Snapchat update

Bad Snapchat update

重新设计的重点是将故事和朋友页面结合起来,这最终使用户更难重新观看故事或找到朋友。该公司还分离了 Discover 页面,以更好地展示专业制作的内容。

重新设计背后的想法是提高广告商的 Snapchat 统计数据,它做到了。事实上,Snapchat 报告称,自从重新设计以来, publisher stories 增长了 40%, 35 岁以上的用户越来越多地使用该应用。

最后的想法:疯狂而有趣的 Snapchat 统计数据和事实

从 Snapchat 凭借三名斯坦福大学研究生的智慧和技能崛起,到数十亿美元的报价,Snapchat 的统计数据和事实提供了对该公司、其发展轨迹和用户的许多见解。

当然,还有很多有趣的事实没有出现在 Snapchat 的统计数据列表中,例如 Snapchat 的吉祥物“鬼面奇拉”(以吴唐部落的格斯特菲斯·基尔拉命名)是由布朗设计的。或者说最长的 Snapchat 连胜记录(截至 2018 年 7 月)是 1286。

没看到你喜欢的 Snapchat 统计?在下面的评论区分享吧!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

2022 年社交媒体图片尺寸和快速提示

原文:https://kinsta.com/blog/social-media-image-sizes/

尽管像剑桥分析/脸书事件这样的数据隐私泄露令人不安,但毫无疑问,社交媒体将继续存在。毕竟,每个人都在上面,它让每个人都保持联系,它是企业营销和销售产品的有用工具。

社交媒体的问题?噪音过饱和了!即使你有一些有用的东西要说,你如何吸引(并保持)你的听众的注意力?

使用图像可能会有所帮助。一项 Skyword 研究发现,平均而言,与没有图片的内容相比,在内容中包含图片会使页面浏览量增加 94%。认识到人们短暂的注意力持续时间(他们甚至比金鱼的还短!),现在使用视觉图像来吸引人们的注意力变得比以往任何时候都更加重要。

使用正确的社交媒体图片尺寸的重要性

仅仅创建一张图片,把它上传到你所有的社交媒体上,并认为你的工作已经完成是不够的。

创建社交媒体图片并不是一刀切的事情:每个社交网络在不同的个人资料区域需要不同的图片大小。每个社交媒体网站不同地裁剪和优化上传的图像,因此确定如何以展示你的品牌的最佳方式定位你的图像是很重要的(查看你的页面的最佳图像格式)。

如果你在寻找**TLDR;**关于社交媒体图片尺寸的这篇文章,想要一个懒惰的视觉营销方法,你可以在这一节之后停止阅读。根据 Buffer 的说法,尽管大多数社交网站要求不同的图片尺寸,但他们发现这些尺寸通常适用于与新闻源更新分享图片:

  • 横向(水平):1024 x 512 像素
  • 纵向(垂直):800 x 1200 像素

但是如果你想创造一个更好的视觉体验,并且总是能够完美呈现,看看我们经常更新的社交媒体图片尺寸指南:包括脸书图片尺寸、推特图片尺寸和其他主要社交平台的指南!

脸书图像尺寸

脸书是最大的社交网站,拥有超过22 亿月活跃用户(截至 Q1 2018 年)。

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

Facebook daily active users

Facebook daily active users (Image source: TechCrunch)

这是一个不可或缺的社交网站,尤其是对于那些想要接触到目标受众的企业来说:这一切都是因为脸书强大的定向广告功能。但是,即使企业不使用脸书广告(虽然他们应该!),很难找到还没有脸书页面的企业。

以下是你需要知道的关于脸书图片在你个人资料和新闻帖子上的大小:

脸书封面照片

当人们访问你的脸书个人资料或页面时,你的封面照片只能被整体查看(但人们可以在脸书的其他区域看到缩略图)。封面照片比个人资料照片大,这就是为什么大多数人把他们的封面照片像横幅一样用来展示他们的品牌或身份。

脸书的封面照片在桌面上显示为 820 x 312 像素,在智能手机上显示为 640 x 360 像素。如果你上传比这个小的东西,它会被拉伸。请注意,您考虑作为封面照片的照片也有一个最小尺寸:400 x 150 像素。如果你对高分辨率显示器的质量有任何问题,你也可以尝试 1640 x 624 像素。

Facebook cover example (Kinsta Facebook page)

Facebook cover example (Kinsta Facebook page)

为了获得最佳图像质量,建议:

  • 将带有徽标或文本的照片保存为 PNG 文件。
  • 上传一个小于 100 KB 的 sRGB JPG 文件。

脸书个人资料照片

您的个人资料照片是品牌的关键部分,因为它向访问您的个人或商业资料/页面的人展示了您和/或您的品牌。无论是你的个人或商业页面的个人资料照片,都必须至少为 180 x 180 像素。对于更高分辨率的显示器,我们推荐 480 x 480 像素。

当用户通过桌面访问脸书时,你的脸书个人资料照片显示为 170 平方像素,在智能手机上显示为 128 平方像素,在大多数功能手机上显示为 36 平方像素。您的个人资料照片也会以 32 平方像素的图标形式出现在整个脸书。

Facebook profile photo

Facebook profile photo

如果您想将个人资料照片与封面照片的设计融为一体,请记住个人资料照片位于:

  • 桌面上的封面照片左侧 16 像素,顶部 176 像素。
  • 智能手机上的封面照片左侧 24 像素,底部 24 像素,顶部 196 像素。

脸书新闻图片

在你的新闻订阅源上分享图片是发布消息的最常见方式之一。图像(和视频)有助于抓住目标受众的注意力。

理想情况下,上传的图像应该是 1200 x 630 像素的尺寸,但是一旦上传到脸书,它们将被调整为 476 像素宽的图像。

Facebook news feed image

Facebook news feed image

此外,您还需要记住以下脸书图像尺寸注意事项:

  • 方形照片,无论你上传多大尺寸,都会显示为 476 x 476 像素。如果你上传的图像小于 400 像素,它会显得模糊。
  • 横向(水平)照片将被缩放至 476 像素宽,高度也相应调整。
  • 纵向(垂直)照片将被缩放至 476 像素宽,高度也相应调整,但最大值仅为 714 像素。

脸书链接图片

除了在新闻订阅上分享图片,脸书还支持图片分享链接。有两种不同的布局与此操作相关:

  • 链接左侧的一个较小的正方形图像(文本在右侧)。这要求提要至少有 154 平方像素,页面至少有 116 平方像素。
  • 文本片段下面的大图。这要求图像的尺寸至少为 470 x 246,页面尺寸至少为 484 x 252。

推荐的上传图片尺寸为 1200 x 628 像素,这与非链接生成的共享图片尺寸相差不大。

Facebook link image

Facebook link image

你可以上传更大的图像,但脸书会缩放图像以适应这些尺寸,这意味着他们会在顶部和底部裁剪图像以适应。为了获得最佳效果,请在满足最低要求的情况下获得更大的图像分辨率。

脸书如何从共享链接中选择图片

当脸书选择要在链接上显示的图像时,它会查看页面上的 Open Graph 标签,特别是 og:image 标签。

og:image 标签由 Open Graph 协议提供支持,该协议允许网站管理员告诉第三方提供商(如脸书、Twitter 和其他社交网站)他们页面上的内容类型。它负责确定在社交媒体上共享您的内容时显示哪张照片,以及照片的外观。

请注意,每个平台在图像大小或裁剪方面显示图像的方式都不同。如果没有指定特定平台的图片,你的图片在脸书上可能看起来不错,但在 LinkedIn 上就显得很奇怪。

您可以在网站每个页面的<head>部分添加和编辑 og 图像标签。如果你想防止它在所有平台上看起来不一样,你可以使用像 Yoast SEOSocial war这样的插件,它可以识别和指定你分享内容的每个平台的最佳图像(通过适当的设置)。你甚至可以用 Yoast SEO 插件手动设置每页或每篇文章的脸书图片(如下所示)。

Yoast SEO Facebook image

Yoast SEO Facebook image

如果你的图像不够大或者没有合适的 og 图像标签,脸书可能不会完整显示图像或者根本不会显示图像*。发生这种情况时,您的链接显示为第一种图像类型(位于文本字符串左侧的小缩略图)。你也可以使用脸书调试器来修复这个问题。
*

*### 脸书高光图像

突出显示的图像仅出现在您的脸书页面上。脸书允许你在每次达到一个里程碑时发布亮点。图片是可选的,但由于它们看起来比共享的图片或链接要大,这是一个吸引人们注意你的成就或里程碑的好方法。

突出显示的图像在您的页面上显示为 843 x 504 像素,但推荐的大小是 1200 x 717 像素。

脸书活动图片

随着如此多的广告和帖子充斥着脸书的新闻,创建一个脸书活动将有助于吸引你的观众的注意力。除了向他们发送邀请他们参加活动的通知之外,他们还会被提醒该活动——特别是对于启用了脸书日历连接的智能手机用户。

事件图像在您的订阅源上显示为 470 x 174 像素,但建议的大小为 1920 x 1080 像素。

脸书集团封面图片

脸书集团封面图片可能会有所不同。对于高分辨率的脸书集团封面图像,我们建议尺寸为 1920 x 1080

Facebook group cover image

Facebook group cover image

请务必查看这些额外的脸书营销策略

Twitter 图片大小

Twitter 允许人们轻松地与他人联系(甚至是名人!),主要用于发送和接收简短的实时更新(推文限制在 280 个字符以内)。尽管没有脸书大,Twitter 拥有3.3 亿月活跃用户

通过使用@mentions 和#hashtags 与他人联系是可能的。当你点击一个标签或搜索一个词时,所有包含该搜索词或标签的(公开)推文都会出现。企业使用这一功能来听取用户的反馈或加入对话。

Twitter 个人资料照片

像所有其他社交网站一样,Twitter 用户可以选择定制代表他们自己/他们品牌的个人资料照片。这出现在三个地方:

  • 您的 Twitter 个人资料。如果不上传个人资料照片,个人资料照片区会显示一个蓝色背景的彩蛋。
  • 在 Twitter feed 上。粉丝或通过 Twitter 搜索阅读你的推文的人可以看到你的个人资料照片。
  • 追随谁。“关注谁”框出现在您的 Twitter 订阅源的右侧。Twitter 通常会推荐与你相似的账户,或者你可能认识的人。

Twitter 个人资料照片最小为 400 平方像素,最大文件大小为 2MB。它们可以是 JPG,PNG 或 GIF 格式。推荐一张正方形大小的照片,尽管 Twitter 会把它显示成一个圆圈。

Twitter profile photo

Twitter profile photo

Twitter 标题照片

这是推特上相当于脸书的封面照片,比你的个人资料照片大得多。确保你上传了高分辨率的图片。

推荐的 Twitter 头像照片大小为 1500 x 500 像素,最大文件大小为 5MB。不幸的是,在这些显示器上,我们注意到没有办法在更高分辨率的显示器上获得清晰的图像。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

Twitter header photo

Twitter header photo

Twitter 发布照片

以前,你只能在推特上一次上传一张图片,但现在,你可以在一条推特上上传多达四张照片。图片过去也包括在 Twitter 的字符数中,但幸运的是现在不再包括了。值得注意的是,有图片的推文比没有图片的推文产生了多 313%的参与度。

Twitter 图片的最小尺寸为 440 x 220 像素(2:1 宽高比)。最好的推荐尺寸是 1024 x 512 像素。在 Twitter 上,任何介于 2:1 和 1:1 之间的纵横比都很好。

在台式机上,图像最小显示为 506 x 253 像素,而 1200 x 675 像素 (16:9 宽高比)是在移动设备上完整显示图像的理想图像尺寸(这对于台式机也非常适用)。

Twitter#营销增强你社交游戏的策略💪【https://t.co/qvie7tLTtlT2# SMM

—金斯塔(@ Kinsta)2018 年 7 月 4 日*

金士达推出西班牙托管倡议和网站

原文:https://kinsta.com/blog/spanish-hosting/

我们一直在寻找在 Kinsta 扩展的方法,所以我们很高兴宣布我们新的西班牙托管计划。为了实现这一点,已经做了大量的工作,我们很高兴最终与你们分享。这包括 Kinsta 团队中现在可以用西班牙语帮助您的成员,以及我们全新西班牙语网站的推出。你现在可以在 kinsta.com/es/查看。这将有助于我们把我们的主机服务带给全球更多使用母语的人。

金斯塔的西班牙托管倡议

世界上有数百种语言,但以下是我们选择推出西班牙语托管计划的几个原因,以及 Kinsta 西班牙语团队现在可以为您的网站提供帮助的其他方式。

1.大量西班牙语网站和用户

根据 W3Techs 的数据,截至 2016 年 11 月, WordPress 现在为所有网站的 27% 提供支持。并且超过 5%的网站 使用西班牙语。虽然这听起来不是很多,但我们谈论的是成千上万的网站!像 YouTube.com、Facebook.com、Yahoo.com、Twitter.com,甚至 WordPress.com 这样的大网站都有西班牙语版本的网站,他们利用这些网站来吸引全球的观众。根据互联网世界统计,截至 2016 年 6 月,讲西班牙语的互联网用户超过 2.9 亿。

spanish internet users

法语和德语等其他语言在过去一年中有所下降,而西班牙语在 2015 年 11 月至 2016 年 11 月期间的使用量增长了 0.3%。

2.到处都说西班牙语

西班牙语是 21 个州和几个属地的主要语言,总人口超过 4 . 4 亿。在墨西哥、哥伦比亚、西班牙、阿根廷、秘鲁、委内瑞拉等国家,西班牙语是大多数人口的主要或唯一的交流手段。

https://en.wikipedia.org/wiki/List_of_countries_where_Spanish_is_an_official_language

img src: Wikipedia

美国实际上拥有第二大讲西班牙语的人口,超过 5000 万人积极地把它作为他们的主要或第二语言。这甚至比西班牙还多!新墨西哥州、加利福尼亚州、得克萨斯州和亚利桑那州是人口密度最高的州。

我们认为这是一个巨大的市场,我们将全力以赴,因为我们将与西班牙企业、博客和电子商务网站发展新的关系。

3.金斯塔西班牙队

我们很高兴我们的团队中有一些母语为西班牙语的出色成员。他们夜以继日地努力工作,为你把我们的英文网站内容翻译成西班牙文。我们不外包翻译,都是我们内部团队做,保证最高质量。这里没有使用“谷歌翻译”。作为网站所有者,Kinsta 一直试图在网络上制作一些最好的内容,以帮助您发展业务并保持信息灵通。我们很高兴现在能以西班牙语提供相同的内容。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

spanish wordpress support

如果您有任何疑问或销售问题,我们的西班牙团队现在也可以为您服务。当然,他们现在将用西班牙语来称呼。所以请随时联系我们。

4.Kinsta 西班牙语网站

您可以访问我们位于 kinsta.com/es/的新西班牙网站。我们的主网站和我们所有的知识库文章已经全部翻译完毕。在这个过程中,我们也学到了一些东西,我们当然愿意与你们分享。所以本周晚些时候请继续关注,因为我们将发布关于如何配置 WordPress 多语言网站的终极指南。

kinsta spanish hosting websiteT2】

5.西班牙语 MyKinsta 仪表盘

MyKinsta v2 现在也有西班牙语版本。我们的团队已经翻译了所有的屏幕,以便用您的母语为您提供更方便的访问和管理。只需点击“设置”,现在有一个选项来改变你的语言。将您的网站迁移到西班牙语的 Kinsta 从未如此简单!

MyKinsta in spanish

MyKinsta v2 Spanish migration wizard

6.推特和脸书你好

我们的网站现在不仅有西班牙语版本,您还可以通过我们新的西班牙语 Twitter @Kinsta_ES 与我们联系!随时欢迎用西班牙语给我们发推文。我们会让你了解最新的消息,比如我们赞助的巴塞罗那世界夏令营,我们也参加了。因此,如果你碰巧在那里,一定要停下来,向 Kinsta 团队的成员问好。

巴塞罗那世界语言营队长!?https://t.co/MpVkL7vQSn# WCBarcelona# WordPress@ WCBcnpic.twitter.com/l3Hupw4jmS

-金沙萨(@金沙萨 _ es)2016 年 11 月 22 日

不是推特用户?https://www.facebook.com/kinsta.es/时间我们也在脸书。

摘要

我们的西班牙托管计划只是一个更大计划的第一部分,该计划旨在用母语为全球更多人带来更好的托管服务!我们很好奇,接下来有没有你希望看到的语言?如果有,请在下面的评论中告诉我们!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

为什么你的 Mac 很慢(加 15 种方法加速 Mac)

原文:https://kinsta.com/blog/speed-up-mac/

你是否曾经坐在你的 Mac 电脑前完成一项紧急任务,却只能坐在那里等待电脑加载?速度慢的电脑不仅令人讨厌,它们还会消耗你的生产力,增加你的工作量,降低你的产出。这就是为什么找到提高 Mac 速度的方法很重要。

事实上,如果一个全职员工每小时因运行缓慢的电脑而损失 7 分钟的工作时间,那就相当于一周 52 分钟多一点(或者一个月 3.5 小时)。

Mac 慢的人都会很明白这个问题。但是如何提高 Mac 的速度呢?

这就是这篇文章的内容。我们将讨论 Mac 电脑运行缓慢的常见原因,以及 15 个你可以尝试提高 Mac 电脑速度的技巧。

我们走吧。

为什么我的 Mac 很慢?

如果您的电脑不在身边,我们无法告诉您电脑变慢的确切原因。但是我们可以帮助您自己诊断问题。

如果您注意到以下任何情况,您就会知道您的 Mac 是否运行缓慢:

需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。

A picture of Phillip Stemann looking into the camera wearing a blue button down shirt

Phillip Stemann

View plans

  • 您的计算机启动时间比平时长
  • 您的 Mac 变得非常热
  • 您的浏览器或程序经常崩溃
  • 你经常看到“沙滩球”
  • 你花了比平常更多的时间等待加载

许多事情导致 MAC 电脑和其他电脑运行缓慢或滞后。

如果您正在运行大量程序、下载大文件或运行精美的图形,您的计算机可能会运行缓慢。这些问题是由于您的 Mac 比平时工作更努力造成的。

或者,年龄会降低计算机速度。你使用 Mac 的时间越长,你可能使用的磁盘空间就越多,你的电脑就越容易损坏。

我们将在“如何加速你的 Mac:我们的顶级技巧”一节中讨论解决这些问题,但首先,我们需要确定是你的 Mac 慢,而不是别的什么。

要排除的事情

电脑速度慢可能很棘手,因为它经常伪装成其他东西。在开始故障诊断之前,请检查这些常见因素没有降低您的电脑体验:

慢速互联网

今天,你的大部分电脑活动都使用互联网,所以糟糕的互联网连接会让你的电脑看起来很迟钝。你可以像这样使用 SpeedTest 来测试你的网速:

  1. 去 speedtest.net。
  2. 请检查您的互联网提供商和位置是否正确。
  3. 按“开始”
  4. 等待工具来测量你的上传和下载速度。
  5. 阅读你的结果。它们看起来会像这样:

How to use SpeedTest

Using SpeedTest

我们用每秒兆位数据(Mbps)来衡量互联网速度。您的上传时间是您的计算机可以向另一个设备或服务器发送多少 Mbps。你的下载速度就是你的电脑能接收多少 Mbps。

截至 2022 年初,固定宽带连接上的全球平均下载速度为 59.75 Mbps ,平均上传速度为 25.06 Mbps。SpeedTest 也给出了每个国家的平均值,如果你想看到你的国家的结果。

如果你的网速是罪魁祸首,你需要和你的电信公司联系来解决网速慢的问题。

或者,如果你的互联网很好,但某个特定的网站很慢,你可以用谷歌页面速度检查该网站的速度。或者,如果你拥有或管理一个运行缓慢的网站,有很多方法可以让你的网站加速

慢速浏览器

假设你的网速正常,但是你的电脑只是在你上网的时候运行缓慢。在这种情况下,你的网络浏览器可能是问题所在。像电脑一样,当需要一次完成大量任务时,网络浏览器会变慢。

通过关闭不必要的标签和删除不需要的扩展来加快网站浏览器的速度。然后,清除您的浏览器历史记录、cookies 和缓存

截至 2021 年 12 月, 66.6% 的全球桌面用户使用 Chrome。如果你是这些人中的一员,以下是清除浏览数据的方法:

  1. 打开浏览器,选择设置
  2. 按下安全和隐私,然后选择清除浏览数据
  3. 选择浏览历史cookies 等站点数据,然后选择缓存图片和文件。清除您的 cookies 将使您退出许多网站。
  4. 选择您想要的时间范围。
  5. 按下清除数据

How to clear your browsing history on Google Chrome

Clearing your browsing history on Google Chrome

在其他浏览器上清除数据的步骤非常相似。

您的 Mac 需要重新启动

最后,您的 Mac 可能运行得非常好,但只是需要重启。定期重新启动电脑:

  • 刷新处理数据和任务的随机存取存储器(RAM)。
  • 重置您的互联网连接。
  • 减少故障和错误。
  • 减少内存泄漏。当程序没有完全关闭并一直使用 RAM 时,就会发生内存泄漏。

如何提高 Mac 的速度:我们的顶级技巧

现在你知道你的问题不仅仅是劣质的互联网和杂乱的电脑,是时候开始排除故障了。

我们已经从最简单的提示开始,所以我们建议你一个一个地尝试,在中间重新启动你的计算机来检查每个提示是否有所不同。

让我们开始吧。

T3】

1.检查系统更新

你会惊讶地发现,升级电脑可以解决多少问题。随着每一次新的 macOS 更新,Apple 都会改变您的电脑的功能,以优化它,使它更加用户友好。

您可以通过单击左上角的苹果菜单(标有苹果标志)来检查新的苹果操作系统更新。然后,选择系统首选项软件更新。此屏幕将搜索更新并显示可下载的更新,如下所示:

Performing a macOS system update

A macOS system update

选择“立即升级”并等待。有些更新需要几分钟,有些则需要更长时间。

重要的

安装更新时,您的计算机将重新启动,因此请确保在下载更新前保存所有未保存的文件。

2.关闭视觉效果

苹果的视觉效果相当漂亮,可以让你的电脑看起来很时髦,但它们也使用了很多资源。自然地,关闭视觉效果可能会让你的 Mac 运行得更快(特别是如果你使用了大量的内存)。

为了减少动画相关的视觉效果,选择屏幕右上角的苹果菜单,然后按系统偏好。然后点击可达性显示。点击复选框减少动作

如果您有 MacBook 或 iMac,您也可以按照以下说明关闭更多视觉效果:

  1. 点击系统偏好dock 和菜单栏
  2. 确定您取消选择“自动隐藏和显示 dock”和“打开应用程序时显示动画”
  3. 按下使用最小化窗口,选择比例效果而不是精灵效果

更改设置后,重新启动电脑。

3.减少文件混乱

你有没有试过清理一个橱柜,发现里面的东西比你想象的多一倍?电脑也是如此。您的计算机在本地保存了大量数据,这需要处理能量。

有很多方法可以减少桌面混乱。从删除桌面上的文件和图标开始。

接下来,瞄准你的下载文件,删除任何你不需要的东西。要优化此过程,请按最大文件大小对下载文件夹进行排序,并首先删除这些文件。

最后,整理你的文件,删除任何不必要的东西。如果您没有多少剩余磁盘空间,这一步尤其重要。您可以通过选择苹果菜单、关于这台 Mac存储来检查磁盘空间。它看起来会像这样:

Mac disk space

Mac disk space

当然,如果您在本地保存了大量文件,减少文件只是一个临时的解决方案。

考虑使用基于云的存储解决方案,如果你是这样的话。常见的例子包括 Dropbox、、谷歌云和苹果 iCloud。或者,你也可以使用像 VaultPress 这样的插件来备份你的网站

4.关闭 iCloud 同步

想要通过检查“同步”功能来提高 Mac 的速度吗?

iCloud 自动备份你的应用数据、设置、桌面组织、照片、视频、文件和信息。这需要您的电脑处理大量数据,因此有时会降低 Mac 的速度。

iCloud 同步是一个后台进程,因此您可能甚至不知道您正在使用它。要关闭它,请前往系统偏好设置并点击 iCloud 。这将把你带到这个屏幕:

How to turn off iCloud syncing for individual apps 

Turn off iCloud syncing for individual apps

从这里,您可以选取哪些应用程序使用 iCloud 来备份数据。取消选中您不想备份数据的所有应用程序的复选框。然后,选择优化 Mac 存储

信息

如果您的 iCloud 储存空间已满,也可能会出现其他问题。苹果自动给所有用户 5 GB 的空间,一旦你使用它,你需要购买更多的空间或删除内容。您可以使用“iCloud”屏幕底部的栏来查看您的 iCloud 储存空间是否已满(在上面的截图中可见)。

5.关闭实用程序中不必要的进程

你可能已经注意到,当你同时使用多个应用程序时,你的电脑会变慢并开始出现故障。后台进程也是如此。

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

您可以通过检查活动监视器来查看电脑正在运行哪些进程。要找到它,在 macOS 栏上选择 go ,选择实用程序,点击活动监视器

看一下标有“CPU”的那一栏(CPU 代表“中央处理器”)。" % CPU "数值越高,函数使用的处理能力就越强。“用户”部分在这里也很重要,因为您希望将重点放在您启动的进程上(所以忽略来自“root”、“hidd”和“locationd”的与 macOS 相关的任务,如果您看到它们的话)。

沿着列表往下走,关闭任何占用 CPU 时间超过 5%的不必要的进程。

6.清空你的缓存并清空你的垃圾

您的电脑会创建缓存文件来为您快速载入应用程序和程序。然而,如果你不偶尔清理你的缓存,这些堆积会使你的电脑变慢。

有三种类型的缓存:

  • 浏览器缓存(我们在*“*慢速浏览器”中讨论过)
  • 系统缓存
  • 用户缓存

由于您无法在不阻止某些应用程序运行的情况下清除所有系统缓存,因此我们建议您仅清除您的用户缓存。方法如下:

  1. 从苹果菜单中选择 go
  2. 按下进入文件夹
  3. 键入“~/库/缓存”
  4. 逐个单击文件夹并删除其内容(不要删除文件夹)。

重要的

如果您有外置硬盘,您可能需要在删除缓存文件之前对其进行备份,以防您不小心删除了以后可能需要的数据。

一旦你清空了你的缓存,通过倒垃圾把文件从你的电脑中移除。你可以点击任务栏中的垃圾箱图标,选择清空垃圾箱(或者按下命令shiftdelete )。为了提高 Mac 的速度,这个过程应该相当有效。

7.阻止 FileVault 2 加密文件

FileVault 2 是一项网络安全功能,它可以加密您的计算机数据,这样任何访问您计算机的不良行为者都无法读取这些数据。FileVault 非常方便,但它也会占用大量处理时间,并可能会降低您的电脑速度。

下面是关闭它的方法:

  1. 转到系统偏好设置
  2. 点击安全和隐私
  3. 选择 FileVault
  4. 点按锁图标并键入您的管理员信息。
  5. 按下关闭 FileVault 。以下是 FileVault 成功关闭后的样子:

FileVault encryption turned off

FileVault encryption turned off

如果关闭 FileVault 让你感到紧张,你可以提高你的云网络安全知识

8.改变你的创业偏好

你是那种很少重启电脑的人吗,因为你不想经历关闭所有启动时弹出的应用程序的过程?这是给你的小费。

您可以更改您的启动偏好设置,以便在您启动 Mac 时仅打开您喜爱的应用程序。正如你所想象的,这将减少你的后台进程,所以你的 Mac 运行得更快。

要更改您的启动首选项,请选择系统首选项并点击用户和组。然后,点击您的用户资料并选择登录项目。这将向您显示一个应用程序列表,当您启动电脑时,这些应用程序就会启动。

只需点击减号即可从列表中移除应用。

Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features

这种策略通常很有效,但有些 app 很偷偷摸摸。如果您的应用程序在启动时仍能启动,请尝试以下步骤:

  1. 点击 go 并按下选项键。
  2. 点击
  3. 向下滚动,直到找到“LaunchAgents”和“LaunchDaemons”
  4. 打开两个文件夹,删除与问题应用程序相关的文件。

9.卸载僵尸应用

顾名思义,僵尸应用是对你来说已经死了的程序(意思是你不用它们或者已经忘记它们了)。

有两种方法可以摆脱僵尸应用:Launchpad 和 Finder。

先说 Launchpad。在你的 dock 中打开 Launchpad ,滚动直到你发现一个僵尸应用。按下选项键,直到应用跳舞,然后删除应用。冲洗并重复,直到你的 Mac 没有僵尸。

How to uninstall apps using Launchpad

Uninstall apps using Launchpad

或者,您可以选择 Finder ,在应用文件夹中搜索应用。一旦你找到一个僵尸应用,把它扔进垃圾桶。正如你可能想象的那样,你需要把垃圾拿出来才能完全删除这个应用。

10.将文件移动到外部硬盘上

我们已经在这篇文章中谈到了清除旧文件,所以我们将保持这个技巧简短。您可以通过将大文件移动到外置硬盘来清理存储空间并提高计算机速度。外置硬盘很方便,因为你可以保存这些文件,而不用把它们存储在你的 Mac 电脑上(或者每月付费把它们放在云端)。

移动到硬盘上的最佳文件是大文件,例如:

  • 播客
  • 音乐
  • 录像
  • 照片
  • 旧邮件文件

如果你的 WordPress 站点上有很多文件,你也可以通过一个插件增加你的磁盘空间并将它们存储在那里。

11.重新索引聚光灯

安装新的更新后,您的计算机是否立即变慢?尝试重新索引 Spotlight。

Spotlight 是一款搜索工具,可帮助您轻松导航 Mac。当您更新 Mac 时,Spotlight 会编制索引。不幸的是,这个过程有时会被卡住,让你的电脑一次慢下来几个小时。

您可以通过进入系统偏好设置并点击聚光灯来重新索引聚光灯。然后,选择隐私。您应该会看到这样一个屏幕,显示您的数据:

How to reindex Spotlight 

Reindexing Spotlight

选择您的硬盘并单击减号按钮。然后,使用加号按钮将您的文件添加回。Spotlight 将开始重新索引(虽然这可能需要一段时间,取决于您在驱动器上储存了多少)。

12.复位 PRAM 和 SMC

如果您的 Mac 很慢,并且您已经注意到其他故障,重置参数随机存取存储器(PRAM)可能会有所帮助。PRAM 存储有关您的设置和系统的数据(如您的键盘照明和音量设置)。

重置婴儿车的第一步是关闭电脑。然后,按下电源按钮,立即按下命令、 选项p 键。按住这些按钮,直到您的电脑开始重新启动。这一部分可能需要几秒钟,请耐心等待。

如果不起作用,请重置 Mac 主板上的系统管理控制器(SMC)。SMC 负责 Wi-Fi 和 USB 连接等功能。

重置 SMC 的方法会随着 Mac 的类型而变化。首先拔下电源线并关闭 Mac,然后:

  1. 取出电池,按住电源按钮,然后更换电池(对于带有可拆卸电池的 MacBooks)。
  2. 按住 shiftcontroloption 键至少十秒钟(对于电池不可拆卸的 MacBooks)。
  3. 等待至少 20 秒钟(对于 IMAC、MacBook Pros 和 Mac Minis)。

13.重新安装 macOS

如果你的电脑有一段时间反应迟钝,其他都不起作用,那就该尝试重装 macOS 了。

首先,你需要用云端存储或外置硬盘备份所有文件。然后,选择实用程序,点击 macOS 实用程序。从该菜单中,选择重新安装 macOS ,并按照提示进行操作。

How to reinstall macOS

Reinstall macOS

请记住,完成这个过程可能需要几个小时。

14.升级 RAM

这个技巧最适合那些计算机速度慢的人,因为他们总是使用大部分内存来运行日常程序。如果您的内存小于 4 GB,升级内存也会有所帮助。

这一步接近底部,因为您需要从当地的技术商店购买额外的 RAM。然后,你可以请专业人士为你更换内存,或者你可以按照 MacBook Pro 的这里或 iMac 的这里的介绍进行操作。

15.购买固态硬盘

最后,你可以尝试将 Mac 的硬盘驱动器(HDD)换成固态驱动器(SSD)来提高你的存储容量,让你的电脑更快地处理信息。

无需深究太多细节,SSD 与 HDD 略有不同,因为它更小、更强大、更节能、更耐热。固态硬盘将你的数据存储在 NAND 闪存芯片上(有趣的是,这种芯片有电和没电都能工作)。

这是固态硬盘的样子:

An SSD

SSD

同样,你需要从当地的技术零售商那里购买一个固态硬盘,并安装在你的电脑上。固态硬盘可能非常昂贵,所以在投资之前,请确保仔细研究适合 Mac 的选项。

最近的 MacBooks(从 2013 年开始)都配有固态硬盘,所以这个提示只适用于几乎 10 年前的型号(在这种情况下,升级到新版本可能是更好的选择)。

If a single full-time employee loses seven minutes of work time each hour to a slow computer, that amounts to just over 52 minutes a week (or 3.5 hours a month). 😱 It ends here ⚡️Click to Tweet ## 摘要

缓慢的 Mac 不仅仅是不方便。速度慢的电脑会阻碍你的工作流程,增加挫败感,最终打击你的创造力和注意力。

但是,有一些解决方案。尝试以下技巧来提高 Mac 速度:

  • 更新您的 macOS
  • 关闭视觉效果、iCloud 同步和文件保险箱加密
  • 删除未使用的应用程序和旧文件
  • 更改您的创业偏好

或者,如果这些都不起作用,尝试更复杂的解决方案,如重新索引 Spotlight、重置 PRAM 和 SMC、重新安装 macOS、升级 RAM 或改用 SSD。

如果你有任何有助于提高 Mac 电脑速度的专家建议(或者一个关于运行缓慢的电脑以及你如何修理它的故事),我们很乐意听到你的意见。请在下面的评论中分享你的想法。


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。

加速你的网络商店的 17 种有效方法(2022 终极指南)

原文:https://kinsta.com/blog/speed-up-woocommerce/

对于电子商务网站来说,速度就是金钱。你的网站加载越快,购物体验就越好。更好的用户体验转化为更好的 SEO、更高的 ROI 和更满意的客户。这最终会带来更大的收入和利润。

如今,购物者期望获得高分辨率的图像和视频、实时聊天、用户评论、实时库存、个性化以及大量其他动态工具。

网上购物者的注意力持续时间很短。因此,如果你没有正确地执行这些功能,他们期望的更快更流畅的购买体验的所有功能都是减慢你的电子商务网站速度的功能。

WooCommerce 是世界上最受欢迎的电子商务平台,可以按照你的要求自由使用和调整。带有突出显示 PoPs 的 Kinsta 罐" width = " 800 " height = " 500 "/>带有 POPs 的 Kinsta 罐

WooCommerce leads the ecommerce pack

WooCommerce leads the ecommerce pack (Image source: BuiltWith)\

迄今为止,WooCommerce 已经被下载了 8800 万次。截至目前,它已经在超过500 万网站上使用。

WooCommerce plugin downloads and usage stats

WooCommerce plugin downloads and usage stats

与其他流行的购物平台不同,如果你使用 WooCommerce,你不必向它支付一定比例的收入。不过,运营一家 WooCommerce 支持的商店会产生一些管理费用。

但是有一个条件!由于 WooCommerce 是免费的,只有有限的支持,你有责任保持它的最佳状态。好消息是,如果你知道自己在做什么,就很容易搞定!

想学习如何可靠地加速你的 WooCommerce 网站吗?

Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。

Suganthan Mohanadasan from @Suganthanmn

View plans

这本指南是给你的!

请记住,你的最终目标是增加商店的收入。所以一定要下载我们的免费电子书**, 10 种提高你的网络商务产品页面转化率的方法。**

**## 为什么速度对网上商店很重要

第一印象很重要,速度是用户注意到你网站的第一件事。在谷歌的一项研究中, 53%的移动用户离开了一个加载时间超过 3 秒的网站

Average Website Speed Index in the US by Google

3 seconds is best practice (Image source: Think with Google)

2 秒 是电子商务网站可接受性的门槛。在谷歌,我们的目标是不到半秒。"
麦乐·欧耶,谷歌技术主管

在另一项全球调查中, 80% 的用户表示,他们发现一个下载缓慢的网站比一个暂时关闭的网站更令人沮丧。同一项研究还发现,如果一个网站加载速度太慢,73%的 T4 用户会转向竞争对手的网站。

即使页面响应时间延迟 100 毫秒,也会损害用户体验和在线收入。根据 Akamai 的说法, 100 毫秒的延迟影响转换率 7% ,而 2 秒的延迟增加跳出率高达 103%

如果你的网站每天产生 $1000 的收入,页面加载时间 100 毫秒的延迟可能会让你每年损失25,550 美元的销售额。

生意越大,跌得越大。例如,亚马逊预计,如果它的页面加载速度慢一秒钟,每年就会损失 16 亿美元的收入。

Page load time versus bounce rate chart by Google

Page load time is vital (Image source: Think with Google)

上述数据表明,如果你的网站需要 6 秒或更长的时间来加载,那么你失去的用户是你的网站在 3 秒内加载的两倍。

除了用户体验,你的网站速度也会影响搜索引擎优化。网站速度和性能是谷歌网站排名算法的主要因素。

谷歌已经转向移动优先索引,超过 50%的页面显示在搜索结果中。尽管如此,来自 HTTPArchive.org 的数据显示,运行 WordPress 的移动网站的平均加载时间在去年有所恶化。

WordPress sites performance stats from HTTPArchive.org

How top WordPress sites perform (Image source: HTTPArchive.org)

在流量高峰期,比如网络星期一和黑色星期五,让你的网站尽可能快地运行更是至关重要。随着优惠的不断涌现,确保购物者不会放弃你的网站对完成销售至关重要。

鉴于这些统计数据,加快你的 WooCommerce 商店可以给你一个明显的竞争优势。

测量网络商店的速度

你不能衡量的,你就不能改进!

现在你已经理解了为什么速度对你的 WooCommerce 商店很重要,是时候学习如何衡量它了。当你试图加速你的 WordPress 站点时,知道如何衡量改进是很重要的。

一个网站速度测试是测试你的网上商店的响应能力的完美工具。但是如果你没有正确地做到这一点,当你的网站变得更快的时候,你的网站在你看来可能会变得更慢。

Pingdom Tools example speed test report

A website speed test report (Image source: Pingdom)

我们建议你开始使用这些网站速度测试工具中的一个: WebPagetestPingdomGoogle PageSpeed InsightsGTMetrix

你也可以使用免费的 WordPress 插件查询监视器来查明表现不佳的主题、插件和功能。它帮助你调试低效的数据库查询、臃肿的函数、PHP 错误、HTTP API 调用等。

没有一个速度测试工具是完美的,但是选择一个并坚持下去。以后你可以朝着其他的方向努力。

A tweet by Gary Illyes, Webmaster Trends Analyst, Google

Gary Illyes, Webmaster Trends Analyst, Google

实际绩效和感知绩效之间存在差异。用户体验比驱动网站的技术魔法更重要。

因此,使用下面提到的技术来增强你网站的整体用户体验,而不仅仅是获得一个高速的分数。

如何加速电子商务

速度测试报告会给你一个可行的计划来优化你的慢速 WooCommerce 网站。激动吗?我们开始吧!

1.优化 WooCommerce 设置以提高性能

让我们从优化 WooCommerce 插件的设置开始。

首先,更改你的登录页面网址。默认情况下,每个 WordPress 站点的登录网址都是【domain.com/wp-admin/】。虽然这很容易记住,但它带来了一个主要问题:每个人都知道它,包括机器人和黑客。

*将您的登录 URL 更改为独特的名称将保护您免受恶意行为者的暴力攻击。它还会帮助你对抗限速 HTTP 错误 比如 429 过多请求

免费插件如 WPS 隐藏登录重命名 wp-login.php让这个任务变得超级简单。

如果你的电子商务网站也有一个博客,你可以限制你博客上的文章数量。WordPress 默认设置这个限制为 10 篇文章,但是你可以设置一个更低的限制。

虽然这可能看起来微不足道,但是如果你运行一个高流量的博客,性能节省就会增加(这里是如何增加你的网站流量)。你可以在 WordPress Dashboard →设置→阅读下找到这个选项。

WordPress settings to limit the number of post revisions

Limit the number of posts in your blog feed

接下来,在您的网站上禁用 pingbacks。它们通常会生成毫无价值的垃圾邮件。你的网站产生的查询越少越好。

Optimizing the WordPress discussion settings

Optimize the discussion settings

如果你的帖子或页面上有很多用户评论,那么 WordPress 也会给你一个选项,把它们分成小块。同样的设置也适用于分解你的产品页面上的评论

保持这个数字在 10 到 20 之间,以优化您的产品页面加载时间。

如果你不喜欢商店里有商品评论,你可以在 WooCommerce → Settings 下禁用它们。这将有助于加快您的网站,因为它消除了加载一些脚本和部件。

Disabling product reviews in WooCommerce settings

Disable product reviews if you don’t need them

最后,从你的网站上移除任何不必要/过时的主题和插件。你安装的主题和插件越少,维护它们和解决性能问题就越容易。

2.获得快速 WooCommerce 主题

使用正确的 WooCommerce 主题很重要。那里有成千上万的主题,所以选择最适合你的永远是一个挑战。

*Featured themes on WordPress.org

Featured themes on WordPress.org

一个带有惊人内置特性的美丽主题在纸上听起来可能很棒,但在实际使用中可能会失败。对于一个电子商务网站,你需要确保它与 WooCommerce 完全兼容。

Using filters to search smartly for themes on wp.org

Filter down your ecommerce theme search

WP Rocket 测试了一系列流行的 WooCommerce 主题的速度,得出了以下结果。

WooCommerce themes size and requests report by WP Rocket

Opt for a fast WooCommerce theme (Image source: WP Rocket)

正如在 WordPress 加速文章中提到的,Astra、OceanWP 和 GeneratePress 也是 Kinsta 的最爱。它们是超快速、轻量级的 WordPress 主题。你会在本教程中找到 10+个额外的非常快速的主题。

当与 Elementor 或 Beaver Builder 等页面构建器配合使用时,它们可以帮助你创建几乎任何网站。

Opt for a fast WooCommerce theme (Image source: WP Rocket)

Storefront is WooCommerce’s official theme

店面是 WooCommerce 提供的免费主题,而 ShoptimizerDiviWoondrShop 是高级主题。因为这些主题是为运行一个电子商务网站而构建的,所以没有必要安装第三方插件来获得你想要的所有功能。

如果你预算不足,从免费主题开始并在以后升级到高级解决方案是完全可以的。

我们建议留下页面生成器以减少膨胀。相反,选择一个支持 WordPress 的块编辑器 Gutenberg 的主题。

为了决定主题,我们建议你列出你在网上商店需要的所有功能。然后选择一个涵盖你大部分功能需求的主题。这将帮助你减少对臃肿的多功能主题和第三方插件的依赖。

这就引出了下一个建议。

3.少用插件和 WooCommerce 扩展

WordPress 的库中有 54,000+免费插件。在野外甚至有更多的高级插件。因此,很容易忘乎所以,安装几十个。

A screenshot of plugins available on wp.org

There’s a plugin for almost anything

许多流行的插件,尤其是与性能和安全相关的插件,在某些主机环境中不能很好地工作

如果你觉得很难决定要安装哪个插件,那就去看看 Kinsta 的精选列表中各种用途的最佳 WordPress 插件。从搜索引擎优化到图像压缩,你一定会在其中发现一些瑰宝。

WooCommerce 的功能可以通过其广泛的免费和高级 WooCommerce 扩展来扩展。它们的工作方式和插件一样。

WooCommerce Extensions Store page

WooCommerce extensions enhance your store’s functionality

与普遍的看法相反,你安装的插件数量并不总是导致性能问题。但是这只有在插件是用最佳编码实践构建的情况下才成立。

当插件太多的时候,检查你安装的每个插件的质量就成了一件麻烦的事情。这是考虑到你有技能和专业知识来彻底审查他们。

少数插件甚至会与其他插件产生冲突。当你的网站上有几十个插件时,插件冲突发生的概率会成倍增加。

因此,要注意你安装的插件和 WooCommerce 扩展的类型。

4.增加 WordPress 内存限制

WordPress 默认为 PHP 分配 32 MB 内存。如果遇到任何崩溃,它会自动尝试将这个限制增加到 40 MB(对于单个站点)或 64 MB(对于多站点)。

在大多数情况下,这个内存限制对于一个 WooCommerce 网站来说是不够的。您甚至可能会在仪表板上收到一条错误消息,例如:

"已耗尽 xxxxxx 字节的允许内存大小"

建议将这个限制增加到 256 MB 。在编辑文件之前,请务必备份文件。万一出错,你可以用原来的文件替换编辑过的文件。

信息

Kinsta 的所有计划都设置了 256 MB 的默认内存限制。如果您的站点由我们托管,您应该不会遇到任何与内存相关的问题。了解更多关于我们的免费迁移的信息。

5.压缩图像并优化交付

图片占据了所有网站页面的大部分,对于电子商务网站来说更是如此。WooCommerce 网站上充斥着产品图片和横幅。

如果你不优化图片的大小和交付,它们会让你的网站瘫痪🐌

HTTPArchive 跟踪许多流行网页的大小和数量。以下是 2021 年 WordPress 网站的状态的可视化展示:

The median WordPress page weight in 2020 as per HTTPArchive.org

Images are a heavy resource

虽然视频是比图像更重要的资源,但在大多数情况下,它们是按需加载的。因此,它们不会像图像那样影响感知的页面加载速度。

根据 HTTP Archive 的图片报告的 状态,通过懒加载隐藏和离屏图片,每页可以节省 545 KB

通过将 JPEG 压缩级别设置为 85 或更低,每页可以进一步节省 40.3 KB。这个指标直接来自谷歌的移动网站速度测试工具灯塔

遵循以下 5 条规则来优化你的 WooCommerce 商店(以及整个网络)的图片:

  1. 为你的图片选择合适的格式(JPEG,PNG, SVGWebP )。
  2. 使用正确的工具有效地压缩图像。
  3. 使用响应图像优化各种设备的交付。
  4. 延迟加载屏幕外和隐藏的图像。
  5. 将图像交付卸载到快速 cdn

WooCommerce 3.3 引入了图像大小的改进,如动态缩略图大小调整、模糊图像修复和背景缩略图大小调整。所有这些特性使得使用像这样的插件为 WooCommerce 相关图片重新生成缩略图变得多余。

Customizing WooCommerce's Product Images through the WordPress Customizer

Customizing WooCommerce’s Product Images (Image source: WooCommerce)

如果您是从全新安装开始,您可以在将图像上传到您的站点之前对其进行压缩。以下是一些热门的在线图像压缩建议:

Compressing images losslessly on Compressor.io

Compress images with minimal loss in quality (Image source: Compressor.io)

你的网站上已经有很多图片了吗?然后你可以使用一个 WordPress 插件来自动优化图片。根据我们的经验,以下是一贯表现最佳的产品:

这些插件中的大多数也支持图像的延迟加载。WordPress 核心团队正计划添加惰性加载图片作为内置特性。这将利用新的加载 < img > 标签的 HTML 属性。

不过,关于图像优化还有最后一件事。尽可能避免使用图像压缩插件,尤其是那些使用服务器资源来压缩图像的插件。

相反,使用一个将图像压缩任务卸载到外部服务器的服务。或者更好的是,在上传图片到你的网站之前,调整图片的大小并进行压缩。

对于深入的教程,Kinsta 关于针对 web 和性能的图像优化的文章是一个很好的入门资源。
T3】

6.通过 CDN 交付静态资源

内容交付网络(CDN)是一组战略性地分布在世界各地的服务器。这些服务器位置被称为存在点(pop)。

CDN 的主要功能是缓存和交付静态资源,如图像、JavaScript、 CSS 等。功能更强大的 cdn 还可以托管和传送音频和视频等动态内容。

即使你的网站运行在世界上最快的服务器上,它仍然受到地理位置的限制。一个 WordPress CDN 将减少个人用户和网站资源之间的距离,减少网络延迟和第一字节(TTFB) 的时间。

Kinsta CDN with POPs highlighted

Kinsta CDN with PoPs highlighted

根据请求来自哪里,它会自动分配最近的 CDN PoP 来交付缓存的资源。结果是更快的网站和更好的用户体验。

如果你是 Kinsta 的客户,我们只提供提供谷歌最好的 C2 机器的位置,不收取额外费用。您可以选择最适合您和您的用户的地区,并从五大洲的 26 个数据中心中进行选择。

您的 WooCommerce 商店可以使用我们的 275+CDN pop 运行最高速度。

例如,如果你的 WooCommerce 商店托管在美国的服务器上,一个来自印度的用户试图打开你的网站,CDN 将从最近的 PoP 提供网站的资产。在这里,它将来自孟加拉鲁鲁(印度)。

An infographic showing how CDNs help with serving static content faster

CDNs are perfect for delivering static content (Image source: Seobility)

一般来说,pop 数量越多,全球传播越广,你的网站对用户来说就越快。

Kinsta 对其 CDN 进行了测试,结果不言自明。对于远离主机服务器的用户来说,使用 CDN 可以减少 50%以上的站点加载时间。

除了缓存,许多 cdn 还包括其他性能增强功能,如卓越的动态图像压缩、HTTP/2 支持、热链接保护附加安全性

对于更快的 WooCommerce 商店,我们建议您获得一个快速 CDN 。您可以查看一些受欢迎的 cdn:

7.剥离未使用的脚本和样式表

大多数 WordPress 主题和插件在你网站的所有页面上加载脚本和样式表。即使页面上没有使用这些资产,它们也会加载它们。

例如,联系人表单 7 在每个页面上加载其脚本和样式表。它的表单可能只在联系人页面上使用,但是资产会加载到所有页面上。完全没有必要!

从页面中剥离这些未使用的资产将有助于减少膨胀并加快页面加载速度。WooCommerce 及其扩展(如智能优惠券跟进)容易受到这个问题的影响。

例如,没有必要在商店主页或商店页面上加载与支付网关相关的脚本。您可以将此类脚本限制为仅在结帐和订单确认页面上加载。同样,从你的结账页面中删除滑块和传送带的脚本和样式。

如果你想知道要消除哪些资产,看看你的网站速度测试报告中的瀑布图。它会让你了解正在加载的不必要的资产。

An example of GTMetrix's Waterfall Chart

GTMetrix’s Waterfall Chart

Chrome 浏览器的 DevTools 下的网络标签也是一个很好的入手点。它会让你对有一个全面的了解,一个网页如何加载

The Network tab under Google Chrome's DevTools

Use the Network tab in Google Chrome DevTools

去掉页面运行不必要的脚本和样式。首先优化你的主页和登陆页面,因为这些是大多数用户的第一个入口。

你可以使用 wp_dequeue_scriptwp_dequeue_style 函数来移除你不需要的脚本和样式。一个简单的方法是通过一个名为资产清理:页面速度加速器的插件。

Clean up your WordPress assets with Asset CleanUp plugin

Clean up your WordPress assets

资产清理扫描将加载到页面上的所有脚本和样式表。您可以禁用页面上不使用的选项。完成更改后,测试页面的设计和功能是否正确。

Unloading the Stripe payment gateway script from loading on a page with Asset CleanUp plugin

Unloading Stripe payment gateway script with Asset Cleanup

该插件的专业版允许您为资产设置 异步延迟属性。应用此设置会将 JavaScript 从页面的关键呈现路径中移除。它应该有助于改善您的网站的感知页面加载时间。

消除不必要的 CSS 和 JS 资产的另一个好处是,你的网站将发出更少的 HTTP 请求

作为一个免费的替代方案,您可以结合使用自动优化和异步 JavaScript 插件来获得相同的结果。如果你使用自动优化插件,这里是我们完整的关于最佳设置的逐步指南

8.HTTP/2 极其重要

如果我们在几年前写这篇文章,我们会把这一节的标题定为“减少 HTTP 请求的数量”由于浏览器与网站交流方式的实质性改进(反之亦然),这种优化的需要现在已经过时了。

HTTP 1.1 是 HTTP 协议的第一次重大更新,早在 1997 年就已经完成。这是在社交媒体、流媒体服务、智能手机应用甚至 WordPress 出现之前。从那以后,网络呈指数级增长。

HTTP/2 对 HTTP 1.1 协议进行了改进,并于 2015 年加入,以满足互联网不断增长的需求。它带来了速度、效率和安全性方面的惊人改进。

HTTP 1.1. versus HTTP/2 major benefits

HTTP 1.1 vs HTTP/2 (Image source: Cloudflare)

HTTP/2 的性能提高有多种原因:

  • 单个 TCP 连接上更好的多路复用和并行性。
  • 用霍夫曼编码算法压缩报头。
  • ALPN 扩展用于更快的加密。
  • 主动服务器推送而不是等待请求。

所有这些都意味着一个至关重要的优势:使网站加载速度更快,即使它们拥有各种类型的资源。

通常,WooCommerce 商店提供大量资源密集型资产,如图像、样式表和脚本。像这样的网站将会因为转换到 HTTP/2 而受益匪浅。

您可以通过 key dn 使用 HTTP/2 测试工具来检查您的站点是否配置为使用 HTTP/2。截至目前,各大浏览器都支持 HTTP/2 。没有理由不利用它巨大的性能优势。

如果你的主机提供商还不支持 HTTP/2,开始寻找一个新的。 Kinsta 在其所有服务器和 CDN 上支持 HTTP/2 和 TLS 1.3。

此外, HTTP/3 即将推出,它将使网站加载速度更快。

9.缓存 WooCommerce 来加速它

缓存是临时存储来自一个请求的资源(缓存),以便可以快速执行后续请求。缓存可以存储在服务器或用户设备上。

这是加速你的网上商店的最简单的方法之一。也是最重要的一点。

An infographic of how web caching works

How web caching works

  1. 用户通过他们的浏览器请求一个网站。例如,他们在浏览器中输入
    ** 然后,浏览器请求向用户显示网页(HTML 文档)。一个 DNS 服务器处理这个请求,结果暴露了托管服务器的 IP。* 返回网页由应用程序(例如 WordPress、Joomla 等)处理。)托管在 web 服务器上。对于静态网站,应用程序甚至都不是必需的。* 应用程序运行脚本(例如 PHP、JavaScript 等。)和(5)查询数据库(例如 MySQL、MongoDB 等。)来建立一个网页。然后,它将网页返回给浏览器,由浏览器呈现并显示给用户。*

*如果一切顺利,以上所有步骤最多需要几秒钟就能执行。

但这只是单个用户的一个请求。如果几千个用户同时有多个请求怎么办?这将给服务器带来巨大的负载,最终导致网站运行速度变慢。

这就是缓存的用处。它减少了生成页面视图所需的工作量,从而减少了 WordPress 对 PHP 和数据库的依赖。缓存使得 WordPress 的运行速度几乎和静态网站一样快,如果不是一样的话。

web 缓存有两种主要类型,每种都有自己的子集:

服务器端缓存

客户端缓存

注册订阅时事通讯

想知道我们是怎么让流量增长超过 1000%的吗?

加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!

Subscribe Now

缓存不仅使网站加载更快,而且还减少了服务器的负载。Kinsta 关于 WordPress cache 的文章是一个很好的详细解释资源。

如果你的 WooCommerce 商店是由 Kinsta 托管的,那么缓存是在服务器级别进行的。因此,你不需要使用缓存插件。

Kinsta 配置缓存规则,以便与 WooCommerce 无缝协作。这可以确保您的用户有一个顺畅的结账体验,不会出现任何问题。

An example of improvement in WordPress load times after migrating to Kinsta

WordPress load times after migrating to Kinsta’s new servers

如果你的主机提供商不处理服务器级别的缓存,那么你需要依靠第三方缓存插件来完成这项工作。虽然它们不是理想的解决方案,但有总比没有好。

以下是我们推荐的 WordPress 缓存插件:

更多选项,请查看 Kinsta 在 WordPress 缓存插件上的帖子。

10.清理你的 WooCommerce 数据库

一个数据库是你网站所有数据的一个有组织的集合。在 WooCommerce 商店中,它包括:

  • 站点内容如产品页面、类别、标签、用户数据、评论、站点范围设置、主题、插件等。
  • 交易数据,如订单详情、付款、库存等。

每次用户访问你的商店,他们都在请求你的网站内容,这些内容大多是静态的,不会有太大变化。但是当他们下订单时,他们会提出一个动态的请求。

如果您不优化商店的数据库,处理这些请求可能需要很长时间。最终,缓慢的服务器响应时间导致缓慢的网站。因此,您必须通过删除不必要的垃圾来清理和优化数据库。

这里有 6 种方法可以加速和微调你的 WooCommerce 数据库。

删除旧版本

如果你的 WooCommerce 商店已经建立了很长时间,它的页面、帖子和产品将会充满旧版本。是时候清理这些了。

最简单的方法是通过插件,如 WP-SweepWP Rocket

Deleting old post revisions with WP Rocket

Deleting old revisions with WP Rocket

如果你对 WP-CLI(T1)很熟悉,那么你也可以通过 SSH(SSH)连接到你的服务器(T3)并运行一些简单的 T4 命令(T5)来做同样的事情。这是你可以做到的。

限制存储的修订数量

你可以通过限制文章和页面的修订数量来避免大量的旧修订。如果你倾向于经常更新你的网站内容,这将有助于你防止修改失控。

设置限制的一个简单方法是将下面的代码片段添加到您的文件中。确保将其添加到定义 ABSPATH 的行之前。

*define('WP_POST_REVISIONS', 15);

在上面的代码中,我将限制设置为 15。你可以把它修改成你想要的任何数量,但是尽量保持在 15 以下。

或者,你可以使用一个免费的插件,比如 WP 版本控制来做同样的事情。

Using the WP Revisions Control plugin to limit the number of post revisions

Set the number of revisions with WP Revisions Control

完全禁用修订(如果它们是不必要的)

您可以从您的网站上完全禁用修订版。你所需要做的就是将下面的代码添加到你的 wp-config.php 文件中。和以前一样,确保将这个代码片段添加到定义了 ABSPATH 的那一行的上方。

define('WP_POST_REVISIONS', false);

或者你可以使用一个免费的插件,比如禁用发布版本来做同样的事情。

在禁用修订之前,我们建议您删除所有仍然存在的旧修订。通过这种方式,你的网站数据库将完全免于修改。

清除过期的瞬变

瞬变是以自定义名称和过期时间存储的缓存数据。它们通常存储在 WordPress 数据库中的 wp_options 表下。

瞬变类似于选项,除了它们有一个额外的过期时间属性。它们对于存储临时数据很有用,比如来自远程 API 或大型查询的响应。

WordPress 瞬态 API 定义了如何自动处理瞬态和删除过期的瞬态。然而,事情并不总是按计划进行

有时,一个损坏的临时缓存可以创建近百万个垃圾条目,而且看不到尽头。随着时间的推移,客户会话会越来越多,在数据库表中会产生数千个不必要的行。在这种情况下,臃肿的数据库会使您的网站瘫痪。

免费的删除过期的瞬变插件是清除所有过期瞬变的一个简单方法。

Delete Expired Transients plugin panel screen

Deleted all your expired transients easily

清理您的数据库表

你的 WooCommerce 数据库存储了经营你的电子商务商店所需的一切。随着数据在数据库中的表之间被添加、删除和移动,效率会变得很低,最终会存储许多对存储运行并不重要的东西。

您需要通过清理数据库表来清除这些不必要的数据。特别是 wp_options 表,容易变得臃肿,损害数据库性能。

The wp_options table in WordPress database under phpMyAdmin

The wp_options table in WordPress database

数据库管理是保持你的 WordPress 站点尽可能快速运行的关键。

手动优化数据库是一个耗时的过程。你可以使用免费的 WP-Optimize 插件来检查哪些数据库表有不必要的数据,并删除那些浪费的空间。它还可以检索因数据碎片而丢失的存储空间。

您可以安排 WP-Optimize 定期清理和优化您的数据库。

禁用对数据库造成负担的非关键功能

WooCommerce 的主题和插件有很多很酷的特性,从一开始看起来很棒,但最终却破坏了数据库。

一个这样的例子是使用“流行产品”和“相关产品”插件。这些特性会引起大量的站点范围的查询,尤其是当你有很多产品的时候。如果您需要这些功能,请尝试将它们手动插入您的页面。像高级定制字段这样的插件在这方面很有帮助。

Kinsta's

Kinsta inserts its ‘Related Content’ posts manually

另一个例子是图像优化插件,它在网站托管的同一服务器上压缩图像,而不是在外部压缩。这最终会占用大量的服务器资源。

Social Warfare plugin is known to be taxing on your server

Social Warfare plugin can tax the server resources

此外,远离给你的网站添加计数器的插件。例如,在用户名旁边添加查看/帖子/评论的数量。与多个用户进行冗长的讨论会给你的数据库带来处理这些数据的压力。

这个建议同样适用于社交计数器。尽量减少使用自动生成的计数器,以最大限度地提高数据库性能。

你的电子商务网站需要一个超快的、可靠的、完全安全的主机吗?Kinsta 提供所有这些服务,并由 WooCommerce 专家提供 24/7 的世界级支持。查看我们的计划

像内务管理一样,微调你的 WordPress 数据库是一个持续的过程。

记住这一点,Kinsta 已经实现了一个自动化系统来解决数据库性能问题。根据您站点的需求,自动化系统每周扫描和微调您的 MySQL 数据库一次,以确保数据库的最高性能。如果系统检测到无法自动修复的异常情况,它会通知系统管理员团队立即采取行动。

如果你的网站托管在其他地方,这里有一些数据库优化插件,让你的工作更容易:

提醒:在编辑你的数据库或 WordPress 核心文件之前,一定要备份。

11.优化您的商店,获得移动优先体验

截至 2020 年 1 月,全球互联网用户超过 40 亿。手机网民几乎一样多。预计到 2024 年将增长到 50 多亿。

Total number of Internet users in the world

There are billions of us (Image source: Statista)

2019 年,移动设备在全球网站流量方面超过了台式机,产生了总浏览量的 52.6%。在一些国家,如印度和尼日利亚,手机占据了网页浏览量的 70%+T3。

Kinsta's mobile versus desktop traffic in Google Analytics

Mobile traffic from Google Analytics

根据一项涉及 37 个国家 5 亿多网购者的研究,智能手机占 T2 网站访问量的 65%,占 T4 电子商务订单的 46%。

A bar chart graph of conversion rate by devices

Mobile shopping has massive growth potential (Image source: Statista)

令人惊讶的是,手机的转化率还不到台式机的一半。这里有巨大的发展空间。

58% smartphone users are more likely to buy from mobile-optimized websites

Speed counts a lot for mobile shoppers (Image source: Think with Google)

你可以从让你的 WooCommerce 商店移动友好开始。你可以使用谷歌的移动友好测试工具来检查你的网站是否通过了最低移动可用性标准。

Google's Mobile Friendly Test tool

Google’s Mobile Friendly Test

该测试将向您展示您的网站在移动设备上的外观快照。如果发现任何移动可用性问题,它还会列出这些问题。

让你的 WordPress 网站移动友好的最简单的方法是使用响应主题。本文前面提到的所有主题都是开箱即用的,在移动设备上看起来很棒。

移动购物者不喜欢无休止地滚动。因此,尽可能保持你的商店页面简洁。不要用太多的内容使它们过于拥挤。

如果你的商店里有很多商品,让手机购物者更容易通过搜索找到它们。您可以安装 WooCommerce 产品搜索插件,帮助您的客户使用实时产品过滤器快速找到产品。

WooCommerce Product Search plugin screenshot

Simplify product search with filters (Image source: WooCommerce)

最后,简化网上购物者的结账体验。下单步骤越少,购物体验越好。这里有几个 WooCommerce 扩展可以帮你做到这一点:

  • WooCommerce 社交登录 —无需耗时的帐户创建或登录过程。让你的用户用他们的社交账户登录,比如脸书、推特、谷歌等。
  • 变化样本和照片 —告别烦人的下拉菜单选择产品变化。取而代之的是,为你的用户提供易于点击的产品选项按钮。
  • 不要让你的客户那么容易就放弃你的网站。允许他们立即购买他们想要的东西,不需要额外的步骤。如果你认为顾客结账非常适合你的商店,那么你可以考虑启用它。
  • 结帐字段编辑器 —从您的结帐页面添加、删除或更改字段。例如,如果你只销售数字产品,你不需要收集送货地址。
  • Bolt/Stripe/Amazon Pay/PayPal——支付是移动购物体验的克星。您可以从不同的 WooCommerce 支付网关扩展中进行选择,以便更轻松地收款。

Bolt payment gateway extension for WooCommerce

Easy mobile checkouts with Bolt

最终,移动购物不仅仅是购物。许多用户主要使用它来查找产品信息和检查/比较价格。让您的用户在移动设备上获得出色的在线商店体验。

12.禁用获取刷新片段 AJAX 请求

当用户对他们的购物车进行任何更改时,WooCommerce 使用Get refresh FragmentsAJAX 请求来动态更新购物车内容。从用户体验的角度来看,刷新购物车页面而不重新加载似乎很棒。

但是大多数时候它会降低网站的速度,主要是那些托管在共享服务器上的网站。另外,很多网站最终都没有使用这个功能。

为了验证,我们在 Pingdom 工具上测试了一个最新的 WooCommerce 商店,结果如下:

Load time chart for WooCommerce's Get Refreshed Fragments Ajax request

That’s a lot of wait time for one request

尽管大小只有 1.1 KB ,但是WC-Ajax = get _ refreshed _ fragments请求需要 0.76 秒来执行。如果你的网站只需要 3 秒或更少的时间来加载,那就超过了页面加载时间的 25%。这个测试站点托管在一个云 VPS 上,所以你可以想象一个更便宜的托管计划的加载时间。

WebNots 的这篇文章更详细地讨论了这个问题。你可以使用免费的禁用购物车碎片禁用购物车碎片 Optimocha 插件来禁用这个征税请求。

如果您禁用此请求,建议您在 WooCommerce → Products 设置面板中启用“成功添加后重定向至购物车页面”选项。

WooCommerce Product settings panel to enable Redirect to Cart behavior

Remember to enable this setting afterward

启用此行为将确保用户在将产品添加到购物车后被重定向到购物车页面。

优化 WooCommerce 管理面板

速度不仅仅是商店前端的重要因素。一个敏捷的后端对于轻松管理你的商店和在需要的时候做出快速改变同样重要。

在你的 WooCommerce 管理面板上高效地工作是富有成效的关键。这也让你有时间做更多对你的网上商店的成功至关重要的事情,比如网上营销。

以下是修复 WooCommerce 仪表盘运行缓慢的几种方法。

前端优化第一,后端优化第二

这个问题仅仅发生在 WordPress 管理面板而不是整个网站吗?如果是后者,那么首先应用前面列出的所有优化。

为什么?因为在大多数情况下,让你的 WooCommerce 商店在前端加载更快也会优化后端。我们可以把这归因于释放了服务器上的资源。

如果你的管理面板在优化前端后仍然滞后,那么继续下面的建议。

13.消除膨胀,定期更新一切

确保经常更新 WordPress、WooCommerce、插件、扩展和主题。如果一个主题或插件不再被开发者支持,那么是时候考虑抛弃它们了。

同样,如果一个主题/插件给你的仪表板增加了不必要的臃肿,开始寻找更好的替代品。例如,你可能想考虑在你的仪表板上提供攻击性广告的插件的替代品。

Yoast SEO plugin Big Banner Animated Ad inside the WordPress dashboard

Example of banner in WordPress admin

这个问题如此普遍,以至于有些插件专门致力于消除一些最流行的 WordPress 插件的膨胀

14.禁用对象和数据库缓存

缓存插件是加速你的 WordPress 站点的一个好方法。但是,如果配置不当,它们可能会导致意想不到的结果。这包括减慢你的后端。

例如, W3 总缓存是 WordPress 最流行的缓存插件之一。它是免费的,支持大量的缓存选项,做 JS 和 CSS 缩小,与 CDN 集成,被 100 多万网站使用。

WordPress W3 Total Cache General Settings Panel

Cache options in W3 Total Cache

W3 Total Cache 具有以下缓存选项:

  • 页面缓存。
  • 操作码缓存。
  • 数据库缓存。
  • 对象缓存。
  • 浏览器缓存。
  • 碎片缓存。

有很多选项是令人困惑的,特别是对于不了解每种缓存类型的初学者。

对象和数据库缓存通过减少数据库查询的数量来加快网站的速度,但这是以将工作转移到服务器内存为代价的。

理想情况下,如果你的托管服务器足够智能或强大,这不会造成问题。例如,如果你的 WordPress 站点是由 Kinsta 托管的,你不需要担心缓存,因为它已经在服务器层面实现了。

不幸的是,并非每个主机提供商都是如此

在这种情况下,您需要依赖第三方缓存插件,如 W3 Total Cache。其简单的设置使得只需一次点击即可轻松启用所有类型的缓存。

W3 总缓存→通用设置面板中,禁用对象缓存和/或数据库缓存。然后检查你是否看到你的管理面板的反应有任何改善。

W3 Total Cache Disable Database and Object Cache

Disable Database and Object Cache

尝试缓存并不像勾选或取消插件设置中的选项那么简单。在进行更改并刷新旧缓存后,您还应该检查您的站点是否正常工作。

Kinsta 客户可以利用 MyKinsta 仪表板中内置的代码缩减功能来提升他们的整体优化。这个特性允许客户通过简单的点击来实现 CSS 和 JavaScript 的自动缩小,有效地加速了他们的站点,而不需要手动操作。

15.删除资源使用率高的插件

一些 WordPress 插件在你的网络服务器上是一个巨大的资源猪。它们最终会占用服务器的大部分 CPU 和 RAM。

可以使用免费的查询监控插件来查找麻烦的插件。它会显示你的网站正在加载的所有脚本、样式和 HTTP API 调用,以及它们的大小和加载时间。找出请求数量最多、加载速度最慢的服务器。

在下面的测试网站上,经典编辑器插件在管理员端加载最慢。其他插件如登录器多功能一体 WP 迁移WP 面包房(以前的视觉作曲家)也显示出潜在的膨胀。

Query Monitor plugin dashboard to find the slowest plugins

Query Monitor helps you troubleshoot performance issues

我们发现迁移和经典编辑器插件是不必要的。移除这两个插件大大提高了管理速度。

拥有国际受众的 WooCommerce 商店使用类似于 WPML 的翻译插件,以多种语言动态服务网站。这是一个很棒的插件,有很多功能,但是它也会大大降低你的管理后端的速度。

您可以通过切换到精益翻译插件(如 Polylang )来获得一些性能优势。它没有那么多的功能,但对于大多数用例来说都很棒。

有很多正在进行的进程/扫描的插件会降低你的 WordPress 后端速度。一些例子包括网站地图生成器、分析图和图表、页面生成器和聊天插件。

信息

如果您安装了查询监视器,请记住在完成后卸载它,因为它使用大量的服务器资源来执行扫描。

16.为 WordPress 使用正确的 CDN 设置

CDN 有助于以闪电般的速度为世界各地的用户提供 WooCommerce 商店服务。它通过保存站点资源的快照,并从最近的服务器将它们发送给用户来做到这一点。

大多数 cdn 默认禁用 WordPress 后端的缓存。但有些 cdn 没有,这可能会大大降低您商店管理面板的速度。在这种情况下,您需要从 CDN 的缓存中排除您的管理仪表板,以提高其性能。

如果你正在使用 Cloudflare,你可以在 WordPress 管理页面上设置一个页面规则来禁用 Cloudflare 特性。下面是如何做到这一点:

  1. 转到您的 Cloudflare 控制面板下的页面规则部分。
  2. 在 URL 字段中添加 example.com/wp-admin/
  3. 在设置字段中,选择缓存级别绕过选项。
  4. 您还可以添加额外的设置,如禁用性能禁用安全(不推荐)。这些设置是可选的。
  5. 然后点击保存并部署

Cloudflare Page Rules section for disabling cache on admin panel WordPress

Cloudflare Page Rules to bypass WordPress admin

设置生效大约需要 3 分钟。

如果你正在使用 KeyCDN,那么你可以使用他们的 WordPress Cache Enabler 插件来做同样的事情。对于其他 cdn,请联系他们的支持来解决这个问题。

17.简化 WordPress 心跳 API

WordPress Heartbeat API 通过保持浏览器和服务器之间的定期连接来实现近乎实时的更新。API 每隔 15-60 秒向服务器发送请求,然后在收到数据时触发事件(或回调)。

它允许一些惊人的功能,如自动保存文章,锁定文章,登录到期警告。然而,当你以管理员身份登录时,每分钟向服务器发送几个请求会降低你的管理面板的速度。

WP Rocket 的免费心跳控制插件允许你在仪表盘、前端和帖子编辑器上管理这些 API 请求的频率。它甚至让您选择完全禁用 API。

WordPress Heartbeat Control plugin panel

Modify or disable WordPress Heartbeat API

从增加时间的频率开始。如果这不能解决你的 WooCommerce 后端的速度问题,考虑禁用 heartbeat API。

如果应用所有上述优化仍然不能解决你的 WooCommerce 商店的速度问题,那么…

WooCommerce 速度始于高质量的主机服务

就像跑一辆爆胎的车,无论你做多少优化,如果你的网站托管在一个糟糕的服务器上,它也不会变得更快。网站性能的很大一部分取决于你的主机服务质量。

WordPress 网站有不同类型的托管,分为两大类:托管和非托管。第一种对大多数用户来说是完美的,因为主机提供商处理 WordPress 的所有服务器优化。后者更适合技术熟练的用户,他们可以自己调整和管理服务器。

对于一个 WooCommerce 网站,选择托管 WordPress 主机。请记住,托管往往比非托管更昂贵。

你可以从 4 种主要的托管类型中选择。每一个都有自己的优缺点,所以选择一个符合你的预算和目标。我在下面的信息图中比较了它们的各种特性。

An infographic of 4 main types of Managed WordPress hosting

4 main types of Managed WordPress Hosting

每种类型的主机可以在不同价位的多个计划下提供。所以,当你在预算范围内寻找一个主机时,看看它提供的功能,决定它是否满足你的要求。

WooCommerce 网站天生具有难以置信的动态性。它们会产生大量无法缓存的数据和请求。

例如,结帐页面对每个用户都是唯一的,不能从缓存中提供。因此,服务器需要足够健壮,以便平稳地运行您的站点,即使您的站点吸引的流量很低。

在决定一个 WooCommerce 托管计划时,你应该留意的推荐特征是:

  • 服务器级缓存,具有特定于 WooCommerce 的缓存规则。
  • 2 到 4 个 PHP 工人处理 WooCommerce 的未缓存请求,而不会超时。
  • WordPress 内存限制为 128 MB 或更多(256 MB 是 Kinsta 的默认值)。
  • 可扩展的基础设施应对流量和负载的激增。
  • 自动每日备份(每小时优先),确保您的电子商务数据安全可靠。
  • 完全安全的托管平台,具有常规恶意软件扫描、IP 地理定位和滥用 IP 拦截等安全功能,免费 SSL、SFTP、SSH、HTTP/2 和 TLS 1.3。
  • Nginx 或 LiteSpeed web 服务器软件。
  • 对开发者友好特性的支持: PHP 8 、LXC 容器、 WP-CLI 、Git、 MariaDBStaging environments 等。
  • 分布在世界各地的数据中心的高正常运行时间。选择服务器靠近目标受众的服务器。
  • Cloudflare 集成提高性能和安全性。
  • 可靠的 24/7 支持团队快速解决任何问题。
  • 伟大的用户评论和恒星的跟踪记录。

考虑到这些要求,您可以安全地消除共享主机。

虚拟专用服务器(VPS) 就像共享主机,除了你在一个共享服务器上有一个虚拟空间专门给你。如果你预算紧张,你可以从中档 VPS 计划开始。然而,如果你的网站吸引了更多的流量,那么你必须尽快升级。

这给我们留下了云托管专用服务器选项。如果它们能满足你的要求,对 WooCommerce 网站来说都是很好的选择。

与云托管计划相比,专用服务器计划的价格更高,从每月约 50 美元到每月数千美元不等。

Kinsta 的商业云托管计划检查了所有推荐的 WooCommerce 要求。它基于容器的主机服务对于 WooCommerce 来说是的完美之选,因为它可以自动扩展以处理突发的流量和负载激增。

如果你想进一步扩展功能,Kinsta 提供了 Redis、额外备份、 Nginx 反向代理等附加功能。

以下是 Kinsta 将一个电子商务网站迁移到谷歌云平台的新计算优化虚拟机 (C2)后性能提升的例子。

Performance increase chart after Kinsta upgraded an ecommerce site to GCP's new C2 platform

Massive performance benefits after migration

从大约 665 毫秒到大约 500 毫秒,性能提升了 25%!

如果你在市场营销上花了大量的钱,如果你的网站运行缓慢,你就会失去所有的线索,所以选择速度最快的 WordPress 托管解决方案是非常值得的。

最终,你最好每个月多花几美元在高质量的虚拟主机上,而不是花几个小时拔你的头发,想知道为什么你的网站仍然有很高的跳出率。

If your site is generating $1k/day, a 100-millisecond delay might cost you $25k in lost sales annually. Scary, uh?😱💸 Stop losing money and read this guide on speeding up WooCommerce!Click to Tweet

摘要

对于一个电子商务网站来说,时间就是金钱。一个快速的 WooCommerce 商店可以提升用户体验、搜索引擎优化、收入和投资回报率。

虽然你不必遵循这篇文章中列出的所有速度优化技巧,但我们建议你通读它们。这将有助于您识别站点中的任何瓶颈。没有人喜欢等待网站加载。让我们加速 WooCommerce!


让你所有的应用程序数据库WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:

  • 在 MyKinsta 仪表盘中轻松设置和管理
  • 24/7 专家支持
  • 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
  • 面向速度和安全性的企业级 Cloudflare 集成
  • 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop

在第一个月使用托管的应用程序或托管数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划与销售人员交谈以找到最适合您的方式。******

posted @ 2024-11-01 16:30  绝不原创的飞龙  阅读(10)  评论(0编辑  收藏  举报