はじめに
こんにちは、Watanabe Jin (@Sicut_study)です。
以前私が実際に使っている「アウトプットフレームワーク」についての記事を出したところ多くの反響をいただきました。
今回はこの応用的編として、ある程度記事を書くことに慣れた人が多くの人にみてもらえるような記事を書くためのテクニックについて紹介していきます。
バナーを作る
記事を表示したときにその記事をイメージするバナーを載せるようにしています。
いわばQiitaのサムネイルのようなものだと思っています。
これがあるだけで、記事のクオリティをあげることにつながり多くの方が読んでくれるようになります。またバナーがあることで「@Sicut_studyの記事だ」と認識してくれるようにもなります。
gifを活用する
個人開発を紹介するときなどはGifを活用することでわかりやすくなります
 |
| 例えばこんな感じ |
大切なところは太文字と色文字を使う
これはかなり大事なテクニックです。
あなたはYoutubeをみるときに倍速再生してみたことはありませんか?
なぜ人は倍速再生でみてしまうのでしょうか？あなたが初めてYoutubeをみたときは倍速再生してみていたでしょうか？
そしてこれにつながるのがなぜ世の中ではTikTokなどのショート動画が流行っているのでしょうか？
実は、記事に太文字、色文字を使うのは同じ理由なんです
！？！！？となった方が多いかと思いますので解説します。
現代はスマートフォンの普及に伴って、多くの情報が日々発信されています
そこで多くの人は情報を効率よく手に入れるために、倍速にしたり、短い動画で知識を得たりするようになったのです
現代人が1日に触れる情報量は江戸時代の一年分、平安時代の一生分と言われている
つまり、記事を読むときにも多くの人が流し読みしているわけです。
では、流し読みをするときに読む文章はどこになるのでしょうか？
まさに、太文字、色文字の文章なのです。
そこで私は記事の内容を太文字と色文字だけを読んでも伝わるように意識して記事を作成しています。
ところどころに画像を挿入するのも見た目にわかりやすくなるのでおすすめです。
画像を使うときは中央にする
画像はレスポンシブに対応するために中央に配置するようにしています。
中央配置の方法はいくつかあるのですが、私は以下の方法を使うようにしています。
| |
|:-:|
||
<font color="gray">ここに注釈(alt)をいれる</font>
これを実際に表示すると以下のようになります
 |
| ここに注釈(alt)をいれる |
画像を中央にして注釈までいれられるのでとても便利です。
注釈には参考先のリンクなどを入れることも多いです。
文字を大きくするためのシャープ(#)の使い方
シャープ(#)を使うとQiitaではh1やh2と同じ扱いで利用することができます。
しかし、この方法で見出しを作ると見出し表示に使われます
 |
ここで注意したいのが文字を大きくするのにシャープを使わないことです。
Qiitaではおそらく文字サイズをHTMLで大きくする方法が現在ないので、今後対応してほしいなと思ってます。
ちなみにh4からは使っても表示されないので問題ないです。
画像を使うときのSEO対策
なるべくSEOを高めるためにバナーのファイル名は適切なものに変更するようにしています。実際にWebサイトを作るならとても大切なSEO対策なのでやっていますが、効果はあるかは微妙なところです。
例えば犬のバナー画像ならdoc_banner.pngにするなど
青文字を使わない
最近Qiitaにはダークモードが使えるようになりました。ダークモードを使うと青文字は見えづらくなってしまうため極力使わない方が良いのかもしれません
(今回はわざと使ってみたのでダークモードで読んでみてください)
タイトルは適切か？
問題解決型の記事を投稿するときに注意したいのが、あなたが最初に検索したワードでその記事はヒットするのか？という視点です。
多くの人が記事を書くときにタイトルをつけるときその内容を知っていることを前提としたタイトルをつけてしまいます。
もしあなたが何か誰かに質問していたり、検索していたりするならその内容を要約したタイトルをつけることが大切です。
同じ問題にぶつかったり人がすぐに見つけられる記事にしましょう
おわりに
お気づきでしたか？
実はこの記事にもすべてのテクニックが利用されています。
ある程度慣れてきたら人に気づきをあたえるために記事を書くことを目指してぜひアウトプットを楽しんでみて下さい
ここまで読んでいただけた方はいいねとストックよろしくお願いします。
@Sicut_study をフォローいただけるととてもうれしく思います。
今週もプログラミング頑張りましょう！
おすすめ記事
JISOUのメンバー募集中
プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
気になる方はぜひHPからライン登録お願いします！
About Me
Webエンジニア転身して1年間本気で勉強
転職ドラフトで高額オファーを複数獲得
そこでの経験からアウトプットやマインドセットの発信に強みがある
エンジニアをやりながら、起業に挑戦中
アイデア作りやパブリックスピーキングを得意としてる
■ Twitter
https://twitter.com/Sicut_study
■ Instagram
https://www.instagram.com/himariajin
■ Youtube
https://www.youtube.com/channel/UCBFrGAJhPuuaoLwUIHBILsA
■ TikTok
https://www.tiktok.com/@sicut_study
■ プログラミングコーチングJISOU
https://projisou.jp
■ 体験で学ぶ！JISOU
https://experience-learn.connpass.com/
■ 登壇依頼などご依頼はこちらから
himaria.jin.watanabe@gmail.com
参考