alt-design/alt-seo

Alt SEO 扩展插件,为您的网站添加 SEO 标签

v1.2.1 2024-09-06 14:37 UTC

README

为您的 Statamic 网站提供简单 SEO

功能

  • 全站通用 SEO 标签
  • 页面特定 SEO 标签
  • 标题、描述、社交标题、社交描述和社交图片

安装方法

您可以在 Statamic 控制面板的“工具 > 扩展”部分搜索此插件,并点击“安装”,或者从项目根目录运行以下命令

composer require alt-design/alt-seo

在 layout.antlers.html 中移除您的 <title> 和 SEO 标签,并用以下内容替换

{{ alt_seo:meta }}

如果您更喜欢,也可以使用以下代码输出标题

{{ alt_seo:title }}

实际操作过程

插件将按以下顺序查找数据

  • 页面特定 SEO 标签
  • 全站通用 SEO 标签
  • 默认回退到站点名称

对于通用/全站 SEO 标签,请在 CP 工具部分选择 Alt SEO,为您设置网站的通用 SEO 标题和描述。在“社交”选项卡中,您可以设置 Facebook 和 Twitter 的标题、描述和图片。

对于页面特定 SEO 标签,请转到“收藏夹 > 页面 > 选择您的页面”,然后在 Alt SEO 选项卡中设置标题、描述、社交标题、社交描述和社交图片以覆盖该页面的通用设置。

您可以使用如 {title} | {site_name} 这样的变量

应用程序名称和 URL 从 .env 文件中获取,因此请确保这些数据是正确的。图片必须存储在 assets 容器中。

高级使用

覆盖元字段

插件处理的所有字段都进行了包装,以便可以在模板中覆盖。

例如,如果您有一个产品页面,希望更改默认的元标题结构,您可以在模板中使用 {{ section }} 标签实现这一点

只需在模板中添加类似以下内容,就可以覆盖适当的元字段

{{ section:alt_seo_title }}Awesome SEO title goes here!!!{{ /section:alt_seo_title }}

注意:只有元字段的日期部分被标记,因此不要使用完整的标签,因为这会导致一些奇怪的 HTML

以下是可以覆盖的字段列表

  • alt_seo_title
  • alt_seo_canonical
  • alt_seo_description
  • alt_seo_robots
  • alt_seo_og_url
  • alt_seo_og_type
  • alt_seo_og_title
  • alt_seo_og_description
  • alt_seo_og_image
  • alt_seo_twitter_card
  • alt_seo_twitter_domain
  • alt_seo_twitter_url
  • alt_seo_twitter_title
  • alt_seo_twitter_description
  • alt_seo_twitter_image

问题等

如果您有任何问题、评论或关注,请给我们一个响亮的掌声。我们一直在努力改进我们的插件,所以如果您有任何功能请求,我们非常愿意听取。

此外 - 查看我们的其他插件!

Postcardware

如果您喜欢这个插件,请从您家乡给我们寄一张明信片。我们喜欢从其他酷炫的人那里收到信件!

Alt Design
St Helens House
Derby
DE1 3EE
UK