[note] How to create a sitemap (Copy-paste OK)
Introduction

note’s sitemap (article list page) how-to is introduced here.
There is also a sample template that allows you to easily create a sitemap.
《 Table of Contents 》
■ Sitemap Example
■ Sitemap Sample Template
■ Sitemap Heading Underline Image
■ Sitemap Divider Line Image
■ Things I put effort into for the sitemap
■ Benefits of a sitemap
■ Sitemap-related hashtags
■ Related links
■ Sitemap Example


Sitemap - note article list 📝
https://note.com/text_sakura/n/na2cd73291236
■ Sitemap Sample Template

You can easily create a sitemap by copying and pasting the sample template below into the note editor (article creation screen).
Sitemap - note article list 📝
## 📌 このnoteについて ▼
---
ここに自分のnoteの紹介文やプロフィールを書く。【例】「〇〇〇」「△△△」などをテーマにした記事を書いています。
ここに目次を挿入【例】「+」をクリックしてメニューを開く→「目次」をクリック
## 📖 主なカテゴリ ▼
---
- 自分が作ったマガジン01 📖
- 自分が作ったマガジン02 📖
- 自分が作ったマガジン03 📖
## 📝[記事一覧]記事のカテゴリ名01【例】〇〇の楽しみ方 ▼
---
- 記事のリンク01【例】noteの楽しみ方
- 記事のリンク02【例】Instagramの楽しみ方
- 記事のリンク03【例】YouTubeの楽しみ方
ここに上記記事の関連マガジンのリンクを埋め込む【例】「+」をクリックしてメニューを開く→「埋め込み」をクリック
## 📝[記事一覧]記事のカテゴリ名02【例】日記 ▼
---
- 記事のリンク01【例】〇〇に行った話
- 記事のリンク02【例】〇〇を買った話
- 記事のリンク03【例】〇〇を食べた話
ここに上記記事の関連マガジンのリンクを埋め込む【例】「+」をクリックしてメニューを開く→「埋め込み」をクリック
## 📝[記事一覧]その他・未分類 ▼
---
- 記事のリンク01【例】自己紹介
- 記事のリンク02【例】絶景写真
- 記事のリンク03【例】オススメの100均グッズ
- 記事のリンク04【例】100の質問に答えてみた
- 記事のリンク05【例】いつかやりたい100のこと
---
- 記事のリンク06【例】〇〇の思い出
- 記事のリンク07【例】夏にオススメの動画
- 記事のリンク08【例】料理レシピ
- 記事のリンク09【例】ゲームレビュー
- 記事のリンク10【例】読書レビュー
> 記事について説明を書きたい場合は「引用」を使って記入。
## 🔍 スキ🧡の数が多い記事ランキング ▼
---
https://note.com/search?context=note&q=from:@【あなたのID】&sort=like
ここに上記URLのリンクを埋め込む
## 🔍 記事を検索する ▼
---
https://note.com/search?q=from:@【あなたのID】&mode=search
ここに上記URLのリンクを埋め込む
---《 Explanation of Markdown Notation 》
[Large Heading]##
[Divider Line]---
[Bullet Points]-
[Quote Section]>
■ Sitemap Heading Underline Image

The underline for the large heading in the sitemap can be customized to your liking.
【 Heading Underline Image Example 】

https://assets.st-note.com/img/1717375230538-GaChzTaEEd.png
[Size] 1598px × 6px
[Line color] rgb(002, 046, 097) / #022E61
[Line color] rgb(211, 216, 219) / #D3D8DB
■ Sitemap separator line image

You can customize the separator lines for the sitemap bulleted list to your liking.
[ Example of separator line image within list tags ]

https://assets.st-note.com/img/1717378792817-dfBySuKu78.png
[Size] 1598px × 2px
[Line color] rgb(097, 112, 118) / #617076
[Line color] rgb(255, 255, 255) / #FFFFFF
If there are many articles in the bulleted list, it is easier to read if you insert a separator line every 5 to 10 articles.
■ Things I put effort into for the sitemap

I put effort into the following points to make it easier to read.
[General] Articles are categorized and posted
[Title] Included not only "Sitemap" but also "Article List" in the title
[Table of Contents] Added a table of contents
[Heading] Used large headings
[Heading] Used emojis
[Heading] Used an image for the underline (the underline is slightly thicker)
[List] Displayed articles in a list format
[List] Displayed part of the article title in bold
[List] Inserted separator lines when there are many articles
[List] Placed a link with a magazine image at the end of the article list
[Likes] Posted a link to identify articles with many likes
[Search] Posted a link to search for articles within note
■ Benefits of the sitemap

Makes it easy to understand what kind of articles are available
Makes it easy to find articles
Makes it easy to organize and revise articles
■ Sitemap-related hashtags

For sitemap pages, you can use hashtags like the following.
■ Related Links

Markdown Shortcuts – note Help Center
What you can do in the editor (article editing screen) – note Help Center
https://www.help-note.com/hc/ja/articles/360012426133-エディタ-記事編集画面-でできること
List of popular articles with the tag "#sitemap"
https://note.com/hashtag/サイトマップ
#How to write on note / #My work introduction
(text)
◇ ◇ ◇
<< List of previously created note articles >>
https://note.com/text_sakura/n/na2cd73291236
<< Contact information regarding articles >>
text.sakura.note@gmail.com
※ Emails containing attachments cannot be accepted.
※ Please send text only.
いいなと思ったら応援しよう!
読んでくれてありがとうございます 😄 このnoteでは「トークテーマ一覧」「note記事テーマ一覧」「配信企画一覧」など、まとめ記事を中心に書いています ✏️ 役に立ちそうな記事がありましたら、自由にご利用ください ☕ 記事一覧は『サイトマップ』で見られます 📄