Ask an #SMXpert系列继续了2018年西部搜索营销博览会(SMX)上的问答环节。
今天的问答来自JavaScript & PWAs: SEOs需要知道什么与Max Prin的环节,主持人Barry Schwartz做了介绍。
巴里·施瓦茨
随着越来越多的开发者和出版商发现了使用JavaScript和先进的Web应用程序来增强其网站的能力,了解如何使页面上的内容可抓取和索引,以便在搜索结果中排名,这是很重要的。
在接下来的问答中,Max Prin讨论了在开发过程中可能出现的问题,以及如何利用技术来建立更丰富的用户体验,同时又不阻碍搜索流量。
马克思主要
幻灯片:JavaScript和进步Web应用(PWAs)
问:我相信PWAs。我们从哪里开始?开发团队的工作水平是什么?
马克斯:我想从这里开始介绍PWAs并对它们有一个大致的了解。
努力的水平将取决于当前网站的状态。一个已经用JavaScript驱动的网站(比如,建立在JavaScript框架上的,比如Angular或者React)是一个很好的候选者,因为它已经是一个Web应用程序了。
任何网站都可以安装和受益于PWA功能,如通过服务人员离线访问。然而,最好的结果将发生在一个快速,动态,移动友好等网站,基本上已经有“应用程序的感觉”。
例如,一个简单的WordPress博客可能需要完全重新设计(新的代码库,远离WordPress)才能成为一个好的PWA。
问:PWAs对搜索排名有不好的影响吗?
马克斯:不。PWAs是“仅仅”的网站,当涉及到搜索排名时,站长可能遇到的挑战与任何基于javascript的网站一样:爬行性,渲染,因此,索引。
问:像素和跟踪代码会降低网站的速度吗?如果我们在很多平台上都有广告,而且每个平台都使用一个独特的跟踪代码,我们如何管理这些像素并提高速度呢?
Max:从技术上讲,像素和跟踪代码会降低速度,因为它们代表了服务器向浏览器发出的额外请求。
最小化请求数量和主机(域)数量始终是最佳实践,但是业务需求(比如跟踪像素)可能更重要。利用web性能工程师的专业知识可能是一个好主意,并导致特定站点的解决方案,可能合并和删除一些请求。
问:如果我们的网站只有几个页面,PWAs是一个很好的选择吗?我们的工程师需要多少维修?
马克斯:是的,在大多数情况下,PWAs是一个不错的选择。我想说,一旦一切就绪,维护费用相当低,但一如既往,它“视情况而定”。“从技术上讲,一个小型站点需要较少的维护和监控。
问:如果我们实现了PWA,我们如何看到搜索引擎看到的东西?我们可以使用JavaScript和关闭级联样式表(CSS)来查看页面。如果你使用PWA,这会工作吗?
Max:如果你在一个登台环境中,你不能使用抓取和渲染。(下个问题将进一步讨论)
谷歌完全呈现网页(例如,执行JavaScript和CSS)。不过,并不是所有的搜索引擎都这么做。
在谷歌搜索控制台中获取和呈现还没有提供呈现的代码。但其他一些谷歌工具现在可以,即富结果测试和移动友好测试。它们允许你“看到谷歌看到的东西”。
不过,为搜索引擎(包括谷歌)预先渲染javascript支持的网站的内容是个好主意。
问:关于搜索引擎视图,我认为大多数工具都要求页面是公开的。如果我们在一个大型的公司网络登台环境中,并且在防火墙后面,该怎么办?我们是否需要一些客户端(Chrome扩展)和任何本地软件选项?
Max:有些工具,比如尖叫青蛙SEO蜘蛛,是在本地运行的(从机器的IP地址),还有一些其他的工具允许你包括一个基本的HTTP认证凭证,比如我的公司在TechnicalSEO.com上的获取和渲染工具。
但是,如果您真的想使用谷歌的工具,有一种方法,Aymen Loukil在这里对此进行了解释。
问:如果我有PWA,我的桌面还能提高网络性能吗?
Max:是的,只要设备上的浏览器支持服务worker(有电源缓存、离线等),web性能就应该提高。
问:你认为AMP对于一个在线销售产品的电子商务网站的价值是什么?
马克斯:我认为安装AMP是个好主意。您将受益于从谷歌放大器缓存的即时负载。
AMP框架已经进化了这么多,现在可以创建功能电子商务页面,如产品页面与细节,缩略图,视频,旋转木马,评论,添加到购物车,等等。然而,潜在的好处可能并不值得