Canvaでホームページを作成する方法

ページを縦方向に分け、上から順番に情報を読んでもらう構成です。プロフィール、イベント、特定サービスなど、目的が一つの場合に向きます。

1ページの構成例は次のとおりです。

1. サイト名と概要
2. 対象者・利用場面
3. サービス・活動内容
4. 特徴・実績
5. 料金・開催情報
6. よくある質問
7. 連絡方法・アクセス
8. 運営者情報・必要な方針

現在のCanva Websitesは複数ページレイアウトに対応しています。公式ヘルプでは、最大45ページ、10セクションまでの構成が案内されています。ページをナビゲーションメニューに使い、ページ間リンクを設定できます。

ホーム、サービス、料金、プロフィール、問い合わせなどを分けられますが、ページ数が増えるほど、共通メニュー、URL、内部リンク、更新漏れの管理が必要になります。

上限の数字だけで本格サイトに向くとは判断できません。20〜40ページを継続更新する場合は、CMS、ページの複製、共通部品、検索・分類、リダイレクト、データ移行なども比較してみましょう。

無料テンプレートの中に、有料の写真、イラスト、動画、フォントなどを追加すると、公開時に差し替えや有料利用が必要になる場合があります。編集中から素材の利用条件を確認し、購入担当者が分かる状態にします。

プロ向け素材、ブランドキット、背景透過、サイズ変更、無料ドメインでの公開サイト数など、Webサイト以外のデザイン機能も含めて判断します。

ホームページだけのために契約する場合は、独自ドメイン、フォーム、SEO、ページ管理など、必要なWeb機能が満たされるかを先に確認します。素材の多さだけで選ばないことが重要です。

無料ドメインは、試作、ポートフォリオ、イベント、期間限定ページなどに使いやすい方法です。長期的な事業サイトでは、次を確認します。

• URLを名刺や印刷物へ載せてよいか
• 独自ドメインが必要か
• Google Search Consoleを利用したいか
• 公開サイト数が上限内か
• 共同編集者が必要な素材へアクセスできるか
• 将来ほかのサービスへ移る可能性があるか

無料ホームページ作成サービスの選び方では、広告、ドメイン、SEO、移行などを含めて比較しています。

テンプレートの仮文章を、実際のサービス、料金、場所、日程、連絡方法へ置き換えます。重要な内容を画像の中だけに入れず、通常の文字として読める形を優先します。

文章は次の順番で整えます。

1. 誰向けの何のサイトか
2. 提供する内容・活動
3. 選ぶために必要な条件・料金
4. 利用方法・流れ
5. 運営者と連絡方法

色はメインカラー、補助色、背景色、文字色を決め、ページ全体で統一します。文字と背景のコントラストを確保し、薄い文字や画像上の長文を避けます。

写真は、Canva素材だけでなく、自分の商品、店舗、作品、担当者など、実在性を伝えるものを優先します。Canva素材やアップロード素材の権利・利用条件も確認します。

ボタン、文字、画像へリンクを設定できます。リンク先には、同じサイト内のページ、外部サイト、SNS、メール、電話などがあります。

複数ページサイトでは、公式のナビゲーション機能を使い、対象ページと表示名を設定します。

確認する点は次のとおりです。

• メニュー名から内容が分かる
• ホームへ戻れる
• 重要ページへ少ない操作で移動できる
• ページ内リンクと別ページへのリンクを区別できる
• 外部リンクが正しいサイトへ移動する
• 電話番号・メールのリンクが意図どおり動く
• 非公開ページや編集用URLへリンクしていない

ボタンを増やしすぎると、どれが重要か分からなくなります。ページの目的に合う主要な操作を優先します。

Canva Websitesはレスポンシブ表示に対応しますが、配置した要素がすべて自動的に読みやすくなるわけではありません。要素同士が近すぎる、文字が画像からはみ出す、写真の重要部分が切れるなどの問題が起こる場合があります。

公開前に次を確認します。

• 長い見出しが不自然に折り返さない
• 本文の文字が小さすぎない
• 画像と文字が重ならない
• ボタンが押しやすい大きさと間隔になっている
• 横並びの要素が正しい順番になる
• メニューとページ間リンクが動く
• 動画・埋め込みの読み込みが重すぎない
• フォームを最後まで入力・送信できる

