2. 您的位置:首页 > seo技术 >内容

Shopify的技术SEO：有关优化搜索引擎商店的指南

作者:站群原创• 更新时间：2022-02-02 21:43:00 •阅读:776

Shopify的平台使初学者商店所有者可以轻松地启动其电子商务网站，但是这种便利意味着您已经决定了网站的许多技术方面。 这引入了一些特定于Shopify的怪癖，您在优化站点架构，URL结构和JavaScript使用时可能会遇到这些怪癖。

我们的主要Shopify SEO指南已涵盖所有Shopify商店所有者应注意的基本搜索优化。 在本指南中，我们将帮助您微调Shopify网站的技术SEO，以帮助搜索引擎抓取您的页面并将其编入索引。

处理重复的页面

Shopify实施用于将产品归类的**，使客户更容易找到它们。 这样做的一个缺点是属于收藏页的产品会产生重复的URL问题。 从技术上讲，Shopify**是一个数组，用于存储按约定（而不是按ID）在语义上附加到资源路由的产品。

/config/routes.rb

 resources :products do
 collection do
 get 'collections'
 end
 end

这会将URL映射到相应的产品控制器操作“**”和资源。

当您将产品与收藏页相关联时（几乎每家销售少量物品的商人都可能这样做），Shopify会自动生成该产品页的第二个URL作为收藏的一部分。 这意味着您将有两个指向同一产品的URL。 URL将显示如下：

  1. / collections / shirts-collection / products / blue-shirt
  2. /产品/蓝色衬衫

重复的内容使搜索引擎更难确定要对哪个URL进行索引和排名，并且同一页面具有多个URL可能会分散您的链接建立能力，因为引荐者可以使用这两个URL。 通过使用规范标签，您可以解决第一个问题，但不能解决第二个问题。

搜索引擎引入了规范标签，以指定哪些URL拼写（加载相同内容）是搜索结果的首选拼写。 可以使用多种方式进行多种拼写，并且Shopify对**的使用会为属于**的产品生成重复的URL。 Shopify将收集页面的规范标签指向产品页面，这非常好，但是不能解决拆分链接问题。

消除备用URL。 幸运的是，您可以使用一种已知的解决方案来解决模板中的问题，并且不必一定要熟悉构建模板所使用的语法（称为Liquid）。 尽管您的里程会根据所使用的主题而有所不同，但是您将要进行的编辑应该非常简单，并包含“ inside：collection”的输出过滤器。

要开始使用此解决方案，您首先需要登录Shopify帐户。 在此处，通过单击在线商店，然后单击左侧边栏中的主题来访问商店的主题。 接下来，在界面的“当前主题”部分中单击“自定义”，如下所示。

在下一个屏幕中，单击主题操作（位于左侧边栏底部），然后单击编辑代码。

将打开一个新窗口，显示您主题的代码模板，以查找生成您的收藏链接的文件。 在我们的例子中，我们打开了Snippets文件夹，然后单击“ {/} product-card.liquid”以找到我们需要编辑的代码。 它出现在第11行，如下所示。

您需要从以下位置编辑该行代码：

<a href="{{ product.url | within: collection }}" class="product-card">

至：

<a href="{{ product.url }}" class="product-card">

这可以通过删除“ |”来完成。 内：代码的“**”部分。 较旧的Liquid主题模板引用了现已弃用的current_collection，它与上面提供的论坛链接中的解决方案匹配。 重要的是找到“ |” 通过管道传递到Shopify**的“内部”过滤器名称并将其删除。

“内部”过滤器通过将原来是“ / products /：id”的rails路径切换为“ / collections / collection-name / products /：id”，将产品链接构建为当前**上下文中**的一部分， “ 例如。 由于我们想要的是让这些代码段仅链接到产品的规范URL，因此我们只需删除整个“内部”过滤器即可。

克服网站架构限制

与Shopify CMS相关的另一个困扰问题是，您的站点架构是Shopify Rails实施的刚性结构的一部分。 例如，Shopify CMS的灵活性不如WordPress。 如果您想对站点体系结构执行看似直接的优化，则并非总是有明显的方法。

Shopify自动为产品和收藏页面生成URL。 商店所有者只能修改URL的最后部分（以绿色表示）。

例如，Shopify使用以下结构自动为您的产品详细信息页面生成URL：myshopifystorename.com/products/product-name。 商店所有者只能自页面标题派生自定义URL的最后部分（以绿色表示）。

如果您想删除“ / products”目录来整理URL，Shopify则没有现成的选项。 干净的URL的SEO优势在于，用户可能更倾向于点击搜索结果，而其他网站站长则更有可能链接到设计上更具权威性的URL。 带有基本目录页路径的URL通过首位目录排名来暗示权威，而“ / products”会干扰这一点。 但是，这些路径对于Shopify网站的后端产生其动态内容至关重要。 幸运的是，此限制有一个外部解决方法。

传统系统框架会出现问题，常规系统框架通常利用组织逻辑使用请求字符串来访问不同的资源，以便为不同的模板提供发布动态页面内容和/或服务所需的资源。 在Shopify的情况下，这是Ruby on Rails路由约定，其中“ / products /：id”将URL映射到产品资源。

现在，除非您知道如何编写JavaScript和Ruby，否则您最好联系Web开发人员。 这些是针对某些技术性SEO问题的更复杂的修复程序，只有开发人员才能实施。

使用Cloud Workers自定义网站架构。 从缓存解决方案提供商使用Cloud Workers可以允许使用备用传递路径，甚至可以为请求提供备用资源。 云工作者可以有效地屏蔽Shopify的“ /产品”和“ /页面” URL路径。

通过在云中使用JavaScript Workers，您可以更好地控制在请求/响应周期中可用的内容，这实际上意味着可以控制任何内容。 示例包括捕获对您的sitemap.xml和robots.txt的请求，以及即时提供备用资源，将JavaScript注入到一个页面或一组页面中，还清理那些讨厌的Shopify URL，以使关键字更加突出，路径名更加权威。 。

您需要拥有一个域才能正常工作，并让注册服务商将其域名系统（DNS）重置为指向Cloudflare，然后可以在最终用户通过Cloudflare定向时为您提供JavaScript Workers API。通过代理到您的原始服务器。

注册Cloudflare时，您将登录并需要添加DNS A记录以及收集Cloudflare域名服务器地址以供您的域名注册机构使用。 查找上面描述的DNS按钮，以获取用于收集名称服务器地址并输入网站主机IP地址的表单，在该网站上发布您的网站代码。

您可以使用上面显示的界面（以绿色突出显示）添加DNS'A'（Authority）记录来添加主机提供商的原始服务器IP地址（以绿色突出显示），并在您的域名注册商处使用Cloudflare名称服务器地址（再次以绿色突出显示），您将需要在注册商处输入名称服务器字段。

JavaScript Cloudflare工作者。 注册Cloudflare的Workers，您现在可以为各种事物引入复杂的JavaScript。 通过匹配通配符条件来请求URL结构，以配置要开始使用Workers管理的页面，然后使用请求和响应对象来授权您进行编码。

以下示例将通过代理通过Cloudflare的Worker API定向所有可能的URL，包括域的子域。

单击工作程序，然后单击添加路由按钮，将显示一个弹出窗口，其中包含用于输入URL路由匹配条件的表单。 通配符语法（这是您获得的唯一动态匹配运算符），并且能够使用该接口匹配多个路由，足以匹配您想要的任何内容。 由于您可以将多个定向添加到多个脚本之一，因此可以一次将策略调整为一种路由。

Cloudflare让您设置了一个subdomain.workers.dev地址来托管Workers脚本。 您可以直接在Cloudflare前端获得一个编辑界面和一个IDE预览操场。 在上线之前，您将能够更改HTTP动词并测试Worker脚本的响应方式。

从自定义响应头，服务器端呈现（SSR），通过修改标题，元数据和内容来更改SEO，重定向甚至提供来自其他主机的内容，事物的解决方案都可以运行。 这样，您便可以执行SEO和/或完整站点迁移，包括对体系结构的更改，例如，拼写“ / pages”和“ / products”。

本示例说明了其中的几种可能性。

虽然存在对其他块的引用，但第7行不完整，但该块将解析来自请求对象的URL，并将其分配给名为“ path”的变量，并在JavaScript switch语句中使用它来提供robots.txt和sitemap.xml响应对象，直接将其写入而无需访问原始服务器。 在第8行指定了一个特定请求的情况下，该请求将改为从另一个域提供页面，而在掉线默认设置之前，第9行将在首页中插入一个include。

该示例应为您提供许多解决问题的思路，包括您可以对Shopify问题采取的措施。 但是，Cloudflare目前尚未将其作为Shopify站点的自助服务产品提供，但是它将在初始测试期之后提供。 该服务已在非Shopify网站上启用了一年以上。

“问题在于，以前我们的系统不允许直接客户在其他客户面前进行代理，例如，如果您访问cloudflare.com并在区域中注册了yourstore.com，我们通常会阻止您使用[ Shopify]出于各种技术原因，” Cloudflare产品管理总监Patrick Donahue告诉Search Engine Land。

Donahue解释说，Cloudflare的企业销售团队目前正在直接与希望加入Shopify的商家合作，因为其中涉及手动步骤，需要其解决方案工程师的帮助。 Cloudflare计划在今年晚些时候更广泛地使用此选项。

可能会有更多解决方案。 现在，Cloudflare解决了整理代理配置设置以使其与Shopify（其本身使用缓存解决方案）配合使用的问题，希望其他缓存解决方案提供商将提供与Cloudflare准备与Shopify商店类似的服务。

寻找更多优化和营销Shopify商店的方法吗？

查看以下资源：

  • Shopify SEO指南：如何增加商店的自然流量
  • Shopify博客：一种独特的SEO方法
  • 电子商务类别页面胜过SERP中的产品详细信息页面
  • 在产品类别页面上增加赌注
  • 下载数字商务营销周期表
  • Search Engine Land的SEO基本指南：掌握SEO的科学

<**all>SEO的更多开发技巧

  • <**all>我们的开发人员SEO专栏
  • <**all>如何使用自定义功能在Google表格中显示Lighthouse评分
  • <**all>使用React或Vue以及NodeJS和其他后端堆栈的反应式JavaScript SEO
  • <**all>使用HTML5，CSS3和Javascript增强SEO友好标记

本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。如若转载，请注明出处:http://www.botadmin.cn/sylc/10338.html

群站助手 站群效果 制作站群

Shopify的技术SEO：有关优化搜索引擎商店的指南相关推荐