管理画面 > [記事を書く]の編集サイドバーにある タブから、記事の投稿日時や投稿URL、アイキャッチ画像などの「編集オプション」を設定できます。
投稿するときに機能するオプション
編集オプションの上部では、記事を投稿する際に機能する2つのオプションを設定できます。
カスタムURL |
投稿した記事のパーマネントリンクで、 デフォルトの形式は管理画面 > [設定] > [詳細設定]の「記事URL」で設定できます。 カスタムURLを記事公開後に変更すると、変更前のシェアやリンクからアクセスできなくなります。また、ブックマーク数やスターはURLに紐付いているため、変更前に獲得したブックマーク数やスターはブログ上に表示されなくなります。 |
投稿日時 |
記事の投稿日時を、任意の日付・時間に変更できます。過去の記事を追加したり、未来の予定を投稿する場合などに利用できます。 また「指定日時で予約投稿する」オプションも選択できます。予約投稿については、「日時を指定して予約投稿する」を参照してください。 |
記事のメタデータを変更するオプション
以下の項目では、記事の内容に関するメタデータをカスタマイズできます。記事がシェアされたときのプレビューや、検索結果のスニペットに表示されます。
アイキャッチ画像 | 記事を代表する画像を指定できます。詳細については「アイキャッチ画像を設定する」を参照してください。 記事中に画像がある場合は、最初の画像が自動で選択されます。 |
記事の概要 |
記事の概要を自由に記述できます。HTMLタグで記載することもできます。 記事タイトルの下に記事の概要を表示させることもできます。 「記事の概要」はheadタグ内のdescriptionにも反映されますが、headタグ内ではHTMLタグは削除され、テキストのみ表示されます。また、pタグの間で正常に表示されるタグはa/img/spanなどインライン要素に限定されているのでHTMLタグを使用する際はご注意ください。 |
SEO・SNS向け設定 |
以下の3つの要素を設定できます。
検索エンジン向けタイトル、SNS向けタイトルは両方あるいはどちらかだけを設定できます。 「SEO・SNS向け設定」に入力したタイトルは、それぞれの要素の記事タイトル部分を上書きします。実際の値は、ブログ名とあわせて次の形になります。 「この記事を検索エンジンに登録させない(noindex, nofollow)」にチェックを入れると記事単位で設定することができます。ブログ全体に設定したい場合には、詳細設定画面の「検索エンジンに登録させない(noindex, nofollow)」にチェックを入れてください。 |
アイキャッチ画像などでシェアされやすい記事に
記事をソーシャルシェアしたり検索されたときに表示される「記事タイトル」や「概要」は、HTMLのヘッダー部でメタデータとして指定できます。編集オプションの設定で、これらの値を自由に設定できます。
ソーシャルメディアが利用するメタデータ
ソーシャルメディアに記事をシェアすると、自動でプレビューが表示されることがあります。伝わりやすいプレビューを用意できるとソーシャルメディア上でよく読まれたり、シェアが広がったりすることが期待できます。
FacebookなどではOGP(Open Graph protocol)というメタデータを利用します。「はてなCMS」でもOGPを用意しており、「編集オプション」の設定値を次のように反映します(デフォルト値は上記の表を参照)。
設定項目欄 | 上書きするOGP |
---|---|
アイキャッチ画像 | og:image |
記事の概要 | og:description |
SNS向けタイトル |
og:title の記事タイトル部分 |
twitter:image
など、記事をツイートした際にTwitterカードが利用するメタデータにも同様に反映されます。
検索結果などに表示されるメタデータ
検索結果のスニペットなどに表示されるメタデータも、編集オプションの記述により次のように上書きされます。
設定項目欄 | 上書きするメタデータ |
---|---|
記事の概要 | description |
検索エンジン向けタイトル |
title 要素の記事タイトル部分 |
title
要素を変更すると、ブラウザのタイトルバーのほか、検索結果やリンク元での表示、さまざまなサービスやアプリで自動取得される記事タイトルなど、広範囲に影響します。
記事タイトルを使い分ける
「SEO・SNS向け設定」を利用すると、3種類の記事タイトルを使い分けることができます。
それぞれを設定した場合でも、読者が記事を閲覧した際に目にする本文のタイトル(HTMLのh1
要素)は、編集画面の「タイトル」に入力したものになります。
記事の有料販売(codoc連携)
「記事の有料販売(codoc連携)」では、はてなブログ上で有料コンテンツ販売ができます。詳しくはお知らせ「記事編集画面から記事の販売ができる『記事の有料販売(codoc連携)』をリリースしました」をご参照ください。