格安ホームページを制作する際のアドバイス

お客様にご準備頂く「必要な資料・原稿」の詳細や「ご提出の方法」など、【主に準備するもの・原稿提出のしかた】に詳しく掲載をしておりますので、そちらのページをご参照下さい。

【主に準備するもの・原稿提出の仕方】

一昔前とは違い、現代のSEO対策は「お客様のご協力なし」では「絶対」に成り立ちません。現代のSEO対策のメカニズムや詳細は【SEO対策の基礎・基本】に掲載しておりますので、そちらをご覧いただきたく存じます。

ここでは、ごく単純に「制作時に」また「原稿のご準備時に」、お客様が「何をすればSEO対策の強化」として見込めるかを簡潔にご案内させて頂きます。

Ａ「文章（テキスト）を多く・長く用意する」
Ｂ「文章にキーワードを盛り込む」
Ｃ「充実したオリジナルの文章を用意する」
Ｄ「コンバージョン率を意識する」

Ｅ「キーワードを適切に選択する」
Ｆ「ロングテールの法則を意識する」
Ｇ「コンバージョン率を意識する」
Ｈ「オリジナルの画像を用意する」
Ｉ「ページ数を多くする」

Ｊ「その他にできること」

【上記 ABC に関する 詳細ページ】

【上記 DEFGH に関する 詳細ページ】

【上記 Ｊ SEO対策強化＆訪問者を増やす方法】

WEBサイトは、見た目のインパクトなどよりも、「見やすいこと・わかり易いこと」が【一番優先】で、何よりも "重要" であることを、忘れないでください。

具体的に言うと「訪れた人が目的の内容に、すぐにたどり着けること」が、まず何よりも重要です。

単純な例ですが「商品Ａの料金を知りたい」ときに、そのページをパッと見て「商品Ａの料金が載っているページ」に簡単に行けないサイトは、利用者に大きなストレスを与えてしまいます。

（サイト全体の規模が大きく情報量も多いサイトは、ある程度は仕方ない部分もあります）

主にこのようなことを含め、初心者の方はもちろんのこと、何年も運用してきたベテランの方でも、陥りやすい「失敗」（本来のHPの目的を達成できない懸念）がいくつかございます。

ネット検索で情報探しを多くされている方は一度は経験があるのではないでしょうか？

ホームページを見ていて「料金表はどこ!?」「地図はどこ!?」「他のページへの移動はどこ!?」「さっき見てた内容はどこだっけ!?」「動的演出がありすぎて表示が遅い!!」「あれ、変なとこ押したみたいで移動しちゃった!!」など…。

こだわりの強い方や初めての方が特に気にされる「デザイン性・インパクト・オリジナルティ」という面も、もちろん大切なことですが、まずはこのようなストレスを無くすこと、わかりやすくすることが「デザインよりも、まず優先するべきこと」であることを忘れないでください。

「デザインにこだわりすぎる / インパクトを求めすぎる」あまりに、初めてそのページを訪れた人が「目的の内容に辿り着けないこと」、これが一番あってはならないことです。

オリジナル性・個性・インパクト・動的な演出・動き、などを求めるあまり、「どこに何があるのかわからない / ごちゃごちゃとしている / 動きが多くて内容を見失う / シンプルすぎて目的ページへ移動しにくい / パッと見てページの移動方法がわからず戸惑う」ようなサイトは、ほとんどの場合すぐに立ち去られてしまいます。

極端な話、通常は「訪問者（何か知ろうとしている人 / 探している人）」は、そのサイトが秀でてカッコいいサイトでなくても目的の内容に簡単に辿り着けるのであれば、そのページの内容を読む（知る）ことになります。

（ホームページが収益のメインになる場合や、イメージ戦略も大きく担っているような場合は少し話が変わってきますが）

逆に、いくらカッコよくても「私が探している内容はどこにあるの!?」となってしまうと、ページを読んでもらえることは少なくなるでしょう。

また、ページ上で「複数の部分を目立たせよう・強調しよう・インパクトを与えよう」とした結果、すべてが目立ってしまい（※結局、逆にすべてが目立たなくなってしまい）、強調させるという対策が無意味なだけでなく、ごちゃごちゃとして「逆に見にくくて分かりにくいサイト」になってしまうことも「陥りやすい失敗」によくあります。（当ページもその傾向にあります…）

テキスト文章の「ほとんどの部分」を「太字・大きい文字・たくさんの色を使う」などすると、このような「余計に目立たない（わかりにくい）」状態に陥りやすいと言われています。

