はいどのはなし

「みちしるべ」をリニューアルしてみました!

はいど
はいど
どうも、みちしるばーのはいど(@michishiruver)です

先日、京都に行ってまいりました。

目的は伸びシロハウス京都を訪れること。

ぼくがブログを始めるきっかけとなった人に、りっくん(@rikkunblog)というクリエイターさんがいます。

今回、伸びシロハウス京都で、そのりっくんに教えてもらったことをもとに、

ブログとTwitterを軽くリニューアルしました

この記事ではどのへんが変わったのかを書いていこうと思います!

変えたところ

ブログ

  • サイドバー
  • 蛍光ペンと文字色
  • 広告の量
  • 記事内の改行
  • サイト全体の色
  • お問合わせフォーム

Twitter

  • プロフィール
  • 記事に関するツイート

まだ変えてないところ

ブログ

  • 記事下の広告
  • 内部リンクの貼り方

Twitter

  • 具体的な発信内容

この記事は、圧倒的にブロガーさん向けで書いていきます

変えたところ

まずはブログ、その次にTwitterの順で紹介していきますね。

ただ、before・afterの「before」の方を撮り忘れたものが結構あるので、そこは許してください…

ブログ:サイドバー

これがサイドバー

パソコンで見たとき、横に「サイドバー」というものがあります。

上の画像でプロフィールや、カテゴリー、アーカイブが設置されている部分のこと。

このサイドバーに何も置いてなかったんです。

つまりスッカスカ。

その代わりフッター(記事の下の部分)にプロフィール・カテゴリー・アーカイブを置いていました。

スカスカはさみしいので、フッターのものをサイドバーに移動。

はいど
はいど
スマホは画面が狭いからサイドバーが表示されないんじゃないかな  

と思っていましたが、記事下にきっちり表示されました

こんなやつがスマホの一番下に
表示されてるはず

これでパソコンでもスマホでも、必要なものが違和感なく見られますね。

ブログ:蛍光ペンと文字色

いままでぼくは、赤と青の2色の蛍光ペンを使っていました。

ペンの二刀流

だけど何か、ゴチャゴチャするんですよね。

マーカーのインパクトも弱まるし。

そこで、赤蛍光ペン赤文字に変更。

赤ペンから赤文字に乗り換え

ここから全記事を変更していくつもりです。

はいど
はいど
100記事以上あるけど、めげないよ

ブログ:広告の量

スマホには出てないんですが、パソコンのホーム画面に広告を置いています。

この広告たちが、ちょっと多かったみたいです。

確かに記事と広告が1:1、つまり半分が広告の状態でした。

はいど
はいど
見る気失せるね

記事:広告=4:1 に変更しました。

広告の位置もかたよりすぎてて気持ち悪かったので、バラバラにしました。

ブログ:記事内の改行

おととい公開した記事から変えています。

以前はこんな感じ。

スマホ版

パソコン版

昨日公開した記事はこんな感じ。

スマホ版

パソコン版

文字がギッチリつまっていたので、余裕をもたせるようにしました。

具体的に言うと、3行をひとカタマリにして改行を2つ入れるってこと。

ただし、強調したいところは一行でひとカタマリ。

他にも話が変わったところでカタマリを分けるので、必ずしも3行にならないこともあります。

はいど
はいど
だいぶ読みやすくなったはず

ブログ:サイト全体の色

  • 原色が多いので圧迫感がある
  • 青メイン+薄めの黒がいいかも

この2つのアドバイスをもとに、サイト全体の色を変えました

これこそ変える前の写真を撮っておけばよかったんですが、撮ってません

  1. アクセントカラー、インフォメーションバーの色→#aac9ff
  2. 薄い黒→#55647f
  3. 文字色→#3b4675(たぶんデフォルトだった)

色彩に関するセンスが絶望的にないので、『色見本と配色サイト』というサイトを参考にさせていただきました。

水色と薄い青の組み合わせは、完全にサイトから引っ張ってこれました。

はいど
はいど
ありがたい

ブログ:お問合わせフォーム

お問合せフォームに、どんな相談をしてほしいかを付け加えました

アイキャッチをつけると、ただの真っ白いお問合せフォームに比べて、ずいぶんと堅さがなくなりました

Twitter:プロフィール

ここからはTwitterの話。まずプロフィールを変えました

写真はりっくんに撮ってもらったよ…!

そしてプロフィール内容も変更。

  1. 「16歳みちしるばー」→「16歳。学校が合わない人、HSP、LGBTQ+のみちしるべとして発信中」
  2. 「居場所をつくりたい」→「居場所をつくっています」
  3. 「相談してください」→「学校の悩み、HSP、セクシャリティに関する悩みを相談してください」

まずはブログで発信している3つの柱を明記

この3つに関することをツイートしていけば、何ツイートしたらいいのか分からない問題も解決です。

また、表現を具体的にすること、逃げずに言い切ることを徹底。ブログと同じですね。

Twitter:記事に関するツイート

今まで記事に関するツイートはこんな感じでした。

これにプラスαしていきます。

1,2行で終わらせていた記事の要約を、1ツイート分しっかり取るようにしました。

これで気になる人に読んでもらうルートができます。

まだ変えてないところ

まだ手を付けてないものです。

非常に大変なものが多い、、、

ブログ:記事下の広告

記事下におすすめ記事を貼る、という手法を習ってきました。

引用:『瞬間男子

が、これが意外と難しい。

jinの広告管理機能から、フッター(記事下)にhtmlを貼り付ければいいのですが…

HTMLが分からない!

体調良くなったらプログラミングをやろうとしているので、もうちょっと待ってください。

はいど
はいど
とりあえず手動で貼っています  

このくらいは自己解決したい。

ブログ:内部リンクの貼り方

内部リンクをしっかり貼って、このブログだけで必要な情報すべてが分かるようにするということ。

ブログ内で記事同士が補完しあって、ネットワークを作るイメージです。

途方も無い作業量になります。現在、記事を整理中。

Twitter:具体的な発信内容

具体的には何も決まってません。

柱は「学校」「HSP」「セクシャリティ」。

「こうしたらいいよ」っていう不安解決と、

「そもそもHSPっていうのはね」っていう基礎知識を混ぜていこうかなと思ってますが、

混ぜたら対象が広がりすぎるかも。ううむ。

ただ、看板、つまりプロフィールに反さない発信をやっていこうと思ってます。

まとめ:発信内容とかいろいろ進化するよ

  1. Twitterでの発信内容が定まった
  2. 記事が読みやすくなった
  3. サイトの色が変わった

要約するとこんな感じ。

ぼくは、ブログを書き始めて5ヶ月です。

その5ヶ月、ひたすら孤独に毎日更新をしてきました。

「添削するよ」って言ってるインフルエンサーさんに絡みに行く勇気もなく、一人で自信なさげに記事を更新。

なんかPVは伸びてるし、文章がうまく書けるようになってきたのは分かる。本もたくさん読んだ。

だけど、なんか不安。

そんなぼくにとって、京都でりっくんに教えてもらったことは、 めちゃめちゃ新鮮で新しい学びでした。

はいど
はいど
まさに乾いたスポンジのように吸収してきた  

ブロガーは引きこもって作業すべし、という意見もあるけど、頑張って外の世界に出てみるのも大切だなあと実感。

そして、客観的な意見をもらう勇気は必須ですね。

どっちがいいとかではなく、読者目線とブロガー目線はやっぱり違うので。

まずはりっくん(@rikkunblog)に感謝を伝えたいと思います。本当にありがとうございます!

りっくんをフォローする

そして、これからも進歩していくぼくと、『みちしるべ』をよろしくお願いします!

おまけ:りっくんと会って思った・気づいたこと

はいど
はいど
ここからはおまけだし、爆発成長したいブロガーさんだけ読んでね

  1. 瞬間男子りっくんは気遣い男子りっくんだった…!
  2. やっぱり、例え力がすごい
  3. ブロガー視点で他の人のブログを読むべし

瞬間男子りっくんは気遣い男子りっくんだった…!

あ、この項目はブログとはそんなに関係ないです。

りっくんって気遣いがすごいんですよ。

気遣いとおせっかいって違うじゃないですか。

おせっかいが「とにかく気にかける、話しかける」のに対して、

気遣いは「相手に必要な距離感が分かる」っていうこと。

りっくんは気遣いタイプでした…。

無理に距離をつめることなく、かと言って離すこともなく。

コミュ障のぼくでも安心して、自分のペースで話せました

はいど
はいど
ただ、さすがにもうちょっと質問とか用意しとけばよかったと思う(コミュ障)  

やっぱり、例え力がすごい

起きてから、布団から起き上がれないんですよ。これには本当驚きました。起きようとすると吐き気とめまいが半端なくて…。


と、ここで布団の近くにおいていた、チョコの包袋を捨てる用のビニール袋が目に入りました。


「もう、こいつに吐いてやろう」


生まれてきたなかで、これほど潔く「吐いてやる!」と決心したのは初めて。大学いく!って決断したときより重い判断のように感じました。

謎の吐き気の理由が春雨(はるさめ)による消化不良だった話

この文章の面白いところ、分かるでしょうか。

生まれてきたなかで、これほど潔く「吐いてやる!」と決心したのは初めて。大学いく!って決断したときより重い判断のように感じました。

謎の吐き気の理由が春雨(はるさめ)による消化不良だった話

太字にした部分です。そう、例え力。(本当はもっといい例があるけど見つからなかった)

抽象化して、他のものに転用する能力がめちゃ高いのがりっくんです。

話していても、「あーこれ、例え力!」と思うタイミングが何度もありました。

物事を例える力は鍛えたいです。

はいど
はいど
ちなみに春雨の記事は、りっくんの雑記の中でぼくが一番好きな記事

ブロガー視点で他の人のブログを読むべし

気づきの最後に、ブロガーはブロガー目線で記事を読むべし、と書いて締めておきます。

改行のしかた、文字を詰めないやり方について上でまとめましたが、

りっくんの記事を真剣に読んでれば、アドバイスされなくても気づいたと思います。

はいど
はいど
悔しい  

物事は、観客席から見るか、捕食者の目で見るかで、ぜんぜん違った見え方をするんです。

ぼくはブログを始める前、

「とりあえずブログって何書いたらいいのか、りっくんから勉強しよう。ついでに構成も見てこよう」

という視点で、一回りっくんのブログ『瞬間男子』を全記事イッキ読みしたことがあります。

だけどそのときはまだブログ運営を始めてないので、視点が少ない

学べることは限られてます。

だからいま、ブログを書き始めている状態で、先輩ブロガーのブログを読むことはめちゃめちゃ有益です。それに気付かされました。

とりあえず『瞬間男子』はもう一周してきます。

その後は分からないけど、『manablog』とか読むと絶対有益だと思います。

はいど
はいど
吸い取るように学びたい  

最初から最後までブロガーのための記事でしたね。

それでは、ブログ運営頑張っていきましょうっ!

居場所を探してるあなたへ。

 

このブログをゆっくり読んで、

あなたの居場所にしてください。

そして、不安で眠れなくなったり、

苦しさで叫びたくなったりしたときは、

ぼくがあなたのみちしるべになります。

 

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA