コンテンツのオーサリングとパブリッシング

コンテンツのオーサリング

あなたは既に最も重要な部分を知っている。

Microsoft Word または Google Docs を使用している場合は、コンテンツの作成方法を既に把握しています。

Word またはGoogle Docsの文書は、Web サイト上のページになります。 ドキュメントの見出しは、Web サイトの見出しになります。 太字、斜体、下線、リスト、画像など。 すべてがあなたのウェブサイトに表示されます。

画像とビデオ

ドキュメントに画像を追加するには、画像をページにドラッグします。 Word とGoogle Docsでは、自動的に通常どおりに追加されます。 訪問者のブラウザーウィンドウに合わせて画像のサイズが変更されます。 Word またはGoogle Docsで行うサイズ変更は、効果がありません。

ドキュメントに追加するすべての画像に代替テキストを設定することをお勧めします。これにより、アクセシビリティが向上し、検索エンジンでコンテンツを見つけやすくなります。

これを行うには、Word とGoogle Docsの両方の組み込み機能を使用します。 詳しくは、いずれかの製品のドキュメントを参照してください。

Word とGoogle Docsでは、ビデオをドラッグ&ドロップするだけではありませんが、SharePointまたはGoogle ドライブを介してビデオを追加し、結果の URL をドキュメントの 適切なブロックへのリンクとして追加できます。

リンク

リンクはすべての web サイトの重要な部分であり、Word とGoogle Docsの両方で追加できます。 Web サイト内でリンクを作成する場合は、リンク先のページがまだ公開されていない場合でも(プレビュー URL やライブ URL など)、URL をそのまま入力します。

同じサイト上の他のページを指すリンクは、サイトを基準に自動的に調整されます。

URL にアンカー値を追加することで、ページ内の見出しまたはセクションにリンクできます。 見出し要素には、自動的に小文字の ID が使用され、スペースはダッシュに置き換えられます。 例えば、ページ /about-us に「当社の履歴」という見出しがある場合、そのページにリンクする URL は https://<your_host>/about-us#our-history になります。

セクション

一部の web サイトには、背景色を変更したり、コンテンツの破損を示したりするセクションやブレードがあります。 Microsoft Word とGoogle Docsの両方でセクション区切りを作成するには、--- (3 つのハイフン)を 1 行に使用します。 Google Docsでは、横線を挿入してセクションを作成することもできます(メニューから「横線→挿入」を選択します)。

メタデータと SEO

メタデータとは、訪問者には見えないページに関する情報ですが、コンテンツを見つけたり埋め込んだりしたいエンジンやソーシャルメディアサイトを検索するために重要です。

ページにメタデータを追加するには、ドキュメントの最後に次のようなテーブルを作成します。 テーブルの作成は、Word とGoogle Docsでほぼ同じように機能します。 詳しくは、いずれかの製品のドキュメントを参照してください。

テーブルを次のように構成します。

テーブルの最初の行には、「メタデータ」という単語が含まれている必要があります。 これにより、ドキュメントにカスタムメタデータがあることがシステムに伝えられます。

次に、各メタデータプロパティに対して 1 行を作成します。 左の列にはメタデータプロパティの名前が含まれ、右の列には値が含まれています。 ほとんどの場合、値はプレーンテキストですが、「画像」行からわかるように、他のコンテンツも使用できる場合があります。

これで、メタデータブロックが作成されました。 また、複数のページのメタデータを一度に作成することもできます。 詳しくは、 一括メタデータのドキュメントを参照してください。

特別なメタデータプロパティ

メタデータブロックには、複数の目的に役立ついくつかの特別なプロパティがあります。

  1. image -og:imageog:imageogsecure_urltwitter:image として表示されます
    デフォルト:指定しない場合、AEMはページで最初に見つかった画像を使用します。 ページに画像が含まれていない場合、デフォルト値は /default-meta-image.png になります(このファイルはSharePointまたは GitHub から追加できます)。
  2. title - twitter:title および <title> と同 og:title に使用されます。
    デフォルト:指定しない場合、AEMはページ上にある最初の見出し 1 (h1)を使用します。
  3. canonical - <link rel=”canonical”> として使用されます
  4. 説明 - descriptionog:descriptiontwitter:description として使用されます
    デフォルト:指定しない場合、AEMはページで見つかった最初の段落(p)を使用します。この段落には少なくとも 10 個の単語が含まれています。
  5. tags - タグのリスト(コンマ区切りまたは箇条書き)。各タグは article:tag のように表示されます
  6. json-ld - <script type=”application/ld+json”> 要素内に JSON スキーマをレンダリングします。 ページにスキーマを追加するには、JavaScriptや head.html などの他の方法を検討してください。多くの場合、メタデータは適切なアプローチではありません。

