ホームページ制作・ウェブ構築とエレクトロニカ

WordPress本体、テーマ、プラグイン
画像などのアップロードファイル
投稿や固定ページなどの文章テキストや、プラグインでの設定（MySQL内のデータ）

WordPressサイトを立ち上げる場合、どれくらいの費用がかかるのかという点は、多くの企業、発注主にとって最も気になる部分だと思います。実際のところ、ホームページ制作にかかる費用は一律ではなく、依頼する内容や構築規模、デザインのこだわり方、さらには制作会社の方針や経験値によって大きく異なってきます。WordPressによるホームページ制作には、ドメイン・サーバーの維持費、システムの設置と初期設定、テーマデザイン、コンテンツ制作、SEO設計、スマホ対応など、いくつもの費用項目が重なり合っています。それぞれの項目に対して、何を自社で対応し、何を外部に任せるかを明確にしていくことが、結果として適正な費用配分と満足度の高いサイト構築につながります。ホームページは一度公開すれば終わりというものではなく、むしろ運用しながら育てていくべき資産です。そのため、最初からすべてに完璧を求めるのではなく、最低限必要な機能とコンテンツをまず整え、必要に応じて予算を追加投入していくという段階的な考え方が重要です。

WordPressサイトの制作費用 項目別

WordPressサイトにかかる制作費用を構成要素ごとに分解し、各項目の役割や必要性を理解することで、自社にとって最適な費用配分の判断ができるように整理していきます。

ドメインとサーバーに関する費用

まず基本的に必要になるのは、ドメインとサーバーに関する費用です。ドメインはインターネット上の住所のようなもので、たとえばexample.jpやexample.comのような文字列を取得し、維持するために年間1,000円から3,000円程度の費用がかかります。ドメインは一度取得すれば毎年更新していくものであり、長期的に使っていくことを前提に早めに押さえておくとよいでしょう。

次に必要なのがレンタルサーバーです。これはホームページのデータを保管するためのスペースであり、WordPressを稼働させるためにはPHPやデータベースに対応したサーバーが必要です。国内で一般的な共有レンタルサーバーであれば、月額1,000円前後で安定した環境を確保することが可能です。信頼性や速度にこだわりたい場合は、もう少し上位のプランを選ぶ必要がありますが、創業初期であれば無理のないプランからスタートするのが現実的です。

WordPressサイト制作

本格的に費用がかかってくるのが、WordPressサイト制作です。WordPress本体の設置と初期構築、そしてデザインとコンテンツの制作です。WordPress自体はオープンソースで無料ですが、テーマ（デザインテンプレート）の選定やカスタマイズには手間がかかります。無料テーマを使う場合でも、企業サイトとして最低限のブランド感を出すためには、ロゴやカラー設計、レイアウトの調整が必要になることが多く、これらは制作会社に依頼するか、自力で対応するかによって費用も大きく変わってきます。テーマの選定から設置、カスタマイズまでを外注します。

コンテンツ制作にかかる費用

ここで言うコンテンツとは、トップページに掲載する会社紹介文、サービス説明、代表者メッセージ、よくある質問、アクセス情報などの原稿です。文章だけでなく、写真や図解、アイキャッチ画像なども含まれます。これらをすべて外注すると、1ページあたり数万円という費用がかかるケースもあり、サイト全体で50万円から100万円程度になることもあります。しかし、原稿の一部を自社で用意したり、写真をスマートフォンで撮影したりすることで、費用を抑えることも十分に可能です。

SEO（検索エンジン最適化）

SEO（検索エンジン最適化）を意識した設計や、スマートフォン対応、SNSとの連携なども現代のWebサイトには必須の要素となっています。こうした部分をしっかり対応しようとすると、やはり専門家の手を借りる必要があり相応の費用が発生します。特に検索流入を意識する場合には、キーワード設計や構成提案といったコンサルティング要素も関わってくるため、初期段階でしっかり戦略を立てておくことが将来的な集客効果に直結します。

WordPress（ワードプレス）でホームページ制作

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページ制作料金・費用の目安。WordPressをベースとしたホームページ制作（ウェブサイト制作）料金・費用の価格、静的HTMLサイト制作料金・費用。

