CAS Insights 文章发布流程

目标

本标准作业程序(SOP)概述了发布 CAS Insights 文章的分步流程,以确保发布内容的一致性和质量。

关键步骤

1. 访问草稿文章 0:01

generated-image-at-00:00:01
  • 首先点击 SharePoint 链接以访问 CAS Insights 文章。
  • 导航至标有“Insights article”的部分并选择“Draft”。

2. 创建新的 CAS Insights 文章 1:03

generated-image-at-00:01:03
  • 在 Webflow CMS 中,前往“CAS Insights”并点击“New CAS Insights”。
  • 在指定字段中输入文章标题。

3. 编辑固定链接 1:28

generated-image-at-00:01:28
  • 使用 Claude 等工具或手动自定义,缩短文章别名(slug)。

4. 获取特色图片 2:06

generated-image-at-00:02:06
  • 向设计师 Mariah 或 Tammy 索取 Getty 图片。
  • 确保图片已下载并上传至品牌文件夹。

 

5. 图片优化 2:50

generated-image-at-00:02:50
  • 使用 TinyPNG 将图片转换为 AVIF 格式。
  • 下载优化后的图片以备上传。

 

6. 添加替代文本 3:13

generated-image-at-00:03:13
  • 为图片创建描述性替代文本(Alt Text),必要时可使用大语言模型(LLM)。

 

7. 填写 SEO 信息 3:36

generated-image-at-00:03:36
  • 将 SEO 标题设置为与文章标题一致。
  • 根据需要更新元描述。

 

8. 撰写文章预览 3:54

generated-image-at-00:03:54
  • 为将显示在 CAS Insights 主索引页面上的文章预览撰写摘要。

 

9. 复制文章正文 4:14

generated-image-at-00:04:14
  • 从 Word 文档中复制文章正文(包括图片),然后粘贴到 Webflow 中。

 

10. 标题格式化 4:33

generated-image-at-00:04:33
  • 从标题中删除任何不需要的标题标签(如 h3、h2),并按照指南进行格式化。

 

11. 设置发布日期 5:10

generated-image-at-00:05:10
  • 按规定输入发布日期,通常为周三或周五。

 

12. 移除不必要的功能 5:20

generated-image-at-00:05:20
  • 如果不需要目录功能,请将其移除。

 

13. 文章分类 6:14

generated-image-at-00:06:14
  • 为文章选择合适的类别,例如“新兴科学”。

 

14. 添加作者信息 6:34

generated-image-at-00:06:34
  • 从列表中选择作者,或使用加号按钮添加新作者。

 

15. 添加摘要文本 7:05

generated-image-at-00:07:05
  • 撰写将显示在主页上的摘要文本。

 

16. 添加号召性用语(CTA)按钮 7:15

generated-image-at-00:07:15
  • 如适用,请添加号召性用语(CTA)按钮的文本和 URL。

 

17. 处理资源按钮 7:30

generated-image-at-00:07:30
  • 如有需要,请添加资源按钮的文本和 URL。

 

18. 创建表格 8:02

generated-image-at-00:08:02
  • 在 Webflow 中使用预定义的表格类。
  • 使用大语言模型(LLM)生成表格代码,并将其粘贴到自定义代码区域。

 

19. 预览文章 9:12

generated-image-at-00:09:12
  • 在前端检查文章,确保所有内容显示正常。

 

20. 发布文章 10:06

generated-image-at-00:10:06
  • 完成所有步骤并审核无误后,即可发布文章。

注意事项

  • 确保所有图片均已完成优化,以避免加载缓慢。
  • 发布前请仔细核对所有链接和文本的准确性。

效率提升技巧

  • 利用大语言模型工具生成替代文本和表格代码,以节省时间。
  • 保留一份常用任务清单,以简化发布流程。

Loom 链接

https://loom.com/share/a3358138da354fbbaee7a08ac5bd5738

‍

内联标注框 – 实施指南

使用此标注样式引导读者访问相关的 CAS 解决方案,且不会打断阅读流程。最适合文章中途快速“了解更多”的场景。

使用场景

  • 链接至与上方段落直接相关的单一解决方案
  • 提供微妙的引导,避免过强的视觉干扰
  • 文章内标注(文章末尾建议使用多链接卡片样式)

如何在 Webflow 的博文中添加

第一步:添加嵌入元素

  1. 在 Webflow 设计器中,打开您的博文或富文本字段
  2. 点击+图标以添加新元素
  3. 选择嵌入(在“组件”下方)
  4. 将其放置在您希望显示标注的位置

第 2 步:粘贴代码

将以下代码复制并粘贴到嵌入框中:

<div class="callout-inline">
<p class="callout-inline__text"><strong>[您的加粗文本]</strong> [您的辅助文本]</p>
<a href="[您的 URL 路径]" class="callout-inline__link">
[您的链接文本]
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
</svg>
</a>
</div>

第 3 步:自定义内容

将括号中的占位符替换为您自己的内容:

占位符内容填写示例[您的加粗文本]钩子或引导短语需要更深入的专利见解?[您的辅助文本]简要辅助背景CAS STNext 提供全面的知识产权分析工具。[您的链接文本]行动号召文本探索 STNext[您的 URL 路径]URL 路径(见下文)/solutions/cas-stnext

第 4 步:设置 URL 路径

重要提示: 仅使用 cas.org 之后的路径,请勿包含完整 URL。

✅ 正确:/solutions/cas-scifinder-discovery-platform/cas-scifinder

❌ 错误:https://www.cas.org/solutions/cas-scifinder-discovery-platform/cas-scifinder

这可确保链接在测试环境和生产环境中均能正常工作。

示例

填写前(模板):

<p class="callout-inline__text"><strong>[您的加粗文本]</strong> [您的辅助文本]</p>
<a href="[您的 URL 路径]" class="callout-inline__link">
[您的链接文本]

填写后:

<p class="callout-inline__text"><strong>正在进行合成规划?</strong>了解 AI 驱动的逆合成分析如何缩短您的路线搜索时间。</p>
<a href="/solutions/cas-scifinder-discovery-platform/cas-scifinder" class="callout-inline__link">
探索 CAS SciFinder

写作建议

  • 加粗文本:以能够引起读者共鸣的问题或陈述作为切入点
  • 辅助文本:保持在一句话以内;提及解决方案名称和核心优势
  • 链接文本:使用动作动词,例如“探索”、“查看方式”、“了解更多关于”
  • 放置位置:放置在自然引出解决方案主题的段落之后

故障排除

标注框未显示:

  • 确保您已保存并发布页面
  • 检查嵌入代码是否被意外修改

字体显示不一致:

  • 标注框会继承网站的字体。如果显示效果异常,请检查页面是否使用了标准的 CAS 模板。

链接无法使用:

  • 确认您使用的是以以下内容开头的相对路径:/
  • 通过在以下内容后添加链接来测试链接:https://www.cas.org在您的浏览器中

有疑问吗?

联系网站团队。

‍