CAS Insights記事の投稿手順

目的

本SOPは、CAS Insights記事を投稿する際の一貫性と品質を確保するための手順をまとめたものです。

主要なステップ

1. 下書き記事へのアクセス 0:01

まずSharePointのリンクをクリックして、CAS Insightsの記事にアクセスします。
「Insights article」というラベルのセクションに移動し、「Draft」を選択します。

2. 新規CAS Insights投稿の作成 1:03

Webflow CMSで「CAS Insights」に移動し、「New CAS Insights」をクリックします。
指定されたフィールドに投稿タイトルを入力します。

3. スラッグの編集 1:28

Claudeなどのツールを使用するか、手動で調整して、スラッグを短く編集します。

4. アイキャッチ画像の取得 2:06

デザイナーのMariahまたはTammyにGetty画像の提供を依頼します。
画像がダウンロードされ、ブランドフォルダにアップロードされていることを確認します。

5. 画像の最適化 2:50

TinyPNGを使用して、画像をAVIF形式に変換します。
最適化された画像をダウンロードしてアップロードします。

6. 代替テキストの追加 3:13

必要に応じてLLMを活用し、画像の説明的な代替テキスト（altテキスト）を作成します。

7. SEO情報の入力 3:36

SEOタイトルを投稿タイトルと一致するように設定します。
必要に応じてメタディスクリプションを更新します。

8. 記事プレビューの作成 3:54

CAS Insightsのメインインデックスページに表示される記事プレビューの要約を作成します。

9. 投稿本文のコピー 4:14

Wordドキュメントから記事の本文全体を画像を含めてコピーし、Webflowに貼り付けます。

10. 見出しのフォーマット 4:33

タイトルから不要な見出しタグ（h3、h2など）を削除し、ガイドラインに従ってフォーマットします。

11. 公開日の設定 5:10

指定された公開日（通常は水曜日または金曜日）を入力します。

12. 不要な機能の削除 5:20

目次機能が不要な場合は削除してください。

13. 記事のカテゴリー分け 6:14

「emerging science」など、記事に適切なカテゴリーを選択します。

14. 著者情報の追加 6:34

リストから著者を選択するか、プラスボタンを使用して新しい著者を追加します。

15. ティーザーテキストの追加 7:05

メインページに表示されるティーザーテキストを作成してください。

16. CTA（行動喚起）ボタンの追加 7:15

該当する場合は、CTAボタンのテキストとURLを追加してください。

17. リソースボタンの操作 7:30

必要に応じて、リソースボタンのテキストとURLを追加してください。

18. テーブルの作成 8:02

テーブルにはWebflowの定義済みクラスを使用してください。
LLMを使用してテーブルのコードを生成し、カスタムコードエリアに貼り付けてください。

19. 記事のプレビュー 9:12

フロントエンドで記事を確認し、すべてが正しく表示されているかチェックしてください。

20. 記事の公開 10:06

すべての手順が完了し、確認が済んだら記事を公開してください。

注意事項

読み込み速度の低下を防ぐため、すべての画像が適切に最適化されていることを確認してください。
公開前に、すべてのリンクとテキストに誤りがないか再確認してください。

効率化のためのヒント

LLMツールを活用して代替テキストやテーブルコードを生成し、作業時間を短縮しましょう。
投稿プロセスを効率化するために、一般的なタスクのチェックリストを作成しておきましょう。

Loomへのリンク

https://loom.com/share/a3358138da354fbbaee7a08ac5bd5738

‍

インラインコールアウトボックス：実装ガイド

このコールアウト形式は、読者の流れを妨げることなく、関連するCASソリューションへ誘導する際に適しています。記事の途中で「詳細はこちら」といった補足情報を提示するのに最適です。

利用シーン

直前の段落に関連する単一のソリューションへリンクする場合
視覚的な主張を抑え、さりげなく誘導する場合
記事中盤のコールアウト（記事末尾には、マルチリンクカード形式の利用を推奨します）

Webflowのブログ記事への追加方法

ステップ1：埋め込み要素を追加する

Webflow Designerで、ブログ記事またはリッチテキストフィールドを開きます
をクリックします+アイコンをクリックして新しい要素を追加します
選択埋め込み（コンポーネント配下）
コールアウトを表示させたい場所に配置してください

ステップ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は包括的なIP分析ツールを提供します。[リンクテキスト]行動を促すテキスト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の詳細はこちら

執筆のヒント

太字テキスト：読者が抱える課題に響くような問いかけや主張を構成してください
補足テキスト：1文にまとめ、ソリューション名と主なメリットを記載してください。
リンクテキスト：「探索する」「活用方法を見る」「詳細はこちら」など、行動を促す動詞を使用してください。
配置：ソリューションのトピックへ自然につながる段落の後に配置してください。

トラブルシューティング

コールアウトが表示されない場合：

ページを保存し、公開したことを確認してください。
埋め込みコードが誤って変更されていないか確認してください。

フォントが異なって見える場合：

コールアウトはサイトのフォント設定を継承します。表示が不自然な場合は、ページが標準のCASテンプレートを使用しているか確認してください。

リンクが機能しない場合：

以下で始まる相対パスを使用していることを確認してください：/
リンクの末尾に以下を追加してテストしてください：https://www.cas.orgブラウザで

ご不明な点はありますか？

ウェブチームへお問い合わせください。

‍