原文:Kinsta Blog
2022 年对你的内容来说比内容长度更重要的 5 件事
近年来,内容长度一直是激烈的争论,许多 SEO 大师告诉他们的追随者,如果他们想成功,他们必须创建非常长的帖子。虽然有很好的证据表明内容长度与排名相关,但这不是最重要的因素。
这是因为内容长度通常与内容质量成反比。当你优先考虑长度时,你自然会降低每个单词的价值,用 1000 个单词而不是 300 个单词来说一些东西,因为你想排名更高。
这样做可能会在短期内提高你的排名,但这完全违背了谷歌的意愿,最终,算法会进行调整以进行补偿。毕竟,他们想为搜索者提供有价值的服务,而不是拥有最多单词的页面。在很多情况下,人们寻找的是简洁而有价值的内容,而不是冗长的解释。
因此,虽然字数明显与高排名相关,但至少有五个其他因素更重要,你也应该考虑。
Average content length in SERPs (Image source: Capsicum Mediaworks)
下面让我们深入探讨这些问题:
1.为你的读者提供价值
首先,你的内容的目标应该是为你的读者提供价值。如果你不能实现这个简单的目标,那么人们不太可能会分享或链接到你的页面,这将使你更难在有竞争力的搜索词中排名。
The goal of your content should be to provide value to your readers. 👍Click to Tweet
即使你设法让人们进入你的页面,如果你的内容没有价值,他们也不太可能转化为付费用户。事实上,如果你的页面因为你试图达到一个任意的字数而充满了绒毛,很可能他们会对你的网站留下不好的印象,再也不想回来。
Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。
如果你想为你的读者提供价值,让他们成为付费客户,你必须把质量放在数量的前面。不这样做很快就会毁掉你的品牌声誉,让读者认为你的品牌不在乎质量。
请务必查看我们的长阅读主题:内容营销要点
他们为什么要看你的内容?
为了给你的读者提供价值,你必须首先理解为什么他们会阅读你写的文章。不理解读者试图解决的问题,你就很难正确地提供价值。
价值有许多不同的形式;读者可能在寻找建议、娱乐、指导、幽默或其他不同形式的价值。认识到你的读者来找你是为了什么,对于以一种提供这种价值的方式来精心制作你的内容是至关重要的。
比如说;如果你正在写一篇关于如何安装排水管的帖子,读者可能会寻找详细的说明。搜索者可能几乎没有经验,因此你的指示必须详细和非常精细,不要跳过更有经验的人会觉得直观的细节。
理解“搜索者的意图”对提供价值至关重要。现在你知道他们在寻找什么,你必须创建一个页面,以最好的方式传递这种价值,在许多情况下,这不会通过写一篇比竞争对手更长的大文章来实现。
Moz 的创始人 Rand Fishkin 这样评价长格式内容:
是的。我读过研究报告。我知道其中的关联。平均而言,长篇内容比更简洁的同类内容获得更多的参与度、更高的排名和更多的份额。但是,并不意味着让长篇内容等同于伟大的内容。它没有把长篇内容作为每一个内容努力的目标。当然并不意味着更长的内容就是更好的内容。
2.提供的不仅仅是文字
在这个时代,强迫你的用户阅读你的内容是不够的;您必须提供替代形式的内容,如图形、视频和音频体验。这是因为阅读通常不是你展示内容的最佳方式,尤其是当你试图解释一些视觉或复杂的东西时。
我们来看一个例子;您可以创建一个指南,向您的客户解释如何修理他们的割草机。当然,仅仅用文字来解释这一点是可能的,但是对你的客户来说,这远不如图片或视频有价值。
出于这个原因,现在大多数说明手册都附有图片,许多公司在其网站或 YouTube 频道上有详细的视频。这两种选择都远远优于文字,这就是为什么内容长度可以说不是很重要。
你的页面可能只有 100 个单词,但它可能伴随着多幅图像和一个难以置信的视频,为你的读者提供巨大的价值。
除此之外,研究表明,带有图片的页面往往排名更好。此外,人们更有可能链接到有详细视频和图片而不是纯文本的网站。这是因为文字在许多情况下不如视频,它们不那么令人身临其境,也不那么令人印象深刻。
Creating social content (Img src: Edge Media)
显然,制作一个高质量视频的成本通常高于写一篇文章的成本,这可能会让一些网站望而却步,但这也是一个很好的机会。由于你的许多竞争对手未能利用视频内容,你的优势要大得多。
此外,通过创建视频内容,您可以将其上传到 Vimeo 和 YouTube 等其他平台。这样做可以让你进入另一个营销渠道,从而找到更多的客户,增加收入。内容长度不是一切,它当然不会比添加视觉元素来增强页面更重要。
3.正确的语法和拼写
虽然你可以提出一个很好的论点,正确的语法包含在“有价值的内容”中,但它是如此重要,以至于它值得成为一个章节。如果你的语法很差,那么谷歌和你的访问者都会注意到。
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
一些研究表明,谷歌的算法可以区分写得好的内容和语法不好的页面。如果他们现在还不知道,那么他们很有可能在将来把好的语法作为排名的一个因素。原因很简单;用户希望阅读写得好的内容,这就是为什么你不能跳过对内容的校对。
Grammar and spelling
作为一个用户,如果你进入一个语法和拼写都很差的页面,你很可能会点击返回,试图找到另一个页面访问。用户这样做是因为阅读一个写得不好的页面非常困难。
这些点击返回的用户显然不会成为你的客户,但是即使那些停留在你页面上的用户也不太可能转化为你的客户。毕竟,如果你的内容中有拼写和语法错误,那么你的读者会把你的品牌与低质量和低标准联系起来。
事实上, Globo Lingo 的研究人员发现,如果网站或营销材料上有明显的语法或拼写错误,59%的参与者就不太可能使用某项服务或产品。
有了这种联系,他们就不太可能转化为付费客户,不管你的销售页面有多好,或者你的产品有多大帮助。
看看这些我们都需要停止犯的 30 个常见语法错误。如果你需要帮助,看看这些免费语法检查工具。
4.关键词优化
如果你要努力为你的读者创造一篇精彩的内容,明智的做法是确保对有价值的关键词进行适当的优化。这样做将使你更有可能对人们经常搜索的关键词进行排名,带来来自谷歌、雅虎和必应的被动流量。通过遵循简单的 SEO 技巧,Kinsta 能够在 13 个月内增加 571%的有机流量。
Kinsta organic traffic increase
虽然没有哪家企业应该完全依赖于搜索引擎优化流量来获取收入,但是忽视这样一个可以利用的有针对性的流量来源是愚蠢的。相反,通过研究人们正在搜索的关键词,你可以优化你的帖子,使它们在与你正在写的帖子相关的术语中排名更高。
在你优化你的文章之前,你需要弄清楚人们在搜索哪些关键词,这说起来容易做起来难。幸运的是,像 Ahrefs 关键字浏览器这样的工具让事情变得简单多了。
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
使用关键字搜索,您可以输入一个种子关键字,并找到其他相关的搜索词。这项研究的关键是找到搜索量高但没有竞争力的词,这些词最有可能被排名,但也有值得每月搜索的次数。
Keyword research with Ahrefs
但是仅仅从表面上看关键词是不够的,这是许多初学者在刚开始做关键词研究时犯的错误。事实上,当你决定搜索哪些关键词时,搜索者的意图可能是最重要的因素。
毕竟,没有转化的流量是没有用的,这就是为什么你需要花点时间考虑谁会搜索这些词以及为什么。这样做可以让你更深入地了解这些人,他们是否有可能从你这里购买,他们是否准备购买或者仍然需要更多的说服力。
这些因素是至关重要的,尤其是当你试图向人们推销高价商品的时候。比如说;想买车的人可能比寻找廉价小玩意的人更需要令人信服的详细信息。
现在你已经找到了理想的目标关键词,你必须有效地优化你的页面,同时避免过度优化的惩罚。首先,尽可能自然地写作,而不是专注于关键字优化,这总是明智的,因为这将产生最高质量的内容。
然而,建议保持在 0.2%–0.4%之间的低关键词密度。在这个层面上,你可以鼓励谷歌对你的关键词进行排名,但你不会表现出试图操纵他们的算法。
要了解更多,请看这篇文章,在这里我们分享了更多关于我们最喜欢的 WordPress SEO 工具。
你的关键词最有价值的位置是在你的标题和标题标签中,因为谷歌似乎更重视这些标签中的单词。因此,尽可能在标题中使用关键词是明智的。
5.珍惜读者的时间
不要过分担心内容的长度,你应该确保你为你的读者提供价值,而不是浪费他们的时间。也许关注内容长度的最大原因是它会鼓励你写比你需要的更长的文章。
Value readers time
这样做向你的读者表明,你不重视他们的时间,宁愿提高你的排名,而不是关心你的客户。在这个时代,每个人都很忙,人们希望他们的问题得到快速的答案,他们当然不希望阅读一篇很长的文章来找出一些相对简单的东西。
你的目标应该是以最有效的方式为你的读者提供价值。在许多情况下,这意味着你的文章只有几百个字,但通常最快的阅读仍然可以有几千个字。
但关键是你必须区分人们问的问题,弄清楚他们什么时候想要一个快速的答案,什么时候需要一篇更详细的文章。这样做将确保你重视你的读者的时间,并仍然为他们提供他们所寻找的一切。
如果有疑问,你应该设身处地为读者着想,在谷歌上搜索他们会使用的查询,看看其他网站发布了什么。他们拖长了还是太短了?
When it comes to writing content, put yourself in your reader’s shoes. 👟Click to Tweet
这项研究非常有益,因为它不仅能让你找到市场缺口,还能让你确定如何最好地为你的观众提供价值。
你应该关心字数吗?
读完这篇文章后,你可能会问自己是否应该关心自己的字数。这可能会令人困惑,你想专注于这五件极其重要的事情,但你也想排名,研究表明,长文章往往排名更高。
答案是重新安排优先顺序,在发表文章之前而不是在写文章的时候考虑字数。这样做将有助于防止你写过长的文章,让你专注于为你的读者提供尽可能多的价值。
相反,你可以用字数来指导你需要做多少营销和链接建设来给一篇文章排名。但是通过忘记字数,你可以创造出提供更好用户体验的文章,副产品是这使得链接建设和营销更容易。
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
如何用 WordPress 做一个单人内容营销忍者
内容营销风靡一时。但是有如此多的活动要处理——从内容编写和分发到 SEO 和性能优化——有效地执行和管理它变得非常困难。因此,市场正受到来自四面八方的内容营销自动化工具的狂轰滥炸。无论是 Hubspot、Marketo 还是 Act-On,每一个都需要数千美元的实施和维护投资,并承诺让你的业务好转。
但有两个大问题让我对这种情况感到畏缩:
- 在他们寻求从单一软件平台实现一切的过程中,所有这些工具都牺牲了独立应用程序可实现的灵活性和质量。然而,价格被吹到了屋顶。
- 这些工具主要是为拥有专门内容营销团队的大企业打造的。但是根据这些数字,我可以有把握地假设你是一个独立创业者,或者是你团队中唯一负责内容营销的人。
那么,作为你企业的一个人内容营销部门,你如何才能以一种既有效又负担得起的方式推广你的内容,同时又能留出足够的时间去做其他同样重要的事情呢?好消息是,WordPress,以及一些第三方应用和插件,可以成为你从你的内容中获得最大回报所需要的一切,而且成本要低得多。
成为单人内容营销忍者的技巧
这里有一些在 WordPress 中成为一个更有效率的内容营销忍者的最好方法。
1.获取托管 WordPress 主机
获得廉价主机是刚入门内容营销的创业者最大的缺点之一。像 Hostinger 和 SiteGround 这样的托管公司提供便宜的方案,但是从长远来看,选择低成本托管会让你付出代价。你不能让你的网站有低标准。一个低质量的主机提供商不仅在出现问题时缺乏适当的支持,比如被黑客攻击或者系统停机,而且还会让你独自保护和备份你的网站。
Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。
一个高质量的应用程序、数据库和托管的 WordPress 主机(比如 Kinsta)不仅会节省你更新和管理网站的宝贵时间,还会让你比竞争对手更有优势。您可以获得改进的网站功能和卓越的速度。
托管 WordPress 主机可能会让你花更多的钱,但是这不是一笔开销。这是一项投资,以确保坚实的基础。
Managed WordPress hosting is an investment to ensure a solid foundation.Click to Tweet
2.利用内容模板
与你可能相信的相反,大多数读者不仅对遵循某个模板的内容感到满意,而且他们甚至很难注意到这一点。最好的内容营销者是那些知道并利用这一事实来节省时间的人。这并不是说你写的每篇博文都应该遵循一个模板,但是很多都可以。事实上,你可以根据你写的文章类型创建几个模板。
例如,一个模板可以被创建并用于你所有的“如何”文章,另一个用于“回顾”文章,还有一个用于“列表”文章等等。你明白了吗?
免费的现成内容模板
幸运的是,Neil Patel 非常慷慨地提供了 12 个现成的模板,用于快速轻松地创建内容。把它们当作你的灵感或者用它们来写高质量的内容。
向 WordPress 编辑器添加内容模板
一旦你创建了可以应用于你想写的几篇文章的模板,问题是你如何让它们与 WordPress 文章编辑器一起工作?一个显而易见的解决方案是将每个模板保存为 HTML 文件或记事本中的内容块。但是你总是需要一些时间来访问保存的文件,并从那里粘贴内容来开始你的文章。
此外,每次你在不同的电脑上,你都会诅咒你的运气。如果你能把你的模板和你的 WordPress 集成在一起,那不是很好吗?然后你可以在任何 WordPress 帖子或页面中轻松使用它们,而无需离开帖子编辑器。我知道你在想什么。是啊!有一个插件可以做到这一点。它叫做 TinyMCE 模板。
3.外包大多数活动
正如我在开始时提到的,作为一个内容营销人员,有太多的事情要做,所以最好尝试外包你的大部分任务。此外,某个只在那个领域有专长的人会比你做得更好更快。例如:
- 为了让你的内容在社交媒体上疯狂分享,使用像 Quuu Promotions 、 Viral Content Bee 、 CoPromote 或 JustReTweet 这样的服务。
- 如果你想研究或影响者外联完成,你可以尝试像红管家或花式手的网站。
- 如果你需要完成一些设计工作(比如一个很酷的信息图、电子书封面、你的社交媒体帖子的图片或博客标题),请查看 99Designs 、 DesignPickle 、 Undullify 或 Flocksy 。这就像让一个平面设计师处于“待机状态”,每月只需 125-400 美元。
- 如果需要引人注目的或者常青的内容,可以聘请文案(我无耻的插一句)。给他们你的草稿,或者只是告诉他们你需要什么,他们会根据你的需要写一份经过润色和具体的副本。此外,确保在发布前校对每一条内容。以下是我们最好的校对技巧。
- 对于这份名单上和名单外的任何工作,也有通用的自由职业者平台,如 Upwork 和自由职业者。如果你有一个定制的项目,你可以在那里发布你的需求。
- 如果你想制作或编辑视频或音频播客,你可以选择一个免费的视频编辑软件解决方案,或者从 T2 上的几家低成本提供商那里获得(这里是如何开始使用 T4 播客和 WordPress 的方法)。我们整理了一个可能有用的指南:如何使用 Fiverr 减少业务繁忙。
正如你所看到的,当涉及到有效和负担得起的外包内容营销时,并不缺乏资源。
4.管理内容
内容监管是一种分享他人创作的内容的艺术(你可以给他们一个荣誉或链接)。正如许多人错误认为的那样,这不是懒惰型内容营销者的策略。
这个想法是从外部资源中精选优秀的内容,并在你的潜在客户中分发,加入你自己独特的视角或观点。这里是一些在内容监管方面取得成功的企业的主要优势和例子。监管可以帮助你将花在内容营销上的时间减少 20%以上,同时给你更多(如果不是相同的话)权威、社交分享和流量,就像你自己的新鲜内容一样。
但是请记住,管理和窃取内容之间只有一线之隔。在内容监管中,必须给出关于内容和上下文的细节。除了过滤各种各样的内容,通过使用注释增加价值,帮助观众更好地理解你为什么与他们分享这个资源。
WordPress 中的内容管理
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
有许多第三方应用程序和插件的设计都考虑到了监管。还有一些网站的核心是内容聚合,但也有监管功能。
- Press Forward 是一个免费的插件,它提供了一个工作流程来收集和管理你的 WordPress 仪表盘上的大量来源的内容。它的一长串功能包括:一个集成的 feed 阅读器,一个在浏览时收集内容的 bookmarklet,以及重新发布聚合内容的能力。
- 策展套件是 WordPress 的可视化策展解决方案,可以轻松搜索内容,快速发布带有引用的帖子,并通过社交媒体渠道即时分发内容。最好的部分是:内容以一种不会与你的主题或其他安装的插件发生冲突的方式被添加到帖子编辑器中。
- 我的馆长一直在后台工作,为你提供源源不断的有趣内容。它的 bookmarklet 可以让你在浏览网页的同时管理内容,笔记本功能可以让你保存你想要在管理的文章中使用的内容。
通过使用这些插件中的一个或多个,你可以为你的网站添加有价值的内容,而不必自己编写。
5.使用自动化内容分发
除了节省宝贵的时间,分发工具最大的优势是分析。当你使用内容调度和分发工具,如 SmarterQueue 、 Buffer 或 Hootsuite 时,你会获得关于什么类型的内容和社交媒体渠道产生更多流量和线索以及什么不起作用的宝贵见解。
然后,你可以根据客观数据而不是有偏见的理论或直觉来改变你的内容管理和创作。如果你经常发现自己不知道哪些内容需要重新分享,或者被困在谷歌分析中,这些工具中的一个可以减轻你的负担。
用 WordPress 整合缓冲区
使用 WordPress To Buffer 插件,你可以很容易地将 WordPress 页面和帖子发送到你的 Buffer(bufferapp.com)账户,以安排内容在你活跃的社交网络上发布。还有一个专业版,具有大量其他功能,如 Pinterest 集成,每个帖子的不同状态,每个帖子的特色图片,自定义日程安排设置等。
回收万年青内容
使用 SmarterQueue,您甚至可以将您的 evergreen 内容回收到一个永无止境的队列中。这样可以节省很多时间,保证大家最终看到你有价值的内容。
6.利用清单
错误会消耗你大量的时间,并造成不可挽回的损失。这就是为什么清单是飞行员日常工作不可或缺的一部分。即使非飞行员也能从使用清单中受益匪浅。此外,清单不仅会简化你的内容营销,还会让你更容易将任务委托给别人。作为内容营销策略的一部分,你所做的每一件事都可以用一个清单来确保质量和一致性。这里有一些很棒的免费清单资源,你可以马上开始使用。
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
- 终极内容推广清单 : 97 个优化内容营销各个方面的问题
- SEO 文案技巧:点击发布按钮之前,确保你的内容已经过搜索引擎优化
- WordPress SEO 清单–2017 年的 45 条建议–确保你使用 WordPress 和 SERPs 的最佳实践
- WordPress 的最佳 SEO 插件(和必备的 SEO 工具)
- 一份详细的备忘单描述了脸书、推特、YouTube 等社交媒体渠道的正确图片尺寸
- 初创公司&小企业网络文案的 101 条该做和不该做的终极清单。
- Trello 有一个便捷的清单功能来促进内容创建过程。建议阅读:特雷罗 vs 阿萨纳。
7.改变内容的用途
你可以使用我上面列出的内容模板来发布你的大部分内容,而其余的可以使用各种内容格式来发布,包括你以前没有尝试过的格式。释放你的创造力,以各种方式重新利用你的内容。例如,你可以把你的内容变成:
- 全面的 PDF 电子书或报告。这可以通过创建一个 Word 文档并将其转换为 PDF 来完成,或者使用 PDF 创建工具,如 PDFForge 或 Adobe Acrobat Pro 。确保你在最好的 WordPress PDF Viewer 插件上阅读了我们的帖子。
- 与各种专家合作的一系列网络研讨会。这里有一个很好的分步指南来主持一个关于 Google Hangouts 的网上研讨会。
- 可以反复参考的测验、清单或模板。有许多高质量的测验插件可以用来测试你的潜在客户。
- 社交媒体更新会在几周或几个月内传播,并通过 Buffer 或 Hootsuite 在脸书、Twitter 等网站上分享。
- 使用 Canva 和 Animoto 可以轻松创建视频、信息图表、幻灯片分享和更多可视化内容。
8.利用编辑日历
与生活中的大多数事情一样,管理内容营销活动的过程中会有惊喜。有一个编辑日历对于节省时间和完成工作是至关重要的。它可以让你提前计划内容,并在吸引你的潜在客户和产生更多的线索方面大有作为。一种选择是使用 Trello 或 MS Excel 等应用程序来创建和管理内容日历。但是和其他步骤一样,有很多 WordPress 插件可以让这个过程变得更容易更快。
整合内容日历和 WordPress
编辑日历拥有 50,000+的安装量和大部分 5 星评论,是这一类别中最受欢迎的 WordPress 插件。它可以让你从一个地方获得所有预定帖子的整体视图,以及它们将被发布的日期和时间。
使用内置的拖放功能,您可以通过鼠标点击将帖子从一个时间移动到另一个时间。作为个人营销者,编辑日历插件足以满足你的内容营销工作。内容创意用完了?看看这些热门博客话题。
9.重新发布旧内容
如果你写博客已经有一段时间了,我敢肯定你已经写了一些优秀的和常青的帖子。然而,根据博客的工作方式,旧帖子不断被新帖子取代。重新发布内容是从你以前的帖子中获得更多收益的一种行之有效的方法,尤其是从你表现最好的内容中。
重新发布旧的 WordPress 帖子
要在 WordPress 中重新发布以前的文章,编辑文章以打开编辑器。然后导航到右侧的发布框。然后点击“编辑”链接。但请记住,重新发布并不意味着简单地改变发布日期,并将帖子放在主页上。相反,你应该用最新的信息和数据更新帖子。有价值的读者总是喜欢更新的内容;这是告诉他们你真的在乎他们的一种方式。
你也可以使用类别粘帖插件来恢复旧帖子,并使它们回到顶部。或者使用 WordPress 自带的“贴吧”选项。
10.重复有用的东西,抛弃无用的东西
一旦您开始遵循这些最佳实践,将会有源源不断的有价值的分析数据来帮助您做出明智的决策。这包括:
- 脸书页面洞察您的脸书更新的覆盖范围和参与度
- Twitter 分析哪些推文获得了最多的点赞和转发
- 缓冲或 Hootsuite 分析哪些内容在哪些频道上表现最好
- 谷歌分析关于哪些内容和分销渠道获得了最多线索的数据
- 你在博客帖子上获得的社交分享和评论
连同你的链接跟踪数据(例如使用 bit.ly ),上面的信息对于评估你的内容的有效性非常有用。因此,你可以创建和策划更多有用的内容,而不要在无用的内容上浪费精力。
摘要
它周围没有糖衣。我承认,成为一名独立的内容营销者并不容易。但是我确信在工具的帮助下你会更有效率。直到你有预算雇用更多的员工,使用这些技巧和资源,让你的内容营销更上一层楼!
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
内容抓取:反击还是无视?
内容抓取,或者我们喜欢称之为“内容窃取”,自互联网出现以来就一直是个问题。对于任何定期发表文章或从事搜索引擎优化(SEO)的人来说,这实际上是非常令人恼火的。😠你成长得越大,你就会越注意到有多少内容抓取农场。我们在 Kinsta 发布大量内容,内容抓取是我们经常处理的问题。问题是,你是应该努力反击,还是干脆无视他们,继续前进?今天我们将深入探讨双方的一些利弊。
什么是内容抓取?
内容抓取基本上是指某人获取你的内容并在他们自己的网站上使用(手动或通过插件或机器人自动使用),而不给你任何归属或信用。这通常是希望以某种方式获得流量,搜索引擎优化,或新用户。这实际上违反了美国和其他一些国家的版权法。谷歌也不会宽恕这一点,并建议你应该创建自己独特的内容。
这里有几个谷歌提到的抓取内容的例子:
- 从其他网站复制和重新发布内容的网站**,而不添加任何原始内容或价值**
- 从其他网站复制内容的网站,稍微修改它(例如,通过替换同义词或使用自动化技术),并重新发布它
- 从其他站点复制内容源的站点,但不向用户提供某种类型的独特组织或好处
- 致力于嵌入内容(如视频、图像或来自其他网站的其他媒体)的网站,对用户没有实质性的附加值
这不要与内容聚合混淆,后者通常是指你重新发布自己的内容以获得更广泛的影响。辛迪加内容也可以由第三方完成,但这和内容抓取之间有一条细微的界限。如果有人在联合发布内容,应该总是使用特殊的标签,如rel=canonical
或noindex
。
现在有很多第三方 WordPress 插件可以让你自动抓取第三方 RSS 提要。不幸的是,虽然开发人员的意图是好的,但有时会被滥用,用于内容抓取。WordPress 如此受欢迎的原因之一是易于使用,但有时也会适得其反。
内容抓取和内容聚合之间只有一线之隔。总是在该表扬的地方给予表扬。👍 点击推文
内容抓取场的实例
当同一个所有者在几十个网站上抓取内容时,我们称之为“农场”。这些通常很容易发现,因为网站所有者通常在所有网站上使用相同的主题,甚至只是域名之间的轻微变化。
Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。
我们在今天的帖子里用了一个活生生的例子!我们毫不羞愧地指出这些类型的网站,因为它们不提供任何价值,只会否定内容出版商所做的努力。这是一个内容抓取场的例子。我们对每个链接都进行了存档,以防将来网站关闭。你可以点击他们中的每一个,看到他们都使用相同的主题,和相同的内容。典型的抓取器会从很多不同的来源抓取内容,我们的博客就是其中之一。
- thetechworld.xyz ( 存档链接
- mytechnewstoday.org(存档链接)
- mytechcrunch.com(存档链接)
- technewssites.xyz ( 存档链接)
- technewssites.info ( 存档链接
- www.thetechworld.info ( 存档链接)
- www.mytechnewstoday.xyz ( 存档链接)
- www . future technology news . info(存档链接)
- futuretechnologynews.xyz ( 存档链接)
你可以在下面看到,他们只是逐字抓取我们的博客文章,以及我们在上述所有领域的所有文章。
Example (click to view larger) – Content scraper blog post: archived link / Kinsta original blog post
如何找到他们?
找到它们的一个最简单的方法是利用像 Copyscape 或 Ahrefs 这样的工具(如果他们也在复制你的内部链接的话)。Copyscape 甚至允许你提交你的站点地图文件,并让它在扫描网页并找到内容时自动通知你。
Copyscape
你也可以使用“allintitle”标签手动搜索谷歌。只需输入标签和文章标题。例子:allintitle: Kinsta 处理 WordPress 缓存,所以你不必
Search Google with allintitle tag
allintitle 关键字提示 Google 只在文章标题中搜索这些词。第二种也是更有效的方法是在你的文章中搜索一些文本,搜索词用双引号括起来。加上双引号告诉 Google 搜索完全相同的文本。你的标题搜索可能会得到误报,因为有人可能会使用相同的标题,但第二种方法更有效,因为某人几乎不可能有完全相同的句子或段落。
内容抓取会影响 SEO 吗?
你可能会问的下一个问题是,这对 SEO 有什么影响?因为在上面的例子中,内容抓取农场没有使用rel=canonical
标签、给予信用或noindex
标签。这意味着当谷歌机器人抓取它时,它会认为这是他们的原创内容。**你可能会认为这不公平。你说得对,不是。**我们发布了内容,然后他们就把它删掉了。然而,在你开始恐慌之前,重要的是要了解幕后到底发生了什么。
首先,尽管谷歌爬虫可能会把它视为他们的内容,但谷歌算法很可能不会。谷歌并不愚蠢,它有许多规则和检查来确保原创内容所有者仍然得到荣誉。我们是怎么知道的?好吧,让我们从 SEO 的角度来看看这些帖子。
这个人早在 2017 年 11 月就抓取了我们的博客帖子,所以如果它打算排名的话,它有足够的时间来排名。因此,我们使用我们的便捷工具 Ahrefs T1 来查看他们的帖子当前的关键词排名。我们可以看到没有对任何关键词进行排名。所以就有机流量而言,他们根本不会从这篇文章中受益。
Content scraping SEO
如果我们在 Ahrefs 中调出我们的原始博客帖子,我们可以看到我们对 96 个关键词进行了排名。
Original content SEO
当谷歌看到你可能认为是重复的内容时,它会使用许多不同的信号和数据点来找出最初是谁写的内容,以及应该对哪些内容进行排名。这里有几个例子:
- 发布日期(尽管在这种情况下,内容是在同一天抓取的)
- 域名权威和页面排名。是的,谷歌可能还在内部使用页面排名
- 社交信号
- 交通
- 反向链接
同样,这些都是安全的假设,因为没有人真正知道谷歌用的是什么。但这里的要点是,你可能不需要因为有人抓取你的内容而失眠。然而,你可能还是想做点什么。别人用你自己的内容超过你也不是不可能的。我们将在下面进一步讨论这个问题。
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
我们如何处理内容抓取
创造有用的、独特的、值得分享的内容并不容易,它会占用你很多宝贵的时间(通常会花很多钱),所以你一定要保护它。但是这里有一些你可能不想忽略刮刀的其他原因。
- 如果一个有大量流量的网站抓取你的内容,并用它来补充他们的其他内容,很可能他们从中受益。这肯定是不对的,因为你是内容的原始所有者。
- 诸如此类的事情会严重扭曲您的报告工具中的数据,让您的生活更加艰难。例如,这些将在 Ahrefs 或 Majestic 等工具的反向链接报告中显示。你越大,事情就越乱。
- 你想完全信任谷歌来判断是他们的还是你的是原创内容吗?尽管他们在这一点上相当聪明,但我们肯定不知道。此外,尽管他们的帖子没有任何关键字的搜索引擎排名,但它实际上是被谷歌索引的(如下所示)。
Scraped content is indexed
联系网站所有者并提交 DMCA 投诉
为了确保我们得到信用,我们通常首先联系网站的所有者,要求删除。我们建议创建几个电子邮件模板,你可以重复使用,以加快这个过程,而不是浪费你的时间。如果我们试了几次都没有收到他们的回复,我们会进一步向 DMCA 投诉。
DMCA 投诉可能有点棘手,因为你需要查找网站的 IP 地址,找到主机等。但不用担心,我们有关于如何轻松提交 DMCA 投诉的所有步骤的文档,以及追踪所有者。你也可以直接向谷歌提出合法删除请求。
就上面的实际案例研究而言,看起来是时候采取下一步行动了,因为我们还没有联系到网站所有者。😩
更新否认文件
为了确保这些不会以任何方式影响我们的网站(不管 DMCA 的投诉发生了什么),我们还将这些完整的域名添加到我们的否认文件中。这告诉谷歌我们不想和他们有任何瓜葛,我们也不想以任何方式操纵 SERPs。
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
如果你是为了一个更高质量的网站这样做,你也可以只提交否认的 URL,而不是整个域。虽然通常我们不会看到高质量的网站抓取内容。
第一步
在 Ahrefs 中,我们选择有问题的域,然后单击“dis away Domains”这确保了这个内容抓取网站上的任何内容都不会影响我们。
Ahrefs disavow domain
Ahrefs 在处理这类问题时最大的优点是他们的“隐藏否认链接”选项。然后,它会自动隐藏域名和网址,使其不会出现在您的主报告中。这对组织和保持你的理智非常有帮助,特别是如果你专门使用 Ahrefs 来管理你的反向链接。👍
Hide disavowed links
第二步
正如你在下面看到的,我们将内容抓取场中的所有域都添加到了 Ahrefs 中的否认链接部分。下一步是点击“导出”并获得我们需要在谷歌搜索控制台中提交的否认文件(TXT)。
Export disavow file
第三步
然后去谷歌的否认工具。选择您的谷歌搜索控制台配置文件,并点击“否认链接。”
Disavow links
第四步
选择您从 Ahrefs 导出的否认文件并提交它。这将覆盖您以前的否认文件。如果您以前没有使用过 Ahrefs,并且已经存在否认文件,建议下载当前文件,将其与新文件合并,然后上传。从那时起,如果你只是使用 Ahrefs,你可以简单地上传和覆盖。
Disavow file
阻挡铲运机的 IPs
你还可以更进一步,拦截刮刀的 IP。一旦您确定了异常流量(这有时很难做到),您可以使用在您的服务器上拦截它。htaccess 文件或 Nginx 规则。如果您是 Kinsta 的客户,我们的支持团队也可以为您阻止 IPs。或者,如果你使用第三方 WAF,如 Sucuri 或 Cloudflare,它们也可以阻止 IP。
摘要
内容抓取农场可能并不总是影响你的搜索引擎优化,但它们肯定不会为用户增加任何价值。我们强烈建议花点时间把它们取下来。我们有一整张特雷罗卡专门用于“外卖”请求。这有助于使网络成为一个对每个人都更好的地方,并确保你的独特内容只在你的网站上被看到和排名。
你怎么看待内容抓取?你是试图与他们抗争还是无视他们?我们希望在下面的评论中听到你的想法。
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
转化率优化技巧——12 种促进销售的简单方法
原文:https://kinsta.com/blog/conversion-rate-optimization-tips/
给你的网站带来大量的流量总是一件好事,也是我们的企业和博客所渴望的。但是如果流量没有转化为某种东西,比如销售、电子书下载或注册你的电子邮件列表,那么就真的没有意义。
这条规则也有一些例外,比如一个新闻网站可能从 AdSense 中获得收入,或者一个企业专门试图围绕他们的品牌产生轰动效应。但是 99%的时候,你需要你的流量去转化,否则,简直就是浪费时间和精力。
今天,我们将探讨 12 种不同的转化率优化技巧,以帮助增加您的销售和注册。
什么是好的转化率?
有些人可能想知道什么是好的转化率,然而,这是一个很难回答的事情,因为每个利基和行业不同。 WordStream 对他们 100 多个客户的账户进行了分析,他们发现一个好的转换率通常在 2%到 5%左右。然而,也有一小部分广告客户获得了更高的转化率。
WordStream Analysis – Search Conversion Rate Distribution
但是当进行直接比较时,很难说什么是好的转化率。同一行业的人有不同的流量来源,不同的客户关系,他们的网站可能日夜互不相同。这就是为什么我们认为 ConversionXL 和 CXL Institute 的创始人 Peep Laja 可能有这个问题的最佳答案:
“什么是好的转化率”的唯一正确答案是这样的:好的转化率比你上个月拥有的好。
这就是为什么为你的业务建立一个基线并专注于在一段时间内提高你的转化率是很重要的。
Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。
12 个转化率优化技巧
谈到谈话率优化,你必须对你的目标和受众有一个清晰的愿景。你的网站的目的是什么?无论你是在卖电子书还是洗衣机,你都必须定义你认为是成功转化的目标。追踪这些物体是检查你是否在正确的方向上前进所必需的。
这里有 12 个转化率优化技巧来帮助你开始改善你的目标。当然,这些例子中有很多会用到 WordPress,但是大多数适用于任何网站。
1。使用有效的标题
标题通常是访问者登陆你的网站时看到的第一件东西。标题是将你的整个推销总结成一句醒目的话的一种手段。这是为了激起游客的好奇心,回答一个问题,解决一个问题或具有指导性。在此前提下,以下类型的标题已被证明是有影响力的,并促进更好的线索生成。
- 占据头条
- 直接标题
- 问题标题
- 解决问题标题
- 指导性和操作性标题
需要注意的是,如果没有一个合适的标题,你可能会失去很多潜在的商机。明智一点,利用上面提到的标题。他们的风格和位置也很重要。Signal v. Noise 在高层注册页面上进行了一个测试,看看改变标题是否会影响转化率。
原文:最差表现者 原标题的副标题是 30 天免费试用。
Highrise A/B Test Headline 1
赢家:比最初的 提高了 30%的转化率一旦他们将 30 天的免费试用提升到主界面,他们看到注册人数增加了 30%!
Highrise A/B Test Headline 2
如你所见,对你的标题做一点小小的调整会对你的转换率产生巨大的影响。这是你应该一直 A/B 测试的东西!毕竟,一切都取决于标题:它要么鼓励访问者点击和阅读文章,要么让他们感到厌烦,从而使他们回头。由于写标题是一门特殊的“艺术”,花几分钟时间和你的团队/编辑就每篇文章的标题进行头脑风暴是一个明智的决定。有一些明显的要求,如简洁,清晰,一致。然而,我相信我们还能在一件事上达成一致:独一无二是最重要的。
以下是内容营销研究所对 150,000 条标题进行的分析得出的一些额外数据,你可能会感兴趣:
- 一个八个字的标题表现最好。这些书的点击率比平均水平高 21%。
- 标题中的冒号或连字符——表示副标题——比没有冒号或连字符的标题表现好 9%。
- 含有奇数的标题比含有偶数的标题点击率高 20%。
那么,你如何着手撰写独特的标题呢?想象你的读者有一个感兴趣的领域(幸运的是,这是你的专长/产品),因此,他们阅读了很多这个主题。试想一下,如果他们阅读了在其他地方看到的相同的标准标题,他们会点击你的文章吗?不。他们会认为他们已经读过了,他们会直接跳过。
这就是头脑风暴值得努力的原因:你在列表中写下的版本越多,你在列表末尾会有越多不寻常的想法。
你也可以利用免费工具,如 CoSchedule 的标题分析工具来快速改善你的标题。我们最初的博文名为“11 个极具影响力的转化率优化技巧”,得分为 46。在几个变化之后,我们能够通过添加一些更多的情感和力量词汇轻松地将这个分数提高到 67 分。
这当然是基于他们自己的评分系统,不过,如果你使用这个工具,你突然开始注意到,你的头条立即变得更加诱人,你应该看到更好的 CTR。强迫自己使用这个工具的一大好处是,它只会让你花时间去创建变体,而这在其他情况下是不可能做到的。
CoSchedule Headline Analyzer
如果你想不出替代的单词,一个快速的方法是打开thesaurus.com,查找你已经在使用的单词的同义词。
T3】
2。战略 CTA(按钮、弹出窗口、价格表)
登陆页面有一个目的——从你的观众那里获得一些东西。无论是领导一代还是建立一个电子邮件订户列表,联系方式或者更重要的销售。通过使用 CTA——行动号召,你可以宣传这样一个目的,并指导你的访问者以特定的方式行动。使用战略 CTA 并对其进行适当的定位可能是决定你是否能提高转化访客数量的决定性因素。
那么你应该把 CTA 放在哪里呢?根据谷歌的研究,最容易看到的位置是在折叠的正上方,而不是在页面的顶部。
Most viewable position on a webpage
Hubspot 也注意到了这一点,他们的锚文本 CTA 的。在他们追踪的每一篇帖子中,锚文本 CTA 在该帖子的线索中所占比例最大。47%到 93%的帖子线索来自锚文本 CTA。注意,在下面,它们就在折叠的正上方。同样重要的是,要考虑这对移动设备的影响。在移动设备上,大多数访问者肯定会看到前几段中的 CTA。
In-line anchor text CTA
Grow & Convert 也做了一些研究,试图绘制出网站的不同区域。他们估计了某些 CTA 位置的转换率:
- 侧栏:0.5%至 1.5%
- 通用,离职后:0.5–1.5%
- 弹出窗口:1–8%
- 滑块和条:1–5%
- 欢迎门:10–25%
- 特征框:3–9%
- 导航条:各不相同
一个有趣的发现是,你的 WordPress 网站上的侧边栏可能没有你想象的那么重要。Impact 移除了他们博客上的侧边栏,代之以内嵌的 CTA。你猜怎么着?这导致注册人数增加了 71%。所以这绝对是你应该测试的东西,因为每个企业和网站都是不同的。
说到 CTA,有各种不同的种类,比如弹出窗口、按钮、内嵌锚文本、价格表等等。下面是几个你可能想看看的受欢迎的。
弹出表单
当谈到可用性和有效性时,弹出窗口可能会引起争议。你可能已经在热门网站上看到过它们,比如quick prout、 SocialTriggers 和 IncomeDiary 。当访问者登陆这些网站时,几秒钟内就会弹出要求访问者采取行动的表格。这些弹出表单吸引访问者,并有助于提高社交意识、获取订户、促销折扣和即将推出的优惠。
大多数研究表明,弹出窗口实际上工作得很好,实际上并不像你想象的那样影响跳出率。知名社交媒体战略家丹·扎雷拉在他的个人页面上测试了有无弹出窗口。
Effect of email popups on bounce rate
令人惊讶的是,带有弹出窗口的版本并没有对他的跳出率产生太大的影响。然而,没有弹出窗口的版本减少了超过 50%的注册。因此,在这种情况下,通过查看数据,使用弹出窗口是有意义的。然而,每个行业可能会有所不同,也许你不想在你的网站上使用弹出窗口,因为大多数人可能会同意,它们有点烦人,并否定了用户体验。
如果你确实想使用弹出窗口,有一些简单的方法可以用 WordPress 线索生成插件快速实现。下面是一些你可能想考虑的流行的:
事实上,我们在 Kinsta 的博客上使用了 Bloom 插件的飞进弹出窗口。如果你将这篇文章向下滚动 50%,你可以看到它的效果。这对于用户体验来说没那么烦人,但仍然提供了一种吸引读者注意力的方式。请记住,谷歌基本上不再允许在移动设备上弹出,你可能会因此受到惩罚。
Fly-in bottom right CTA
您也可以使用推送通知。在我们添加它的一个网站上,我们在不到 48 小时内(见下文)就有超过 140 个推送通知订户。请记住,即使你没有亲自订阅通知,这并不意味着这就是你的访客的想法。不要以为推广你的 WordPress 网站时,测试是获得具体数据的最佳方式。
按钮
按钮也是非常有效的 CTA。通常,许多登录页面使用 立即购买 按钮作为其 CTA。虽然这很棒,但你应该尝试为你的特定登录页面创建定制的按钮。它可以大小不一,使用更吸引人的 CTA 文本或包含多种颜色。
SAP 发现橙色将他们的转化率提高了 32.5% 。Performable 发现,红色将他们的转化率提高了 21% 。
CTA button colors can affect conversion rates
你的按钮的副本也可以极大地影响转换。Unbounce 通过调整按钮副本中的一个单词来执行测试。他们把“你”改成了“我的”运行测试三周后,他们发现点击率提高了 90%!
CTA button copy does matter
通过反复试验,找到完美的按钮可以彻底增加你的销售和转化。
定价表
定价表被视为 CTA,因为它们允许您在一个表中推销不同的服务,以及在与其他服务相比较的情况下促销特定的套餐。
Pricing tables can be great CTA’s
这里有一些流行的免费插件,可以在你的 WordPress 网站上获得高质量的价格表:
我们还强烈推荐阅读 Neil Patel 的文章,了解提高行动号召的其他方法。
T3】
3。简单导航
导航是转化的一个关键方面。虽然你可能没有意识到,你收到的直接交通到你的登陆页面不是唯一的交通你应该迎合。相反,你的网站导航越简单,你的网站周围的访问者就越有可能回到你的登陆页面并采取行动。
你还应该考虑是否应该在你的登陆页面上使用导航链接。VWO 对雅皮士做了一些测试。在删除了登陆页面上的导航菜单后,他们的转化率从 3%增加到了 6%,或者说转化率提高了 100%!
Remove navigation links on landing page
- 利用文章中的入站链接增加你登陆页面的流量。
- 创建一个定制菜单,该菜单与众不同,包含易于理解的导航术语。
- 添加流行的链接到你的侧边栏或内嵌的锚定 CTA,将流量导向你的重要页面。
- 通过方向箭头和文本将您的销售线索引向 CTA。
4。页面加载速度
页面加载速度对你的 WordPress 站点转换的好坏起着重要的作用。现在是 2018 年,没有人再有耐心了。我们都希望东西能在一瞬间加载,如果没有,我们做的第一件事就是点击后退按钮。简单来说,你的网站越快,一般来说,你的转化率也会跟着提高。不要只相信我们的话,这里有一些数据:
- 对于像亚马逊这样的大型在线商家来说,页面加载时间每延迟一秒钟都可能导致每年 16 亿美元的损失。
- 当 Mozilla 将页面速度提高 2.2 秒时,Firefox 的下载量增加了 15.4%,即每年 1000 万次。
- 沃尔玛的页面加载速度每提高 1 秒,转化率就会提高 2%。数字不会说谎!
- 根据 Kissmetrics 的数据,页面响应延迟 1 秒会导致转化率下降 7%。
Soasta 进行了一项研究,发现在移动页面上,快 1 秒的体验可以提高 27%的转化率。
Faster mobile websites convert more
降低页面加载速度最简单的方法之一是使用快速的 WordPress 主机。在 Kinsta 这里,我们专注于高性能的 WordPress 网站,可以处理你扔给我们的任何负载。我们已经轻松地处理了超过 60k+并发连接的客户。许多人甚至看到,仅仅通过迁移,页面加载时间就减少了 45%!
感谢 @kinsta 帮助 @DARTdrones 准备我们 @ABCSharkTank 的交通。还增加了 50%以上的网站页面负载
—凯文·麦卡龙(@ kevinmcaloon)2017 年 2 月 27 日
WordPress 终极转换跟踪指南
我们总是被问到这个问题,那就是“我如何为我的 WordPress 站点设置转换跟踪?”当谈到运行一个成功的 WordPress 站点时,你需要确保的第一件事就是你的站点加载得很快。第二,你应该跟踪每一个发生的行为的转化。从时事通讯注册,到联系表单提交,当然还有产品和/或服务的销售。毕竟,如果你不追踪转化率,你怎么知道什么是有效的,什么是无效的?你可能会把精力集中在完全错误的营销渠道上。
今天我们将与你分享如何在你的 WordPress 网站上设置转换跟踪,以及 WooCommerce 和 Easy Digital Downloads 电子商务解决方案。
Without conversion tracking there is no way to make data-driven decisions. 💰Click to Tweet
为什么转换跟踪很重要?
转换跟踪,或者说媒体表现的测量,对于任何类型的网站都是至关重要的,从电子商务网站到联盟营销博客。没有转化跟踪,就无法做出数据驱动的决策。下面是一些额外的原因和例子,说明为什么转换跟踪很重要:
- **立即知道什么有用,什么没用:**无论是登录页面还是脸书上的广告,通过跟踪转化率,你可以看到什么在转化,什么没有,并做出相应的改变。
- **提高投资回报率:**也许一个广告有超高的点击率,但却没有产生任何转化。通过根据转化数据优化或暂停广告,您可以在提高投资回报率的同时降低成本。
- **A/B 测试:**转换跟踪允许你为你的企业设置实验和尝试不同类型的广告活动,例如那些专注于点击、转换、品牌知名度和销售线索的广告活动。A/B 测试即使是登陆页面和你的网站上最小的东西,比如绿色按钮和红色按钮,也会影响你的转化率。
不跟踪转化率就像驾驶一辆不知道目的地的汽车。你只是白白地用汽油。如果我们希望我们的投资有价值,跟踪应该是我们策略的一部分。只有当我们知道什么适合我们的客户时,我们才知道如何更有意义地接触他们。——Divine Riza RDO, WordStream 博客的评论者
转换跟踪指南
大多数第三方网络的转换跟踪涉及到实现您可能听说过的所谓的跟踪像素。这通常需要使用 1×1 像素的透明 GIF。这只是第三方提供的一段代码,你必须把它放到你的 WordPress 站点上。这反过来允许您跟踪访问、网页上的事件、广告展示和您配置的特定转换操作。
需要在这里大声喊出来。Kinsta 太神奇了,我用它做我的个人网站。支持是迅速和杰出的,他们的服务器是 WordPress 最快的。
在本指南中,我们将介绍谷歌分析目标、脸书转化跟踪像素、Twitter 转化跟踪像素和谷歌广告词。跟踪代码可以使用类似于 Google Tag Manager 的工具添加到您的网站,或者手动添加。谷歌分析也可以使用谷歌分析 WordPress 插件来设置。不可能涵盖所有的场景,但是读完这个指南后,你应该对如何在你的 WordPress 站点上实现转换跟踪有了更好的理解。单击下面的链接,向下跳转到该部分。
- 谷歌分析目标 ( 跳转到章节 )
- 脸书在 WordPress 中的转换跟踪(跳转到章节)
- WordPress中的 Twitter 转换跟踪(跳转到部分)
- Google AdWords 在 WordPress 中的转换跟踪(跳转到章节)
- 跟踪同一活动中的不同广告 ( 跳转到 )
谷歌分析的目标
当谈到转换跟踪时,最好从基础开始,这就是如何在 Google Analytics 中创建目标,并将它们绑定到你的 WordPress 网站上的行动中。稍后,您将需要了解目标如何适用于一些额外的转换跟踪设置。
目标衡量你的网站或应用程序实现你的目标的程度。一个目标代表一个完成的活动,称为转化,有助于你的业务成功。目标的示例包括购买(对于电子商务网站)、完成游戏关卡(对于移动游戏应用程序)或提交联系信息表单(对于营销或销售线索生成网站)。
创建转换页面
有很多不同的方法来跟踪转换,但最常见的一种是跟踪联系表单提交。这可以让你知道每周有多少线索,以及哪些广告正在产生这些线索。最简单的方法是使用“感谢”页面。您可以为此页面创建目标,稍后,我们甚至会针对此页面为脸书广告创建自定义活动。
第一步
你需要做的第一件事是在 WordPress 中创建一个“感谢”页面。在你的 WordPress 仪表盘的页面下点击“添加新的”并创建一个“感谢”页面。你想怎么命名都行。但请记住,这是人们在填写联系表格后看到的内容。确保永久链接(URL)是domain.com/thank-you/,因为我们稍后会用到它。
然后在页面描述中填写你想让他们看到的内容。在我们的示例中,您可以看到我们只是让他们知道我们将很快保持联系。然后在准备好之后发布页面。
Create thank you conversion page
第二步
接下来,我们需要在有人填写后,将您的联系表重定向到您的感谢页面。您可以在流行的联系人表单插件的设置中实现这一点。我们在下面列出了几个配置示例。您也可以使用 JavaScript action hooks 而不使用重定向来实现这一点,但是对于那些刚刚开始使用转换跟踪的人来说,重定向工作得很好,并且设置起来很简单。
联系方式 7
在之前的联系表 7 中,on_sent_ok
指令用于将用户重定向到不同的页面。但是,现在不赞成这样做。但是不要担心,您仍然可以在您的站点中添加一点 JavaScript 来实现这一点。我们建议安装免费的代码片段插件。然后简单地使用下面的代码,用你自己的页面替换 https://wpdev.ink/thank-you/。
add_action( 'wp_footer', function () { ?>
<script>
document.addEventListener('wpcf7mailsent', function( event ) {
location = 'https://wpdev.ink/thank-you/';
}, false );
</script>
<?php } );
Contact Form 7 redirect function
重力形式
要在 Gravity Forms 插件中添加一个重定向,点击你的表单上的“编辑”,然后点击“确认”标签。然后,您可以选择“重定向”作为一个选项,并输入您的网址。
Gravity Forms redirect
现在你应该有一个感谢页面和一个重定向到它的联系表单。您可以继续创建目标和自定义转换事件。
创建一个谷歌分析目标
接下来,我们将创建一个基本目标,在我们上面创建的感谢页面上跟踪转化。我们将假设你已经安装了谷歌分析,并在你的网站上运行。如果没有,你可以看看这个简单的指南如何实现谷歌分析,然后继续下面的步骤。
第一步
在谷歌分析中,点击“管理”进入你的视图。点击“目标”并点击“新目标”
You will need “Edit” access at the “Account” level in Google Analytics in order to set up new goals, or you won’t have the ability to follow through on these next steps.
New Goal in Google Analytics
第二步
在本例中,我们只需选择“联系我们”,因为我们希望跟踪联系表单的提交,然后点击 continue。这些参数都可以在以后更改。
Create contact us goal
第三步
你可以给你的目标一个名字。这就是将在目标页面上显示的内容,所以要给它起一个容易识别的名字,尤其是当你在处理多个目标的时候。选择“目的地”并点按“继续”。
Google Analytics goal destination
第四步
在我们的例子中,我们使用了之前创建的感谢页面/thank-you/并在联系人表单插件中使用了重定向。这样,任何点击此页面的人都将在谷歌分析中注册为转换(线索)。您也可以选择为您的转换指定一个货币值。也许每条线索对你来说值 15 美元。然后单击保存。
Goal details
提示:在 WordPress 中使用感谢页面时,确保它被你的 SEO 插件标记为 no-index ,这样谷歌就看不到它了。你不希望任何人点击那个页面,除非他们填写了一张表格。你可以进入“转换>目标>概述”在谷歌分析中查看目标您的目标名称以及完成的次数将会显示出来(如果您设置了目标转换值,还会显示目标转换值)。
Completed Google Analytics goals
这可能是在 WordPress 网站上追踪线索最常见的方式之一。然而,这只能让你看到总的转换数量和他们来自哪个交通媒体。我们可以看到脸书付费流量正在转换,但不是具体的广告(除非你在每个广告上使用自定义 UTM 参数)。接下来,我们将深入探讨与第三方广告商打交道的跟踪和转换像素。这使您可以准确地看到哪些广告正在转化,因此您可以在营销活动中做出更好的数据驱动型决策。
WordPress 中的脸书转换跟踪
许多企业和营销人员在脸书上做广告,因为它有大量的观众。据 Statista 统计,截至 2018 年第三季度,脸书拥有 22.7 亿月活跃用户。
Facebook monthly active users
WordPress 中的脸书转换跟踪基本上是一个四步的过程:
- 创建脸书像素
- 将像素添加到你的 WordPress 站点
- 将像素贴在你在脸书制作的广告上
- 在脸书广告管理器中衡量转化率
下面我们将探讨如何创建脸书像素,如何将它安装在你的 WordPress 网站上,并将其应用到电子商务解决方案中,如 WooCommerce 和 Easy Digital Downloads。
推荐阅读:如何提高你的 WooCommerce 产品页面的转化率
创建脸书像素
脸书曾经有一个转换跟踪像素和一个单独的自定义观众像素。这让营销人员非常困惑,增加了网站不必要的加载时间。好消息是,截至 2016 年 10 月,它们不再支持这些像素,并且已经过渡到通用脸书像素。如果您仍在使用旧的转换跟踪像素,请务必了解它将于 2017 年 2 月 15 日禁用。这种新的通用像素允许转换跟踪,自定义观众,重定目标等。都使用一个脚本。
请记住,默认的属性窗口(或它将注册转换的时间)是查看您的广告后 1 天,点击它后 28 天。按照下面的步骤创建一个。
第一步
转到脸书像素管理器。如果您没有帐户,可以免费创建一个。这是脸书广告管理器后端的一部分。
第二步
点击“创建一个像素”,然后输入你的像素名称。每个广告帐户只能有一个像素,因此请选择一个代表您企业的名称。注意:您可以稍后从脸书像素标签中更改像素的名称。
Create Facebook pixel
第三步
选中接受条款的复选框,然后单击“创建像素”现在你已经创建了一个像素,是时候把它添加到你的 WordPress 站点了。
在 WordPress 中设置脸书像素
为了跟踪脸书的转化率,你需要两种代码:一种是放置在你的 WordPress 网站的每一页上的像素基本代码,另一种是放置在特定网页上的事件代码(这两种代码都是通用像素的一部分)。事件是发生在你网站上的行为,可能是脸书广告(付费)的结果,也可能不是(有机的)。事件代码让你跟踪这些行为,并在广告中加以利用。您必须在网站上将要发生操作的特定页面上安装事件代码。阅读更多脸书活动代码。
有许多不同的方法可以将你的脸书像素代码添加到你的 WordPress 站点。第一个当然是简单地在标签上方手动添加代码。你可以在你的 WordPress 仪表盘的外观>编辑器中编辑你的 header.php 文件。然而,您仍然有脸书事件代码,它只需要放在您的转换页面上。在我们的示例中,我们希望在感谢页面上跟踪一次转换,表单会重定向到该页面。这样做的问题是,没有一种简单的方法可以在没有代码的情况下开箱即用。此外,事件代码的位置取决于动作在网站上的发生方式:页面加载或当某人采取动作时的内嵌。
除非你手头有一个 WordPress 开发者,否则这就是你真正需要插件的地方。注意:截至 2017 年 4 月 20 日,脸书像素已经得到增强,现在可以发送额外的信息,如您页面上的操作,如“添加到购物车”或“购买”点击。这使得实现自定义事件更加容易。
为了充分利用你的脸书像素,我们强烈推荐使用 PixelYourSite 的插件脸书像素。这就是我们将在本教程中使用的。该插件目前有超过 70,000 个活跃安装,评分为 4.9 分。在我们测试的不同插件中,这是目前为止处理脸书像素最好的插件之一。这是非常容易使用,但它也有所有的高级功能,为那些想添加额外的行动和事件。
Facebook pixel plugin
该插件有免费版和高级版。实际上,我们将在本教程的不同部分使用这两个版本。如果你只是简单地跟踪基本的转换,比如从脸书的广告到联系表单的提交,那么免费版就可以了。如果你需要追踪 WooCommerce 产品的转换值,那么你应该投资购买高级版本。另一个你可能想看看的插件是像素咖啡因。
按照下面的步骤在你的 WordPress 站点上设置一个脸书像素。在本例中,我们将为联系人表单提交中的销售线索设置转换跟踪。
第一步
首先,安装免费的脸书像素插件。你可以从 WordPress 知识库下载它,或者在你的 WordPress 仪表盘的“添加新插件”下搜索它。
Install Facebook pixel plugin
第二步
接下来,重新登录脸书像素管理器,复制你的像素 ID。
Facebook pixel ID
第三步
在 PixelYourSite 插件的设置中,将你的脸书像素 ID 粘贴到像素 ID 字段中。
Add Facebook pixel ID in WordPress
第四步
向下滚动并检查“激活插件常规设置”设置。然后点击“保存设置”
Pixel ID activate settings
Verify Facebook pixel
你的脸书像素现在运行在你的 WordPress 网站的每一页。你可以很容易地用免费的脸书像素助手 Chrome 扩展验证这一点。简单地启动你的 WordPress 站点,确保一切都检查完毕。
第五步
现在是时候添加事件了。点击“事件”选项卡,然后点击“添加新事件”
Add new event
第六步
对于 URL,我们将使用我们之前创建的感谢页面。然后选择“领导”作为事件类型。如果您愿意,也可以指定一个货币值,但是这是可选的。然后点击“添加”
Add custom FB event
第七步
然后选择“激活事件”并点击“保存设置”
Save Facebook event
然后,您也可以用脸书像素助手扩展来验证这一点。浏览到您的感谢页面,您应该会看到一个仅在该页面上触发的附加事件。
Verify Facebook lead event
这样你就可以跟踪脸书那边负责转化的广告(联系表单提交)。当你在脸书广告管理器中创建广告或发布帖子时,只需确保你选择了新的“脸书像素”像素必须附在你运行的每一个广告上,这样数据才能从你的 WordPress 网站流回脸书广告管理器。
Facebook ads pixel
成功的转换和/或销售线索将显示在脸书广告管理器的“销售线索”栏中。
Facebook leads
就是这样!现在你知道了如何从你的 WordPress 网站上的联系表单提交中追踪转换,并追踪到你的脸书广告。这让你可以看到哪些广告和增加的帖子正在转化为实际收入,这样你就可以微调你的广告策略和支出。
在 WooCommerce 中设置脸书像素
现在是时候在 WooCommerce 中设置你的脸书像素了。我们将使用相同的脸书像素插件。但是,您可能需要高级版本,这取决于您想要跟踪的内容。如果你只是想跟踪个别产品上的广告转换,那么免费版本将会很好。如果你想传递“价值和货币”以及转换数据,那么你需要高级版本。你可能也想看看像素咖啡因插件。
当使用 WooCommerce 等电子商务解决方案来跟踪转化率时,另一个建议是在您自己的网站上进行支付,而不是在购买后依赖第三方重定向。PayPal 和 Stripe 等许多支付网关都有办法让你在 WooCommerce 的结账过程中接受信用卡。这确实需要你的 WordPress 站点上的 SSL 证书,但是现在许多 WordPress 主机免费提供 SSL 证书。通过取消第三方重定向,这有助于确保更好的数据跟踪,并降低额外的复杂性。
使用方形?来看看我们的深度对比:条纹 vs 方形。
第一步
在 PixelYourSite 插件设置中,点击进入“WooCommerce 设置”标签。然后选择“启用脸书动态产品广告”选项
Facebook pixel WooCommerce setup
这将激活所有默认事件并提取 content_ids 和 content_type,这是 FB 动态广告运行的必要参数。在我们的例子中,我们真的只关心它激活下面的特性,这是感谢页面上的购买事件。WooCommerce 有一个动态的结帐页面,这意味着一个事件必须以某种方式来注册转换。
WooCommerce purchase event on thank you page
第二步
然后向下滚动,选择“激活 WooCommerce 像素设置”,点击“保存设置”
Activate WooCommerce pixel
这样你就可以跟踪脸书那边负责转化(在你的 WooCommerce 网站上成功购买)的广告。当你在脸书广告管理器中创建广告或发布帖子时,只需确保你选择了新的“脸书像素”同样,像素必须附加到你运行的每一个广告上,这样数据才能从 WooCommerce 返回到脸书广告管理器。
Facebook ads pixel
成功的转换和/或销售线索会出现在脸书广告经理的“购买”栏中。您可以自定义脸书广告管理器中的栏目,以显示您想要的转换类型。在前面的例子中,我们使用了“leads”事件类型。在本例中,您可能希望选择“购买”事件类型。
Facebook ads manager purchase column
第三步(可选)
如果你有插件的高级版本,我们建议选择“启用值”这将把购买产品的价值传递给脸书。
WooCommerce value conversion pixel
然后,您可以添加额外的列,如“购买转换值(脸书像素)”来查看脸书广告管理器中的数据。
Purchase conversion value
就是这样!你现在可以追踪你所有的 WooCommerce 销售,一直追溯到你的脸书广告,精确到一分钱!
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
在简易数码下载中设置脸书像素
我们没有忘记你们中那些运行简易数字下载的人。事实上,我们是 EDD 的超级粉丝!好消息是,同一个脸书 Pixel by PixelYourSite 插件确实支持 EDD。但是它要求你购买高级版本。另一个你可能想试试的插件是像素咖啡因。
第一步
在 PixelYourSite 插件设置中,点击进入“轻松数字下载”标签。然后选择“启用脸书动态产品广告”选项
Easy Digital Downloads conversion pixel
这将激活所有默认事件并提取 content_ids 和 content_type,这是 FB 动态广告运行的必要参数。在我们的例子中,我们真的只关心它激活下面的特性,这是默认的 EDD 成功页面上的购买事件。EDD 有一个成功页面,这意味着一个事件必须以某种方式注册转换。因为你有高级版本,你也可以选择“启用值”选项来传递转换值到脸书。
Easy Digital Downloads purchase event
第二步
然后向下滚动并选择“激活轻松数字下载像素设置”,然后单击“保存设置”
Activate Easy Digital Downloads pixel
就是这样!你现在可以追踪你在 EDD 的所有销售,一直追溯到你在脸书的广告,精确到一分钱!
WordPress 中的 Twitter 转换跟踪
许多企业和营销人员在 Twitter 上做广告,因为它拥有庞大的受众。它可能没有脸书大,但根据 Statista 的数据,截至 2018 年第三季度,Twitter 平均每月活跃用户数为 3.26 亿。正如大多数人所知,Twitter 的年增长率略有下降,但月用户数量相对保持不变。在金斯塔,我们是推特的忠实粉丝!
Twitter monthly active users
下面我们将探讨如何创建 Twitter pixel,如何将它安装在你的 WordPress 站点上,以及如何将其应用到电子商务解决方案中,如 WooCommerce 和 Easy Digital Downloads。
创建 Twitter 跟踪像素
Twitter 比脸书更容易使用,它只使用一个像素,或者他们称之为网站标签 T1。按照以下步骤创建 Twitter 跟踪像素。
第一步
登录您的 Twitter 广告账户。如果你没有,你可以免费注册。在“工具”下,点击“转换跟踪”
Twitter ads conversion tracking
第二步
接受条款并点击“生成用于转换跟踪的网站标签”
Create Twitter website tag
仅此而已。你现在有了一个网站标签(Twitter Pixel ),可以在你的 WordPress 站点上使用。遵循下一节关于如何实现代码的内容。
Twitter pixel tag
在 WordPress 中设置 Twitter Pixel
现在是时候在 WordPress 中设置你的 Twitter Pixel 了。不幸的是,PixelYourSite 的开发者还没有添加 Twitter 支持,尽管他正计划。所以这就是我们将使用免费的跟踪代码管理器插件的地方。该插件目前有超过 80,000 个活跃安装,评分为 4.2 分(满分为 5 星)。在免费版本中,您可以添加多达 6 个脚本。
Tracking Code Manager plugin
按照下面的步骤在你的 WordPress 站点上设置一个 Twitter pixel。在本例中,我们将再次为联系人表单提交中的销售线索设置转换跟踪。
第一步
首先安装免费的跟踪代码管理器插件。你可以从 WordPress 知识库下载它,或者在你的 WordPress 仪表盘的“添加新插件”下搜索它。
Install Tracking Code Manager WordPress plugin
第二步
在跟踪代码管理器插件的设置中,单击“添加新脚本”标签。你可以给它一个名字,然后粘贴你的 Twitter 像素代码。对于我们在
Twitter pixel settings
就像脸书一样,也有一个 Twitter 像素助手 Chrome 扩展。你可以浏览你的 WordPress 站点,确认它正在拾取你的像素。
Twitter pixel helper
第三步
然后,我们不在 WordPress 插件中创建转换,而是从 Twitter 广告管理器中创建。在“工具”下,点击“转换跟踪”,然后点击“创建新的转换事件。”
第四步
为您的活动命名。我们将把我们的命名为“领导”自定义似乎最适合这种情况,因为铅不是转换类型的选项。选择通用标签并输入您的转换 URL。在我们的例子中,这是我们之前创建的“感谢”页面。然后点按“存储转换事件”
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
Twitter custom URL conversion
注意:请记住,默认的属性窗口(或它将注册转换的时间)是查看您的广告后 1 天,点击它后 30 天。雇佣后归因窗口可以设置为 1 天到最多 90 天。然后,您可以在 Twitter 广告管理器中查看转化率。
See Twitter conversions
在 WooCommerce 中设置 Twitter Pixel
现在是时候在 WooCommerce 中设置你的 Twitter Pixel 了。我们将使用相同的免费跟踪代码管理器插件。
第一步
如果你既想跟踪网站上的联系表单提交(就像我们上面展示的),也想跟踪 WooCommerce 订单,那么必须用 Twitter 创建一个单独的事件像素。所以登录到 Twitter 广告管理器。在“工具”下,点击“转换跟踪”,然后点击“创建新的转换事件。”
Create Twitter conversion event
第二步
为您的活动命名。我们将把我们的命名为“WooCommerce 购买”这肯定和你的通用像素不一样。选择“使用单个事件网站标签”。然后点按“存储转换事件”
Twitter single event pixel
第三步
在跟踪代码管理器插件的设置中,单击“添加新脚本”选项卡。你可以给它一个名字,然后粘贴你的单事件 Twitter 像素。选择“在 WooCommerce 中跟踪转换”然后点击“保存”
Add Twitter pixel in WooCommerce
单个事件像素现在只会在 WooCommerce 动态结账页面上触发。这使得 Twitter 知道在 WooCommerce 购买后何时发生了转换。
在简易数字下载中设置 Twitter Pixel
现在是时候在轻松数字下载中设置您的 Twitter Pixel 了。我们将使用相同的免费跟踪代码管理器插件。
第一步
如果你既想跟踪网站上的联系表单提交(就像我们上面展示的那样),又想跟踪简单的数字下载订单,那么必须用 Twitter 创建一个单独的事件像素。所以登录到 Twitter 广告管理器。在“工具”下,点击“转换跟踪”,然后点击“创建新的转换事件。”
Create Twitter conversion event
第二步
为您的活动命名。我们将把我们的命名为“EDD 购买”这肯定和你的通用像素不一样。选择“使用单个事件网站标签”。然后点按“存储转换事件”
Twitter single event pixel in EDD
第三步
在跟踪代码管理器插件的设置中,单击“添加新脚本”选项卡。你可以给它一个名字,然后粘贴你的单事件 Twitter 像素。选择“轻松数码下载中的音轨转换”然后点击“保存”
Add Twitter pixel in Easy Digital Downloads
单个事件像素现在将在简易数字下载动态成功页面上触发。这使得 Twitter 知道在一次简单的数字下载购买后何时发生了转换。
WordPress 中的 Google AdWords 转换跟踪
谷歌广告词可能是最受欢迎的广告形式,因为你可以马上出现在谷歌的顶部。这可能不是最便宜的方法,但如果你想被人看到,并立即产生线索,AdWords 可以是一个快速的胜利。看看这些使用 AdWords 的 10 个理由。在我们看来,它也可能比脸书更容易获得转换跟踪和运行,因为你没有一堆自定义事件,你必须担心。按照下面的步骤,在你的 WordPress 网站上用 Google Adwords 设置转换跟踪。
如何为 WordPress 网站设置 Google AdWords 转换跟踪
在一个基本的 WordPress 网站上跟踪 AdWords 转换的最简单的方法是使用 Google Analytics goals。首先,你需要确保你有谷歌分析和谷歌广告词链接。
第一步
在继续之前,请确保您首先在 Google Analytics 中设置了一个目标。可以关注我们上面的教程。要将它们链接在一起,请在谷歌分析中点击“管理>广告词链接”。选择你的 AdWords 账户,打开你的 WordPress 站点默认视图的链接。然后单击保存。
第二步
然后在谷歌 AdWords 中,点击进入“工具”和“谷歌分析”。您应该会看到要导入的目标列表。正如您在下面看到的,我们有我们之前创建的“联系我们提交”目标。选择它并点击“导入”
第三步
然后,您可以为您的联系人表单提交和/或销售线索分配一个货币值,并单击“导入目标”
AdWords conversion settings
转换现在将显示在广告词的活动,产生一个联系形式提交。相当简单!
如何在 WooCommerce 中设置 Google AdWords 转换跟踪
对于 WooCommerce,我们将在 Google AdWords 中手动创建一个单独的转换跟踪代码。有一些插件可以在 Google Analytics 中为购买创建目标,但是,我们尝试的很多插件都有这个问题。即使是官方的 WooCommerce Google Analytics 插件也只有 2.9 的 5 星评级,许多报告数据报告不准确的问题。你也可以利用谷歌分析的电子商务功能,但那要更高级一点。最简单的方法之一是简单地使用手动转换代码。
第一步
在 Google AdWords 中,点击进入工具,然后点击“+转换”
Create AdWords conversion
第二步
选择“网站”
AdWords website conversion
第三步
我们将为我们的转换命名为 WooCommerce Conversion。对于这个值,你有两个选择。您可以不导入该值,或者使用动态值来获取 WooCommerce 值。我们建议这样做。但是请注意,它需要高级版本的跟踪代码管理器插件来跟踪动态值。如果你只是想跟踪广告的转化,你可以选择不赋值,使用插件的免费版本。对于这第一步,选择“不赋值”对于类别,选择“购买”,然后单击“保存并继续”
Custom conversion code in AdWords
第四步
在跟踪代码管理器插件的设置中,单击“添加新脚本”标签。你可以给它一个名字,然后粘贴你的 AdWords 自定义转换代码。选择“在 WooCommerce 中跟踪转换”然后点击“保存”
Add AdWords WooCommerce pixel
第五步(可选)
如果你想把你的 WooCommerce 产品的动态值传递回 AdWords,你需要这个插件的高级版本,并修改你的 AdWords 转换脚本。这些变化在下面用粗体显示。也可以参考文档。
<!-- Google Code for WooCommerce Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = xxxxxxxxx;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "x44gCKn3im0Q7eOe7gM";
var google_conversion_currency = "USD";
var google_conversion_value = @@[[email protected]](/cdn-cgi/l/email-protection)@;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/xxxxxx/[[email protected]](/cdn-cgi/l/email-protection)@[[email protected]](/cdn-cgi/l/email-protection)@¤cy_code=USD&label=x44gCKn3im0Q7eOe7gM&guid=ON&script=0"/>
</div>
</noscript>
就是这样!你现在可以追踪你所有的 WooCommerce 销售,一直追溯到你的 Google AdWords 活动。
如何在轻松数字下载中设置 Google AdWords 转换跟踪
现在是时候在轻松数字下载中设置 Google AdWords 转换跟踪了。这与上面的 WooCommerce 设置非常相似。我们将再次使用同一个免费的跟踪代码管理器插件。
第一步
在 Google AdWords 中,点击进入工具,然后点击“+转换”
Create AdWords conversion
第二步
选择“网站”
AdWords website conversion
第三步
我们会给我们的转换一个名字,轻松数字下载转换。对于这个值,你有两个选择。您可以不导入该值,也可以使用动态值来获取简易数字下载值。我们建议这样做。但是请注意,它需要高级版本的跟踪代码管理器插件来跟踪动态值。如果你只是想跟踪广告的转化,你可以选择不赋值,使用插件的免费版本。对于这第一步,选择“不赋值”对于类别,选择“购买”,然后单击“保存并继续”
Custom AdWords conversion code in Easy Digital Downloads
第四步
在跟踪代码管理器插件的设置中,单击“添加新脚本”标签。你可以给它一个名字,然后粘贴你的 AdWords 自定义转换代码。选择“轻松数码下载中的音轨转换”然后点击“保存”
Add AdWords Easy Digital Downloads pixel
第五步(可选)
如果您想将轻松数字下载产品的动态值传递回 AdWords,您将需要该插件的高级版本并修改您的 AdWords 转换脚本。这些变化在下面用粗体显示。也可以参考文档。
<!-- Google Code for Easy Digital Downloads Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = xxxxxxxxx;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "x44gCKn3im0Q7eOe7gM";
var google_conversion_currency = "USD";
var google_conversion_value = @@[[email protected]](/cdn-cgi/l/email-protection)@;
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/xxxxxx/[[email protected]](/cdn-cgi/l/email-protection)@[[email protected]](/cdn-cgi/l/email-protection)@¤cy_code=USD&label=x44gCKn3im0Q7eOe7gM&guid=ON&script=0"/>
</div>
</noscript>
就是这样!你现在可以追踪你所有的 EDD 销售,一直追溯到你的 Google AdWords 活动。
跟踪同一活动中的不同广告
在同一个活动中有两个不同的广告,都导致相同的转换和/或感谢页面?别担心,有几种方法可以让你深入了解,看看到底是哪个广告被转换了。
选项 1–链接 AdWords 和 Google Analytics
第一个也是最简单的方法就是将 AdWords 和 Google Analytics 连接起来。详细的转换数据,包括广告,然后通过双方。然后你可以深入到“收购→谷歌广告→活动→广告内容”来查看哪些广告被转化了。
选项 2–使用 UTM 参数
您也可以使用 UTM 参数。事实上,你应该总是使用这些来获得额外的数据。您可以使用谷歌营销活动 URL 构建器工具来创建这些。
例如,下面是我们将用来跟踪 AdWords 中两个不同的广告,导致同一页面。
https://kinsta.com/?utm_source=ad-campaign&utm_medium=cpc&utm_content=ad1
https://kinsta.com/?utm_source=ad-campaign&utm_medium=cpc&utm_content=ad2
然后你可以在 Google Analytics 中向下钻取“收购→活动→所有活动→广告内容”来查看哪些广告被转化了。
摘要
正如你所看到的,WordPress 转换跟踪并不需要太难。肯定有很多不同的方法可以设置它。但是希望上面的教程能让你快速上手,并对一些容易实现的解决方案有更好的理解。我们计划在未来更新这个指南,增加一个额外的谷歌标签管理器部分,所以一定要把它收藏起来。有任何 WordPress 转换跟踪技巧吗?如果是这样,我们很想听听他们的下文。
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
如何提高你的 WooCommerce 产品页面的转化率
原文:https://kinsta.com/blog/conversions-woocommerce-product-pages/
获得了巨大的流量,但没有人购买?拥有大量的访问者是每个在线商店的梦想,但是如果没有他们的购买和转化,你所有的努力都会白费。
这就是为什么你的网上商店的转换率是衡量你的工作成功和提高你的网上商店业绩的一个重要指标。
什么是转化率?
简而言之,转化率是导致期望的电子商务行为的访问百分比。很多时候,我们认为这是销售,但转换可能包括许多不同的东西。典型的电子商务行为包括以下内容:
- 电子邮件订阅
- 社交媒体分享
- 购物车附加物
- 表单提交
- 产品采购
以上所有类型都很重要,应该对你很重要。但是,在这篇文章中,我们将着重于提高你的 WooCommerce 产品页面的转化率,这将有助于把访问者变成真正的付费客户。
T3】
测量转换率
提高你的产品页面转化率将推动你最想要的电子商务行动:销售。但是,你怎么计算你的转化率呢?
如何衡量转化率
转化率测量有助于我们确定有多少访问者变成了买家。为了进一步说明,请参见下面的转换率公式。
Kinsta 把我宠坏了,所以我现在要求每个供应商都提供这样的服务。我们还试图通过我们的 SaaS 工具支持达到这一水平。
Conversion rate formula
同样,您可以用任何想要度量的操作来替换转换。大多数电子商务分析工具,如谷歌分析可以很容易地为你提供你想要的转化率。对于 WooCommerce 用户,你可以使用可用的谷歌分析插件方便地集成它,如 WooCommerce 谷歌分析。
有了 Google Analytics,你可以深入挖掘你的历史数据,找出你的产品页面无效的原因,了解需要改进的地方。
假设你的数据告诉你,你的每月访客增加了 10%,但产品购买量下降了 50%。这告诉你有问题。这可能是你吸引了错误的客户,或者他们没有被你的产品页面所说服。
为了帮助你评估你的转化率,请查看谷歌分析中的这些不同的电子商务转化率指标。注意:您需要打开增强型电子商务来查看以下报告。
购物行为分析–帮助您分析销售漏斗每个阶段包含的会话数量。有多少次会议从一个步骤继续到下一个步骤,有多少次会议在每个销售阶段放弃了漏斗。
Shopping behavior analysis in Google Analytics
结账行为分析–帮助您直观了解成功通过结账流程的用户数量。
Checkout behavior analysis in Google Analytics
产品表现–帮助您了解您的产品在收入、价格、数量和用户参与度方面的表现。
Product performance in Google Analytics
什么是好的转化率?
你应该记住,一个好的转化率取决于你所在的行业和你服务的领域。但是,如果你正在寻找基线目标,这里有 Q1 2018 全球基准你应该努力跟上:
- 产品转化率 : 2.59%
- 加入购物车比率 : 9.89%
您还应该注意以下领域,因为它们会让您了解您正在失去客户的具体领域:
- 购物车放弃率(目标低于 75.6% ):当购物者将商品放入购物车,然后离开网站。
- 结账放弃率(目标低于 46% ):当购物者已经开始结账过程,然后离开。
- 跳出率:当访问者浏览完一页后离开。
- 退出率:当一个访问者在你的网站上访问了不止一个网页后离开。该比率应低于
但是,好是相对的。
还有其他各种各样的方面要考虑,如流量来源,目标市场,位置,等等,然后你才能说你有一个好的转化率。
这个问题最现实的答案是:一个好的转化率比你上个月得到的。(来源:ConversionXL)
T5】
提高产品页面转化率的 7 种方法
以下是制作高转化率产品页面的最佳实践纲要。
1.轻松找到合适的产品
当购物者访问你的网上商店并浏览产品页面时,时间已经开始了。如果购物者花费太多的时间和精力去寻找他们想要的东西,他们不改变主意的可能性就越大。
让事情变得更容易和简单会影响你的顾客立即购买。为此,您可以确保具备以下特性:
- **改进现场搜索:**使用 Algolia 添加实时搜索、过滤器、索引等功能。你也可以用 Elasticsearch 加速搜索。
- 改善您网站上的导航:分层的产品导航可以根据类别、价格范围、颜色、尺寸或任何其他可用的产品属性轻松找到产品。您可以使用支持 Ajax 的增强型分层导航来实现这一点。
- **实施产品比较:**顾客购买决策过程的一部分是比较产品。他们想比较产品的特点、优点和价格,以了解哪种产品适合他们。尝试使用产品比较来简化这一过程。
- 启用 Messenger 实时聊天主动为正在浏览的购物者提供帮助,或者显示一个聊天窗口,以便他们能够联系到您。你可以用的 WooCommerce 插件轻松做到这一点。
Facebook live chat for WordPress
2.使用高质量的产品图片
人是高度视觉化的。产品图片是任何产品页面的圣杯。由于没有任何物理接触,在线商店非常依赖产品图像作为在线购物者的参考点。产品图片可以回答购物者的一些问题,而不需要浏览冗长的产品描述。
这里有一些简单的技巧来改善你的产品形象和你的整体视觉内容战略:
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
- 高分辨率是必须的:看过高质量产品图片的顾客比没有看过图片的顾客转变观念的可能性高三倍。从购物者的角度来看,低分辨率的图片会妨碍他们进一步检查产品,让你的公司看起来不专业,不可信。
- **缩放功能:**使用缩放功能可以对产品图像进行交互式缩放或平移,这是购物者的最爱。事实上,38%的在线购物者更有可能从具有产品缩放功能的在线商店购买产品。
- **360 度产品视图:**使用 360 度产品视图,您可以展示产品的不同尺寸、角度和视角。网上商店已经看到展示 360 度图片的产品比展示静态图片的产品销售额增长了 6%。
例如,Wiggle.co.uk 在其产品页面上结合了 360 度和缩放功能,使购物者能够缩放、旋转和改变产品的视角。
Quality WooCommerce product images (Image source: Wiggle)
3.删除内容中的行话
言语是有力量的。你应该在你的产品页面上附上高质量的内容,以促使你的客户更有可能购买。让你的内容更容易在头脑中处理,并尝试以你的目标受众会产生共鸣的方式写作。尽可能真实地展现你的写作风格,就像你平时和朋友聊天一样。
请记住,你不只是提供信息与你的内容,你也告诉你是谁,这是一种方式来说服购物者购买。事实上,质量描述可能会将转化率提高 78% 。
不要试图用花哨、复杂的商业语言让人们惊叹——这是行不通的。
你为人们写作——人们阅读你的网站,并根据你的话决定购买。投资写你的产品描述,让他们听起来积极和友好,以表明你是一个开放和迷人的品牌。
看看 Wristology 如何写出漂亮迷人的产品描述,就像你在和朋友聊天一样。
Great content in WooCommerce
4.开展促销活动以增加紧迫性
根据销售大师金克拉的说法,人们不从你这里购买的原因只有四个:
- 不需要
- 没钱
- 不信任
- 不着急
虽然你对前两个原因无能为力,但你绝对可以影响紧迫性并建立信任。让我们先讨论创造紧迫感,然后再讨论信任。
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
你可以通过触发供求法则来增加产品页面的紧迫性。你可以创造两种稀缺:
- 与数量相关的稀缺性(此价格只剩 2 件商品)
- 与时间相关的稀缺性(购买的最后时间)
如果你的产品供应源源不断,你可以发放限时奖励,给前 X 个买家一份免费礼物,或者给他们一个折扣,如果他们在一定时间内完成购买的话。
例如,这家在线商店通过使用 WooCommerce 的Beeketing插件添加倒计时器,为你的报价设置紧急触发器。带有倒计时器的优惠将告诉购物者,如果他们想利用这笔交易,那么他们必须迅速行动。
WooCommerce countdown timer
提示:稀缺的原因应该是真实的。永远不要对你的顾客撒谎。如果是假稀缺,你的客户聪明到可以识别,你的可信赖度就直线下降。
您还可以创建消息,告诉购物者产品的供应有限或库存已经很低,因此可能不会很快供应。使用“库存仅剩 3 台”或“交易将在 2 小时内到期”等信息。下面是它可能的样子。
WooCommerce left in stock
5.建立信任
现在,我们来谈谈信任。信任是成功转化的重要因素。但是为什么顾客在购买前信任网上商店很重要呢?嗯,因为网上交易包括个人信息,如姓名、家庭住址和信用卡信息。另外,还有钱的问题。
通过在主页或产品页面上放置明显的信任标志,你可以很容易地建立网站的可信度。事实上,网上购物者信任未知网站的第二大因素是像迈克菲一样贴上信任标志。
此外,通过展示你满意的顾客的诚实的证明和评论来让你的访问者放心。74% 的顾客表示,正面评价让他们更加信任一家企业。
你也可以通过显示社交证明来增加可信度,比如弹出消息,告诉别人正在看一件商品,或者最近购买了该商品,就像这样。
Social proof
6.挽救丢失的转换
你知道吗,高达 98%的访问者在第一次访问时不会购买你的产品。呀,真的那么高。对于许多在线商店来说,这是一个具有挑战性的问题,尤其是因为流量难以获得。想象一下那些可能丢失的转换。
但是有很多方法可以挽救那些看似失去的机会。以下是一些例子:
- 建立愿望清单功能:有时购物者只是还没准备好购买。在你的产品页面上提供意愿列表按钮是很重要的,这样他们就可以保存产品,以后再回来,然后完成购买。有了愿望清单功能,就不会浪费潜在的转化。
- 通过放弃邮件重新锁定客户:你也可以通过发送购物车放弃邮件来委婉地提醒你的购物者他们被放弃的购物车。您可以使用 WooCommerce 的内置功能方便地设置自动电子邮件来回收废弃的购物车,或者通过 WooCommerce 插件的 Beeketing 中的 Mailbot 应用程序自动完成这项工作
7.在购物者之前,将自己与竞争对手进行比较
每种产品和服务都有其直接和间接的竞争对手。研究表明,人们总是在比较购物。在购买之前,他们会先去三个网站寻找最好的产品。
将这一点付诸行动,让它成为你的优势——在购物者之前将你的产品与他人进行比较。
人们通常只看价格和产品特性等最重要的东西。既然你在控制,你就能控制对话。比如说,你的产品比你的竞争对手贵,那么你能做的就是把你的优势放在你的对比表中最引人注目的部分。
这样你就解释了为什么购买贵的产品比购买竞争对手的便宜产品更有利。
有一个产品比较表可以帮助防止你的访问者离开你的网站。同样,由于您负责沟通,您可以将您的产品展示为最佳选择,就像 Formstack 如何将其产品与其他 form builder 服务进行比较一样。
Comparison chart (Image source: Pinterest)
摘要
通过优化你的产品页面,你正在提升你的产品页面应该做的事情:转换。有很多方法可以提高你的产品页面转化率,但主要的想法是创造一个积极的购物体验。
您可以通过确保您的客户能够轻松搜索到合适的产品、用高质量的照片直观地检查产品、理解您的内容、避免不信任并无缝地完成购买来实现这一点。
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
无 Cookies 的未来:为第三方 Cookies 的终结做准备
每个人都喜欢饼干。或者他们有吗?就像燕麦葡萄干一样,人们要么喜欢要么讨厌第三方网络饼干。现在,像谷歌这样的主要玩家正试图完全淘汰它们。
这种逐渐远离第三方 cookiess 的转变被称为“无 cookie 的未来”尽管专家说,无烹饪的未来预示着隐私和安全的美好前景,但它无疑给营销人员、企业和网站所有者带来了许多挑战和障碍。即使是消费者也会有一些事情需要解决。
Cookies don’t look as tasty as they used to
随着无烹饪的未来即将到来,现在是准备的最佳时机。在这篇文章中,我们将了解更多关于无烹饪的未来,它的影响,以及我们如何充分利用它。
请继续阅读,了解更多信息,并开始告别 cookies——或至少告别数字 cookie。
什么是“无烹饪”的未来?
顾名思义,无 cookiess 的未来指的是最近的一种转变,即不再出于各种目的使用第三方 cookie。
但是这有什么意义呢?虽然你可能已经知道什么是 cookie,但你可能不知道它们的使用频率——或者它们带来的隐私问题。
随着用户隐私和安全在网络上变得越来越重要,谷歌、火狐和其他大型网络公司开始完全放弃某些 cookies。
Google Chrome and other browsers plan to drop third-party cookies (Source: MarTech)
虽然这可能是用户隐私的胜利,但它也给网站所有者和营销人员带来了很多不确定性,他们使用第三方 cookies 来跟踪个人用户并显示相关广告。因此,随着主要参与者继续向无烹饪的未来过渡,许多人都在争夺同样美味的替代品。
但是在我们深入研究之前,让我们简单回顾一下 cookies 到底是什么以及它们是如何造成危害的。
The end of cookies is near… here’s everything you need to know 🍪Click to Tweet
什么是饼干?
在网络上,cookies 是包含有助于识别您和您的计算机的用户数据的小文件。这些用户数据可能包括您的用户名、密码或电子邮件地址。
Just like their baked counterparts, web cookies come in several flavors (Source: Panda Security)
因为它们的主要目的是识别身份,所以 cookies 在很大程度上就是用来识别身份的:告诉网站你是谁。正如您所想象的,这使得 cookies 对许多应用程序都很有用,从维护登录会话到通过上下文定位投放广告。
就像他们的同名糖果一样,饼干也有几种不同的口味——有些比其他的更可口。
在任何情况下,cookies 都是由您访问的网站的 web 服务器提供给您的。如果你访问的网站没有选择不提供曲奇饼,你通常会得到两种主要“口味”中的一种。
- **第一方 cookie:**cookie 直接从您访问的网站提供。这些通常用于维护会话,因此您下次访问时将保持登录状态。在大多数情况下,只要您访问的网站没有被破坏,第一方数据就是安全的。
- **第三方 cookie:**由不在您访问的网站上的第三方提供的 cookie。这些 cookies 通常通过广告或其他功能链接到第三方。因此,即使是最善意的网站所有者也可能成为第三方 cookies 的渠道,例如,如果他们列出了来自信誉不佳的第三方的广告。
不难想象,在我们的两种口味中,第三方饼干更具争议。在下一节中,我们将探究为什么它们会引起如此多的关注,以及为什么它们会被如此广泛地使用。
第三方曲奇争议
第一方的数据通常是相当良性的(本质上是口味的“巧克力片”),第三方的饼干就不那么无辜了,它们背后的争议是无饼干未来的主要原因之一。
但是是什么让它们如此有争议呢?
首先,第三方 cookies 经常未经消费者同意就被发送出去。这意味着当你浏览时,你访问的广告可能会将第三方 cookies 偷偷放入你的电脑,让这些第三方跟踪你上网的位置。
Cookies have clever ways of following you around
在最好的情况下,第三方 cookies 使用这种跟踪功能在您访问的其他网站上提供个性化体验(主要是个性化广告)。你可以跟着图片看用户如何获得第三方 cookie,这改变了他们获得广告的方式。
这有什么大不了的?当然,定向广告可能有点令人毛骨悚然,但也没那么糟糕——对吧?
是也不是。Cookies 本身没有本质上的坏或有害,第三方或其他。然而,许多用户只是对被跟踪感到不舒服。
此外,尽管 cookies 本身是安全的,但它们有时也是安全威胁的载体,如跨站点请求伪造攻击(CSRF)和跨站点脚本(XSS) 。虽然我们稍后会深入探讨这些问题,但现在要知道,这两种(以及其他)威胁都有可能让恶意第三方对完全无辜的网站实施网络攻击。
这些隐私和安全问题已经足够让许多主要的搜索引擎技术平台倒闭。但是“无烹饪”到底是什么样子的呢?
“无烹饪”是什么意思?
“无 cookiess”意味着不使用或不接受第三方 cookie。
由于我们的许多网络体验依赖于 cookiess 来实现个性化,很难想象没有 cookie 的生活会是什么样子。在没有某种身份识别手段的情况下,我们应该如何保持登录、获得个性化体验,或者投放有针对性的广告?
令人欣慰的是,有许多替代方案可以让我们拥有 cookie 的所有功能,而不需要 cookie 本身。尽管许多网站和浏览器仍在转型,但这些转型都是为了一个共同的目标:一个没有烹饪的未来。
为什么没有烹饪的未来?
没有烹饪的未来有很多好处,尤其是在安全方面。
然而,这些好处看起来更像是给网站所有者和营销人员带来的不便,尤其是 97%的广告商使用第三方数据和 cookies。因此,许多人开始质疑为什么没有烹饪的未来是必要的。
97% of advertisers use third-party cookies to track their audiences (Source: Advertiser Perceptions)
谢天谢地,网站所有者和营销人员仍将能够个性化体验和目标用户——只是没有 cookies 固有的隐私和安全问题。要做到这一点,他们必须利用 cookie 替代品,如永久网络 id 等第一方数据和谷歌隐私沙箱等工具。
另外,一个没有烹饪的未来也许并不完全没有烹饪。由于第三方 cookie 是主要问题,许多网站可能仍然能够继续使用第一方 cookie(他们自己提供的 cookie)而不用担心。
但是,即使有隐私和安全方面的好处,没有烹饪的未来仍然会让人觉得是一个大麻烦。令人欣慰的是,正如我们接下来将看到的,有更多的理由采用 cookie 限制——其中一些甚至可以节省成本。
为什么 Cookies 会被淘汰?
隐私和安全问题是 cookie 淘汰背后的最大原因。因此,大多数买家和卖家认为,从长远来看,逐步淘汰实际上会让数字广告受益。
Most people believe that a cookieless future is for the best (Source: Advertiser Perceptions)
虽然这可能足以继续下去,但还有其他原因说明无烹饪的未来是一个好主意。让我们更深入地探讨一下这些重要因素。
隐私
隐私可能是围绕第三方 cookies 的最大担忧,也是许多品牌和公司摆脱它们的最大原因。
正如我们已经讨论过的,第三方 cookies 会带来一系列隐私问题。对于大多数人来说,最大的问题是在不知情的情况下跟踪用户行为。在这里,广告商和其他第三方(无论恶意与否)早就可以在用户的浏览器中存储 cookies。
尽管像《通用数据保护条例》( GDPR)这样的法律现在要求用户同意 cookies,但许多用户出于习惯或方便,只是点击这些提示(如下所示)。
A consumer consent prompt from Facebook
因此,不管 GDPR 合规性如何,第三方 cookies 仍然是一个普遍存在的问题。
此外,cookies 可以帮助第三方建立详细的——而且可能是侵入性的——用户档案,而不仅仅是跟踪用户行踪和发布广告。尽管一些社交媒体平台向他们的用户开放了一些个人资料,但大多数人还是震惊地发现他们的平台对他们的了解有多少。
无论如何,这看起来都有点令人毛骨悚然和侵犯性。随着品牌更加重视消费者的信任和隐私,他们也开始拥抱一个无烹饪的未来,这样他们就可以建立更好的客户体验。
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
安全性
好像侵犯你的隐私还不够似的,cookies 还会带来一些安全风险。说到有不速之客!
以下是 cookies 可能带来的一些主要安全问题。
- **跨站点请求伪造(CSRF 或 XSRF)😗*cookie 可能保存有价值的信息,但它们并不聪明——聪明到无法分辨请求是来自可信用户还是其他人。结果,许多恶意第三方利用 cookies 来执行 CSRF 攻击。这些攻击通过可信网站将有害 cookies 偷偷植入用户的浏览器,只为他们在用户访问的各个网站执行恶意请求(如删除文件)。
- 跨站脚本(XSS): 被攻破的网站通常被用作发起 XSS 攻击的平台。在这些攻击中,黑客向网站发布恶意的 JavaScript 或 HTML 代码,这些代码可用于向不知情的用户请求 cookies 和其他数据。由于 cookies 可能包含登录信息等敏感信息,因此对于许多黑客攻击来说,它们是一种美味的奖励。
- **会话固定:**正如我们所见,cookies 通常用于在网站访问之间保持您的登录状态。这是通过sesessioncookies完成的,只要你的浏览器打开,cookies 就会存储一个唯一的会话 ID 。不幸的是,黑客有可能通过在发送给你的 URL 中指定他们自己的会话 ID 来劫持你的登录凭证。如果您通过这些 URL 中的一个登录,黑客就可以访问您在特定网站上的帐户。
- **Cookie 投掷:**虽然大多数 Cookie 都与一个路径或域名相关联,但并不是所有的都是。当一个网站遇到几个这样的 cookies 时,它通常会随机选择一个,而不考虑其他任何东西。为了利用这一点,许多黑客将 cookie“扔”到用户的浏览器中,希望它可能会被毫无防备的网站拾取。如果是这样的话,那么网站就可以随心所欲地满足任何请求,比如提供登录信息。
- **Cookie 捕获:**在最好的情况下,会话 Cookie 和其他用于身份验证的类型通过安全的 SSL 或 TLS 通道发送。然而,由于这取决于网站,它并不总是这样做。通过安全通道发送的 cookie 带有“安全”标志,不能被读取,而不安全发送的 cookie 可以。因此,许多黑客监听这些不安全的连接,试图获取有价值的用户数据。
这些安全威胁不仅影响用户,还会影响他们访问的网站。因此,许多网站所有者只是为了安全利益而拥抱无烹饪的未来!
广告欺诈(或联盟欺诈)
Cookies 还可用于创建欺诈性购买和页面活动。虽然这听起来没什么大不了的,但它让许多欺诈者得以进行数百万美元的虚假销售。
Cookie stuffing is a major vector for ad fraud
它是这样工作的。许多企业推出允许第三方推广其产品的联盟计划。当客户通过这些代销商之一购买时,代销商可以获得销售提成。通常通过将代销商的 cookie 与客户销售额相关联来跟踪这些销售额。听起来是个可靠的跟踪方式,对吧?
不完全是。虽然大多数合法的联盟计划和他们的联盟使用这个系统没有问题,但一些欺诈性的联盟已经利用了它。这通常以 cookie 填充的形式出现,恶意第三方将恶意 cookie 放在被攻破的网站上。当不知情的用户访问该网站时,他们会收到 cookiess,这些 cookie 会与代销商页面进行离散通信,并进行欺诈性销售。
因此,广告商和联盟节目都热衷于拥抱一个没有烹饪(更少欺诈)的未来。
成本节约
到目前为止,您可能已经想象到消费者隐私、安全和欺诈需要大量的监控和防范工作。不幸的是,现实并不遥远。
尽管 cookies 给广告商、营销商和网站所有者带来了许多好处,但它们固有的风险给任何担心安全性的人带来了巨大的成本。虽然我们无 cookiess 的未来的细节仍然不确定,但消除 cookie 可能会消除许多这些风险和与之相关的成本。
不管有没有 Cookies,网站所有者和用户监控他们的安全总是很重要的。然而,它可能更容易和更便宜,而不必担心我们已经讨论过的与 cookie 相关的威胁。
无烹饪未来的潜在影响
虽然无烹饪的未来在隐私和安全方面有很多好处,但对每个人来说都不容易。
Transitioning to a cookieless future may not be comfortable for everyone (Source: Marketoonist)
我们不仅仅是在谈论那些利用 cookies 为自己谋利的黑客。相反,许多网站所有者、营销人员和企业已经面临着放弃 cookies 的挑战。任何使用 cookies 进行跟踪或构建客户旅程的人可能需要寻找替代的跟踪信号和解决方案。
Struggling with downtime and WordPress problems? Kinsta is the hosting solution designed to save you time! Check out our features
以下是无烹饪的未来将如何影响网络上一些最大的关键玩家。
对于用户
对于用户来说,无烹饪的未来是有益的。随着许多浏览器和网站完全删除 cookie,用户可以安心地浏览,他们的 cookie 和会话不会被用于恶意活动。
延伸开来,网站将不再能够使用 cookies 来跟踪用户活动或建立侵入性的用户档案。从各方面考虑,对大多数浏览网页的人来说,无烹饪的未来看起来很有希望。
对于网站所有者
对于网站所有者来说,无烹饪的未来是非常有希望和具有挑战性的。
Site owners have many privacy-friendly alternative tracking signals to choose from (Source: QuoIntelligence)
虽然网站所有者不必担心与 cookie 相关的安全问题,但他们必须开始改变与用户互动的方式,并确保一致的用户体验。
例如,在大多数网站使用会话 cookiess 来维护登录会话的情况下,在没有 cookie 的未来,这样做将变得越来越不安全——也越来越不被鼓励。作为替代,网站所有者应该开始采用第一方数据策略,以利用其他(更安全的)个人标识符。
对于营销人员
由于广告商主要使用第三方 cookiess 来投放定向广告,数字营销将受到无 cookie 未来的一些最大影响。
A cookieless future presents several opportunities for digital marketing (Source: Aritic)
然而,这并不一定是一件坏事——如果有什么不同的话,这是一个好处。但是,当一个没有烹饪的未来几乎消除了为营销目的而收集的大部分数据时,这怎么可能呢?
答案在于紧跟无曲奇潮流和曲奇替代品。尽管 cookies 长期以来一直是可靠的备用工具,但它们并不是收集用户数据的唯一可靠(甚至是最安全)的手段。正如我们稍后将看到的,许多营销人员将需要采用第一方数据策略来维持定向广告,尤其是在面对高级广告拦截器时。
当然,这种影响比接受替代品更深远。随着 cookie 的逐步淘汰对许多长期的营销战略提出了挑战,营销团队也需要找到建立自己的数据的方法,与独家广告商建立更好的关系(也称为“围墙花园”),并更好地教育他们的组织关于无 cookie 的做法。
如何为没有烹饪的未来做准备
不管准备好了没有,无烹饪的未来已经到来。
The cookieless future has been in the works for several years (Source: Similarweb)
即使像谷歌 Chrome 这样的一些主要平台继续推迟第三方 cookie 贬值,我们已经进入了过渡阶段。因此,现在是网站所有者、营销人员和企业为无烹饪的未来做准备的最佳时机。
遵循这些建议去适应并脱颖而出。
时刻关注新出现的隐私威胁
虽然无烹饪的未来将有助于消除许多隐私威胁,但它不会完全消除它们。随着公司开始采用替代跟踪方法,黑客和其他恶意方找到利用它们的方法只是时间问题。
即使第一方数据不会成为下一个大的攻击载体,公司仍然应该了解隐私和安全方面的新兴趋势。正如过去二十年所显示的,即使是最有前途的技术,如果存在风险,也可能会被淘汰。
使用替代标识符
Cookies 是跟踪和识别用户的一种非常有效的方法。但是在一个没有烹饪的未来,公司和营销人员如何继续这样做呢?
Authenticated IDs are becoming a prime alternative for cookies (Source: EY)
答案是使用替代标识符和跟踪信号。这里只是一些成功的公司已经在使用。
- 上下文定位。在 cookies 和其他“新奇”技术出现之前,情景定位只是在相关营销渠道上投放广告,并取得了巨大成功。在这里,你可以简单地在相关网站和渠道上展示广告,而不必麻烦地征求用户同意并保护隐私。
- **通用身份证。**随着技术世界远离 cookies,许多技术平台转向通用标识符。尽管谷歌 Chrome 不打算支持它们,但许多其他平台都在拥抱它们,将其作为一种便捷的识别用户身份的方式,而没有安全风险。这些 id 通常是通过安全平台提供的,这些平台提供了可互操作的、安全的方法来跟踪网络上的用户。
- **同类。**与情景定位类似,使用群组——或根据相似兴趣将用户分组——仍然是一种简单而有效的跟踪方式。同样,平台可以利用活动信息向具有相似特征、兴趣或爱好的人群提供一致的、有针对性的体验,而不是担心个人身份。
- **基于设备的解决方案。**设备数据还有可能进一步改善群组。在这里,不是基于设备数据向个人营销,而是设备可以只透露第三方将其用户分类到某个群组所需的信息。通过这样做,用户可以保持匿名,而营销人员仍然可以根据已证实的用户活动提供有针对性的体验。
制定更好的隐私政策
如果无烹饪的未来能教会我们什么的话,那就是没有什么比用户隐私更重要了。
More people should listen to Alan and respect user privacy (Source: Marketoonist)
您的用户现在可能比以往任何时候都更加重视他们的隐私。即使你已经费尽周折制定了一个符合的隐私政策,也要再检查一遍,以确保它真正照顾到了他们的最大利益。如果不是,你可能要在未来的某个时候经历另一次转变。
查看这些提示来创建一个成功的隐私政策。
What does a world without third-party cookies look like? 🍪 This article dives in…Click to Tweet ## 摘要
随着无烹饪的未来已经到来,对于营销人员和网站所有者来说,这是进行转变的最佳时机。
尽管无 cookiess 的未来在隐私和安全方面有许多好处,但对于许多已经使用 cookie 的人来说,向顾客推销和锁定顾客可能很困难。
有了来自 Kinsta 的应用托管、数据库托管、托管 WordPress 托管和 APM 工具,你可以提供更好的无 cookie 体验,并且监控结果都在一个仪表板上。
要了解更多信息并安排免费演示或,请立即联系来自 Kinsta 的主机专家。
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。
如何为谷歌的核心网站要害优化你的网站
谷歌的使命是提高核心网站的性能。为什么?因为谷歌的业务主要是基于网络的——缓慢的网站和网络应用将用户推回到本地应用。
你在谷歌搜索结果中的排名很大程度上取决于搜索词的关键词,这些关键词在你的页面中的使用,以及你的页面根据来自其他地方的链接的数量(和质量)的受欢迎程度。从 2021 年 8 月起,谷歌也在努力根据表现来评估页面。
这篇文章将向你展示如何为谷歌的核心网站指标优化你的网站。
为什么选择核心网站?
内容仍然至关重要。但是,如果你比较两个文本和受欢迎程度相似的网站,提供最佳网络体验的网站将在谷歌搜索结果中获得更高的优先级。
除了提高页面排名之外,高性能网站也有资格加入移动搜索轮播。这之前是为加速移动页面(AMP) 保留的,它要求你将内容导入一个独立的谷歌托管的网站。AMP 招致了批评,尤其是因为网页并不总是比优化良好的 WordPress 或静态网站更快。然而,这不再是的要求了。
无论你选择什么,你的网站越快,响应越快,它在谷歌搜索结果中排名越高的机会就越大。
当您考虑到平均页面大约为 2 MB,发出 60 多个 HTTP 请求,在移动设备上完全呈现需要 16 秒时,您会发现您的站点还有改进的余地。我们将向您展示实现这些改进的最佳方式。
谷歌的关键排名因素
在开始评估绩效之前,需要检查四个关键的排名因素:
- HTTPS: HTTPS 必不可少。你的网站在用户的浏览器和网络服务器之间建立了安全的连接吗?
- 移动友好性:你的网站必须在移动设备上运行良好。你的网站可以在小屏幕设备上使用吗?它渲染时没有内容溢出吗?文字够大吗?可点击区域对于触摸控制来说足够了吗?
- **无空隙:**避免侵入性空隙,这需要不合理的屏幕空间。你的内容总是可读的吗?是否被弹出的间隙或横幅部分遮挡?你的广告或营销推广使网站难以使用吗?
- **安全浏览:**您的网站应该没有恶意软件、病毒、网络钓鱼、欺诈和其他骗局。
一旦你满足这些要求,你的网站将被评估性能。
你的网站越快、反应越快,就越有可能战胜竞争对手。💪 点击推文
谷歌如何评估 Web 性能?
让你的网站快速加载、快速渲染、快速响应是至关重要的。但是对用户来说感觉快吗?
性能测量应用如浏览器开发工具报告技术测量,如:
- **阻塞时间:**等待下载开始所花费的时间,通常是因为样式表和脚本等其他资产具有更高的优先级。
- **DNS 解析:**将主机名解析为 IP 地址以检索资产的时间。
- **连接时间:**初始化 TCP 连接的时间。
- 到达第一个字节的时间(TTFB): 请求和响应的第一个字节之间的总时间。
- **接收时间:**检索整个资产的时间。
- **DOM 加载时间:**下载并渲染 HTML 文档对象模型的时间。这通常是分析或修改 DOM 的脚本能够可靠运行的第一点。
- **页面加载时间:**下载页面和所有资产(如图像、样式表、脚本等)的时间。
- **总页面权重:**所有资产的总大小。它通常以压缩(下载)大小和未压缩大小报告。
- **DOM 元素数量:**页面上 HTML 元素的总数。元素越多,页面处理的时间就越长。
- 第一个内容绘制(FCP): 浏览器渲染第一个内容像素所用的时间。
- 第一次有意义的绘画(FMP): 主页面内容对用户可见之前所用的时间。
- 交互时间(TTI): 页面完全交互并可靠地响应用户输入所需的时间。
- **第一次 CPU 空闲:**CPU 渲染页面并运行所有初始化脚本,等待进一步输入的时间。
- **CPU 使用率:**呈现页面和响应用户输入时所需的处理活动。
- **每秒布局数:**浏览器重新计算样式和页面布局的速度。
这些可以用来确定具体的瓶颈,如服务器负载、 CMS 缓存、浏览器缓存、下载速度和 JavaScript 效率。但是他们不能决定一个页面提供的用户体验是好是坏。例如:
- 一个应用程序可以快速下载和显示,但在第一次交互后就变得没有响应,因为它正在执行大量未经优化的 JavaScript 代码。
- 当用户发布消息时,聊天应用程序可以持续下载数据。评估工具可能会认为它从未完成加载,尽管页面感觉响应良好。
核心网络要害是谷歌试图解决这些困境。
什么是核心网站生命?
谷歌的核心 Web Vitals (CWV)是评估现实世界用户体验的三个性能指标:
- 最大含量油漆(LCP): 装载性能
- 第一输入延迟(FID): 交互性能
- 累积布局偏移(CLS): 视觉稳定性表现
这一新的谷歌算法更新已于 2021 年 8 月底开始在全球推出。核心的网络生命指标主要影响移动搜索结果,但如果实验成功,桌面搜索结果也会随之而来。
一个页面的 LCP、FID 和 CLS 评分是基于过去 28 天通过 Chrome 浏览器匿名收集的真实用户指标。这些测量值可能会因用户的设备、连接和其他并发活动而异,因此计算的是第 75 个百分点,而不是平均值。
换句话说,所有用户的指标从最好到最差排序,取四分之三点的数字。因此,四分之三的网站访问者将体验到这种或更好的性能。
任何在所有三个核心网络生命指标上获得良好(绿色)分数的页面都将在搜索结果中获得更高的排名,并被列入谷歌新闻应用程序的“头条新闻”转盘中。
在下面几节中,我们将描述用于计算指标的算法、可用于确定页面得分的工具、得分低的典型原因,以及可用于解决性能问题的步骤。
最大含量涂料(LCP)
最大内容油漆测量装载性能。本质上,可用内容在页面上呈现的速度有多快?
LCP 分析最大的图像或文本块在浏览器视窗(折叠上方)中变得可见需要多长时间。在大多数情况下,最突出的项目将是一个英雄形象,横幅,标题,或大文本块。
以下任何元素都有资格进行最大含量涂料分析:
- 图像(
<img>
元素) - 矢量图形内部的图像(嵌入到
<svg>
中的<image>
- 视频缩略图(海报属性设置为
<video>
元素中的图像 URL) - 带有背景图像的元素(通常使用 CSS
background-image url()
属性加载) - 包含文本的块级元素
在页面加载的前 2.5 秒内完成最大内容绘制的页面被认为是好的(绿色)。超过 4.0 秒的页面被视为差页面(红色):
Largest Contentful Paint.
最大的内容丰富的油漆分析工具
LCP 是最容易理解的核心 Web 生命指标,但选择哪个元素进行分析可能并不明显。
DevTools Lighthouse 面板在基于 Chrome 的浏览器中提供,如 Chrome、Edge、 Brave 、Opera 和 Vivaldi。从浏览器菜单打开 DevTools 通常在更多工具 > 开发者工具或键盘快捷键 Ctrl | Cmd + Shift + i 或F12——然后导航到 Lighthouse 选项卡(旧版本可能将其命名为 Audit )。
生成移动性能报告,然后检查生成的性能部分。最大内容丰富的绘画时间用可扩展部分显示,它标识所选的元素:
DevTools Lighthouse Mobile Performance report.
如果你不能使用基于 Chromium 的浏览器,你可以在网上的 PageSpeed Insights 和 web.dev Measure 工具中生成相同的信息:
PageSpeed Insights Largest Contentful Paint analysis.
DevTools 性能面板也显示一个 LCP 指示器。首先,点击圆形的记录图标,重新加载您的页面,然后点击停止按钮查看报告。单击计时部分中的 LCP 图标,以识别元素并查看统计信息摘要。
DevTools Performance panel LCP indicator.
Web Vitals 扩展可用于谷歌 Chrome 浏览器,但可以安装在大多数基于 Chrome 的浏览器上。它会计算你访问的每个网站的核心网络生命指标,其图标会根据结果变成绿色、橙色或红色。您也可以单击扩展图标查看更多 LCP 详细信息:
Web Vitals extension LCP.
如果你的网站被添加为一个属性,谷歌的搜索控制台现在会提供一个核心网站重要部分。该报告说明了 CWV 指标如何随着时间的推移而变化。请注意,它并不确定具体的 LCP 指标,只有流量相当高的网站才可用:
Google Search Console Core Web Vitals.
Chrome 用户体验报告允许你查询真实的使用统计数据,包括不同国家、不同连接和不同设备的 LCP。这是谷歌 BigQuery 上的一个公共项目,所以你必须注册一个谷歌云平台账户,并提供账单详情。同样,只有当一个 URL 有相当高的流量时,这个报告才有用。
最后, web-vitals JavaScript 库是一个 1 kB 的小脚本,可以计算 LCP 和其他真实用户的核心 web 生命指标。因为它可以从 CDN 下载,所以您可以将以下脚本添加到您的 HTML <head>
中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My page</title>
<script type="module">
import { getLCP } from 'https://unpkg.com/web-vitals?module';
getLCP(console.log);
</script>
<!-- rest of page -->
getLCP()
是一个异步函数,当计算出 LCP 值时,向其传递一个触发的回调(尽管如果页面在后台选项卡中加载,它可能永远不会触发)。回调函数被传递一个对象,该对象包含:
name
: 度量的名称(本例中为“LCP”)value
: 计算出的值id
: 代表当前页面指标的唯一 IDdelta
: 当前值和上次报告值之间的差值entries
: 用于值计算的条目数组
上面的脚本将对象输出到控制台,尽管更实际的做法是将数据发送到服务器或 Google Analytics 进行进一步分析。
注册订阅时事通讯
想知道我们是怎么让流量增长超过 1000%的吗?
加入 20,000 多名获得我们每周时事通讯和内部消息的人的行列吧!
最大内容油漆得分低的常见原因
LCP 分数低通常是由于页面加载速度慢导致最大的块无法快速显示:
- 服务器响应可能会很慢,因为它超载或做了太多工作来呈现页面。这不一定是你网站的错——如果你使用的是共享主机服务,这可能是由于服务器的限制。
- 如果在主要内容之上的 HTML 中引用呈现阻塞 CSS 和 JavaScript,它们会延迟页面加载。
- 其他资源,如大图像和视频会减少可用带宽并花费更长的时间来渲染。
- 在客户端而不是服务器上生成的页面内容也需要更长的时间才能出现。
如何提高最有内容的绘画分数
彻底的审计可以发现加载问题,但这通常是减少发送到浏览器的数据量的问题。以下提示将有助于获得更健康的 LCP 分数:
- 升级您的服务器和/或托管服务。确保下载速度保持快速,即使在高使用率的时候。
- 激活服务器压缩和 HTTP/2+。没有理由不这样!
- 减少服务器工作量。移除不用的代码和 CMS 插件,然后启用有效缓存。
- 确保浏览器能够有效缓存文件。在 HTTP 头中设置适当的过期、最后修改和/或 ETag 哈希,这样文件就不会被再次请求。
- 使用内容交付网络(CDN) 在地理上更靠近用户的服务器上分割负载和主机资产。
- 通过使用内置于 MyKinsta 仪表板中的代码缩减功能,提升您的整体优化。
- 优化您的图像。将它们缩小到最小的尺寸,并使用适当的格式来最小化文件大小。确保尽可能早地请求最大内容块中的任何图像;一个预载可能会有所帮助。
- 通过添加一个
loading="lazy"
属性来延迟加载图像。添加宽度和高度属性,以确保在图像完成加载之前在页面上保留适当的空间。 - 尽量减少第三方请求,并考虑将资产移动到您的主域,以避免无关的 DNS 查找。
- 最小化请求文件的数量和大小,尤其是在 HTML 的顶部。
- 确保只加载所需的 web 字体。切换到网页安全字体以获得最佳性能。
- 移除未使用的 JavaScript 和 CSS 文件。
- 连接和缩小你的 JavaScript 和 CSS 文件。
- 避免 CSS @import 语句——它们是渲染阻塞和串行加载样式。
- 避免 Base64 编码—它会增加文件大小并需要额外的处理。
- 考虑关键的内联 CSS。在页面顶部的``块中嵌入基本的“折叠之上”CSS,然后异步加载更多的样式表。
- 稍后使用异步、延迟或 ES 模块 JavaScript 运行脚本。在服务工作者中执行长时间运行的 JavaScript 流程。
第一输入延迟(FID)
首次输入延迟衡量页面的响应速度。本质上,它对用户动作的响应速度有多快,比如点击、轻击和滚动?
FID 度量是指用户交互和浏览器处理其请求之间的时间。它不测量运行处理函数的时间,处理函数通常会处理输入并更新 DOM。
FID 时间小于或等于 100 毫秒的页面被认为是好页面(绿色)。超过 300 毫秒的页面被视为差页面(红色):
First Input Delay.
第一个输入延迟分析工具
第一次输入延迟是不可能模拟的,因为它只能在页面被提供给与页面交互的实际用户时测量。因此,结果取决于每个设备的处理器速度和能力。
未在 DevTools Lighthouse 面板或 PageSpeed Insights 中计算 FID。但是,它们可以确定总阻塞时间(TBT)。这是第一个输入延迟的合理近似值。它测量以下时间之间的差异:
- 第一个内容丰富的绘画(FCP),或页面内容开始呈现的时间,以及
- 交互时间(TTI),或者页面可以响应用户输入的时间。当没有长时间运行的任务处于活动状态,并且尚未完成的 HTTP 请求少于三个时,假定为 TTI。
PageSpeed Insights Total Blocking Time.
Google Chrome 的 Web Vitals 扩展也可以在通过滚动或点击与页面交互后显示 FID 指标。单击扩展的图标以显示更多信息:
Web Vitals extension FID.
和 LCP 一样, Chrome 用户体验报告允许你查询特定 URL 在不同国家、连接和设备上记录的真实 FID 统计数据。
web-vitals JavaScript 库还可以计算你的实时网站上真实用户的 FID 指标。您可以将以下脚本添加到 HTML <head>
中,以将 FID 指标输出到回调函数:
厌倦了低于 1 级的 WordPress 托管支持而没有答案?试试我们世界一流的支持团队!查看我们的计划
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My page</title>
<script type="module">
import { getFID } from 'https://unpkg.com/web-vitals?module';
getFID(console.log);
</script>
<!-- rest of page -->
首次输入延迟分数低的常见原因
FID 和 TBT 分数低通常是由占用处理器的客户端代码造成的,例如:
- 大量呈现阻塞的 CSS 和 JavaScript,在下载和解析代码时暂停页面加载
- 加载页面时立即运行的大型进程密集型脚本
- 长时间运行或优化不佳的 JavaScript 任务
默认情况下,浏览器运行在单线程上,一次只能处理一个任务。如果一个 JavaScript 函数需要一秒钟来执行,那么在这一秒钟内所有其他的渲染进程都会被阻塞。页面不能对用户输入做出反应、更新 DOM、显示动画等等。甚至 GIF 动画在老版本的浏览器中也可以被屏蔽。
如何提高首次输入延迟分数
客户端 JavaScript 审计可以识别问题,但通常是删除冗余代码并确保任务快速执行的问题。
以下提示将有助于获得更健康的 FID 分数:
- 在服务器上生成并缓存尽可能多的静态 HTML 内容。尽量不要依赖客户端 JavaScript 框架为每个人呈现相同的 HTML。
- 确保浏览器能够有效缓存文件。在 HTTP 头中设置适当的过期、最后修改和/或 ETag 哈希,这样文件就不会被再次请求。
- 采用渐进式增强技术,这样在 JavaScript 运行之前,界面就可以在 HTML 和 CSS 中使用了。
- 移除未使用的 JavaScript 和 CSS 文件。
- 连接和缩小你的 JavaScript 和 CSS 文件。
- 避免过度使用昂贵的 CSS 属性,如框阴影和过滤器。
- 稍后使用异步、延迟或 ES 模块 JavaScript 运行脚本。
- 尽量减少第三方 JavaScript 对分析、社交媒体部件、论坛等的请求。这些可以快速装载高达几兆字节的 JavaScript。
- 按需延迟加载 JavaScript 组件,例如聊天工具、视频播放器等。
- 延迟加载不太重要的脚本,如分析、广告和社交媒体工具。
- 将长时间运行的 JavaScript 任务分解成一系列较小的作业,这些作业在短暂的 requestIdleCallback 、 setTimeout 或 requestAnimationFrame 延迟后执行。
- 考虑在使用后台线程的 web worker 中执行长时间运行的 JavaScript 流程。
累积布局偏移(CLS)
CLS 衡量网页的视觉稳定性。从本质上讲,页面内容是否会意外移动或跳转,尤其是在初始加载期间?
当元素在没有警告或用户交互的情况下移动时,CLS 会计算分数。当你在移动设备上阅读一篇文章时,你可能经历过这种情况——文本突然跳出屏幕,你失去了你的位置。最糟糕的例子可能会导致你点击一个不正确的链接。
当大图像或广告加载到当前滚动位置之上,零高度空间瞬间增长几百个像素时,CLS 问题最为突出。
累积布局偏移分数通过将以下指标相乘来计算:
- **影响分数:**这是视口中所有不稳定元素的总面积,即那些将“跳跃”的元素如果在页面加载过程中,覆盖 60%视区的元素发生位移,影响分数为 0.6。请注意,导致这种移动的元素(如图像或广告)被认为是稳定的,因为它们在渲染后不一定会移动。
- **距离分数:**这是视窗中任何单个不稳定元素移动的最大距离。如果最大位移发生在从 0,100 移动到 0,800 的元素上,则它已经移动了 700 个垂直像素。如果设备视口的高度为 1,000 px,则距离分数为 700 px / 1000 px = 0.7。因此,计算的累积布局偏移分数为 0.6 x 0.7 = 0.42。
谷歌对 CLS 指标进行了修改,以适应以下情况:
- 布局偏移被分组为持续五秒钟的“会话”,但是如果没有进一步的布局偏移发生,则一秒钟后关闭。如果在一秒钟内出现两次或两次以上的移动,他们的得分相加。
- 在用户交互(如点击)后的 500 毫秒内,不会记录布局变化。在某些情况下,这会触发 DOM 更新(例如,打开菜单、显示错误消息、显示模式对话框等。).
- 长时间保持打开并进行大量 DOM 更新的单页面应用程序不会受到负面影响。
CLS 分数为 0.1 或更低的页面被认为是好的(绿色)。超过 0.25 的页面被视为差(红色):
Cumulative Layout Shift.
累积布局偏移分析工具
CLS 指标是在 DevTools Lighthouse 面板、 PageSpeed Insights 和 web.dev Measure 工具中计算的:
PageSpeed Insights CLS.
Google Chrome 的 Web Vitals 扩展也显示了 CLS 指标:
Web Vitals extension CLS.
与 LCP 和 FID 一样, Chrome 用户体验报告允许你查询特定 URL 在不同国家、连接和设备上记录的真实 CLS 统计数据。
web-vitals JavaScript 库也可以计算你的实时网站上真实用户的 CLS 指标,就像它对 LCP 和 FID 所做的一样。可以将以下脚本添加到您的 HTML <head>
中,以便将 CLS 指标输出到回调函数:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My page</title>
<script type="module">
import { getCLS } from 'https://unpkg.com/web-vitals?module';
getCLS(console.log);
</script>
<!-- rest of page -->
累积布局偏移分数不佳的常见原因
糟糕的 CLS 分数通常是由缓慢加载的页面资产和动态或未调整大小的 DOM 元素造成的:
- 页面上的空间不是为图像、iframes、广告等保留的。
- 内容被动态地注入到 DOM 中,通常是在网络请求广告、社交媒体小部件等之后。
- Web 字体加载会导致不可见文本的明显闪烁(FOIT)或无样式文本的闪烁(FOUT)。
如何提高累积布局移位分数
客户端审计可以发现问题,但通常是确保在内容下载前为其预留空间。为最大内容绘制建议的服务器优化技巧将会有一些好处,但进一步的改进是可能的:
- 向 HTML
<img>
和<iframe>
标签添加宽度和高度属性,或者使用新的 CSS 纵横比属性,以确保在资产下载之前在页面上保留适当的空间。 - 为包含加载速度较慢的第三方内容(如广告和小部件)的容器元素设置适当的尺寸。
- 确保出现在页面顶部的图像和其他资产被尽早请求——一个预加载可能会有所帮助。
- 尽量减少网络字体的使用,尽可能考虑使用常见的操作系统字体。
- 加载 web 字体并将 CSS 字体显示设置为可选或交换。确保你使用相似大小的备用字体来最小化布局偏移。
- 避免在页面顶部插入元素,除非它响应用户操作,如单击。
- 确保用户交互在输入触发后的 500 毫秒内完成。
- 使用 CSS 变换和不透明度来制作更高效的动画,而不会导致重新布局。
- 考虑关键的内联 CSS。在页面顶部的``块中嵌入基本的“折叠之上”CSS,然后异步加载额外的样式表。
- 在必要的地方,考虑一下 containment ,这是一个新的 CSS 特性,允许您识别页面中孤立的子树。浏览器可以通过渲染特定的 DOM 内容块来优化处理——或者而不是渲染。
想看更快的网站…并确保你有资格使用谷歌的移动搜索转盘等功能?👀从这里开始⤵ 点击推文
摘要
开发者并不总是热衷于跟随谷歌的节奏。该公司拥有相当大的权力,微小的搜索引擎更新会对基于网络的组织的生产力和盈利能力产生不利影响。
也就是说,核心 Web Vitals 采用的是“胡萝卜”而不是“大棒”方法。与臃肿、弹出窗口密集、移动用户界面不佳的网站相比,放弃黑暗模式的优化良好、可用的网站有更好的成功机会。
核心 Web Vitals 提供了一种可衡量的方法来评估用户体验,以帮助您关注最关键的改进。你的生命体征的变化可能不会增加收入,但你的用户会更快乐、更忠诚。
关于提高核心网站活力,你还有其他的建议吗?在评论区分享吧!
让你所有的应用程序、数据库和 WordPress 网站在线并在一个屋檐下。我们功能丰富的高性能云平台包括:
- 在 MyKinsta 仪表盘中轻松设置和管理
- 24/7 专家支持
- 最好的谷歌云平台硬件和网络,由 Kubernetes 提供最大的可扩展性
- 面向速度和安全性的企业级 Cloudflare 集成
- 全球受众覆盖全球多达 35 个数据中心和 275 多个 pop
在第一个月使用托管的应用程序或托管的数据库,您可以享受 20 美元的优惠,亲自测试一下。探索我们的计划或与销售人员交谈以找到最适合您的方式。