重要ポイントボックス：形式と例

キー テイクアウェイ（重要ポイント）ボックスは、読者がページを最初から最後まで読まなくても保持すべき3〜5個の結論を提示します。各箇条書きは完全で独立して役立つ記述であり、記事がカバーする内容についての約束ではありません。

この実例は、既存のAcademyコールアウト処理を使用して、意図された階層を示しています。表示ラベルとそれに続く短い境界付きリストです。正規の要素は key-takeaways のままです。視覚的なスタイリングはその編集上の目的を変更してはなりません。公開システム間で移動する際は、共有の要素記述ルール を適用してください。

この要素が重要な理由

読者がすべてのページを直線的に読むことはほとんどありません。読者はタイトル、導入部、見出し、リスト、表示された証拠を調べて、そのページがより多くの注意を払う価値があるかどうかを判断します。重要ポイントボックスはそのスキャンに即座に応えます。スキャンする読者は長いスクロールをしなくてもページの実際の価値を受け取り、注意深く読む読者は後続の証拠を解釈するためのメンタルモデルを受け取ります。箇条書きがトピックではなく結論を述べるため、記事に明確な主張があるかどうかも明らかになります。

その読者へのメリットは、単純化ではなく圧縮に依存しています。「初期HTMLに不可欠な情報がない場合、サーバー側でレンダリングされた商品詳細を使用する」という結論は、その判断と条件を保持しています。「レンダリング」だけでは不十分です。優れた箇条書きは、読む労力を減らしながら、主題、主張、および主張を正確にする境界を保持します。

同じ境界は機械にも役立ちます。ランキングシステムはクエリに対してドキュメントを順序付けるソフトウェアです。密度の高い冒頭の要約は、ページが実際に何を主張しているかの簡潔な表現を提供します。検索システムは、検索結果や生成された回答で使用するために文章やドキュメントを選択するソフトウェアです。いくつかの自己完結した箇条書きは、独立して引用可能な文章を提供します。これはボックスがランキングや引用を引き起こすという約束ではありません。記事の意味を特定して再利用しやすくし、システムがいくつかの離れた段落から結論を再構築する必要をなくします。

機械抽出性とは、ブロックと各項目がページのデザインや周囲の散文から分離されても意味を保持することを意味します。それが「これ」、「より良いパフォーマンス」のような断片、説明不能な最上級表現が失敗する理由です。境界線、アイコン、セクションの順序が消えても、言葉自体が意味を伝えなければなりません。

使用すべき場合

実質的なページが、読者の判断や理解にとって重要な少なくとも3つの異なる結論に達する場合、重要ポイントを使用します。この要素は、複数のセクションがあるガイド、複数の決定的な発見がある比較、または証拠がコンパクトな主張セットを裏付ける研究主導の記事で最も価値があります。ドラフト版がアウトラインを導いたとしても、最終版のボックスは本文の後に書いてください。安全に要約できることを証明するのは完成した記事だけだからです。

ページに回答が1つしかない場合は使用しないでください。代わりに直接回答ブロック を使用してください。シーケンスをプレビューしたり、セクションをリストしたり、読者のナビゲーションを助けるために使用しないでください。それはクイック概要と目次 の役割です。短い用語集の定義、狭い製品機能、または約700語未満のページは、箇条書きとして自分自身を言い直してもメリットがないことがよくあります。

見逃しやすいケースは明示的に扱う必要があります：

• テーマのリストは、見出しが「重要ポイント」となっていても概要です。
• アクションのリストは、完了が重要な場合はチェックリストまたは手順リストです。結論は動詞で始まるからといってアクションになるわけではありません。
• 統計のグループは、各数字が述べられた発見とその分母、期間、範囲が存在しない限り、重要ポイントボックスではありません。
• メリットのリストは、本文がそれらのメリットを実証していない場合はマーケティングコピーです。
• 1つの長いセクションのまとめは、そのセクションが保持する価値のある3つ以上の結論をもたらす場合にのみ、要素のセクションバリアントを使用できます。

配置場所