これらを総合的に端的に言えば「よくある見慣れているデザイン」かつ「内容や表現がシンプル」なサイトは、「見慣れている＆見やすい」ため「目的の情報を探しやすく、わかり易く、利用しやすいサイト」になります。

これは「実際の閲覧データ」にも基づいて検証されている事実であり、「WEB制作の基本・WEB運営の基本」として一般的に「広く周知・徹底」されていることです。

（もちろん、必要とされるであろう情報がしっかりと掲載されていることが大前提です）

なお、WEBサイトを「公開している目的」に目を向けると、上にあるような「デザイン性・個性・インパクト・動き・強調」を求めるあまり「見難い・わかり難い」サイトになってしまっては、いったい「何のためのサイトなのか… / 誰のためのサイトなのか… / 何が目的なのか… 」と、正直申しまして " 自己満足 ＆ 本末転倒 " な結果に陥ってしまいがちです…。

誠に恐縮ながら、WEBサイトの作成や運営をはじめて行う「初心者の方」や「こだわりの強い方」はもちろんのこと、しばらく時間が経ってきて「なんとなく見慣れてきた・飽きてきた・もう少し凝った雰囲気が欲しい・かっこいい動的演出が欲しい ... 」などの理由を主として「ベテランの方」でも陥りやすく失敗しやすい「一番の問題点」と言われています。

（そのデザインがなんとなく見慣れたり飽きてくるのは、いつも見ている人だけで、一般の訪問者が見慣れたり飽きを感じることはあまりありません）

「見やすい・わかり易い・目的の内容にたどり着きやすい」は、「初めてのWEBサイトのような教本」には「必ず書いてあり、何よりも重要」とされていること、そして「長年WEBサイト運営をされてきた方」や「失敗を積み重ねてきた方」が「最終的に落ち着く地点」となります。

多くの場合で、訪れる人は「何らかの情報」を「探して」います！

ですから「大切なこと」は「見やすくて、わかり易いこと」です！

AD ARTでは、その都度、可能な限りお客様の不利益とならないようなアドバイスをさせて頂いておりますが、お客様の「ご希望 / 好み / サイト運営の戦略」などもあるかと存じますので、１度はこのようなご案内をさせて頂く場合がございますが、その後は基本的にお客様のご希望に沿えるよう進めて参ります。

様々な考え方はもちろん、戦略・好み・こだわりなどもあるかと存じますので、同一内容を複数回にわたってご案内するような「しつこい押し付け」はしておりませんこと、ご理解とご了承を頂きたく存じます。

なお、ご不明な点や、検討している内容などございましたら「お問合せ・ご相談」を頂けると、担当者も気兼ねなくアドバイスやご案内をさせて頂くことができますので、お気軽にお問合せを頂ければ幸いでございます。

SEO対策としては、写真（画像）よりもテキスト（文字）を重視した方が有利に働くのですが、見栄えとしては、やはり写真が「多い ＆ 綺麗」な方が見栄えがするものです。

特に「写真自体の良さ・綺麗さ・豊富さ」がホームページの「見栄えの良さ」に比例すると言っても過言ではありません。

多くの場合「素敵に見えるホームページ」というのは、やはり「写真が綺麗」です。特に見栄えにこだわる場合には、プロのカメラマンか、趣味でカメラをやっているような友人知人にお願いするのがベストと言えます。

なお、【写真を綺麗に撮影するコツ】も掲載しておりますので、宜しければご参考下さい。

できる限り、「綺麗」な写真素材を「より多く」ご用意いただけると助かります。

また、お客様にご提出頂く「写真・画像」は使う場所がはっきりしていなくても、特にPC版デザインでは、出来るだけ多くの「画像素材・写真素材」をご提出して頂くことにより、より見栄えのするホームページを制作することが可能になります。

稀に、PC版でも写真を１～３枚ほどしかご提出頂けないお客様もおられますが、同じ写真を「使いまわす」ことになり、やはり「どうしても見栄えのしないホームページ」になりがちであることは否めません。

２度目になりますが…、できる限り「綺麗」な写真を「より多く」ご用意いただけると助かります。

なお、お手持ちに「写真素材」があまりない場合や、ご準備できない場合、また、AD ARTに依頼した写真でご満足頂けない場合には、お客様自身にて、検索サイト（YahooやGoogle）から「無料の素材サイト」等を検索してお探しください。