ホームページ制作の料金表

無料ホームページは無料ゆえに制作進行が止まりやすい

無料ホームページは無料ゆえに制作進行が止まりやすい。
何をどこまでやる気なのかという問題もある。
無料だからいいだろうと、結局意味のないサイトを作ることになる。

ホームページ制作費用しか検討していない場合

ホームページ制作費用しか検討していない場合、Web集客は失敗しやすい。

ホームページ内の料金の税込表示

ホームページ内に料金を表示している場合、2021年4月以降は、税込表示する必要がある。

すべてを最初からWordPressで構築してしまうと使いこなせなかったり、更新されずに放置されたりするリスクもあります。まずはどの情報が変わりにくく、どの情報が定期的に更新されるべきかを整理しておくことが重要です。事業のコア情報だけをしっかりHTMLで作って公開し、少しずつWordPressでの発信を習慣化していくことの方が、着実にWebを活かしていく道につながります。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページのWebマーケティング利用でよく話題になるSEO（SEO対策）。旧来からのSEOの認識は、SEOで検索結果上位表示＝ブラックハットSEO（被リンクによるSEO）と言うかたちになっています。ホームページへの集客手法として代表的なSEOですが、被リンクによるSEOからSEO内部対策へと考え方はシフトしています。

SEO(Search Engine Optimization、検索エンジン最適化)とは、Google、Yahoo!などのサーチエンジンの検索結果ページの表示順位の上位に自らのホームページ（ウェブサイト）、ウェブサイト内の各ページが表示されるようにする工夫をさします。

SEO(Search Engine Optimization、検索エンジン最適化)とは、Google、Yahoo!などの検索結果ページの表示順位の上位に自らのホームページの各ページが表示されるようにする工夫をさしますが、その方法論としては、SEO内部対策やコンテンツSEOなどがあります。

SEO（SEO対策）

SEO（SEO対策）の目的はアクセスアップなどですが、単に検索順位を上げるだけでなく、ユーザーの絞り込みを行うことも重要です。

例　司法書士のSEO施策

SEO施策において司法書士はきわめて検索意図が明確な業種であるため、ユーザーが具体的に検索しやすい「疑問系キーワード」や「地域＋業務名」での対策が有効になる。たとえば「札幌 相続登記 必要書類」「法人設立 登記 司法書士 川崎」など、明確にサービス名と地域を組み合わせた検索が多いため、タイトルやディスクリプション、hタグ内の文言、そして本文中にも自然な形でこれらのキーワードを織り込みながら、同時に専門性を損なわない表現が求められる。また、ロングテール対策として、「不動産を共有名義にしたいときの登記手続」「空き家を相続したが名義変更していない場合のリスク」といった、検索者の不安や動機を汲み取った実務記事を作成し、それらをサービスページから自然に誘導できる構造を設計することも、SEOとUXを両立させる観点から重要である。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

サイト・ホームページのCSS・スタイルシート編集


サイト・ホームページは基本的にHTMLで構成され外観・デザインを設定するのはCSS（Cascading Style Sheets）・スタイルシートで設定されています。CSS（Cascading Style Sheets）はスタイルを実行するための言語やスタイルに関する連鎖的な記述を意味し、スタイルシートは、HTMLの外観・体裁（スタイル）を定義するものを意味します。
ページの基本構成はHTMLで、レイアウトやカラーの設定といった外観面はCSSで設定されています。ホームページ修正の基本はこのHTMLとCSSの編集で行います。

編集対象CSSファイル、HTML（インラインスタイルの場合）をダウンロード
CSS・スタイルシート編集を実施

CSSの基本構造

CSSの基本構造としては、適用対象のHTMLタグやid、classを記述し（セレクタ）、プロパティ指定（プロパティとプロパティ値の設定「幅は何px」等）を行います。CSS編集において、新しいセレクタとしてidやclassを設置した場合は、HTML側においてその「CSS指定を適用する部分」を指定する必要があります。
修正編集したCSSファイル等をアップロード

「CSS」は主にHTMLとは独立したCSSファイルを中心に、連続・連鎖的に記述されたスタイル定義・指定を指します。一方、スタイルシートは、スタイルに関する定義・指定のすべてを指します。
ホームページのCSS・スタイルシート編集方法