配置は、ボックスが何を要約しているかを読者に伝えます。デフォルトの記事レベルのバリアントは、1〜2段落の導入部の後、通常は最初の150語以内かつ最初の実質的なH2の前に表示されます。導入部は主題と範囲を指定し、ボックスは結論を述べます。ボックスを文脈より前に置くと、すべての箇条書きが不格好な設定を運ぶことになり、複数のセクションの後に置くとスキャン目的が損なわれます。

ボックス内に営業CTAを配置したり、最終箇条書きに直接添付したりしないでください。ボックスは編集上の圧縮を約束しており、その約束をコンバージョンコピーと組み合わせると、結論がクリックを正当化するために選択されたように見えます。

構造

この要素には5つの意味領域があります。ラベルはブロックに名前を付けます。オプションのタイトルは範囲を絞り込みます（例：「ベンチマークの結果」）。リストは結論が同列であることを確立します。各項目には、主題、結論、および必要な限定詞が含まれます。周囲のスコープ関係（記事の冒頭、セクションの終わり、またはページの閉じ）は、項目が何を要約するかを定義します。

レンダリングされた凡例：

1. ラベル： 要素を常に「重要ポイント」または承認された平易な同等表現（例：「概要」）として識別します。
2. オプションのタイトル： ラベルを繰り返さずに、限定された主題に名前を付けます。
3. リストコンテナ： 3〜5個の順序なしの等しく重み付けられた結論を保持します。
4. 独立項目： 明示的な主語と動詞で1つの主張を行います。
5. 限定詞： 関連する読者、期間、条件、測定、または例外を保持します。
6. スコープ関係： ボックスが記事、前のセクション、またはページ全体の結論を要約するかを示します。

スクリーンショットの注釈は、ピクセルではなく意味領域を識別します。境界線の太さ、アイコン、背景、間隔はデザインシステムによって変更される場合があります。ラベル付きの構造は維持されなければなりません。

デザイン例

3つの編集バリアントがあります。単なる色ではなく、スコープと位置によって異なります。

記事上部バリアント： 長いガイド、比較、証拠主導のページに使用します。変更されていないラベル「重要ポイント」で通常は十分です。ページ全体がスコープを提供するからです。

セクション終わりのまとめ： 読者が組み合わせる必要のある複数の発見を含む長いセクションの後に使用します。タイトルはそのセクションの主題を指定し、項目は後のセクションを要約するものであってはなりません。

クロージングサマリー： 議論がページ全体で累積し、初期の結論が時期尚早である場合に使用します。冒頭のボックスがすでに同じ発見を述べている場合は追加しないでください。CTAはサマリーの後に別の要素として残ります。

パラメータ

パラメータは編集インターフェースを形成するため、制限は単一のレンダラーではなく、Markdown、Hugo、WordPress全体に適用されます。

12〜30語の項目帯域が存在するのは、箇条書きに完全な主張とその範囲に十分なスペースが必要でありながら、それを裏付ける段落よりも速くスキャンできなければならないからです。正当な限定詞により項目が35語になることもあります。それを超える場合は、主張を修正するか、その説明を本文に移動してください。

構文とコード例

3つの表記法すべてが同じタイトル、バリアント、および4つの項目をエンコードします。プラットフォームアダプターはマークアップを変更しても構いませんが、リストを型なしの段落に平坦化したり、任意の見出しから結論を推測したりしてはいけません。

ポータブルMarkdownディレクティブ

:::key-takeaways{variant=article-top title="Key takeaways"}
::item
カテゴリページは、測定した10の業界のうち8つでヘッドタームの検索において商品ページを上回ります。
::
::item
商品ページは、クエリが特定のモデル、サイズ、構成を指定する場合、より強力な遷移先であり続けます。
::
::item
公開されるすべての比較は、裏付け分析で使用された測定期間と業界範囲を保持しなければなりません。
::
:::

Hugoショートコード

