本文へ移動
Coffee Break Again AIと育てる、サイト制作の研究室

START / 最初の一歩

ホームページを自分で作るには?初心者が最初に決める5つのこと

運営・編集:CBA編集部 / 監修者について
公開: / 更新:

ホームページの作り方は「誰に・何をしてほしいか」から

この一文があると、AIに文章や見た目を頼むときも判断しやすくなります。迷ったら、ページを増やす前にこの目的へ戻りましょう。

ホームページに必要なページを、3つから考える

お店や個人の仕事を紹介するなら、まずは「何をしているか」「内容と料金」「連絡や訪問の方法」をそろえます。別々のページに分けるか、一つのページにまとめるかは、情報の量で決めてかまいません。

ブログなら、記事に加えて運営者の説明や問い合わせ先も必要です。写真や実績がまだ少ないときは、ある情報だけで正確に紹介します。AIが作った架空のお客様の声や実績は載せないでください。

  • お店の例:サービス内容、料金の目安、営業時間・アクセス・問い合わせ。
  • ブログの例:読んでほしい記事、記事を探す入口、運営者と連絡先。
  • 作品サイトの例:代表作、作品一覧、作者の紹介。

WordPressかAstroか、サイトを更新する方法で選ぶ

管理画面で文章や写真を自分で更新したいなら、WordPressが候補になります。公開した後も、テーマや追加機能の更新、バックアップを続ける必要があります。

Astroは、文章やデザインのファイルから公開用ページを作る道具です。AIと細かな見た目を作りたい場合に候補になりますが、変更を反映する手順も覚える必要があります。最初の完成画面だけでなく「来月、自分でどこまで直せるか」で比べましょう。

レンタルサーバーと独自ドメインは、作り方が決まってから

サーバーは、サイトのデータを置いて、見に来た人へ届ける場所です。ドメインは、そのサイトを訪ねるための名前です。

作り方によって、置けるサーバーが違います。まずWordPressを使うか、完成したファイルを置く方法を使うか決めます。そのうえで、更新後の料金や、困ったときの問い合わせ先を確認すると、契約の迷いを減らせます。

ホームページ公開前に、スマホ表示と更新の手順を確かめる

スマートフォンで文字を読めるか、連絡先まで迷わず進めるかを確かめます。問い合わせフォームがある場合は、送信完了の画面だけでなく、届いたメールまで確認しましょう。

最後に、営業時間などの小さな修正を自分で一度試します。戻し方まで分かっていれば、公開後も安心して手を入れられます。最初の一歩は、目的の一文と載せたい情報をメモにすることです。

これから自分のホームページを作ります。
見る人:[例:お店に初めて来る人]
伝えたいこと:[サービス、料金、場所]
見た人にしてほしいこと:[来店前に営業時間を確認する]
自分で更新したい部分:[お知らせ、営業時間]
まず必要なページと、まだ足りない情報を整理してください。情報がない箇所は想像で埋めず、確認事項にしてください。