「ロイヤリティーフリー・著作権フリー・加工OK」の画像素材などを扱ったWEBサイトがネット上にいくつか存在し、実際に多くのホームページ制作者も利用しています。※なお、ネット上から写真素材を探してくる場合、ロイヤリティーフリー・著作権フリー・加工OK・ご利用規約・使用許諾範囲などにご注意いただき、お客様ご自身の責任において内容のご確認とご契約をお願い致します。

写真を綺麗に撮影するコツ

Excel・Word・PDF・メモ帳・テキストエディタ・PPTなどがお使いになれるお客様は、「テキストや写真」を配置したイメージを送って頂くことにより、より早く、そしてよりお客様のイメージしたページを制作することが可能になります。

また、紙に手書きしたものを写真に撮ったり、FAXを使ってお送り頂いても大丈夫です。

もちろん「メール・メモ帳・FAX・手書き」のみでの制作も全く問題ございませんが、より早く、すれ違いや間違いの少ないイメージで完成させたい場合には「Excel・Word・PDF・PPT」でのご提出がベストと言えます。

【原稿準備のしかた・準備するもの】

【手書き「FAX」での原稿送信】

新たにブログをお客様自身で作る場合ですが、Wordpressなどは初心者の方には少々難しいことがあります。

そこで個人利用で一般的な「アメーバブログ」などの無料ブログサービスを最初の候補としてオススメします。

これらのブログサービスは、初心者の方でも「登録から利用」まで「簡単」に行うことができます。もちろんスマホや携帯からの登録も更新も可能です。

バナーでのリンクや、PC版での埋め込みはAD ARTが無料にて設置設定させて頂きます。以下の詳細ページをご覧ください。

表示パターン・サンプルページ・詳細はこちら

なお、無料ブログサービスにつきましては、利用しやすく利用者も多いことに加え、サービスやバリエーションの豊富さや安定性などから、個人利用の多くの場合はアメーバブログを推奨しております。※一部「Seesaaブログ」などでは埋め込みができない場合もございます。

アメーバブログ （一般的に推奨）

無料版では広告が表示されることが一般的となりますのでブログ内で広告を表示させたくない場合や、利用可能な範囲に制限等ございます場合には、各サービス詳細等をご確認頂き、有料サービスへの切り替えや、利用可能で目的に合ったブログサービスにご登録ください。

また、PC版のブログの「埋め込み」では「画像表示・本文表示が不可」であること、および、「広告が表示される場合」がございますこと、スマホ版ではブログの埋め込みは不可（リンクは可）となりますこと、予め、ご了承ください。

画像や記事本文を表示させたい・埋め込みに広告を表示させたくない・スマホ版で埋め込みたい、などの場合には、その他の各種SNSもご検討いただければと思います。

Facebook （作り方・アカウント登録）

Twitter （作り方・アカウント登録）

なお、ブログなど各種SNSの「登録方法・使用方法・利用案内」等は、AD ARTではお答え致しかねます。各ブログサービスのガイダンスや規約等をご参照ください。

例えばですが、「Twitter・アメーバブログ」のような「有名なサービス」ですと、利用者が多いためネット上にあらゆる情報が出ております。

わからない事など、YahooやGoogleで検索してみてください。かなりの高確率で解決方法や利用方法などの詳細な解説が見つかります。

※各社のブログサービスの内容等につきましては、お客様ご自身におかれまして規約や詳細等をご確認ください。

お客様の方で「アクセス解析を独自導入」したい場合には、他社のアクセス解析「忍者ツールズ・Google Analytics」などを利用することができます。

通常は、すべてのページ内部に修正変更を加えますが、月１回の無料修正サービス内（￥0）で設置が可能（2回目以降は￥500～）です。

他社のアクセス解析では、主に「忍者ツールズ」などが初心者の方でも登録・設置手順・利用方法が簡単なため、以下に一例として紹介します。

こちらは有料のアクセス解析（無料版も有り）にはなりますが、初心者の方でも「解析結果が見やすい・登録や操作上の使い方がわかり易い」うえに、それでいて「内容は充実・正確・基本的には動作も安定した仕様」になっております。

（※障害の有無・操作の簡易性・見やすさ・動作の安定性・継続的な利用などをお約束するものではありません。また、無料版では小さな広告が表示されることがあります）

「導入の流れ」は、

（１）お客様ご自身にてアクセス解析のご登録・ご契約

（２）解析用コード（ソース・タグ・文字列）をお送りください

（３）コードをAD ARTがページに挿入します

