SYSTEM NOTICE

Auto translation by AI. Be sure, accuracy, nuances and authorial intent may not be fully reflected.
見出し画像

[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 Example
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]>

Source: Markdown Shortcuts - note Help Center

■ 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

https://www.help-note.com/hc/ja/articles/4410617032217-Markdown%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88


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.

いいなと思ったら応援しよう!

text.sakura.ne.jp【公式】 読んでくれてありがとうございます 😄 このnoteでは「トークテーマ一覧」「note記事テーマ一覧」「配信企画一覧」など、まとめ記事を中心に書いています ✏️ 役に立ちそうな記事がありましたら、自由にご利用ください ☕ 記事一覧は『サイトマップ』で見られます 📄