実践的なウェブサイトガイド

ウェブサイトづくりの
よりよい第一歩。

初めてウェブサイトを作る人向けのわかりやすい回答、役立つ例、チェックリストをご用意しました。まずはアイデアから始めて、必要な情報を確認しましょう。

ビジネス

小規模事業者のホームページに掲載する内容

小規模事業者のホームページは、提供内容を訪問者に理解してもらい、問い合わせるかどうかを判断できるようにするものです。まず、お客様からよく聞かれる質問をもとに構成しましょう。会社の沿革を作り上げたり、ショップを追加したり、印象的に聞こえるキャッチコピーを書いたりしなくても、役立つ情報ページを公開できます。

ポートフォリオ

クライアントがいなくてもポートフォリオを作る方法

有料のクライアント案件がなくても、最初のポートフォリオで自分の考え方や作れるものを示すことができます。誠実な事例を少数選び、その背景を説明しましょう。訪問者が課題、自分の貢献、結果を確認できれば、個人的な実験も有用な実績になります。

個人

目的が明確な個人サイトのアイデア

個人サイトは、何かを販売したり、仕事上のプロフィールを紹介したりするものである必要はありません。自分で管理できる、継続的なプロジェクトの拠点として活用できます。始めるにあたって最適なのは、対象となる読者が明確で、内容を正確に保てる程度の情報量に絞ったアイデアです。

まずはこちら

初めてのウェブサイトは1ページにするべき？それとも複数ページ？

訪問者が判断するために必要な情報量から考えましょう。明確なオファーが1つある場合、短いポートフォリオの場合、またはテーマを絞った個人プロジェクトの場合は、1ページでも十分に機能します。訪問者によって目的が異なる場合や、特定の情報を直接共有する必要がある場合は、ページを分けると便利です。

まずはこちら

ウェブサイトを生成する前のコンテンツチェックリスト

生成前に信頼できる情報をいくつか集めておくと、完成したウェブサイトの確認や修正にかかる時間を短縮できます。写真や文章をすべて用意しておく必要はありません。まずは、ウェブサイトの目的を明確にし、主要なアクションを機能させる情報に集中しましょう。

コンテンツ

自分らしさが伝わる「プロフィール」セクションの書き方

「プロフィール」セクションは、ウェブサイトを訪れた人が、そのサイトの運営者である個人や組織について知るためのものです。まずは、実際に何をしているのか、そしてそれが読者にとってなぜ重要なのかを書きましょう。プロらしく見せるために、ドラマチックな創業ストーリーや形容詞の羅列は必要ありません。

ビジネス

お客様に伝わるサービスの説明方法

役に立つサービス説明では、お客様が抱える問題、提供する内容、次に取るべき手順を説明します。訪問者が社内で使っている名称や業界特有の略語を理解していると思い込まないようにしましょう。ページの内容を読み解くためだけに問い合わせなくても、そのサービスが自分に関係するかどうかを判断できるようにします。

ポートフォリオ

ポートフォリオのプロジェクトを役立つ事例紹介にまとめる

事例紹介では、プロジェクトがどのように始まり、あなたが何に貢献したかを説明します。完成した画面のスクリーンショットだけを見せるよりも、協業を検討している人が評価できる情報を多く伝えられます。簡潔にまとめてもかまいません。明確な課題、いくつかの判断、率直な成果を示せば、長い制作記録より伝わることもよくあります。

デザイン

写真なしで、良い初めてのウェブサイトを作る方法

プロ品質の写真が揃っていなくても、役立つウェブサイトは作れます。わかりやすい文章、考え抜かれた余白、一貫したビジュアルの方向性があれば、シンプルな事業紹介やポートフォリオ、個人プロジェクトを魅力的に見せられます。意図のない画像用の空欄を並べるより、テキストを中心に構成したページのほうが役立ちます。

画像

ウェブサイトにアップロードする前に画像を準備する

セクションが空いて見えるからではなく、訪問者が何かを理解する助けになる画像を選びましょう。よく選んだ数枚の写真は、分類されていない大量のギャラリーより確認や管理が簡単です。公開する許可を得ているオリジナル画像から始め、非公開のコピーは別に保管してください。

画像

ウェブサイトに役立つ画像の説明を書く

画像には、複数の種類の説明が必要な場合があります。配置の指示は、画像をどのように使うかをサイト作成ツールに伝えます。表示されるキャプションは、読者に背景を説明します。代替テキストは、画像を見られない人に重要な視覚的意味を伝えます。これらの役割は重なることがありますが、互いに置き換えられるものではありません。

個人

公開ダウンロード用の役立つページを作る

ダウンロードページでは、ファイルの内容、どのような人に役立つのか、開いたときに何が起こるのかを伝えましょう。主な目的はシンプルです。訪問者が十分な情報に基づいて選び、迷わず正しいファイルにたどり着けるようにすることです。一般公開するシンプルな資料に、複雑なアプリケーションは必要ありません。

ビジネス

連絡しやすいウェブサイトにする

お問い合わせ欄では、次に何をすればよいかが分かるようにしましょう。訪問者に、どの連絡手段を使えばよいか、どのような情報が役立つか、メッセージを送った後に何が起こるかを伝えます。実際に確認している連絡手段を1つか2つ用意する方が、あらゆる方法を並べるよりも分かりやすくなります。

コンテンツ

ウェブサイトで次に取ってほしい行動を明確にする

行動喚起とは、訪問者に次に取ってほしい行動のことです。問い合わせを送る、選んだ作品を見る、資料を開くなどが考えられます。ページの目的に合った行動を選び、実際に何が起こるのかを正確に伝える言葉を使いましょう。

デザイン

共有する前にスマートフォンでウェブサイトを確認する

デスクトップのプレビューだけでは、実際のスマートフォンで訪問者が遭遇する問題をすべて確認できません。幅を狭くして完成したウェブサイトを確認し、可能であれば実際のリンクを自分の端末で開いてください。訪問者が主要な操作を無理なく読み、理解し、完了できるかを重点的に確認します。

デザイン

より多くの人が使いやすい最初のウェブサイトを作る

アクセシビリティは、重要な情報や操作を理解しやすくすることから始まります。ウェブサイトは見た目が魅力的でも、キーボード、大きな文字、支援技術を使う人には利用しにくい場合があります。まずは実践的な確認をいくつか行い、自動ツールでは評価できないニーズについては、適切な人によるレビューを受けましょう。

デザイン

コンテンツを引き立てるウェブサイトの配色と文字の選び方

統一感のある初めてのウェブサイトを作るのに、複雑なブランドシステムは必要ありません。色を少数に絞り、読みやすいタイポグラフィの方向性を選んで、一貫して使いましょう。訪問者には、装飾に目が行く前に、あなたの作品に気づき、ページの内容を理解してもらうことが大切です。

公開

無料のウェブサイトにProプランが必要になるのはどんなとき？

今必要なウェブサイトに合わせてプランを選びましょう。シンプルな公開用の紹介サイトなら、ドメイン接続や複数言語に料金を払う前でも役立ちます。アップグレードを検討するのは、無料のウェブサイトでは正当性が低く感じられるからではなく、特定の制限や機能が実際の公開ニーズに影響するときです。

公開

ウェブサイトを接続する前に、独自ドメインについて理解する

ドメインとは、ウェブサイトを見つけるために使われるアドレスです。登録すると、登録期間中はその名前を管理できます。ホスティングはウェブサイトのコンテンツを配信します。この2つは別のサービスなので、ドメインを購入しても、ウェブサイトが自動的に作成されたり、メールが使えるようになったりするわけではありません。

検索

ウェブサイトの公開とGoogleへの表示は、別々のステップです

公開すると、ウェブサイトに公開アドレスからアクセスできるようになります。インデックス登録とは、検索エンジンがページを処理し、検索結果に含める可能性がある状態を指します。検索順位とは、特定の検索に対してそのページがどこに表示されるかを指します。いずれのステップも次のステップを保証するものではなく、新しいウェブサイトは検索結果に表示され…

検索

役立つウェブサイトのタイトルと検索用説明文を書く

ページのタイトルと説明文は、訪問者がページを開く前に、何について書かれているかを伝えるのに役立ちます。実際のテーマと対象読者から考え始めましょう。これらの項目には、検索エンジンだけを意識した大げさな約束を並べるのではなく、ページに表示されている内容を正確に反映させてください。

言語

翻訳前に多言語ウェブサイトを計画する

多言語ウェブサイトには、訪問者が頼りにする情報を、完全で役立つ形で掲載した各言語版が必要です。まず、読者が実際に使っており、誰かが内容を確認できる言語から始めましょう。考えられるすべての表現を翻訳するより、公開する各言語版で、提供内容、問い合わせ方法、重要な条件が理解できるようにすることが大切です。

検索

新しいビジネスサイトのための実践的なSEOの出発点

SEOとは、役立つページの内容を検索エンジンに理解してもらい、人々がそのページを見つけられるようにすることです。新しいビジネスサイトでは、提供する内容を明確にし、信頼できる事実を示すことから始めましょう。技術的に問題のないページでも、曖昧な表現ばかりでは、見込み客が内容を判断しにくいままです。

ビジネス

役立つ質問に答える地域サービスのウェブサイトを作成する

地域のサービスを検討している人は、たいてい、自分が必要とする作業を依頼できるか、対応地域に含まれているか、実際に連絡を取る方法があるかを知りたいと考えています。一般的な会社紹介よりも、こうした情報を先に載せましょう。簡潔で正確なページがあれば、訪問者は問い合わせるかどうかを判断しやすくなります。

公開

実際に使ってもらえるウェブサイトQRポスターを作る

QRポスターが役立つのは、コードをスキャンすると何が開くのかが伝わり、掲示する場所で読み取れる場合です。デザインではリンク先を説明し、ビジネスやプロジェクトを明示して、コードをはっきり見える状態に保ちましょう。印刷版は、見栄えのよいダウンロードデータというだけでなく、テストするものとして扱ってください。

公開

公開中のサイトと混同せずにウェブサイトを更新する

エディターのプレビューと公開済みのウェブサイトは、目的が異なります。プレビューでは作業中の内容を確認でき、公開すると確認済みのバージョンが訪問者に表示されます。編集内容が公開リンクに反映されたと思い込む前に、どのバージョンを見ているのか確認しましょう。

まずはこちら

AIでウェブサイトを生成した後に確認すること

デザインが完成しているように見えても、生成されたウェブサイトは確認が必要な下書きです。元の依頼内容と照らし合わせながら、情報、機能、見せ方を確認しましょう。大切なのは、実際の訪問者がウェブサイトの内容を理解し、そこで約束されていることを実行できるかどうかです。

まずはこちら

カスタムプロジェクトが必要なウェブサイトのアイデア

公開向けの紹介サイトは、情報を伝え、次のステップへ利用者を案内します。一方、カスタムアプリケーションは、ロジック、非公開データ、または取引も管理します。この違いを早い段階で見極めることで、完全なサービスのように見えても、約束した機能を安全に実行できないページを作ることを避けられます。

検索

検索エンジンやAIシステムにウェブサイトを理解してもらう

役立つページは、読者が内容を確認できる形で、実際の疑問に答えます。明確な見出し、具体的な事実、アクセスしやすいテキストは、人にも自動化システムにも同じ内容を理解しやすくします。AIの回答に引用されたり、検索で特定の順位に表示されたりすることを保証する、確実な近道はありません。