メタデータ値の省略

メタデータを省略する場合は、値のセルを空のままにすることができます。

ブロック

ブロックを使用すると、より構造化されたコンテンツを操作し、サイトに特別な機能を追加できます。 サイトで使用できるブロックは、開発チームが実装した内容によって異なり、サイトごとに異なります。 すべてのサイトに共通の唯一のブロックは、前述のメタデータブロックです。

サイトに関係なく、ブロックの構造は常に同じです。これは、ブロック名(ヘッダー行)として機能する、結合された最初の行を持つテーブルです。 ヘッダ行は、背景色のような特定の書式を持ち、文書における発見可能性と差別化を高めることができる。

通常、ブロックには、他のドキュメント、スプレッドシート、またはその両方からのコンテンツ、設定または他のコンテンツへの参照が含まれます。

この例からわかるように、任意の種類のコンテンツをブロックのセルに自由に配置でき、コンテンツをレンダリングするか無視するかはブロック次第です。 作業中のサイトがブロックを広範に使用している場合は、使用できるブロックの参照リストが表示される可能性があります。

ブロックには、括弧で囲んだバリアントを使用できます。 例えば、Columns ブロックには、ブロック表示ロジックにレイアウトヒントを渡す (highlight) オプションを含めることができます。

標準提供のブロックについて詳しくは、ドキュメント ブロックコレクションを参照してください。

スプレッドシート内の構造化データ

コンテンツをスプレッドシートに配置すると、スプレッドシートが開発者が使用できる API に自動的に変換されます。 これにより、例えば、データテーブル、ナビゲーション、機能の比較などで使用するために、ヘッドレス CMSなどのスプレッドシートを使用できます。

詳しくは、 スプレッドシートと JSON のドキュメントを参照してください。

コンテンツをプレビューおよび公開

Google Drive または SharePoint でドキュメントを作成したら、対応する web ページをプレビューして、最終的にコンテンツを実稼動 web サイトに公開できます。

プレビュー機能を使用すると、web サイトに公開して一般に利用する前に、関係者とページを共有できます。

コンテンツをプレビュー、公開または削除するには、ブラウザー拡張機能としてインストールできるSidekickを使用します。

サイドキックの「Sidekickを共有」機能を使用して、プロジェクトの事前設定済みリンクを他の作成者から受け取るのが理想です。 これにより、プロジェクトを編集および公開するようにサイドキックが正しく設定されます。 詳しくは、Sidekick ドキュメントを参照してください。

プレビュー

Word またはGoogle Docsで、Sidekickを開き、「プレビュー」ボタンをクリックします。 これにより、サイトのプレビューバージョンを含む新しいブラウザーウィンドウ(ポップアップ警告を確認)が開きます。

このプレビューの URL はコピーして共有できますが、実稼動用ではありません。 ドメイン名が表示されず、検索エンジンからは見えません。 コンテンツを公開する準備が整ったら、公開できます。 変更が必要な場合は、プレビューページでSidekickを開き、「編集」をクリックして Word またはGoogle Docsに戻ります。

公開

公開すると、インターネット上のすべてのユーザーにコンテンツが表示されます。 何かを公開するには、プレビューページでサイドキックを開き(または上記の手順に従ってプレビューを再度開く)、「公開」をクリックします。 数秒後、新しいブラウザーウィンドウが開き、公開 web サイトにページが表示されます。

コンテンツが公開されると、インターネット上のすべてのユーザーに表示され、検索エンジンで見つけることができます。

削除

一般に、公開済みコンテンツを削除して、web から公開アクセス可能なリソースを削除すると、検索、ソーシャル、ブックマーク、その他の参照サイトからのインバウンドリンクが原因で問題が発生する可能性があります。 公開された後にページを削除した場合は、リダイレクトを使用して、削除されたページの受信トラフィックが次に適した場所に送信されるようにすることをお勧めします。 詳しくは、ドキュメント リダイレクトを参照してください。

公開済みのコンテンツを削除する場合や、クリーンアップの一環としてサイトから削除する場合は、2 つの手順で行います。

  1. まず、Sharepoint またはGoogle ドライブからソースドキュメントを削除します。
    • または、ページの名前を変更したり、別のフォルダー(drafts フォルダーなど)に移動したりできます。
  1. 次に、プレビューサイトで削除するページを開き、サイドキックを開きます。 DeleteUnpublish の 2 つのオプションがあります。

    • Unpublish は、公開されている実稼動 web サイトからプロファイルを削除しますが、プレビューは保持します。
    • Delete はプレビューも削除します。

何かを削除または非公開にすると元に戻すことはできません。 削除を取り消す場合は、SharePoint またはGoogle ドライブで元の文書を復元してから、再度公開する必要があります。

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec