【どう作るの?】「見やすさ」重視のサイトマップ
おはようございます、たななこんぶです。
昨日、嬉しい知らせがやってきました。
note上のサイトマップ係担当とも言うべき「伊藤 翼(いとう つばさ)」さんの目に、
私たななの《たななこんぶのサイトマップ》が届きました!↓↓
🔰「サイトマップって言葉、何ですか?」の方、
たななこんぶ流に説明してみたので、よかったらどうぞ↓↓
この記事では、サイトマップのより良い姿を検討してみた過程と結果、その実践方法を整理します。
A. サイトマップの模索過程
1. 「伊藤 翼(いとう つばさ)」さんについて
「伊藤 翼(いとう つばさ)」さん(以下、「翼さん」と呼ばせていただきます)の紹介・ご協力なしでは記事の目的が果たせないので、
丁寧に順を追っていきたいと思います。
翼さんは、
①noterさんが自身の記事をリンク集で一覧化するページを記事として作り、
②一番上に固定することで、
③読者にアクセスしやすくしてもらおう、orそのnoterさん自身の頭の中を整理しよう、
という発信に力を貸してくださっているお方です。
noteを始めて1か月経たずのたななこんぶも、
翼さんの素晴らしい記事を拝見しました↓↓
⭐︎1つ目がこちら↓↓
⭐︎2つ目がこちら↓↓
…いかがですか? サイトマップが重要だということ、だいぶ理解できますよね🐈⬛
それを踏まえて、次、たななこんぶの場合の、翼さんのノウハウの吸収過程に話をうつします。
2. たななこんぶのアイデア収集・整理整頓
たななこんぶの場合、アイデアの収集・整理→「noteで発信するのはどう?」という流れだったので、
翼さんのようなアイデアの整理の仕方はしていません。
という、むしろ翼さんと逆の流れかもしれません。
(余裕のある方は、【noteを始めるきっかけ: 「文章、さくらももこさんみたい」】も読んでいただけると嬉しいです🌱)
3. たななこんぶ、ネタ帳を作る
同じくB5のキャンパスノートに「ネタ帳」と書き、自分だけがわかる題名(メモ付き)を列挙していきました。
具体的に例を出すと、
と箇条書きしました。
4. noteを始める決断→「サイトマップ」と出会う
B5ノートができた頃に成り行きでnoteという手段を知り、noteにて発信していく、と決意しました。
ここで重要なのは、次のことをできる限り明確化する、ということです。
たななこんぶの場合、
こんな感じ↑↑です。
目的&目標が作れればもうこっちのもの、
峠を越えて、書きたい気持ちになっているので、
はやる気持ちを抑えつつ、冷静にB5ノートを分類する作業をします。
前後しますが、目的&目標が決まり、noteで発信していく、となれば、
「noteってなに?」の疑問に答える作業が出てきたので、この時「サイトマップってなに?」とも出会いました。
先にも書きましたが、この時、翼さんの記事が参考になりました。
ですので、今この記事をご覧になっている皆さんは、大半が既にnoteを始めていらっしゃると思うので、
今一度、目的&目標は何か、自分に問いかけるのが近道かなぁと思ってみたりします。
5. サイトマップに悪戦苦闘する
サイトマップと出会ったたななこんぶ。
言葉の意味から調べなければ、全くわかりませんでした。
その上、ひたすら題名が羅列されてスマホでスクロール、何が何だかわかりませんでした。
既に書いているセリフ、
「たななこんぶ、わからないこと、ニガテです」。
わからないのに、作れるはずはまずありません。
そこで、わからない理由→解決策を考えました。
これでようやく、サイトマップを作ろう!にたどり着きました!
次のB.から、どうやって作成したのか、書いていきたいと思います。
B. 《たななこんぶのサイトマップ》を作る
⚠️作業量が多いので、適宜、休憩してくださいね🤭たななは午前中丸々かかりました。
1. Canvaで「索引帳」を図で作る
↑↑これです。こんな感じの図があると、自分も読み手も「わかる〜」ってなると思ったんです。
以下、気をつけるポイント、書きますね。
まずはCanvaのアプリを開くところから〜。
いかがですか?できましたか?
ひとつクリアしました!お疲れ様です〜🌱
2. Canvaで「埋め込みリンク」用のトップ記事の見出し画像を作る
次の作業のお話です。
noterさんなら、リンクで跳ぶということは理解されている方がほとんどだと考えました。
要は、題名の羅列を1記事内で繰り返さなくても、「こっちの記事にリンク貼ってあるよ〜」と伝われば、誘導完了!と思ったのです。
各カテゴリごと、記事のURLをコピー、までは翼さん他多くの方と同じですが、
たななのこだわり:「図なら理解しやすい!」
つまり、ただリンクを貼るのではなく、
「記事を埋め込んでURLを貼り付ける」
をしたいです…!
すると、図2のように、「見出し画像でわかりやすい」という印象を受けるはずです。
では、見出し画像の作成手順とポイントにいきましょうか。
いかがですか?疲れたら休憩してくださいね☘️
3. noteで各カテゴリの記事を作る
いよいよnoteでの作業開始です。お疲れ様です🌱
・
・
・
お疲れ様です♪
たななこんぶはまだ記事数が少ないので、記事を投稿したらカテゴリの記事を更新しようかなぁと思っています。
増えてきたら、厳選しておすすめを紹介するのかどうかは未定です。
とりあえず、完成形がこんな感じです↓↓
おわりに
いかがでしたか?
結構大変…と思われたかと思います。
大変さと見にくくて混乱、両方を天秤にかけた時、私は混乱を避けたかったので、このようなサイトマップにしてみました。
あくまでもコンセプトは、「見やすさ」重視のサイトマップです。
大変だけど、きっと読者も訪れやすく(特に下の方に表示されていた記事の子たち)、
大変さが報われる時がくるんじゃないかな、とこっそり思ってみたりもします🤭
ひとまず、お疲れ様でした!
そして、最後までお付き合いいただき、ありがとうございました!
改善の余地は充分あるかと思います。
お気軽にコメント、感想、スキなど、お願いします!
ではでは♪
たななこんぶ
この記事が気に入ったらサポートをしてみませんか?