Return to site

网站搜索引擎优化-问#SMXpert - JavaScript和PWA

网站搜索引擎优化

· seo优化

Ask a #SMXpert系列继续在 2018年西部搜索营销博览会(SMX)的会议期间举行的问答(Q&A)部分 。

今天的问答来自JavaScript和PWA:谷歌SEO需要了解的与Max Prin的会话,以及主持人Barry Schwartz的介绍。

巴里施瓦茨

随着越来越多的开发人员和发布者发现使用JavaScript和渐进式网络应用程序(PWA)为其网站提供动力的能力,重要的是要了解使这些页面上的内容可抓取和可索引的挑战和变通方法,以便他们可以排名搜索结果。

在下面的问答中,Max Prin讨论了开发过程中可能出现的问题以及如何利用技术构建更丰富的用户体验而不是阻碍搜索流量。

Max Prin

幻灯片: JavaScript和渐进式网络应用程序(PWA)

问题:我在PWA上卖了。我们从哪里开始?开发团队的工作量是多少?

马克斯: 我会从这里开始介绍PWA以及对它们的一般理解。

努力程度取决于当前网站的状态。一个已经由JavaScript驱动的网站(即建立在诸如Angular或React之类的JavaScript框架上)是一个很好的候选者,可以变成一个渐进式Web应用程序,因为它已经是一个Web应用程序。

任何网站都可以安装PWA功能并从中受益,例如通过服务工作人员进行离线访问。但是,对于一个快速,动态,适合移动设备等的网站,最好的结果将会发生,它基本上已经具有“应用程序感觉”。

例如,一个简单的WordPress博客可能需要完全重新设计(新的代码库,远离WordPress)才能成为一个好的PWA。

问题:PWA对搜索排名有不良影响吗?

Max: 不是.PDA是“公正”的网站,网站管理员在搜索排名时遇到的挑战与任何基于JavaScript的网站都有相同之处:可抓取性,呈现性和索引性

问题:像素和跟踪代码是否会降低网站的速度?如果我们在很多平台上投放广告,并且每个平台都使用独特的跟踪代码,那么我们如何管理这些像素并提高速度呢?

Max:从技术上讲,像素和跟踪代码确实会减慢速度,因为它们代表了浏览器要从服务器发出的其他请求。

最小化请求数量和主机(域)数量始终是最佳做法,但业务要求(如跟踪像素)可能更为重要。利用Web性能工程师的专业知识可能是一个好主意,并导致特定于站点的解决方案可能会合并并删除一些请求。

问题:如果我们的网站只有几页,PWA是一个很好的选择吗?我们的工程师需要多少维护?

Max:是的,在大多数情况下,PWA是一个很好的选择。我会说一旦一切就绪,维护工作都很低,但一如既往,它“取决于”。一个小型站点在技术上应该需要较少的维护和监控。

问:如果我们实施PWA,我们如何看待搜索引擎看到的内容?我们可以查看包含JavaScript的页面并关闭级联样式表(CSS)。如果您使用PWA,这会有用吗?

Max:如果您处于暂存环境中,则无法使用fetch和render。(下一个问题更多相关内容)

Google完全呈现网页(例如,执行JavaScript和CSS)。不过,并非所有搜索引擎都这样做。

Google Search Console中的提取和呈现尚未提供呈现的代码。但是现在还有其他一些Google工具,即Rich Results Test和Mobile-Friendly Test。它们允许您“查看Google看到的内容”。

但是,为搜索引擎(包括Google)预先呈现JavaScript驱动的网站优化内容是个好主意。

问题:关于搜索引擎视图,我认为大多数工具都需要公开页面。如果我们在大型企业网络暂存环境中并在防火墙后面怎么办?我们是否需要客户端(Chrome扩展程序)和任何本地软件选项?

Max:一些工具,如Screaming Frog SEO spider,在本地运行(来自机器IP地址),而其他一些工具允许您在TechnicalSEO.com上包含一个基本的HTTP身份验证凭证,如我公司的Fetch&Render工具。

是,如果你真的想使用谷歌优化的工具,有一种方法,如Aymen Loukil所述。

问题:如果我有PWA,我的桌面是否仍会增加网络性能?

Max:是的,只要设备上的浏览器支持服务工作者(具有电源缓存,脱机等),就应该增加Web性

问:对于在线销售产品的电子商务网站建设,您认为AMP的价值是什么?

马克斯:我认为实施AMP是一个好主意。您将受益于Google AMP缓存的即时加载。

AMP框架已经发展得如此之多,现在可以创建功能性电子商务页面,例如带有详细信息,缩略图,视频,轮播,评论,添加到购物车等的产品页面。但是,潜在的好处可能不是值得努力的水平,特别是如果开发团队有其他优先事项,实际上将移动针。再一次,它取决于,但如果该网站已经处于“良好的网站搜索引擎优化形状”,它可能是一个有趣的[和]有益的项目。

问题:我们是否应该投资PWA或AMP页面来加载更快的目标网页?

Max: 有效的AMP很可能加载速度更快(特别是来自Google AMP缓存),但AMP框架之外的任何页面都可以与AMP竞争。

PWA不是关于登陆页面性能,而是更多关于整个网站的用户体验。但是,如果投资AMP,从付费或流行的有机着陆页开始绝对是衡量性能提升的好主意。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly