在 Shopify 中设置博客标签的元标题和描述

Question

我开始将我的博客从 WordPress 迁移到 Shopify。我正在尝试使用博客标签将帖子分成类别。

问题是标签的元标题是自动生成的，元描述是从博客页面元描述自动复制的。对于高级类别/标签页面来说，这将是糟糕的 SEO。

我与支持人员交谈，他们说无法编辑此信息。谁能建议一种编辑主题文件来为每个标签添加独特标题和描述的方法？只会有大约 10 个，但在每个页面加载时使用条件似乎很糟糕？我不是编码员...

我发现的最接近的是这样的？

如何在 Shopify 中编辑集合标签页面上的内容

...几个小时后，在 theme.liquid 中，我尝试在标题中执行以下操作，这似乎有效。

    
        {% 如果 current_tags 包含“新闻”%}
        新闻页面标题
        {% elsif current_tags 包含“操作方法”%}
        如何设置页面标题
        {％ 别的 ％}
      {{ page_title }}{% if current_tags %}{% 分配meta_tags = current_tags |加入: ', ' %} – {{ 'general.meta.tags' | t: 标签: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% 除非 page_title 包含 shop.name %} – {{ shop.name }}{% endunless %}
      {％ 万一 ％}
      

我可以对元描述做类似的事情。只是想知道这是否是一种糟糕的方法，会花费很多页面加载时间吗？

Answer 1

你的解决方案不是很动态。

有几种方法可以解决这个问题并使其完全动态，这样您就不必为每个附加标签编写任何代码。

这是一个例子：

创建带有网址链接的导航。标题将是标签名称，URL 将是标题/描述。

所以像这样：

链接列表菜单：

title.................../ URL...............
This is the meta title / #meta_title_tag1 
This is the meta desc / #meta_desc_tag1 

在头部您将有类似的代码：

{% assign tag_size = current_tags | size %}
{% assign meta_title = current_tags | prepend: 'meta_title_' %}
{% assign meta_desc = current_tags | prepend: 'meta_desc_' %}

{% if tag_size == 1 %}
    {% for link in linklists[settings.meta_nav].links %}
        {% assign url = link.url | split: "#" %}
        {% if url[1] == meta_title %}
            {{ link.title }}
        {% endif %}
        {% if  url[1] == meta_desc %}
            {{ link.title }}
        {% endif %}
    {% endfor %}
{% endif %}

代码分解：

{% assign tag_size = current_tags | size %}

我们创建

tag_size

变量，以便我们可以检查我们是否在标签页面上以及是否只有 1 个标签，因为用户可以添加第二个标签，然后我们的逻辑将无法工作。 （但如果您愿意，您可以获取第一个标签并仅为他应用元标题和描述）

{% assign meta_title = current_tags | prepend: 'meta_title_' %}
{% assign meta_desc = current_tags | prepend: 'meta_desc_' %}

我们在当前标签前面添加一个前缀，以便检查标题和描述。

{% if tag_size == 1 %}
....
{% endif %}

这是检查标签是否仅为 1 的

if

。

{% for link in linklists[settings.meta_nav].links %}
...
{% endfor %}

在这里，我们循环创建的导航菜单中的所有链接。其中

settings.meta_nav

是主题设置架构中的

link_list

字段。如果您愿意，您可以在这里对导航手柄进行硬编码，这是您的选择。

{% assign url = link.url | split: "#" %}

这里我们从添加的“#”中去掉 URL。

{% if url[1] == meta_title %}
    {{ link.url }}
{% endif %}
{% if url[1] == meta_desc %}
    {{ link.url }}
{% endif %}

在这里，我们检查当前的

link.title

是否等于我们创建的前缀标签，如果是，我们输出它们的

link.url

，这是我们正在寻找的标题/描述。

---

如果您正在寻找大量内容并且喜欢使用文本区域而不是文本字段，所有这些也可以通过全局部分来完成。

Answer 2

• 登录您的 Shopify 管理仪表板。
• 导航到“在线商店”，然后单击“博客文章”访问 你的博客。
• 选择您要添加元描述的博客文章。
• 向下滚动到“搜索引擎列表预览”部分。
• 点击“编辑网站 SEO”链接。
• 在“元描述”字段中，编写简洁且信息丰富的内容 准确总结您的博客文章内容的描述。
• 确保您的元描述在推荐的字符范围内 限制（通常在 150-160 个字符左右）。
• 写完元描述后，单击“保存”按钮 应用更改。

向您的 Shopify 博客文章添加元描述可以改善您的 SEO 并吸引更多访问者访问您的网站。如需更详细的说明和视觉指导，您可以查看此博客：https://www.resultfirst.com/blog/ecommerce-seo/shopify-meta-descriptions-and-titles/

请记住，制作引人注目的元描述对于优化搜索引擎的博客文章并吸引用户点击您的内容至关重要。