「Webサイトを公開」から、無料ドメイン、新規ドメイン、所有する独自ドメインなど、利用できる公開方法を選びます。サイト名、URL、検索関連の設定を確認して公開します。

公開後は、ログアウト状態や別のブラウザー、実際のスマートフォンでURLを開いて再確認しておきましょう。

Canvaにはフォーム用のデザイン・機能が案内されています。問い合わせやアンケートを置く場合は、見た目だけでなく、回答の保存先と運用を確認します。

• 何のために情報を取得するか
• 必須・任意の項目
• 回答を閲覧できる人
• 管理者への通知
• 送信後の案内
• 回答の保存・削除
• 迷惑送信への対応
• プライバシーポリシー

予約、決済、複雑な条件分岐、自動返信、顧客管理が必要な場合は、Canvaフォームだけで完結できるか、外部サービスが必要かを実際に試します。

CanvaのWebサイトでは、インサイトから訪問状況を確認する機能が案内されています。確認できる項目や対象プランは現在の公式画面で確認しておきましょう。

アクセス解析では、数字を見るだけでなく、次の改善につなげます。

• どのページが見られているか
• どこから訪問したか
• 重要なリンクが使われているか
• スマートフォンで問題がないか
• 公開後に閲覧が増減した理由

Google Analyticsなどを使いたい場合は、外部タグの設定可否とプランを確認します。Canva内のインサイトと外部解析は、取得できる情報やCookie対応が同じとは限りません。

Canva公式ヘルプでは、無料ドメインへ公開した場合はGoogle Search Consoleを使用できないと案内されています。検索状態を細かく確認したい事業サイトでは、独自ドメインでの公開条件とCanvaのSEO設定を確認しておきましょう。

公開しただけで検索結果へすぐ表示される、または上位表示されるわけではありません。サイト名、ページ内容、タイトル、見出し、内部リンク、表示、検索状態を整える必要があります。

写真、イラスト、図形、アイコン、文字などを同じ編集画面で組み合わせられます。チラシ、SNS画像、プレゼンテーションとホームページのデザインを統一しやすい方法です。

日常的にCanvaを使っている人は、別のホームページ作成ツールを一から覚えずに制作を始められます。スマートフォンやアプリからも内容を確認・編集しやすい点が比較材料になります。

共有相手を招待し、文章、画像、デザインを共同で確認できます。原稿担当、写真担当、確認者が同じデザインを見ながら進められます。

ポートフォリオ、イベント、プロフィールなど、写真と短い説明を中心にするサイトでは、Canvaの強みを生かしやすくなります。

現在はページ間リンクとナビゲーションを持つ複数ページサイトを作れます。1ページだけでは情報を整理しにくい場合に、内容を分けられます。

Canva Websitesの複数ページ機能は、WordPressの投稿管理やStudioのCMSと同じ仕組みではありません。お知らせ、実績、商品などを同じ項目で継続追加し、一覧・カテゴリ・検索を管理したい場合は、必要な運用を再現できるか試してみましょう。

文章を一枚の画像にまとめると、スマートフォンで小さくなり、検索や読み上げ、コピー、修正が難しくなります。重要な見出しと本文は、Webページ上の文字として配置します。

高解像度画像、動画、アニメーションを増やすと、モバイル回線で表示に時間がかかる可能性があります。必要な素材に絞り、公開後の実際のURLで読み込みを確認します。

複数ページごとにタイトル、説明、URL、共有画像をどこまで設定できるか確認します。無料ドメインではSearch Consoleを使用できないため、検索流入が重要なら独自ドメインとほかのツールも比較します。

外部サービスへのリンクや埋め込みで対応できる場合がありますが、Canva自体が複雑な予約、在庫、注文、会員を一体管理するCMSとは限りません。料金、個人情報、データ出力、障害時の対応を含めて確認します。

Canvaのデザインを別のCMSへ同じWebサイトとして移せるとは限りません。将来の移行に備え、次を手元でも管理します。

• 各ページの原稿
• 元画像、ロゴ、動画
• ページ・URL一覧
• ドメインの契約情報
• フォーム回答の保存方法
• 計測・外部サービスの設定

移行時は、新しい環境でページとデザインを再構築する工程を想定します。

個人アカウントだけで事業サイトを作ると、退職・契約終了時に編集できなくなるおそれがあります。所有者、共同編集者、ブランド素材、ドメイン、支払いを事業者側で管理します。