会社やツールによって名称が異なりますが、発行される「解析用のコード」は「タグ・トラッキングコード・ソース・HTML文字列」などとも呼ばれ、「その文字列」をメールにてAD ARTに送っていただきます。

これらの「解析用コード（文字列）」は、メール本文への記載でも多くの場合で問題ございませんが、「メモ帳などに文字列をコピーしたもの」を「メール添付」でご提出いただくと間違いが少なくなるため、メモ帳（ほか、Word・Excelなどでも可）をメール添付にてお送りください。

AD ARTが紹介している「忍者ツールズ」では「解析用ソース」と呼ばれ、管理画面から簡単に確認することが可能で、そこに表示された文字列をお送りいただきます。

比較的に「忍者ツールズ」は「利用が簡単・解析機能も豊富」です。

導入後の管理画面では「ログ・アクセス推移・ページ毎・リンク元統計・検索ワード・フレーズ・リピーター調査・IPブラウザ（2022年現在の仕様）」など、様々なアクセスの詳細データを正確に見ることができます。

※１．2022年12月現在、忍者ツールズのアクセス解析のご利用は可能でございます。ほか、その他の解析サービスにおいて、主に下記のような解析サービスは利用いただけない場合もございます。

何らかの解析用データやファイル等をサーバーにアップロードすること（GoogleサーチコンソールのHTMLファイルを除く）、サーバーやDNSレコードやパーミッションの変更や設定などを伴うもの、ページ内（html）への文字列追記以外にその他の設定や設置等が必要なもの、などは、現在のところご利用頂けない仕様となっております。ほか、AD ARTの判断によりご利用いただけない場合もございます。予めご了承ください。

HTMLファイル（ページ内）に「計測用のコードなど文字列を追記するだけのもの」は、基本的にはご利用頂けます。

※２．挿入するページと挿入箇所のご指示も併せてお伝えください。

※３．Googleをご利用の場合には、「アナリティクスでは、計測用トラッキングコードをHTML内に記述する方法」または「サーチコンソールでは、URL プレフィックス（Googleが作成したHTMLファイルをアップロードする）方法」をご利用ください。

※４．各アクセス解析ツールのご契約とご利用はお客様ご自身の責任におかれましてお願い致します。また、それらサービスについての利用方法などAD ARTではお答えしておりません。ご契約の各サービス提供会社へとお問合せください。

※５．タグの重複や読込速度向上等を防ぐため、独自のアクセス解析やそれに類似するサービス（解析系・トラッキング系・マーケティング系など）を導入後は、AD ARTが提供しているアクセス解析はご利用頂くことができなくなります。（2020年7月以降は、一度削除したAD ARTの解析は再設置不可。2023年2月更新分からAD ARTのアクセス解析は順次削除）

※６．アクセス解析を提供している各社、無料のアクセス解析には広告が表示されることも多くございます。また、無料の場合は動作が不安定なことも多い点や、解析がアバウトな場合もあることなどから、独自導入される場合は有料のアクセス解析（例：忍者ツールズの有料版・ほか、Googleアナリティクスやサーチコンソールなど）をおすすめしております。

PC版のデザイン（オリジナル・テンプレート）では「色」を自由にお決めいただけますため、AD ARTでは9100色ほどのカラー・一覧表（こちらのページ）をご用意しております。

さらにもっと細かく色を指定したい場合には、多くのパソコンに初期から入っている「ペイント」などのソフトを使って、カラー番号（RGB・色のコード・６桁の英数字）を調べることができます。

また、インターネットなどで「色見本」や「カラーチャート」などで検索して頂くと、サンプルの色見本とそのカラー番号をインターネット上で調べることもできます。

まずは、YahooやGoogle等で「色見本」や「カラーチャート」で検索してみてください。

その他の色指定方法として、

１．希望の色と「全く同じ色」が写っている「画像データ」をお持ちの場合には、「基調色用のサンプル画像（添付画像の△△の部分の色を希望）」等と明確にお伝えのうえ、メール添付にてお送りください。

２．希望の色と「全く同じ色」を使用している「参考WEBサイト」がある場合には、「基調色用の参考サイト（ページ上の△△の部分の色を希望）」等と明確にお伝えのうえ、ご連絡ください。

１・２ともに、AD ARTの方で該当箇所の「色を抽出」させて頂きます。

（※画像や参考サイトの色よりも少し濃く...など、希望の色とその色が少しでも違う場合には画像や参考サイトでの基調色希望はお受けできませんこと、予めご了承ください）

