2ウェブサイトをはじめるとき、なんとなくウェブサイトを制作・運用しはじめると、うまくいかなかったり、悩んだりする可能性が高いです。スムーズなウェブサイトの制作や、安定したウェブサイトの運用をするためには、ウェブサイトのテーマやコンセプトをしっかり固めることが大切です。私たちは数年間、複数のウェブサイトを運用していますが、いろいろな方法を試しているうちに、ウェブサイトの制作や運営時に重要なポイントがわかってきました。このレクチャーでは、ウェブサイトをはじめるために決めておきたい、制作や運用での重要なポイントを解説していきます。広告の有無まとめテーマいろいろなウェブサイトを閲覧してみると、扱っているコンテンツに共通項があったり、独特な観点の内容を扱っていたりと、ウェブサイトごとに特徴があることがわかります。その特徴のコンテンツやデザイン、運用方法を決める根幹にあるものが、テーマです。テーマとは、ウェブサイトで扱う中心的な枠組みのことをいいます。ウェブサイトにテーマがないと、コンセプトやコンテンツがぶれてしまい、ウェブサイトがぼんやりしたり散らかった印象になってしまいます。ウェブサイトを制作・運営すると、コンテンツやデザイン、運営方法について考えたり、決めなければいけないポイントがあります。決めなければいけないポイントは、大きく分けるとコンテンツ、デザイン、運営方法の3つです。そこから、今回のレクチャーで解説している、ウェブサイトのタイトルやレイアウトなどのポイントを決めましょう。日常的に更新するコンテンツの内容やSNSの投稿なども、コンセプトに沿って考えていくことが重要です。これらの大きなポイントや小さなポイント、日常的な更新を考えたり、決めるときに、テーマという枠組みがヒントになります。リサテーマがあれば、タイトルや扱うコンテンツも考えやすいですね。テーマに沿ったポイントがウェブサイトを形作ることによって、ウェブサイト全体がテーマを反映します。これが、訪れるユーザーの目には、ウェブサイトの特徴として写ります。テーマがあるウェブサイトは、ユーザーもファンになりやすいです。Dr.TD小難しく書きましたが、あなたの運営するウェブサイトは何を扱うか・・・ということですね。テーマは、興味関心のあることから決めましょう。収益をあげる目的でウェブサイトをはじめる方も、儲かるからといって自分が興味のないテーマにしてしまうと長続きしません。儲けられるテーマと、自分の興味のあるテーマが共通するテーマにしてみましょう。リサ私は映画の感想ブログをはじめたいので、テーマは「映画」でしょうか。「映画」というテーマですが、「新作映画」や、「B級映画」など、「映画」からより絞ったテーマにしなくてもいいんですか?Dr.TDリサ私はジャンルや公開時期に関係なく、映画を扱いたいので、テーマは「映画」にします!コンセプトテーマを決めたら、より具体的なウェブサイトの方向性を決めていきます。その方向性をコンセプトと呼びます。自分がどんなウェブサイトを運営していきたいか、どんな記事をつくりたいかなど、ウェブサイトをはじめるときには、ざっくりとした目的があると思います。その目的をウェブサイトのテーマと組み合わせて、ウェブサイトのコンセプトを明確にしましょう。映画のウェブサイトを例にすると、感想ブログなのか、情報サイトなのか、交流サイトなのか、など、テーマとコンセプトによってどんなウェブサイトを運営していくか、方向性が変わっていきます。私は、映画ファンと交流がしたい、というのが目的ですね。それなら、「映画の感想を投稿して映画好きの人と交流をするブログ」、というのがコンセプトになりますね。Dr.TD今回は「映画」というテーマと、「映画ファンと交流をしたい」という目的から、コンセプトを決めました。目的が、おしゃれなウェブサイトを運営したい、ウェブサイトで収益をあげたいというものだった場合は、コンセプトはガラリと変わります。おしゃれなウェブサイトを運営したいという目的だったら、ポートフォリオサイトの運営や映画のポスターを掲載することがウェブサイトのコンセプトになりますし、収益をあげることが目的なら、記事をたくさん更新したり、新作映画の公開日に合わせて関連記事を更新することがウェブサイトのコンセプトになります。このように、テーマとコンセプトによってウェブサイトの方向性は大きく変化するので、しっかり考えましょう。タイトルタイトルは、ウェブサイトのコンテンツ内容を示す看板のような存在です。タイトルは、このように検索結果にも表示されるので、ウェブサイトにおいてタイトルは、企業名やブランド名と同等の価値があります。タイトルは、ウェブサイトのテーマとコンセプトに沿ったキーワードを使いましょう。見ただけでどんなウェブサイトなのか理解でき、かつ覚えやすいキャッチーさがあるといいでしょう。タイトルが思いついたら、決定する前にタイトル名で検索をしてみて、他に同じ名前のウェブサイトがないか調べておきましょう。タイトルに関連のあるドメイン名が使えるかどうかも確認しておきましょう。検索結果に表示される文字数には限りがあるので、タイトルの文字数は、27文字以内を目安にするのがおすすめです。」にします!いいですね!どのようなウェブサイトなのか、タイトルを見ただけでわかりますね。覚えやすいかんたんな単語の組み合わせなのもいいです。Dr.TDディスクリプションディスクリプションとは、ウェブサイトがどんなコンテンツを提供しているのかを紹介する文章のことです。GoogleやYahoo!などの検索エンジンの検索結果で、タイトルの下に小さく表示される文章がディスクリプションです。ディスクリプションも検索結果に表示される文字数に限りがあるので、100文字程度を目安に作成しましょう。Dr.TDディスクリプションは、SEOの対策に効果があるといわれています。各検索エンジンからは、ディスクリプション作成が直接SEOに効果があると明示されていません。ディスクリプションの作成は、SEOの対策のためではなく、ウェブサイトを訪れてもらうために作成する意味があります。検索結果に表示されるタイトルを見ただけでは、どのようなサイトなのかわかりづらいですよね。ディスクリプションを作成すれば、ウェブサイトの内容について補足ができます。第三者が、タイトルとディスクリプションを見ただけでどんなウェブサイトなのかわかるように工夫し、ウェブサイトを訪問しやすくしましょう。Dr.TDコンテンツテーマやコンセプトが明確に定まったら、それらに沿ったコンテンツ制作をするための、ポイントを確認していきましょう。コンテンツの制作は、ウェブサイトを運営するにあたって欠かせない大切な作業です。テーマやコンセプトに沿ったコンテンツ制作をするために、どのような内容のコンテンツを制作するか、ジャンルや方向性を明確にしましょう。ジャンルや方向性を明確にしないままコンテンツの制作をはじめると、徐々にコンテンツの内容がテーマやコンセプトから離れてしまい、収集がつかなくなってしまいます。コンテンツのジャンルや方向性を決めるときは、どんな内容を、どんな人(ペルソナ)に、どんな方法で発信していくか、これらの3つのポイントを軸に考えてみましょう。リサ確かに映画のウェブサイトって、新作映画の感想だけを書いているウェブサイトもあれば、旧作・新作を合わせたホラー映画だけを紹介しているウェブサイトもありますし、色々なジャンルのウェブサイトがありますね。コンテンツの内容が広ければ広いほど、内容は豊富になりますが、管理が大変になるのと、ファンがつきにくくなります。映画に関する情報はなんでも書く、というよりは新作映画の感想だけ書く、1つのジャンルだけを書く、などと細かく決めておくといいでしょう。Dr.TDリサ私は記事を読んでいただいた映画ファンの人と交流を深めたいので、新作・旧作合わせた映画の感想を書いていきたいと思います!キーワードペルソナ:あなたが扱っている商品やサービスのターゲットとなる、具体的なモデルユーザーのこと。細かい人物情報や特徴を決めて、そのユーザーが興味をもつ商品やサービス、マーケティング手法を考える。Webマーケティングにおける「ペルソナ」の重要性と活用方法カテゴリー・タグコンテンツの内容が決まったら、カテゴリーとタグを決めましょう。カテゴリーとタグとは、コンテンツを分類するためのキーワードのことをいいます。投稿する記事を作成するときは、カテゴリーとタグを設定することができます。カテゴリーは、コンテンツを分類するためのキーワードです。カテゴリーの中にコンテンツを分類することで、コンテンツ同士の関連付けをすることができます。親カテゴリーと子カテゴリーのように階層構造を持てるので、コンテンツ同士の関連性をよりわかりやすく、強固にすることができるのが特徴です。タグは、コンテンツに関連する内容のキーワードです。カテゴリーのように階層構造はありませんが、カテゴリーの枠を超えた幅広い分類のコンテンツ同士を関連づけることができます。リサ私は映画のジャンルごとや俳優ごとにまとめた記事もつくりたいので、「まとめ」というカテゴリーもつくろうかな。タグは作品名や公開時期など、投稿した記事を横軸でまとめられるキーワードを選ぶといいですね。Dr.TDウェブサイトをはじめた頃は記事の数が少なく、記事の投稿も手探り状態になるので、コンテンツの内容に沿った大まかなタグとカテゴリーを決めておくと、スムーズかつ的確なコンテンツの制作に取りかかれます。投稿する記事が増えると、必要なカテゴリーとタグも増えていくので、その都度新たに追加していきましょう。Note」はあくまで感想を書くウェブサイトなので、イベントの感想については雑記ブログに書くことにしようかな。カテゴリーやタグは広く分類してもOKですが、広くなればなるほど雑多なウェブサイトになってしまいます。記事のカテゴリーとタグを決めたら、投稿する記事はどのような流れで作成するか、構成を決めましょう。論文をや感想文を作成するとき、どのような順番で書いていくか、最初に全体の流れを考えてから書きはじめますよね。ウェブサイトで記事を作成するときも、先に全体の構成を決めてから書くと、ユーザーに読まれやすい記事ができあがります。基本は、論文や小説と同じように「起承転結」の構成を意識すると、記事が書きやすくなりますし、ユーザーも読みやすいですね。Dr.TDリサ起承転結かあ。最初に全体の感想を書いて、次にストーリーやキャラクターの感想を書いて作品を掘り下げていって、最後に評価やまとめの感想で締める、という流れにしようかな!いいですね!記事の構成はジャンルごとにある程度決まったパターンがあるので、どうしても思いつかない場合は、他のウェブサイトの記事の構成を参考にしてみるのもいいでしょう。Dr.TD固定ページ固定ページとは、日常的に投稿する記事ではなく、会社概要やお問い合わせ、掲示板など、不変的なページのことをいいます。個人と企業では必要な固定ページが変わってきますので、どのようなものを用意したらいいのか、一例をあげます。お問い合わせプライバシーポリシーサイトマップカテゴリーやタグ、固定ページのコンテンツ内容が決まったら、それらを組み合わせて、ウェブサイトのサイトマップを作成しましょう。サイトマップとは、ウェブサイト全体の構成図のことをいいます。サイトマップが可視化されることで、ウェブサイトを構築・制作するときの参考になります。その時点で不足しているページはないか、不要なページはないか、確認ができます。紙などに、自由にサイトマップのイメージを書き出してみて、そこから整理整頓してサイトマップを完成させていくと楽ですよ。Dr.TDカラーサイトマップが作成できたら、ウェブサイトのデザインについて決めていきましょう。ウェブサイトの色を決めましょう。ウェブサイトを訪れたユーザーが、ウェブサイトに対して抱くイメージを決める大切な要素の1つです。色を1つ変えるだけで、ユーザーが抱くイメージは大きく変化します。決めておく必要があるのは、メインカラー、サブカラー、アクセントカラーの3つです。メインカラーはウェブサイトの中心の色になります。ウェブサイトのコンセプトのイメージに合う色を選ぶのもいいですし、自分の好きな色を選んでもいいでしょう。メインカラーが決まったら、サブカラーを決めます。サブカラーはメインカラーと近しい系統から選ぶことをおすすめします。メインカラーより薄いカラーを使うと汎用性が高いです。アクセントカラーはメインカラーの補色がおすすめです。補色は、赤だったら、緑、青だったら黄色といった具合に、色相環の反対側にあたる色を指します。メインカラー、サブカラー、アクセントカラーは、ウェブサイトの配色の割合として70%、20%、10%が目安となります。リサ黄色が好きなので、黄色をメインカラーにしたいけど、ちかちかするなあ。色々な映画の感想を書くウェブサイトなので、明るい色も暗い色もあるといいですよね・・・それなら、アクセントカラーは明度の高い黄色にして、メインカラーとサブカラーは、黄色の補色となる青系統や紫系統の色を使ってみたらどうですか?Dr.TDリサそれとってもいいです!ロゴマーク(アイコン)ロゴマークは、企業名やブランド名を、個性的かつ印象的にデザインをしたマークです。ウェブサイト用にロゴマークを作成することで、自分たちのウェブサイトをユーザーに印象づけることができます。リサ企業やブランドならわかりますが、個人のウェブサイトにロゴやアイコンって必要なんでしょうか・・・?もちろんあった方がいいですね。ユーザーにウェブサイトを印象付けるためだけでなく、信頼性も高まります。ウェブサイトに個性が生まれて、愛着も湧きやすくなりますよね。Dr.TDロゴマークには、「ロゴタイプ」と「シンボルマーク」の2種類があります。ロゴタイプとは、企業名やブランド名をデザインした文字のことをいい、シンボルマークとは、企業やブランドのテーマやコンセプト、名前からイメージされてデザインされたイラストのことをいいます。ロゴタイプとシンボルマークを組み合わせたものを、「ロゴマーク」といいます。ロゴマークは、ウェブサイトのテーマやコンセプト、タイトル、ウェブサイトの配色を配慮しながら作成しましょう。一緒に並べることも多いので、お互いに調和性のあるデザインを意識すると、よりユーザーに好印象です。リサ私はウェブサイトのテーマは「映画」なので、フィルムや映写機のマークを使うとわかりやすくていいですよね。Note」だから、ノートのマークを入れてもいいかも。デザイン(テーマ)ロゴが決まったら、ウェブサイト全体のデザインを考えましょう。フルスクラッチでウェブサイトを構築・制作する場合、ウェブサイトのテーマやコンセプトに沿ったデザインをゼロからつくっていきます。WordPressをはじめとしたCMSや、ブログサービスを使ってウェブサイトを構築・制作する場合、テーマやテンプレートを使ってデザインを決めましょう。テーマやテンプレートの選択をするときも、フルスクラッチの場合と同様に、ウェブサイトのテーマやコンセプトに沿ったものを選ぶようにしましょう。WordPressにおけるテーマとは、デザインや機能をウェブサイトにかんたんに適用させるためのパッケージのことをいいます。テーマをインストールすることで、ウェブサイトの見た目や機能をカスタマイズすることができます。WordPressのテーマは、世界中にあるテーマから好きなものを選ぶことができます。テーマによって得意な部分が異なるので、あらかじめ決めたコンセプトと、コンテンツの内容、サイトマップに適しているテーマを選びましょう。リサ私は記事を読んで欲しいので、投稿した記事を前面に出せるテーマがいいな。あとは、文字を読んでもらうウェブサイトだから、目に優しいデザインだといいかも。それなら、最近人気のマテリアルデザインを取り入れたテーマがおすすめですよ。Dr.TDWordPressのインストールとテーマの設定レイアウトウェブサイトのカラー・ロゴ・デザインが決まったら、レイアウトを考えましょう。レイアウトも、ウェブサイトのイメージを決める大切な要素の1つです。WordPressのテーマは、インストールした時点では、まだレイアウトは設定されていません。自分のウェブサイトのコンセプトに合わせてレイアウトを決めていきましょう。ウェブサイトの基本のレイアウトは、ヘッダー、フッター、コンテンツ、サイドバーの4つの領域から成り立っています。この4つの領域に、何を配置するか、どんな見せ方をするか、大まかに決めておきましょう。ヘッダー、フッター、コンテンツ、サイドバーの4つの領域の中身には、何を配置するかだいたい決まりがあるので、画像で例を示しておきました。ウェブサイトの発信方法ウェブサイトは、ただコンテンツを投稿しているだけでは閲覧数やファンは増えません。あらゆる媒体を使って、ウェブサイトを外部に発信していく必要があります。ウェブサイトの発信方法には、SNSやメールマガジンなどを使ったプッシュ型の方法と、広告を使ったプル型の方法があります。プッシュ型の発信方法であるSNSには、TwitterやInstagram、Facebook、LINE@などがあります。ウェブサイトの認知度向上や、ユーザーとの交流によるウェブサイトのファンつくりにSNSはかかせません。ウェブサイトのテーマやコンセプトによって向いているSNSが異なるので、すべてのSNSを運用する必要はありません。リサ映画の感想を投稿するので、記事の更新のお知らせをTwitterやFacebookにシェアするのが合ってそうです。Instagramはアップできる画像がないから難しいかな。鑑賞した映画のチケットやパンフレットなどを発信するのであれば、Instagramの利用も効果的ですね。Dr.TDプル型の発信方法である広告は、リスティング広告、ディスプレイ広告、SNS広告などがあります。コーポレートサイトやランディングページなど、広告を利用する必要がある場合、これらのサービスを活用しましょう。AmazonアソシエイトプログラムA8.netバリューコマース先ほどプル型の発信方法として広告を紹介しましたが、自分たちが収益をあげるために、ウェブサイト内に広告を掲載することもできます。ウェブサイトにある程度の訪問数があると、広告の利益でサーバーやドメイン費用をまかなうこともできます。広告を掲載しすぎるとユーザビリティが下がるので、広告の掲載数や配置などは気をつけましょう。クリック型広告は、ウェブサイトに掲載されている広告を、ユーザーがクリックすることで報酬が発生します。AdSense」や、「忍者Admax」、「i-mobile」、「nend」などがあります。AdSense」がおすすめです。AdSenseは、Googleが提供している、コンテンツ連動型広告配信サービスです。コンテンツ連動型広告とは、広告を掲載するウェブサイトのコンテンツに関連した広告を掲載する広告のことをいいます。ウェブサイトのコンテンツとマッチした広告は、クリックされやすい傾向にあります。AdSenseは他のクリック型広告サービスと比べても、1クリックあたりの単価がかなり高いため、初心者でも早い段階でウェブサイトで収益をあげることができます。AdSenseは審査が厳しいことでも有名なので、収益化するまでに時間がかかることを念頭に置いて導入の必要性を考えましょう。Dr.TD成果報酬型広告は、いわゆる「アフィリエイト」といわれる広告です。広告をクリックするだけでは報酬は発生せず、クリックしたユーザーが、移動した先のウェブサイトで商品の購入やサービスの申し込みをおこなうことで、報酬が発生する仕組みになっています。成果報酬型広告のサービスは、「Amazonアソシエイトプログラム」、「A8.net」、「バリューコマース」などがあります。成果報酬型広告サービスは種類や手法が多種多様なので、導入する場合は、自分のコンテンツに合った商材を扱っているサービスを選びましょう。Dr.TD収益を目的にウェブサイトを運営していくのであれば、クリック型広告と成果報酬型広告の、どちらも導入することをおすすめします。クリック型広告も成果報酬型広告も、訪問数が上がれば上がるほど、クリックされる確率が上がります。ウェブサイトで稼ぎたいのであれば、地道なコンテンツの更新や、質のいいコンテンツの提供をして訪問数を上げることが大切です。まとめぼんやりとしたイメージでウェブサイトをはじめると、自分の思い通りに制作を進めたり、運営を続けていくことが難しいです。手間はかかりますが、最初にしっかりとテーマやコンセプト、デザイン、コンテンツなどの骨組みを明確にしておくと、途中でつまずいたり挫折してしまうこともなくなります。テーマやコンセプト、デザイン、コンテンツが定まらないときは、頭に浮かんでいるアイディアをノートやメモ帳に書き出して、整理してみましょう。リサテーマやコンセプトなどを整理したおかげで、どんなウェブサイトをつくるか、どうやって運営していくかのイメージがはっきりしました!それはよかったです!つくりたいウェブサイトのイメージがはっきりしてきたと思うので、次回は、WordPressの管理画面での作業に戻って、具体的なレイアウトを決めていきましょう。コメントをキャンセルメールアドレスが公開されることはありません。Literacy.」をスローガンに価値を創造するベンチャー企業です。コンサルティングなどを中心に幅広く活動中。