記事全体の構成

基本的な構成は下記を推奨していますが、基本的には個人にお任せします。

  • はじめに(目的や~とは?の説明など)
  • 構成情報(全体構成、環境の準備など)
  • 手順(手順や結果、確認方法など)
  • 最後に(個人の感想や提案などのコメントなど)

 

記事公開までの流れ

  • タイトルを記載する(読者がタイトルを見ただけで 記事内容が分かるように
    ◎ とても良い例
      検索で記事を見に来る方が多いので、課題解決法のようなタイトルだと読者に喜ばれます!
      (例)「〇〇 の エラーをなくす方法」 など
    〇良い例
      (例) 「やってみた」 「試してみた」「〇〇の機能紹介」「〇〇の設定方法」など
    ×悪い例  
      避けていただきたいのは、技術要素や名称のみの表記です。もう一言 説明が欲しいです・・。
      (例) 「Azure と AWS」 →「Azure と AWS の〇〇比較」
          「Shibboleth IdPについて」  → 「Shibboleth IdP の 〇〇設定」
  • 記事を書く
  • カテゴリ「OSS」「Azure」「クラウド」「認証」「Techイベント」「Tips」から選択
    ※該当カテゴリがない場合は、三田までご相談ください。
  • 記事に関連する、タグを入れる。
  • アイキャッチ画像を入れる(天地最小200px
    ※縦長画像は見切れが発生するため、非推奨。
  • 必要に応じてレビューを受ける
  • 公開する

 

記載方法に関して

大見出し、中見出し、小見出しの記載方法

  • ビジュアル編集モードの場合
    ツールバーで選択
  • テキスト編集モードの場合
    HTMLタグ h1,h2,h3,… もしくは “#” , “##” , “###” で指定する

見出し1 h1

見出し2 h2

見出し3 h3

見出し4 h4

見出し5 h5

見出し6 h6

 

画像の登録方法

  • アイキャッチ画像(※設定漏れがとても多いのでご注意下さい!)
    アイキャッチ画像を設定、ファイルをアップロードまたはメディアライブラリから選択
  • 文中の画像
    文中の画像を挿入したい部分へカーソルを移動、画像をウィンドウへドロップしてアップロード、画像を選択

 

ソースコードの記載

 # Hello, World! 

cap 2017-03-13 18.10.12

などで囲む
詳しくは 設定 → SyntaxHighlighterの設定 参照 cap 2016-04-19 14.05.38

 

テーブルの挿入

  • ビジュアル編集モードの場合
    ツールバー → テーブル → テーブルを挿入 → 内容を書き込む
    セル内テキストを選択し、テーブル → セル → セルのプロパティ でセルの種類を変更できる
  • テキスト編集モードの場合
    HTMLタグ table,tbody,tr,th,td で指定する

App Service プランStandard 2S
.NET Frameworkv4.6

 

動画のリンク

文中の動画を追加したい部分へカーソルを移動 → メディアを追加 → URLから挿入

 

読みやすくするテクニック

  • こまめにプレビューにて記事レイアウトを確認すること。
  • ビジュアル編集モードよりテキスト編集モードの方が確実。なるべくテキスト編集モードにて記事レイアウトを調整すること。

 

All in One SEO Proのキーワード設定

下記3つの設定をお願いします。(記事の編集画面下部に表示されています)
  • メタ説明
    記事の説明文。PS120文字、スマホ60文字推奨。できれば60文字以内に概要、120文字以内で記載お願いします。
  • フォーカスキーフレーズ
    タイトルに含まれるメインキーワード
  • 追加のキーフレーズ
    サブ的なキーワード?

 

注意

編集モード

記事編集中に編集モードを変更すると、タグ、インデント、改行が消えてしまったりするので要注意。
また、ビジュアル編集モードでの改行は、2行分となってしまうため、文字間を詰めたければテキスト編集モードにて調整すると良い。

 

投稿者スラッグ

本ブログには投稿者アーカイブに表示される「Author Slug」の値を別の値に変更できるプラグインを導入しています。
ユーザーのプロフィールに表示されている投稿者スラッグは変更しないようにお願いします。

質問はこちら 閉じる