エディタBrackets

Webデザイナーやフロントエンドのデベロッパーのためにゼロから開発された「Brackets」は、ブラウザの設計が簡単にできる軽量のテキストエディタ。「クイック編集機能」など各種便利機能が豊富

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

メールフォームの修正ができずにメールフォームを新しく設置



ホームページ修正のうち、メールフォームの修正ができずに別のメールフォームを設置した事例。自動返信メールの内容を修正する必要があり、この自動返信メール内容の修正に独自開発CMSによる操作が必要であったため、修正を断念して別のメールフォームを設置したというケース。
サイト修正 メールフォームの修正不可→別のメールフォームを設置

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

WordPress有料テーマの罠として、ひとまずの公式サイトができたという安堵により、結局集客ができないサイトを運用することになる点がある。



これは無料テーマでも同じだが、有料テーマであるからという部分で安堵が強くなるという心理面が安物買いの銭失いになることに寄与している。

安いWordPressテーマの操作方法

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

楽天市場、yahoo!ショッピングのバナー・サムネイルの制作
専業フリーランスのWebデザイナーとして、Webサイト・LP・バナーを中心に制作
商品ページのhtml修正
リッチメニューの作成

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページがモバイルフレンドリー化していないと、検索順位の低下などのモバイル検索におけるWebマーケティングで無視できない影響があります。 モバイルフレンドリー（スマートフォン最適化）とは、ホームページがスマートフォン表示に最適化されているということを示します。スマートフォンやタブレットなどのモバイル端末が普及し、多くの国でスマートフォンの数がPCの数を上回っています。モバイルフレンドリーとは、Googleが全世界を対象に検索エンジンに実装したアルゴリズムの仕組みのうちの一つ。モバイルフレンドリーアルゴリズム、モバイルファーストインデックスの時代です。
モバイルフレンドリー



モバイルフレンドリーとはスマホ対応ホームページに仕上げることです。
昔のホームページ制作は、PC閲覧が基本でしたが、スマートフォンの普及により、モバイルフレンドリー化の必要性が高まってきました。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

コンテンツの質も重要ではあるが、クローラビリティ向上も重要である。

情報露出度によって人の行動をコントロール
情報露出度によって人の行動をコントロールするということになる。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページ修正が困難な場合として、画像関連がある。画像内に組み込まれた文字の修正などは、元の制作者以外は実施しにくい。その他、画像のアスペクト比の関係でレイアウトが崩れるか、部分的に隠すしか他ないという場合もある。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

SEOとは「検索エンジン最適化」であり、狭義には特定キーワード検索上位表示というものとは別のものになります。「コンテンツの内容を検索エンジンに正しく伝えること」がSEO。



基本的には「コンテンツを作り重要度を示すためにSEOを施す」というような流れになる。
ホームページ制作とSEOの関係で言えば、どのようなコンテンツを作っても、ある程度ページ内容が正確に検索エンジンに伝わるというテンプレートづくりや、ページ間の関係性、階層の提示など。

SEOと特定キーワード検索上位表示

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページのテキスト修正依頼と費用。
文章・文言・単語の変更・追記や削除はもちろん、料金改定による価格表の価格・単価の変更、組織変更にかかる住所、名称・名前、電話番号などの修正にも対応。
ホームページの修正依頼

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

サイト表示高速化を目指してjsの読み込みや結合をいじると狂いやすい。

サイト描画に影響が出る。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

ホームページの常時SSL化（https化）設定代行費用は、ホームページがWordPressサイトであるかどうかやサーバーサイドでSSL証明書の発行の取扱などによってSSL化（https化）にかかる費用は変動。



ホームページの常時SSL化（https化）の設定代行依頼

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら

これまでWordPress構築(オリジナルテーマ)
など大小含め50件以上担当させていただいております。
今話題のAIを活用することにより、集客を平均2.14倍にアップし
それに伴い売上のアップも実現しています。

ホームページ制作・ウェブ構築とエレクトロニカ 電子音楽を始め、楽器もやります。 ウェブ制作（ホームページ制作）・ウェブ構築についてもちらほら