本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

制作・技術公開 更新

無料のテンプレート活用でプロ並みサイトデザインを実現

この記事で分かること

無料テンプレートを使う前に、見た目だけで決めず、会社に必要な情報を載せられるかを確かめましょう。テンプレートは配置や色の出発点になります。しかし、原稿、写真、問い合わせ方法、更新する人は別に決める必要があります。

読み方
無料のテンプレート活用でプロ並みサイトデザインを実現

無料テンプレートを使う前に、見た目だけで決めず、会社に必要な情報を載せられるかを確かめましょう。テンプレートは配置や色の出発点になります。しかし、原稿、写真、問い合わせ方法、更新する人は別に決める必要があります。無料でも公開・運用にかかる作業までなくなるわけではありません。

この記事では、会社のホームページを作る担当者に向けて、候補の選び方、仮の原稿を入れて試す方法、公開前の確認を順に説明します。WordPressを公開後にどう管理するかはWordPress初心者向けの運用記事に分けます。

無料でも、利用条件と運用の負担は確認する

「無料」と書かれていても、無料で使える範囲、問い合わせ窓口、追加機能の費用は配布元によって違います。会社で使えるか、ロゴや写真を差し替えられるか、クレジット表記や画像素材に条件があるかを配布元の説明で確かめます。WordPressのテーマと、別サービスのホームページ用テンプレートでは、利用規約や移行方法も同じではありません。

WordPressを使う場合は、公式のテーマ管理画面の説明にある「詳細」と「ライブプレビュー」の使い方を参考にできます。配布元、対応版、更新状況、サポート窓口を確認し、管理者が不明な場所からテーマを入れない運用にします。公式ディレクトリ掲載だけで自社の目的や表示に合うと決まるわけではありません。

候補は五つの条件で絞り、実際の文章で試す

選ぶときは、用途、スマートフォン表示、変更しやすさ、日本語、利用条件を担当者が確認できる順に見ます。サンプル画面の写真や仮の英語文だけでは、会社の文章を入れたときの長さや改行が分かりません。候補を二つ程度に絞り、同じ原稿で比較します。

確認すること試し方合わないとき
利用条件商用利用、画像・書体、表記条件を配布元で読む条件が確認できる候補を選ぶ
更新と相談先更新履歴、対応環境、質問先を確認する保守できる候補へ変える
必要なページ会社概要、サービス、連絡先を仮に入れる足りない構成を追加できるか試す
画面の読みやすさPCとスマートフォンで日本語の見出し、表、ボタンを見る文字や配置を直せるか確認する
担当者の編集電話番号と営業時間を自分で変更してみる更新手順や担当を見直す
無料テンプレート選定時に、利用条件、更新、必要なページ、スマホ表示、編集のしやすさを順に確かめる図
候補を増やす前に、使える条件と運用できる形かを確かめます。

先に必要なページと問い合わせ方法を決める

見本のトップページをそのまま会社のページに置き換えると、訪問者が「何の会社か」「自分に関係するサービスか」「どう連絡するか」を探しにくくなることがあります。会社名・所在地または対応地域、主なサービス、問い合わせ方法を先に書き出し、テンプレートのどこへ載せるかを決めます。事業によって必要な表示や申込条件は異なるため、自社の取引内容に合わせて別途確認します。

問い合わせボタンを目立たせても、担当者が受け取る先が不明なら機能しません。フォームを使うなら送信先と返信担当を決め、電話なら受付時間を確認します。ページを公開する前に、スマートフォンから実際に連絡できるかをテストします。

「会社らしさ」は写真だけでなく、読む順番でつくる

色や大きな写真を変えるだけで、事業の違いが伝わるとは限りません。最初の画面で事業と対象者を明確にし、その下にサービスの説明、実際の仕事や商品、連絡方法を並べます。長い見出しや会社独自の用語も、初めて訪れる人が理解できる表現に直します。W3Cのページ構造の案内も、見出しと領域を意味に沿って整えることを勧めています。

会社のホームページを公開する前に、何の会社か、サービス内容、連絡方法を画面上で読める順に置く図
装飾より先に、訪問者が必要な情報へ進める順番を整えます。

写真やロゴを載せる際は、撮影者、写る人、他社の商品・標章の扱いを確認します。写真の掲載前チェックも参照してください。Googleの画像に関する案内は、意味のある画像の説明文と表示に合う画像サイズを勧めています。画像を増やすこと自体を目的にせず、近くの文章を理解しやすくするものを選びます。

公開前は四つの画面幅と操作を確かめる

同じテンプレートでも、見本と自社の文章では表示が変わります。PC、タブレット、普通のスマートフォン、小さいスマートフォンで、見出しの折り返し、文字と背景の読みやすさ、横にはみ出す表、画像の切れ方、メニューと問い合わせボタンを確認します。W3Cの文字のコントラストに関する説明も、見た目だけで読めると判断しないための手掛かりになります。

  • 会社・サービスの内容が最初の画面から分かるか。
  • スマートフォンでメニューと問い合わせ方法を操作できるか。
  • 写真の代わりに必要な説明が文章でも読めるか。
  • リンク先、フォームの送信先、電話番号に誤りがないか。

画面を見ただけで終えず、更新担当者とは別の人にも一度操作してもらいます。問い合わせや応募の送信テストでは、実在の顧客情報を使わず、試験データで受信結果を確認します。

更新できる形を残し、制作依頼の判断につなげる

公開後は、文章、価格や営業時間、写真、テーマ本体などの更新が続きます。WordPressの場合、WordPressのテーマ・プラグイン更新案内を参考に、担当、更新前のバックアップ、失敗時の復旧方法を決めます。自動更新の有無だけで安全になると考えず、変更後の表示と主要な問い合わせ経路も点検します。

社内で原稿を用意でき、テーマの制約内で必要なページと運用を満たせるなら、自作は選択肢です。ページ構成、写真、文章、問い合わせの設計や公開後の保守まで支援が必要なら、Bämのコーポレートサイト制作で依頼できる範囲を確認できます。どこまで自社で行うか決まっていなくても、相談ページから現状を伝えられます。

参考資料

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

ホームページ制作サービスを見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →