『Smart経理』ホーム執筆レギュレーション更新情報5/11:CSSデザインを変更しました!ビジュアルエディタでも表示されるので見やすいかと思います。ちなみにボックス系を出したあとに次の段落に移るには、Enterキーを3回ほど押してください。今回全体的に参考にしているサイトがこちらの転職nendoというサイトです。その中でもこちらの「転職エージェントおすすめランキング13選|成功例の評判・口コミを比較【2019年最新版】」というキラーページにはデザインやレギュレーション関連の全ての要素が含まれているので、こちらを参考にしましょう!それでは各種装飾や執筆時ルールなどを解説します。マーカー、ユーザーニーズ装飾のルール質問、回答見出し使用可能なデザインのルール2種類の吹き出し記事内or見出し内で伝えること、結論ボックス結論に対する理由、エビデンス、おすすめポイントボックス理由の補足、補足情報ボックスメリット、こんな人におすすめの箇条書きボックスデメリット、こんな人におすすめしないの箇条書きボックス口コミ/評判ボックスタイムライン、ステップ、流れボックス執筆時に一番気をつけてほしいこと「とにかく読みやすくユーザーにとって徹底的にわかりやすいサイト」を目指します。そのために気をつけるのが以下の3点です。通常の文章は一文一意で、連続して5文以上書かないそのためにデザインボックスや図解指示、ボタンなどを駆使する頻繁に吹き出しを使ってユーザーの悩みを明文化する転職nendoを見て頂けるとわかりますが、基本的に文章の塊がめちゃくちゃ短いです。ここで言う「文章の塊」とは各種デザインを使った文章を表します。「文章の塊」がとても短くわかりやすいかと思います。分解するとこんな感じ▼このように各種デザインを駆使することで、わかりやすく、読者を飽きさせない記事を作ることができます。転職nendoでは吹き出しを頻繁に使用しています。ユーザーの悩みや疑問がどれだけ小さくても、必ず吹き出しを使用して顕在ニーズを表してください。執筆時のルール基本ルール基本的には「エンジニア転職サイト@管理シート」の「構成シート」にある修正後構成を使用しつつ、各列にあるタイトル、カテゴリ、タグ、パーマリンクをそれぞれそのまま設定して記事を書いてください。執筆後は必ずプレビュー確認をしてください。デザインズレなどが起こらないようにと、見やすいデザインになってるかの確認のためです。画像や図解の挿入指示また、挿入する画像や図解、アイキャッチは全てデザイナーさんに作成してもらいます。ライターさんには基本的に画像を挿入してもらうことはありません。※図解:●●●について※画像:●●●の画像といった形で指示の記載をお願いします。この指示を見てデザイナーさんが、順番に図解や画像を作成するので、執筆中に指示出しをお願いします。※但し、エビデンスに必要な別サイトのグラフデータなどや、商標のページスクショや申込み時画像などを除く。こちらは各自挿入お願いします。ボタンやリンク、ショートコード使用時のルールボタンアフィリンクやテキストアフィリンクはショートコードでまとめています。汎用性の高い文章はショートコードにて使いまわしていきます(エージェントの簡単な比較など)。いったショートコードを使用する際は「エンジニア転職サイト@管理シート」内の「リンク管理シート」を確認してください。ショートコードの種類は、テキストアフィリンクボタンアフィリンク汎用性の高いテキスト内部リンク(※最初の時期のみ!後述しますがなくなります)の4つ。テキストアフィリンクは例えば転職nendoみたいに文中で商標名でテキストリンクを入れる際に使ってください。[テキストレバテックフリーランス]なら〜〜〜公式サイト:[公式リンクレバテックフリーランス]みたいな感じですね。(後者の公式サイトリンクは公式サイトに見せかけたアフィリンクになります。こんな感じ)ボタンリンクは、こんな感じになります。汎用性の高いテキストはシートの「リンク内容列」に書かれているような内容が反映されます。最後に内部リンクのショートコードですが、既に出来上がってる記事はリンクを直接貼って頂けると幸いです。出来上がっていないものは、内部リンク用ショートコードを設置しておいてください。内部リンクのルール内部リンクを貼る際は以下の2つの方法に絞ってください。文章内で貼る際は自然な文脈にするために、以下の汎用性のある文章をおすすめします。こちらの「タイトル(リンク付)」という記事では〜〜こんな感じで自然にリンクを貼ってください。「Quicktags」の「理由の補足、補足情報」を使ってその中に内部リンクを設置する。改行ルール一文毎(「。」毎)に必ず改行します。「Shift+Enter」改行(HTMLタグでいう<br>改行)は基本的には使用しないでください。改行は「Enter」のみで行い、文脈が変わる場合はもう一度Enterを押し、空の改行を入れましょう!※尚、リストタグ使用時のみ「Shift+Enter」改行を使ってもOKです。以下の画像のような時です。マーカー、ユーザーニーズ装飾のルール文章の装飾には以下の4種類があります。※太字は勝手に文字サイズが大きくなります。→お金や数字関連などでの太字強調をするとき。テキストの中で重要な箇所。→見出し内で一番重要な箇所。見出しに対しての回答にあたる文章。一つの見出しの中で一度だけ使用可能。→記事内で一箇所だけ使用可能。リード文でキーワードに対してのユーザーの顕在ニーズをカギカッコを使って書く。以上のルールでご使用ください。質問、回答見出し質問や回答系の文章にはこちらを使用してください。初期設定では質問はh3、回答はh4となっているので、こちらは見出しの階層に合わせて変更してください。使用可能なデザインのルール2種類の吹き出しこんな感じで使用します。画像と名前は一括変換します。女性、エンジニア業界についてあまり知らない。男性、スクールを利用してプログラミングを覚え、エンジニア就職後、転職エージェントを使用して転職。転職nendoみたいな優しい口調でお願いします。記事内or見出し内で伝えること、結論ボックス用途は2種類です。1.リード文が始まる前に必ず記事の要約として設置。この際のボックスタイトルは「この記事でお伝えできること」。2.各見出しの結論やまとめ部分で使用。見出しの度に毎回使っていると返って見にくくなるので、無理に毎回使用しなくてOKです!結論に対する理由、エビデンス、おすすめポイントボックス用途は2種類です。1.結論ボックスに対する理由や根拠(エビデンス)として使う。ボックスとボックスの間には文章を入れたり吹き出しを入れてボックスを連続させない。2.サービスや商標を推す際のおすすめポイントとして使う。理由の補足、補足情報ボックスこちらの用途は2種類です。1.理由に対しての補足情報として使ってください。2.内部リンクを貼る際に使用してください。ボックス内のテキストにはリンク先のタイトルを掲載し、そこにリンクを貼ってください。メリット、こんな人におすすめの箇条書きボックス基本的には「●●のメリットまとめ」や「●●はこんな人におすすめ」といった見出しを用意して、そのすぐ下で使用してください。デメリット、こんな人におすすめしないの箇条書きボックス基本的には「●●のデメリットまとめ」や「●●はこんな人にはおすすめしない」といった見出しを用意して、そのすぐ下で使用してください。口コミ/評判ボックス口コミや評判などを転載する際などで使用してください。属性情報/出典:サイト名(リンク付)」を必ず入れてください。今後は自動で最後の文章も左寄せになるようCSSを組みますので特に左寄せしたり、文字サイズを変更したりする必要はありません。タイムライン、ステップ、流れボックス何かの流れやステップを解説するときは必ず使用してください。ちなみにこちらはプレビュー確認しながら作成頂くとデザインのズレなどもなくなるかと思います。