{{< key-takeaways variant="article-top" title="Key takeaways" >}}
- カテゴリページは、測定した10の業界のうち8つでヘッドタームの検索において商品ページを上回ります。
- 商品ページは、クエリが特定のモデル、サイズ、構成を指定する場合、より強力な遷移先であり続けます。
- 公開されるすべての比較は、裏付け分析で使用された測定期間と業界範囲を保持しなければなりません。
{{< /key-takeaways >}}

WordPressブロックまたはショートコード

[key_takeaways variant="article-top" title="Key takeaways"]
- カテゴリページは、測定した10の業界のうち8つでヘッドタームの検索において商品ページを上回ります。
- 商品ページは、クエリが特定のモデル、サイズ、構成を指定する場合、より強力な遷移先であり続けます。
- 公開されるすべての比較は、裏付け分析で使用された測定期間と業界範囲を保持しなければなりません。
[/key_takeaways]

これらの例は実装契約であり、AmICitedデータに関する主張ではありません。「10のうち8つ」という記述は、記事本文が10の測定された業界、測定期間、クエリセット、およびそれを裏付ける結果を指定している場合にのみ公開してください。

例

良い例：本文が裏付けられる結論

重要ポイント

• カテゴリページは、測定した10の業界のうち8つでヘッドタームの検索において商品ページを上回ります。
• 商品ページは異なる役割を果たします。モデル固有のクエリに回答し、直接的な購入判断をサポートします。
• チームは、検索結果がカテゴリレベルの意図に報いることを確認した後にのみ、ヘッドタームをカテゴリページにマッピングするべきです。

これは、すべての項目に主題と結論があるため機能します。最初の項目は測定された範囲を保持し、2番目は異なる役割を説明し、3番目は証拠を限定された判断に変換します。各主張は本文内で特定し、裏付けることができます。

悪い例：重要ポイントボックスを装った目次

重要ポイント

• この記事ではX、Y、Zについて学びます。
• カテゴリページと商品ページについて説明します。
• 続きを読んで最適化のヒントをご覧ください。

これは、箇条書きが記事の発見ではなく記事自体を説明しているため失敗しています。スキャンする読者が使用できる結論や、検索システムが引用できる主張を提供していません。「続きを読む」も販促的な指示であり、重要ポイントではありません。本文完成後に実際の結論でリストを置き換えるか、オリエンテーションが本当の目的である場合は「概要」としてラベルを変更してください。

直接回答および結論との関係

3つの要素は、それらの役割が明示的に分離されていない場合に重複する可能性があります。直接回答は主要な質問を1つのコンパクトな文章で解決します。重要ポイントは証拠から3〜5個の異なる結論を保存します。サマリーまたは結論は、読者がその証拠を見た後に議論を統合し、含意を説明する場合がありますが、デフォルトで2番目の箇条書きリストではありません。

この識別ルールを使用してください：1つの主張には、上部近くに1つの主要な居場所があります。直接回答が唯一の結論をすでに述べている場合は、重要ポイントを省略します。重要ポイントが別の発見を追加する場合は、直接回答を主要な質問に集中させ、最初の箇条書きでその表現を繰り返さないでください。冒頭のボックスが完全な統合をすでに捉えている場合は、すべての箇条書きを言い直す代わりに、閉じセクションを含意または次のステップに使用してください。テンプレートがスロットを提供しているからといって、単に3つすべてを公開しないでください。

スキーママークアップとアクセシビリティ

重要ポイントボックス専用のSchema.orgタイプやJSON-LDプロパティはありません。JSON-LDは構造化データのための機械可読フォーマットです。この要素はそれを含む Article、TechArticle、または他の有効なページタイプの一部として残ります。単に構造化データを作成するために、その箇条書きを HowToStep、FAQPage、または ItemList にマッピングしないでください。これらのタイプはプロセス、質問と回答、または編集上の意味と一致しない可能性のあるリストを暗示します。

HTMLは、実際の順序なしリストを含むラベル付き領域を公開する必要があります。表示タイトルが見出しである場合は、aria-labelledby を使用して領域に接続します。ARIAは、支援技術にインターフェースの役割と関係を伝える属性のセットです。見出しが存在しない場合は、aria-label="Key takeaways" のようなアクセシブルな名前が許容されます。role="alert" を追加しないでください。コンテンツは時間に敏感ではなく、スクリーンリーダーユーザーを中断すべきではありません。

