尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

5分钟搞定Zola结构化数据:SEO卡片变丰富的实用指南

5分钟搞定Zola结构化数据:SEO卡片变丰富的实用指南 5分钟搞定Zola结构化数据SEO卡片变丰富的实用指南【免费下载链接】zolaA fast static site generator in a single binary with everything built-in. https://www.getzola.org项目地址: https://gitcode.com/GitHub_Trending/zo/zola搜同一个主题别人的搜索结果卡片带着摘要、作者和发布日期你的只有一行光秃秃的标题。Zola 这款高性能静态站生成器没有内置结构化数据功能但借助它的模板系统十几分钟就能加上 Schema.org一套描述网页内容的标准词库的 JSON-LD 标记让搜索结果卡片变得更丰富也更利于 SEO。搜索引擎怎么看懂静态站JSON-LD把网页元信息写成一段 JSON 代码的方式等于直接告诉搜索引擎这页是一篇文章、作者是谁、哪天发布。它嵌在 HTML 头部的script标签里浏览器不会执行它页面加载速度不受影响。相比 meta 标签和微数据这两种写法它不污染 HTML 结构、代码还能单独维护是静态站最常见的选择。最小的可用片段只有 8 行script typeapplication/ldjson { context: https://schema.org, type: BlogPosting, headline: Rust 内存模型一句话讲明白, datePublished: 2026-01-12 } /scripttype负责声明页面的身份声明得越准搜索引擎越容易渲染出对应的富卡片。 最快落地路径整个过程只动两个地方templates目录下一个config.toml下一个。第一处是组件化模板。新建templates/partials/schema.html把 JSON-LD 写进去。作者这类站点级信息抽成变量页面级信息从page里取{# templates/partials/schema.html #} script typeapplication/ldjson { context: https://schema.org, type: BlogPosting, headline: {{ page.title }}, description: {{ page.description | default(valueconfig.description) }}, author: { type: Person, name: {{ config.extra.schema.author }} }, datePublished: {{ page.date | date(format%Y-%m-%dT%H:%M:%S) }} } /script第二处是config.toml把作者等站点级信息放进[extra.schema]段落[extra.schema] author 林晚再在文章模板page.html的head里加一行引用{% include partials/schema.html %}。以后改站点级信息只动配置文件不用碰模板。字段写法和变量来源可以对照官方配置文档也可以用test_site 目录里的示例站点验证模板行为。按页面类型选 type不同类型的页面要配不同的type选对了测试工具才容易通过type适用场景必备字段最小集BlogPosting博客文章、技术教程headline、datePublishedProduct商品详情页、商店页name、offersEvent线下活动、讲座日程name、startDate、locationWebSite站点首页name、url挑两种写全。商品页用offers描述价格搜索结果里可以直接带出标价script typeapplication/ldjson { context: https://schema.org, type: Product, name: {{ page.title }}, offers: { type: Offer, price: 199, priceCurrency: CNY } } /script活动页的startDate要同时带日期和时间搜索引擎据此生成活动卡片script typeapplication/ldjson { context: https://schema.org, type: Event, name: {{ page.title }}, startDate: 2026-03-21T19:00:00, location: { type: Place, name: {{ page.extra.venue }} } } /script首页若用文档类主题同样给 index 模板补一段 WebSite 类型name和url两个字段就能起步。✅ 验证与自查清单先在本地跑zola serve浏览器打开任意一篇文章开发者工具的元素面板里搜ldjson确认脚本已生成、花括号配对、取值不是空串。再把页面地址或整段 HTML粘进 Google 官方的富媒体结果测试工具逐条处理它报出的错误和警告。然后对照下面 5 项过一遍页面上ldjson脚本只出现一次type声明与页面实际身份一致所用类型的必备字段齐全文章至少不能缺headline和datePublished日期统一用 ISO 8601 格式形如2026-01-12或2026-01-12T08:00:00image、url里的地址是带域名的绝对路径外部能直接打开测试工具解析无错误出现的警告已逐条处理⚠️ 三个容易踩的坑坑 1整段 JSON 解析失败现象测试工具直接报 JSON 语法错误页面看不到任何结构化数据。 原因某一行末尾多了逗号或标题里带英文双引号把字符串截断了。 修法逐行核对尾逗号标题含双引号时改成单引号或先删掉别让特殊字符直接进 JSON。坑 2日期格式两个样现象有的页面能出富结果有的出不了测试工具里日期显示也不一致。 原因模板里有的地方硬编码日期字符串有的取page.date原始值格式不统一。 修法全部收进 partial 里用date(format%Y-%m-%d)一处输出日期格式不分散到各个模板。坑 3主题已输出 schema你又加了一份现象构建完同一页面出现两个ldjson脚本。 原因部分现成主题如 adidoks在 base 模板里已有 JSON-LD 输出逻辑你手工加的 partial 又执行了一次。 修法动手前先搜主题的模板目录里有没有ldjson已内置就别再加改为填主题现有配置项即可主题的组织方式见themes 目录。先落地这一份 partial再按表格和自查清单往外扩。下一步行动zola build完成后挑一篇真实文章的地址丢进结构化数据测试工具确认零错误。通过后商品页、活动页都可以照上面的类型逐个补上。抓取和索引需要几天时间sitemap 越早提交给搜索引擎平台越好。【免费下载链接】zolaA fast static site generator in a single binary with everything built-in. https://www.getzola.org项目地址: https://gitcode.com/GitHub_Trending/zo/zola创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表