上記の「画像データ・参考サイト」以外の方法につきましては、すれ違い等防止のため、すべて「#から始まる ６桁の英数字」での色指定をお願いしております。ネット検索の「色見本」や「カラーチャート」にて、「6桁の英数字」をご自身でお調べ頂くことにより、AD ARTがサンプルとして用意している色よりもより詳細な基調色を指定することが可能になります。

【AD ARTが準備した色見本の一覧】

【カラーチャートで検索・Googleへ】

アドアートでは「画像内」に使用する文字のフォント（字体）を選択頂けます。

主に「カバー画像」と、PC版と一部のスマホ版の「メニューボタン」のほか、PC版の「バナー画像・タイトル見出し画像」など、画像に使用するフォントになります。詳しくは【選択できるフォント一覧】をご覧ください。

※本文の文章のフォントは、閲覧環境に依存してしまうため、様々な環境下で見やすい文字（いま見ている文字）を推奨させて頂いております。

【選択できるフォント一覧】

もちろん、どんな写真でもホームページに使用することは可能ですが、できるだけ綺麗な方が見栄えがしますし、訴える力も増します。

特に多くの場合「明るい写真」の方が「印象が良く」なります。

アドアートでは、お客様から頂いた写真の調整も無料で行っておりますが、言うまでもなく、最初から綺麗に撮れている方が最終的にも綺麗ですし、調整できる範囲にも限界がございます。

（ピンボケ・手ブレ・白トビ・黒ツブレは、修正が効きません）

そこでカメラなどの機器に詳しくない方の為に、簡単な写真撮影のコツを掲載しておきます。

１．できるだけ【新しい機器で撮影する】ことが一番です。

当然と言えば当然ですが、最近のデジタルカメラやスマホは、とても性能がよく、そのままでも、かなり綺麗に撮ることができます。

特に「iphone5s」以降のスマホカメラは「非常に性能が良い」ので、やはり一昔前の機器で撮影するよりも、はるかに綺麗な写真が簡単に撮影できます。

２．次に【晴れた日・明るい場所】であることが大切です。

まず、基本的には「明るい」という条件が「とても大切」です。暗い場所で撮影をするとISO感度という感度が上がってしまい、そのISO感度が上がると「ノイズの多い写真」になってしまいます。手ブレもしやすくなります。また、暗い場所でのオート撮影ですとフラッシュが自動的に光ってしまい、多くの場合、フラッシュの光により不自然になってしまいます。

どうしても暗い場所での撮影になってしまう場合や、ブレが起きてしまう場合には、三脚を使用したりカメラを置いたりして「フラッシュを使わずに、タイマーで撮影」します。フラッシュを使用する場合には「天井や壁に反射させるバウンス撮影」が効果的です。

なお、ISO感度を上げずに明るく写す設定には、デジカメですとマニュアルモードや優先モードにて、【絞り（Ｆ値）を小さな数字に近づける】もしくは【1/100などで表示されているシャッタースピードを1/30や1/10など長くする】ことにより、明るく写すこともできます。

３．次に【色合いが自然】であることも大切です。

一般の方の撮影で多く見られる失敗は、このホワイトバランスが間違っています。これは、ホワイトバランスという項目で設定できます。ホワイトバランスでは、「白色の物を白色に写す」という調整をしています。

どうしても色合いがオレンジっぽくなってしまったり、青っぽくなってしまったりと、不自然な場合には、ホワイトバランスを調整してみて下さい。また、お料理の写真は特に、自然光（窓からの明るい光など）で写すと綺麗に撮ることができます。

４．最後に【様々な角度から撮ってみる】ことも大切です。

正面からでは「味気ない写真」も、斜め横・上・下から撮ることによって、インパクトのある写真になることがあります。全体を無難に写すのではなく、１つの物だけを大きくクローズアップして撮ってみたり、メインを中心からズラしたりすることにより、さらに味が増す場合もあります。

また、ホームページ制作においては、そういったバリエーション豊かな写真があった方が、全体的に写真配置のバランスが取れますので、色々なパターンの撮影を試してみてください。

どうしても「見栄えのしない写真」しか撮れない場合、画像素材・写真素材サイト等に高品質で見栄えのする写真がたくさんあります。

一定の条件であれば有料にてアドアートが素材をお探しすることも可能です。（詳しくは「オプション・画像の収集/素材探し」をご覧ください）

※なお、ネット上から写真素材を探してくる場合、ロイヤリティーフリー・著作権フリー・加工OK・ご利用規約・使用許諾範囲など、お客様自身の責任において内容のご確認とご契約をお願い致します。