すべての項目は、ドキュメントの順序で、色、アイコン、または近くの散文なしで理解可能でなければなりません。リンクは説明的で控えめに保ちます。キーボードユーザーは通常のリンクのみに遭遇するべきです。ボックスに展開/折りたたみコントロールは、より広範なデザインシステムがアクセシブルに提供しない限り不要であり、主要な要約をデフォルトで非表示にすることは推奨されません。

記述ルール

ボックスには3〜5個の箇条書きが含まれます。各箇条書きは完全な独立した記述であり、通常は12〜30語、最大でも35語を超えません。主語で始め、結論を直接述べ、正確さのために必要な最小限の限定詞を含めます。文の大文字小文字ルールと終止符を使用します。スキャンが向上する場合は並列文法構造を維持しますが、すべての主張を同一の表現に強制しないでください。

本文の証拠の強さにのみ合わせて、断定的に記述します。「測定されたページはサーバーキャッシュが有効になった後、より速く読み込まれた」は、方法と前後の値が下に表示されていれば裏付け可能です。「キャッシングは常にランキングを向上させる」はそうではありません。「おそらくこれが場合によっては役立つかもしれない」のような曖昧な表現は弱い証拠を修復せず、単に主張を不明瞭にするだけです。本文が有用な結論を裏付けられない場合は、箇条書きを削除してください。

絶対に含めないもの：

• CTA、登録リンク、販売オファー、「続きを読む」プロンプト
• トピック、セクション名、読者が学ぶことについての約束
• 本文に存在しない事実、数値、推奨、因果関係の主張
• 「ベスト」「最速」「最も重要」などの裏付けのない最上級表現
• 結論を回避し、正直な制限を述べない曖昧な埋め草
• 項目を支配するほど長い引用。詳細なソースノートは裏付けとなる本文の主張とともに保持
• ネストされたリスト、表、画像、手順、FAQ、または別のコールアウト

これらの除外の理由は信頼です。ボックスは記事を正確に圧縮することでその目立つ位置を得ます。販売、予告、装飾、または証拠を超えるものはすべてその約束を破ります。

使用する投稿タイプ

postTypes フロントマターがこのマッピングのソースです。そこにリストされていない投稿タイプは、別のページが使用しているからといって要素を継承すべきではありません。

QAチェックリスト

レビューアは装飾的な詳細を検査する前に、編集契約をチェックします：

• ボックスには3〜5個の箇条書きが含まれ、すべての箇条書きは12〜30語の帯域内の完全な文であるか、最大35語までの正当化された限定詞がある。
• すべての項目が結論を述べており、トピック、セクション名、学習の約束、または手順内のアクションではない。
• 本文がボックス内のすべての主張、数値、比較、範囲、および推奨を目に見えて裏付けている。
• 各項目は、ボックス、見出し、または周囲の段落なしでコピーされても正確で理解可能である。
• ボックスが許可された位置にあり、そのスコープ（記事、セクション、またはクロージング統合）が明確である。
• 近くの直接回答、概要、目次、または結論が同じ情報を繰り返していない。
• CTA、販売メッセージ、裏付けのない最上級表現、回避的な曖昧表現、ネストされたコンポーネント、または未検証の統計が内部に含まれていない。
• レンダリングされた出力に表示可能なテキストラベルとセマンティックな順序なしリストがあり、色とアイコンだけが唯一の識別子ではない。
• Markdown、Hugo、WordPress表現が同じバリアント、タイトル、項目順序、および表現を保持している。
• スクリーンショットコメントは、名前付きの実際のキャプチャが存在するまでコメントのままである。存在しない画像パスはレンダリングされない。

失敗したチェックがボックスの意味や信頼性を変える場合は、ボックスを却下します。レビューアは句読点を直接修正できますが、裏付けのない主張は著者または証拠所有者に差し戻さなければなりません。

FAQ

よくある質問