[{"data":1,"prerenderedAt":107},["ShallowReactive",2],{"blog-tags":3,"header-recruit-jobs":17,"blog-post-share-to-web":22},[4,5,6,7,8,9,10,11,12,13,14,15,16],"Notion AI","Notionカレンダー","Notionサイト","Notionメール","インテグレーション \u002F 外部ツール連携","データベース","プラン \u002F 請求 \u002F 料金 \u002F 支払い","ページ \u002F ブロック","マーケットプレイス \u002F テンプレート","ワークスペース \u002F サイドバー","共有 \u002F コラボレーション","数式","設定",[18],{"path":19,"title":20,"order":21},"\u002Frecruit\u002Fnotion-consultant","Notionエンジニア\u002Fコンサルタント",1,{"slug":23,"title":24,"date":25,"lastUpdatedAt":26,"excerpt":27,"categories":28,"tags":30,"author":31,"noIndex":38,"html":39,"headings":40,"qas":105,"relatedQAsByTag":106},"share-to-web","Notionでページを公開する方法｜ブログ・ホームページ化や限定公開も解説","2024-01-11T00:00:00.000Z","2026-07-22T00:00:00.000Z","Notionで作成したページはWebに公開でき、Googleなどの検索結果に表示させることも可能です。本記事ではNotionのページをWeb公開してブログやホームページとして活用する方法に加え、非公開への戻し方や、特定の人だけに限定公開したい場合の対処法も解説します。よくある質問として「独自ドメインは設定できる？」「パスワードはかけられる？」などの質問にも回答しています。",[29],"個人利用",[6],{"id":32,"name":33,"image":34,"description":35,"url":35,"descriptionHTML":36,"SNSHTML":37},"ed05f0ec-6d24-407a-be2c-42787f62a4f3","もい","\u002Fblog\u002Ficon\u002Fmoi.png","","Webライター・ディレクター。法人 \u002F フリーランス向けにNotion導入・運用サポートも行う。TEMPブログの想い「Notionを使って業務や人生をより良くする」に共感し、参画。","\u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmoi__pace\" class=\"article-link\" target=\"_blank\">Twitter\u003C\u002Fa>",false,"\u003Cdetails>\u003Csummary>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">更新情報（2026年7月22日更新）\u003C\u002Fp>\u003C\u002Fsummary>\u003Cdiv>\n\n\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">2026年7月22日 限定公開に関するFAQを更新\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">2024年1月11日 記事公開\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionで作成したページは簡単にWebに公開することができ、Googleなどの検索結果に表示させることも可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回は「Notionで作成したページって公開できるの？」「Notionのページ公開ってどうやったらいいの？」と疑問を持たれている方に向けて、NotionのページをWeb公開する方法について解説していきます。\u003C\u002Fp>\u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>追記\u003C\u002Fstrong>\u003C\u002Fp>\u003Chr>\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>2024年7月にリリースされたNotion sites機能でより細かな設定ができるようになりました。解説記事 → \u003Ca href=\"\u002Fblog\u002Fnotion-sites\" class=\"text-black6 article-link\">2024年7月に新機能Notion sitesがリリースされました\u003C\u002Fa>\u003C\u002Fstrong>\u003C\u002Fp>\u003C\u002Fdiv>\n\n\n\n\n\n        \u003Cdetails class=\"table-of-contents mb-6 hidden\" open=\"\">\n          \u003Csummary class=\"text-[.9em] leading-[1.6] font-semibold tracking-[1px] mb-2\">\n            目次\n          \u003C\u002Fsummary>\n          \u003Cul class=\"toc-list flex flex-col gap-1 ml-5\">\n      \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionで作成したページを公開する方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionで作成したページを公開する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionで公開したページを共有する方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionで公開したページを共有する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionで公開したページの見え方\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionで公開したページの見え方\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionで公開したページを非公開へ変更する方法\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionで公開したページを非公開へ変更する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#ページを非公開にする手順\" class=\"toc-link text-sm text-black6 \">\n                ページを非公開にする手順\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#公開ページを削除する方法\" class=\"toc-link text-sm text-black6 \">\n                公開ページを削除する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#削除したページを復元する方法\" class=\"toc-link text-sm text-black6 \">\n                削除したページを復元する方法\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionでページを公開するときに便利な機能\" class=\"toc-link text-sm text-black6 font-bold\">\n                Notionでページを公開するときに便利な機能\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notion公開ページの管理機能\" class=\"toc-link text-sm text-black6 \">\n                Notion公開ページの管理機能\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#公開ページのドメインを変更する\" class=\"toc-link text-sm text-black6 \">\n                公開ページのドメインを変更する\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#パブリックホームページ設定\" class=\"toc-link text-sm text-black6 \">\n                パブリックホームページ設定\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#notionのweb公開機能の主な利用シーン\" class=\"toc-link text-sm text-black6 font-bold\">\n                NotionのWeb公開機能の主な利用シーン\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionでwebサイトホームページとして公開\" class=\"toc-link text-sm text-black6 \">\n                NotionでWebサイト、ホームページとして公開\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionでポートフォリオを作成\" class=\"toc-link text-sm text-black6 \">\n                Notionでポートフォリオを作成\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#よくある質問\" class=\"toc-link text-sm text-black6 font-bold\">\n                よくある質問\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionで公開したページのurlはどこから取得できる\" class=\"toc-link text-sm text-black6 \">\n                Notionで公開したページのURLはどこから取得できる？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionのページ公開は無料でできる\" class=\"toc-link text-sm text-black6 \">\n                Notionのページ公開は無料でできる？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionでページ公開するとき独自ドメインは取得できる\" class=\"toc-link text-sm text-black6 \">\n                Notionでページ公開するとき、独自ドメインは取得できる？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionでページ公開してしまったけど公開したくない非公開に変更したいときはどうする\" class=\"toc-link text-sm text-black6 \">\n                Notionでページ公開してしまったけど、公開したくない（非公開に変更したい）ときはどうする？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionのページを限定公開したいパスワードをかけたいときはどうする\" class=\"toc-link text-sm text-black6 \">\n                Notionのページを限定公開したい（パスワードをかけたい）ときはどうする？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionで公開したページはgoogleなどの検索エンジンにで登録インデックスされる\" class=\"toc-link text-sm text-black6 \">\n                Notionで公開したページはGoogleなどの検索エンジンにで登録（インデックス）される？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"ml-4\">\n              \u003Ca href=\"#notionでホームページは作成できる簡単にカスタマイズできる方法はある\" class=\"toc-link text-sm text-black6 \">\n                Notionでホームページは作成できる？簡単にカスタマイズできる方法はある？\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n            \u003Cli class=\"mt-0.5\">\n              \u003Ca href=\"#まとめ\" class=\"toc-link text-sm text-black6 font-bold\">\n                まとめ\n              \u003C\u002Fa>\n            \u003C\u002Fli>\n        \n          \u003C\u002Ful>\n        \u003C\u002Fdetails>\n      \u003Ca href=\"#notionで作成したページを公開する方法\" id=\"notionで作成したページを公開する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionで作成したページを公開する方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionで作成したページを公開する手順について解説します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 公開したいページの右上「共有」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-1.png\" alt=\"公開したいページの右上「共有」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したいページの右上「共有」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2「Web公開」をタブをクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-2.png\" alt=\"「Web公開」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「Web公開」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 3 「公開」ボタンをクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開ボタンをクリックすると、Web上に公開されます。Notionアカウントを持っていない人でも公開したページの閲覧が可能になります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-3.png\" alt=\"「公開」をクリックすると、公開される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「公開」をクリックすると、公開される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開後、下記の項目が調整できるので、必要な場合は設定します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-4.png\" alt=\"公開後、必要な場合は各項目を設定が可能（画像は未設定の状態）\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開後、必要な場合は各項目を設定が可能（画像は未設定の状態）\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">| \u003Cstrong>リンクの有効期限\u003C\u002Fstrong> | 設定した期間を迎えると自動的に期限切れとなり、公開リンクにアクセスしても閲覧できなくなります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">※有料プラン（プラスプラン以上）限定機能。 |\u003Cbr>| --- | --- |\u003Cbr>| \u003Cstrong>編集を許可\u003C\u002Fstrong> | 閲覧ユーザーは、ページの編集をできるようになります。 |\u003Cbr>| \u003Cstrong>コメントを許可\u003C\u002Fstrong> | 閲覧ユーザーは、コメントを追加できるようになります。 |\u003Cbr>| \u003Cstrong>テンプレートとして複製を許可\u003C\u002Fstrong> | 閲覧ユーザーのNotionワークスペースへのページ複製を許可します。 |\u003Cbr>| \u003Cstrong>ネット検索を許可\u003C\u002Fstrong> | 公開したページがGoogleなどの検索エンジンの検索結果に表示されるようになります。 |\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">※ 閲覧ユーザーが編集・コメント・複製の操作をするには、Notionのアカウントが必要です。\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ページ公開後は、\u003Cstrong>公開している**\u003Cstrong>ページ上部に公開されていることが分かりやすく表示されます\u003C\u002Fstrong>\u003C\u002Fstrong>。**\u003Cbr>\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-5.png\" alt=\"公開しているページ上部に公開されていることが分かりやすく表示される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開しているページ上部に公開されていることが分かりやすく表示される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>ページ公開の注意点\u003C\u002Fstrong>\u003Cbr>デフォルトでは、公開したページ配下の子ページもすべて公開されます。そのため、子ページを含む複数ページを公開する場合には、一番上の親ページを公開設定します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したくない子ページは個別にアクセス制限して、非公開に変更が可能です。手順は以下のとおりです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>非公開にしたい子ページを開き、「サイト設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-6.png\" alt=\"非公開にしたい子ページを開き、上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">非公開にしたい子ページを開き、上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開メニュー下部の「公開停止」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-7.png\" alt=\"「公開停止」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「公開停止」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>「アクセスを制限する」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-8.png\" alt=\"「アクセスを制限する」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「アクセスを制限する」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">動画でも解説しています↓\u003C\u002Fp>\u003Cfigure class=\"youtube-embed-wrapper\">\n\u003Cdiv class=\"youtube-embed-container\">\n\u003Ciframe width=\"100%\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FRd18CT4xRrY?rel=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"youtube-iframe border border-grayLight20\">\u003C\u002Fiframe>\n\u003C\u002Fdiv>\n\n\u003C\u002Ffigure>\n\n\n    \u003Cdiv class=\"template-text-section mb-6\" data-cta-id=\"task-trial\" data-cta-position=\"after-h2-2\" data-cta-variant=\"default\" data-audience=\"toC\" data-post-slug=\"share-to-web\">\n      \n      \u003Csection class=\"flex flex-col gap-y-5 mb-4 bg-white border border-black px-6 pt-6 pb-7 md:px-8\">\n        \u003Cdiv>\n          \u003Ch2 class=\"blog-heading font-feature-palt\">\n            Notionタスク管理ロードマップ体験版を無料プレゼント\n          \u003C\u002Fh2>\n        \u003C\u002Fdiv>\n        \u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\n          Notionでのタスク管理を基礎から体系的に学べる「タスク管理ロードマップ」の体験版を無料で配布しています。公式LINEの友だち追加だけで、すぐに受け取れます。\n        \u003C\u002Fp>\n        \u003Cimg src=\"https:\u002F\u002Flp.notion-university.jp\u002Fimages\u002Ftrial-task.jpg\" alt=\"Notionタスク管理ロードマップ体験版のプレビュー\" class=\"w-full border border-grayLight20\" loading=\"lazy\">\n        \u003Cdiv class=\"flex flex-col items-center gap-3 pt-1\">\n          \u003Ca href=\"https:\u002F\u002Flp.notion-university.jp\u002Ftrial-0621\u002F?utm_source=blog&utm_medium=referral&utm_campaign=trial0621&utm_content=article_cta&utm_term=share-to-web\" class=\"blog-button blog-button--line\" target=\"_blank\" rel=\"noopener\">\n            \u003Cspan>体験版を無料で受け取る\u003C\u002Fspan>\n          \u003C\u002Fa>\n          \u003Cp class=\"text-xs text-black6\">簡単3分！公式LINEの友だち追加だけですぐに受け取れます\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fsection>\n    \n    \u003C\u002Fdiv>\n  \u003Ca href=\"#notionで公開したページを共有する方法\" id=\"notionで公開したページを共有する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionで公開したページを共有する方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ここでは、Notionで公開したページを他の方に共有する方法について解説します。共有された人はNotionのアカウントを持っていなくてもページを閲覧することが可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP.1 公開したページ上部より「サイト設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-9.png\" alt=\"公開したページ上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP.2 サイトへの直接リンクが記載されている右横のアイコンをクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">クリップボードに公開用のURLがコピーされます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-10.png\" alt=\"サイトへの直接リンクが記載されている右横のアイコンをクリックすると、リンクがコピーされる\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">サイトへの直接リンクが記載されている右横のアイコンをクリックすると、リンクがコピーされる\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">コピーしたリンクを共有することで、公開ページを閲覧することができます。\u003C\u002Fp>\u003Ca href=\"#notionで公開したページの見え方\" id=\"notionで公開したページの見え方\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionで公開したページの見え方\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">上記の手順で公開・リンク共有をすれば、相手はNotionアカウントの有無に関わらず、公開ページが閲覧可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">サイト設定で編集やコメントを許可した場合、編集・コメントができるのは、 Notionアカウントがありログインしているユーザーのみです。編集やコメントをした場合、誰がコメントしたのか、誰が編集したのかのログ（記録）が残ります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-11.png\" alt=\"編集ログが残っている様子\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">編集ログが残っている様子\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-12.png\" alt=\"別アカウントがコメントした様子\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">別アカウントがコメントした様子\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionで公開したページを非公開へ変更する方法\" id=\"notionで公開したページを非公開へ変更する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionで公開したページを非公開へ変更する方法\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページは非公開に変更可能です。ここでは一度公開設定したページを非公開に変更する手順について解説していきます。\u003C\u002Fp>\u003Ca href=\"#ページを非公開にする手順\" id=\"ページを非公開にする手順\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">ページを非公開にする手順\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP.1 公開した**\u003Cstrong>ページ上部より\u003C\u002Fstrong>\u003C\u002Fstrong>「サイト設定」をクリックします。**\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-13.png\" alt=\"公開したページ上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 公開メニュー下部の「公開停止」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-14.png\" alt=\"「公開停止」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「公開停止」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 3 これで非公開となり、公開前の画面が表示されます。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-15.png\" alt=\"非公開となり、公開前の画面が表示される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">非公開となり、公開前の画面が表示される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#公開ページを削除する方法\" id=\"公開ページを削除する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">公開ページを削除する方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開していたページを削除すると、自動的にWebでも表示されなくなります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">削除する方法は以下のとおりです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 削除したいページの右上「…」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-16.png\" alt=\"削除したいページの右上「…」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">削除したいページの右上「…」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 「削除」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">削除すると、ページがゴミ箱に移動します。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-17.png\" alt=\"削除」をクリックすると、削除される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">削除」をクリックすると、削除される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">親ページを削除すると、子ページも同時に削除されます。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Ca href=\"#削除したページを復元する方法\" id=\"削除したページを復元する方法\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">削除したページを復元する方法\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">削除したページは、以下の手順で復元可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 左側サイドメニューより下部「ゴミ箱」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-18.png\" alt=\"左側サイドメニューより下部「ゴミ箱」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側サイドメニューより下部「ゴミ箱」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 復元したいページの右側「復元アイコン」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-19.png\" alt=\"復元したいページの右側「復元アイコン」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">復元したいページの右側「復元アイコン」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">すると、ページが復元され、公開設定もそのまま引き継がれます。公開していたページは復元と同時に、再度Web公開されます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-20.png\" alt=\"公開していたページは復元と同時に、再度Web公開される\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開していたページは復元と同時に、再度Web公開される\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionでページを公開するときに便利な機能\" id=\"notionでページを公開するときに便利な機能\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">Notionでページを公開するときに便利な機能\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ページ公開するときに知っておくと便利な機能をいくつか紹介します。\u003C\u002Fp>\u003Ca href=\"#notion公開ページの管理機能\" id=\"notion公開ページの管理機能\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notion公開ページの管理機能\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">2023年12月のアップデートで、自分のワークスペース内でWeb上に公開しているページを一覧で確認できるようになりました。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">確認方法は以下のとおりです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 左側サイドメニューより「設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-21.png\" alt=\"左側サイドメニューより「設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側サイドメニューより「設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP.2 左側メニューより「サイト」を選択します。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">右側にその時点で公開しているページを一覧で確認できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-22.png\" alt=\"左側メニューより「サイト」を選択すると、右側にその時点で公開しているページを一覧で確認できる\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側メニューより「サイト」を選択すると、右側にその時点で公開しているページを一覧で確認できる\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開ページ一覧では以下の内容が確認できます。\u003C\u002Fp>\u003Cul class=\"list-square pl-6\">\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">公開ドメイン\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">作成者\u003C\u002Fli>\u003Cli class=\"text-[15px] md:text-[16px] leading-[1.9] [li+&]:mt-1\">公開日\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\u003Ca href=\"#公開ページのドメインを変更する\" id=\"公開ページのドメインを変更する\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">公開ページのドメインを変更する\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionでドメインの一部（サブドメイン部分）をカスタマイズできます。設定方法は以下のとおりです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 左側サイドメニューより「設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-23.png\" alt=\"左側サイドメニューより「設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側サイドメニューより「設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP.2 左側メニューより「設定」をクリックし、「ドメイン」欄に設定したい文字列を入力後、画面下部の「保存」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-24.png\" alt=\"左側メニューより「設定」をクリック。「パブリック設定」＞「ドメイン」欄に設定したい文字列を入力後、画面下部の「保存」をクリックして完了\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側メニューより「設定」をクリック。「パブリック設定」＞「ドメイン」欄に設定したい文字列を入力後、画面下部の「保存」をクリックして完了\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">設定できる部分は以下カッコ内のサブドメイン部分です。\u003Cbr>https:\u002F\u002F（設定可能部分）.notion.site\u002F〜\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#パブリックホームページ設定\" id=\"パブリックホームページ設定\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">パブリックホームページ設定\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こちらは有料プラン（プラスプラン以上）限定機能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">通常の公開ページは「https:\u002F\u002F\u003Cem>\u003Cstrong>.notion.site\u002F」後に長い文字列が入りますが、パブリックホームページとして設定した1ページだけは「https:\u002F\u002F\u003C\u002Fstrong>\u003C\u002Fem>.notion.site\u002F」というシンプルなURLでアクセス可能になります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">設定方法は以下のとおりです。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 左側サイドメニューより「設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-25.png\" alt=\"左側サイドメニューより「設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側サイドメニューより「設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 左側メニューより「設定」をクリックします。「パブリックホームページ」欄で設定したいページを選択後、画面下部の「保存」をクリックして完了です。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-26.png\" alt=\"左側メニューより「設定」をクリック。「パブリックホームページ欄」で設定したいページを選択後、画面下部の「保存」をクリックして完了\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">左側メニューより「設定」をクリック。「パブリックホームページ欄」で設定したいページを選択後、画面下部の「保存」をクリックして完了\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionのweb公開機能の主な利用シーン\" id=\"notionのweb公開機能の主な利用シーン\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">NotionのWeb公開機能の主な利用シーン\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ここまでご紹介してきたWeb公開機能の主な利用シーンをご紹介していきます。\u003C\u002Fp>\u003Ca href=\"#notionでwebサイトホームページとして公開\" id=\"notionでwebサイトホームページとして公開\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">NotionでWebサイト、ホームページとして公開\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「Webサイトやホームページの制作を自分でやるとなるとハードルが高い、時間がかかる」と思われる方も多いのではないでしょうか？しかし、Notionであれば作成したページを数クリックでWeb上に公開できます。簡単にブログも作成できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-27.png\" alt=\"[個人のウェブサイトテンプレート](https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Ftemplates\u002Fnotion-link-in-bio)[「Notion Link in bio」](https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Ftemplates\u002Fnotion-link-in-bio)\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Ftemplates\u002Fnotion-link-in-bio\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">個人のウェブサイトテンプレート\u003C\u002Fa>\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fja-jp\u002Ftemplates\u002Fnotion-link-in-bio\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">「Notion Link in bio」\u003C\u002Fa>\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionでポートフォリオを作成\" id=\"notionでポートフォリオを作成\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionでポートフォリオを作成\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">副業やフリーランスとして個人で働かれる方も増えています。その中で大事になってくるのがポートフォリオ。自身で対応してきた案件や作品とともに、経歴や連絡先をまとめておくと立派な営業ツールの一つになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002F58c5eb92736347f289f226e28c9d53b4\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">\u003C\u002Fa>\u003C\u002Fp>\u003Cfigure>\u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002F58c5eb92736347f289f226e28c9d53b4\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-28.png\" alt=\"ポートフォリオテンプレート\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">ポートフォリオテンプレート\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Fa>\u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">こちらでご紹介した以外にも趣味に関することなど、Web上に公開したい情報を何でもNotionですばやく簡単に発信可能です。\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionで作成されたサイト事例集やテンプレート集を以下の記事でまとめていますので、合わせて参考にしてみてください。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\n\n\u003Ca href=\"#よくある質問\" id=\"よくある質問\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">よくある質問\u003C\u002Fh2>\u003C\u002Fa>\u003Ca href=\"#notionで公開したページのurlはどこから取得できる\" id=\"notionで公開したページのurlはどこから取得できる\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionで公開したページのURLはどこから取得できる？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">先述の「Notionで公開したページを共有する方法」のとおり、以下の手順で取得できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-29.png\" alt=\"公開したページ上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">サイトへの直接リンクが記載されている右横のアイコンをクリックすると、コピーされます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-30.png\" alt=\"サイトへの直接リンクが記載されている右横のアイコンをクリックすると、コピーされる\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">サイトへの直接リンクが記載されている右横のアイコンをクリックすると、コピーされる\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionのページ公開は無料でできる\" id=\"notionのページ公開は無料でできる\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionのページ公開は無料でできる？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">無料で公開可能です。\u003C\u002Fp>\u003Ca href=\"#notionでページ公開するとき独自ドメインは取得できる\" id=\"notionでページ公開するとき独自ドメインは取得できる\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionでページ公開するとき、独自ドメインは取得できる？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">先述の「Notionドメイン設定」の通り、以下カッコ内のサブドメイン部分であれば、既存の機能で変更可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「https:\u002F\u002F（設定可能部分）.notion.site\u002F〜」\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">完全に独自ドメインとなると、Notionに加えて有料の別サービス（\u003Ca href=\"https:\u002F\u002Fwraptas.com\u002F\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Wraptas\u003C\u002Fa> や \u003Ca href=\"https:\u002F\u002Fsuper.so\u002F\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Super\u003C\u002Fa> など）を利用する必要があります。\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">独自ドメイン取得などを利用できる有料サービスは以下の記事でまとめていますので、合わせて参考にしてみてください。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\n\u003Ca href=\"#notionでページ公開してしまったけど公開したくない非公開に変更したいときはどうする\" id=\"notionでページ公開してしまったけど公開したくない非公開に変更したいときはどうする\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionでページ公開してしまったけど、公開したくない（非公開に変更したい）ときはどうする？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">先述の「Notionで公開したページを非公開へ変更する方法」のとおり、以下の手順で可能です。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-31.png\" alt=\"公開したページ上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開メニュー下部の「公開停止」をクリックします。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-32.png\" alt=\"「公開停止」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">「公開停止」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">これで非公開となります。\u003C\u002Fp>\u003Ca href=\"#notionのページを限定公開したいパスワードをかけたいときはどうする\" id=\"notionのページを限定公開したいパスワードをかけたいときはどうする\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionのページを限定公開したい（パスワードをかけたい）ときはどうする？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">Notionの標準機能ではパスワードは設定できません。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">特定の個人だけにページを限定公開したい場合には、Web公開機能ではなく、共有機能をお使いいただくことをオススメしています。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">また、非公開のポートフォリオなど、Web公開してパスワード設定したい場合は、外部サービスを利用することで実現可能です。（\u003Ca href=\"https:\u002F\u002Fwraptas.com\u002F\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Wraptas\u003C\u002Fa> や \u003Ca href=\"https:\u002F\u002Fsuper.so\u002F\" class=\"text-black6 article-link\" target=\"_blank\" rel=\"noopener noreferrer\">Super\u003C\u002Fa> など）\u003C\u002Fp>\n      \u003Cdiv class=\"notion-callout bg-grayLight5 border-grayLight20 text-black p-4 border\">\n        \u003Cdiv class=\"flex items-start\">\n          \u003Cdiv class=\"flex-shrink-0 mr-3\">\n            \u003Ca href=\"\u002Fblog\u002Fauthors\u002Fもい\" class=\"flex flex-col items-center\">\n              \u003Cimg src=\"\u002Fblog\u002Ficon\u002Fmoi.png\" alt=\"もいのアイコン\" class=\"w-12 h-12 rounded-full border border-grayLight20 bg-white mb-1\">\n              \u003Cspan class=\"text-xs text-black6\">もい\u003C\u002Fspan>\n            \u003C\u002Fa>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"flex-1\">\n            \u003Cdiv class=\"text-[.9em] leading-[1.6] font-normal tracking-[1px] flex flex-col gap-1\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">パスワード設定などを利用できる有料サービスは以下の記事でまとめていますので、合わせて参考にしてみてください。\u003C\u002Fp>\u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \n\n\n\n\u003Ca href=\"#notionで公開したページはgoogleなどの検索エンジンにで登録インデックスされる\" id=\"notionで公開したページはgoogleなどの検索エンジンにで登録インデックスされる\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionで公開したページはGoogleなどの検索エンジンにで登録（インデックス）される？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">インデックスされます。以下の手順でネット検索を許可することで検索結果に表示されるようになります。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 1 公開したページ上部より「サイト設定」をクリックします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-33.png\" alt=\"公開したページ上部より「サイト設定」をクリック\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開したページ上部より「サイト設定」をクリック\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003Cstrong>STEP. 2 以下のイメージのとおり、公開設定の「ネット検索を許可」を「ON」にします。\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">\u003C\u002Fp>\u003Cfigure>\n    \u003Cimg src=\"\u002Fblog\u002Fimages\u002Fpost\u002F2024-01-11-share-to-web-34.png\" alt=\"公開設定の「ネット検索を許可」を「ON」にする\" class=\"border border-grayLight20 md:max-w-[80%] m-auto\" loading=\"lazy\">\n    \u003Cfigcaption class=\"text-center leading-5\" style=\"font-size: .85rem; color: #999;\">\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">公開設定の「ネット検索を許可」を「ON」にする\u003C\u002Fp>\u003C\u002Ffigcaption>\n  \u003C\u002Ffigure>\u003Cp>\u003C\u002Fp>\u003Ca href=\"#notionでホームページは作成できる簡単にカスタマイズできる方法はある\" id=\"notionでホームページは作成できる簡単にカスタマイズできる方法はある\" style=\"pointer-events: none; cursor: text;\">\u003Ch3 class=\"mt-4 relative pl-4 font-bold text-[17px] md:text-[18px] leading-[1.6] tracking-[0.05em] font-feature-palt before:content-[''] before:absolute before:left-0 before:top-[0.2em] before:bottom-[0.2em] before:w-[3px] before:bg-black -mb-1\">Notionでホームページは作成できる？簡単にカスタマイズできる方法はある？\u003C\u002Fh3>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">作成できます。\u003C\u002Fp>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">以下はホームページ（Webサイト）のテンプレート集です。「Notionは自由度が高すぎて作り方がわからない」「デザインに自信がない」という方はテンプレートを活用し、カスタマイズしていくのがおすすめです。\u003C\u002Fp>\u003Ca href=\"#まとめ\" id=\"まとめ\" style=\"pointer-events: none; cursor: text;\">\u003Ch2 class=\"blog-heading mt-8 mb-3 font-feature-palt\">まとめ\u003C\u002Fh2>\u003C\u002Fa>\u003Cp class=\"text-[15px] md:text-[16px] leading-[1.9]\">今回はNotionで作成したページを公開する方法、主な利用シーンを解説しました。Notionであれば、難しい知識はいらず手軽に自身の　Webサイト、ブログ、ポートフォリオなどが作れます。ぜひ本記事を参考に実践してみてください。\u003C\u002Fp>",[41,45,48,51,54,57,59,61,64,67,69,71,74,77,80,82,85,88,91,94,97,100,103],{"id":42,"text":43,"type":44},"notionで作成したページを公開する方法","Notionで作成したページを公開する方法","heading_2",{"id":46,"text":47,"type":44},"notionで公開したページを共有する方法","Notionで公開したページを共有する方法",{"id":49,"text":50,"type":44},"notionで公開したページの見え方","Notionで公開したページの見え方",{"id":52,"text":53,"type":44},"notionで公開したページを非公開へ変更する方法","Notionで公開したページを非公開へ変更する方法",{"id":55,"text":55,"type":56},"ページを非公開にする手順","heading_3",{"id":58,"text":58,"type":56},"公開ページを削除する方法",{"id":60,"text":60,"type":56},"削除したページを復元する方法",{"id":62,"text":63,"type":44},"notionでページを公開するときに便利な機能","Notionでページを公開するときに便利な機能",{"id":65,"text":66,"type":56},"notion公開ページの管理機能","Notion公開ページの管理機能",{"id":68,"text":68,"type":56},"公開ページのドメインを変更する",{"id":70,"text":70,"type":56},"パブリックホームページ設定",{"id":72,"text":73,"type":44},"notionのweb公開機能の主な利用シーン","NotionのWeb公開機能の主な利用シーン",{"id":75,"text":76,"type":56},"notionでwebサイトホームページとして公開","NotionでWebサイト、ホームページとして公開",{"id":78,"text":79,"type":56},"notionでポートフォリオを作成","Notionでポートフォリオを作成",{"id":81,"text":81,"type":44},"よくある質問",{"id":83,"text":84,"type":56},"notionで公開したページのurlはどこから取得できる","Notionで公開したページのURLはどこから取得できる？",{"id":86,"text":87,"type":56},"notionのページ公開は無料でできる","Notionのページ公開は無料でできる？",{"id":89,"text":90,"type":56},"notionでページ公開するとき独自ドメインは取得できる","Notionでページ公開するとき、独自ドメインは取得できる？",{"id":92,"text":93,"type":56},"notionでページ公開してしまったけど公開したくない非公開に変更したいときはどうする","Notionでページ公開してしまったけど、公開したくない（非公開に変更したい）ときはどうする？",{"id":95,"text":96,"type":56},"notionのページを限定公開したいパスワードをかけたいときはどうする","Notionのページを限定公開したい（パスワードをかけたい）ときはどうする？",{"id":98,"text":99,"type":56},"notionで公開したページはgoogleなどの検索エンジンにで登録インデックスされる","Notionで公開したページはGoogleなどの検索エンジンにで登録（インデックス）される？",{"id":101,"text":102,"type":56},"notionでホームページは作成できる簡単にカスタマイズできる方法はある","Notionでホームページは作成できる？簡単にカスタマイズできる方法はある？",{"id":104,"text":104,"type":44},"まとめ",[],[],1792662499489]