このページでわかること
ホームページ作成、静的HTML修正、LP作成、スマホ表示確認、画像alt整理、公開前チェックの流れを確認できます。
対象読者
WordPressではなく静的HTMLや小規模サイトをCodexで作成、修正、公開したい人向けです。
読む順番
ホームページ作成から入り、HTML/CSS、静的HTML修正、LP作成、スマホ確認、画像整理、公開前チェックへ進みます。
Codexに任せやすい作業
HTML本文の追加、見出し整理、FAQ追加、内部リンク追加、軽微なCSS調整、公開URL確認は任せやすい作業です。
人間が確認すること
ブランド表現、問い合わせ導線、料金や保証に見える表現、AdSenseやSearch Consoleタグの扱いは人間が見ます。
公開前チェック
CSS 404、画像404、内部リンク404、390px表示、canonical、robots、noindexなしを確認してから完了にします。
注意
このロードマップでは、AdSenseコード、Search Console確認タグ、robots.txt、ads.txt、.htaccess、DB、cron、DNS、API、OAuth、canonical/noindex方針を変更しません。秘密情報、認証情報、サーバーパス、非公開ログも本文に出しません。
作る順番を間違えると、後で全部やり直しになる
ページの見た目から作り始めると、後から構造を変えることになって作り直しが発生します。順番を守るだけで、この手戻りは避けられます。
| 1 | URLを決める。後から変えると、貼られたリンクが切れます |
|---|---|
| 2 | 載せる内容と、載せない内容を決める。確定していない価格や日程を入れると、直し続けることになります |
| 3 | 文章を書く。見た目より先。文章が決まらないと必要な枠も決まりません |
| 4 | 見た目を整える。ここで初めて配置や色を扱います |
| 5 | 公開前の確認。リンク・スマホ表示・誤字 |
3と4を逆にする人が多いのですが、枠を先に作ると、文章をその枠に収めるために削ることになります。結果、伝えたいことが入らないページになります。
公開前に実機で見る
手元の広い画面では見えない問題があります。公開前に、実際のスマートフォンで開いてください。
- 最初の1画面に何が入っているか。スクロールせずに見えるのは画面1つ分だけです。そこに用件が無いと戻られます
- 押せる大きさか。指で押す前提の間隔になっているか。隣同士が近すぎると誤って押します
- 入力欄で画面が拡大しないか。文字が小さいと、入力時に勝手に拡大されて操作しづらくなります
- 横にはみ出していないか。幅の広い表や画像があると、ページ全体が横にずれます
そしてリンクは実際に押して着地先を確かめてください。転送が挟まっていたり、想定と別のページに着くことがあります。公開してから気づくと、告知に貼ったリンクごと直すことになります。
FAQ
このページはリンク集ですか？
いいえ。目的別に読む順番と判断基準を整理し、必要な既存ページへ進むためのハブです。
Codexに任せれば必ず成果が出ますか？
成果は保証できません。作業範囲、公開前確認、人間の判断、既存サイトの状態を合わせて確認します。
未作成URLへリンクしていますか？
リンク先は公開確認できる既存ページ、または今回作成したページだけに絞ります。
公式ページですか？
公式ではありません。Codexをサイト運用で使う時の実践メモとして整理しています。