ホームページの準備・アドアートへの原稿資料の提出方法

サイトマップ

格安ホームページ制作のADART

原稿や資料の準備

原稿・文章・画像・資料のご提出

１．各部分の「名称」と「基本的なご注意点」

1-2 原稿資料の「ご提出方法」

２．デザイン前：「ご準備頂きたいもの１～５」

３．ページ制作前：「ご準備頂きたいもの６～７」

4-1 「メール」での提出・「画像添付」の方法

4-2 「Excel・Word・PDF・メモ帳」での提出

4-3 「手書き・FAX」での提出

５．「ページ内容・メニュー項目」の「一例」

5-2 「同業他社の参考ホームページ」

６．「その他」制作に関するアドバイス

一度に「すべてをご準備頂かなくても大丈夫」です！

初回制作時は、お打合せをしながら、ご準備の整った原稿（文章・写真）から、順次お送りください。（※特に遅くなる原稿資料がある場合には、おおよその予定等をお伝えください）

重要１：どのページのどの内容か

お送り頂いた原稿・資料が「どのページの内容なのか・どの部分の内容なのか」を、必ずご明記下さい。また、添付ファイルがある場合には、その旨もご明記ください。

（例）○○ページの△△の部分の文章～～～

（例）□□ページの××の画像

（例）このメールにExcelの添付が１点

重要２：画像（写真・イラスト・図・アイコンなど）

ご提出頂いた原稿資料そのもののほか、原稿内（ご提出のすべてのもの）に添付や挿入されている画像やテキストは使用や利用ができるものと判断します。

このため、例えば、他社のサイト等から画像や文章等を引用や転載をしていて、それらをそのまま使用できないような場合や、利用・改変・加工等が不可のような場合には、それらの詳細を必ずお伝え頂くか資料内にわかるように大きくご明記ください。

（例）Ａ画像は他社のイメージ画像なので使用不可

（例）Ｂ画像は元画像の規約上で加工不可

【原稿資料のご提出方法】文章や画像の「配置（レイアウト・サイズ）」は、基本的に「お任せ」頂いて大丈夫でございます。PC版のみ、配置などに何かご希望のある場合は、原稿内にてご指示ください。原稿の種類や内容の書き方などに、特に「決まり・形式」などはございません。お客様がご準備しやすい方法でご提出ください。（※お客様準備のクラウド等でのご提出はお受けできません）
文章・テキスト	メール本文 Word・Excel・PowerPoint PDF・メモ帳手書きFAX
各ファイルでのご準備方法の詳細は、下の一例をご参照ください。 4-1 「メール」での提出・「画像添付」の方法 4-2 「Excel・Word・PDF・メモ帳」での提出 4-3 「手書き・FAX」での提出（１）他サイトからコピー他サイトから「コピー・転用・転載」される場合には、SEO対策上、とても大切なご案内がございますので【こちらのページ（重要）】を、必ずご確認ください。上記ページをご確認頂きましたうえで「○○サイトの文章をコピー」等とお伝えを頂ければと存じます。※この場合、原稿等をご準備頂く必要はございません。他社・他者のサイトから、デザイン・画像・テキスト文章などの転載（利用・転用・コピー等）は、掲載元の許可・許諾等が必ず必要となります。お客様ご自身にて必ず掲載元（サイト管理者など）にご確認ください。（２）現ホームページを参照現在のHPからお乗換えなどの場合には「現ホームページを参照」などでも大丈夫でございます。※１．主に権利などの都合により、文章や画像など、使用できないものがある場合には、必ずお伝えください。※２．現ホームページに閲覧期限がある場合には、必ずお伝えください。（３）テキスト文字文章は「テキストとして機械的にコピーできるもの」ですと、間違いが少なく完成もよりスムーズになります。FAXや手書き文章を写した写真などももちろん可能ですが、読みながら１文字ずつ起こして書き写す作業となりますため、完成が遅くなってしまう傾向にございます。（４）ファイル形式通常対応可能な文書ファイルの形式は「テキスト文字 / メモ帳（.txt） / Word（.docx） / Excel（.xlsx） / PDF（.pdf） / パワーポイント（.pptx）」になります。※その他で対応不可の場合には、対応可能なファイルにて再提出をお願いすることもございます。予め、ご理解ご了承ください。
画像・データ	メール添付ファイル転送サービス
（１）容量が大きい・複数メール添付の際、画像の容量が大きい、または多くの画像がある場合には、何通か「小分け」にして、複数通でお送り頂いて大丈夫でございます。※メール添付の仕方など、詳細は下の目次をご覧ください。（２）ファイル転送サービスメール添付で送れない場合や、何個もの添付や送信がご面倒な場合には、無料でも利用できる「他社様のファイル転送サービス」でのご提出も可能です。（例 1）「ギガファイル便（こちら）」（例 2）「データ便（こちら）」 ※他社様のサービスご利用にあたっては、すべてお客様ご自身の責任におかれまして、お願いいたします。（３）受付不可上のようなファイル転送サービス以外のもの（例：お客様がご準備のGoogleドライブ・クラウドなど）は、セキュリティ、パスワード、ログイン、セキュリティ、アクセス権限、リクエスト、フォルダ移動、作業数増など、懸念される諸事情が複数ございますため、現在のところご利用いただけません。予めご了承ください。（４）画像データについて他社・他者のサイトに掲載中の画像の利用は、多くの場合で「掲載元の許可」などが必要になります。お客様ご自身にて掲載元にご確認ください。また、YahooやGoogle等で「無料画像」などでネット検索の場合も、すべてが無料の画像とは限りません。画像を掲載（提供）している元サイト等の「利用可否・利用規約・許諾範囲・料金の有無」などは、お客様ご自身の責任におかれまして、必ずご確認ください。 ※ご提出いただいた画像は、お客様からのお伝えがない限り、すべて「使用・利用・加工・調整などが可能」であるものと判断させていただきます。 ※提出画像に関してなにかございます場合には「このＡ画像はイメージなので使用できない画像です / このＢ画像は加工不可です」など、詳細を必ず明確にお伝えください。（５）ファイル形式通常対応可能な画像ファイル形式は「JPG / JPEG / GIF / PNG」のほか、「Word・Excel・PDF・PPT に貼り付けた画像（挿入画像）」でも可能です。※貼り付けた画像は、一部制限が出てくることもございます。 ※いずれの場合でも、そのまま使用する場合には特に問題ない場合が多いですが、加工や変換等を行う場合や上記以外の特殊な形式の場合、内容等によって可否が異なります。ご希望がある場合には、詳細をお添えの上、お問合せください。対応不可の場合には、対応可能なファイルにて再提出をお願いすることもございます。予め、ご理解ご了承ください。

目次に「戻る」

【第一段階】全体デザインの内容

「PC版」では、まずは、下の「１～５」の、内容・資料がお揃いになりましたら、最初のステップとなる「デザインサンプルの制作」へと進めさせて頂きます。

「スマホ版」では、下の「１～５」＋その下の「６・７」のすべてがお揃いになりましたら、各ページの制作開始となります。（スマホ版ではデザインサンプルはございません）

※許可許諾を得た「他サイトからコピー・転用」する場合には「○○サイトのカバー写真と同じ・△△サイトのカバーに似た感じ」等とお伝えください。

１．カバー写真（スライドショー）の画像

メインとなる大きなカバー写真部分に使用する画像は、「横幅のサイズ（画像の大きさ）」が「1000ピクセル以上」の「大きな画像」でお送りください。

画像の大きさを調べたい場合は「画像ファイルの上」で「右クリック」して出てくる「プロパティ」より、「詳細」のタブの内部で確認できます。「568×269」の表示が大きさ（ピクセル・px）です。

２．会社やお店の「ロゴ」

ロゴ（会社・店舗独自のロゴマーク）がある場合にはご提出ください。ご提出がない場合には、一般的な文字で社名や店名を記載させて頂きます。

４．基本情報「TEL・FAX・営業時間・定休日など」

未定の場合は、その旨をお伝えください。

３．各ページ「共通で使用する画像や文章」

できるだけ多くの画像があると見栄えがします。明度・鮮度・コントラスト等の調整の他、SEOに適した画像圧縮や最適化は無料にて行っております。配置や使用箇所等は「お任せ」でも大丈夫でございます。

５．主要な「キャッチコピー・アピール文など」

なにかございましたら、お伝えください。

１～５・詳細説明

（１）カバー写真・スライド写真 …

カバー写真とは、ページ上部などにある大きな画像（メインとなる大きな画像部分）です。

まず最初に目につくメイン部分ですので、会社やお店のイメージにあった写真や、一番アピールしたい写真をご準備ください。内容は漠然としたイメージ写真・店舗外観、商品写真など、お客様によって様々です。

また、カバー写真内に文章・文字を入れることも可能です。一般的には「社名・屋号・電話番号・キャッチコピー」などが入ります。文章の挿入を希望の場合には、カバー写真と併せて内容をお伝えください。

※１．カバー写真は大きく表示しますので、できるだけ大きな画像（横幅1000ピクセル以上）でお送りください。

画像の大きさを調べたい場合は「画像ファイルの上」で「右クリック」して出てくる「プロパティ」より、「詳細」のタブの内部で確認できます。「右の参考画像中：568×269」のような表示が大きさ（画像の縦横・幅と高さのピクセル）です。

※２．大きな写真がない場合には、複数枚の写真を合わせて１枚の大きな画像（小さい２～５枚を横並びで合成して大きな１枚）にすることも可能です。

※３．PC版でスライドショーをご希望の場合は「３枚ほどの大きな写真」とそこに「記載する文など」とともに、写真を「表示する順番」もご指示ください。文を挿入する場合、スライド画像は数秒で切り替わってしまいますので、パッと見てすぐに読み切れる端的な文（短い文）がベストです。

※４．PC版のデザインの確定後も、カバー写真の変更・写真内の文字変更は可能（無料）です。まずは現時点のイメージを最初にお伝えください。

（２）会社ロゴ・お店ロゴ …

会社やお店の「ロゴマーク（ある場合）」です。看板となる部分ですので、こちらも重要です。

ロゴマークをお持ちでない場合には「文字」でそのまま表記します。

（３）基本情報 …

会社やお店の「社名・屋号・店舗名・住所・電話・FAX・営業時間・定休日」などの基本情報です。

最上部のヘッダー部分・カバー写真・サイドメニュー・最下部のフッター部分など、各ページで共通して使用する場合が一般的ですので、こちらもできるだけお早めにお伝えください。

（４）その他ページ共通の写真など …

カバー写真以外で、すべてのページで表示させたい画像がございましたら、ご提出ください。共通デザイン部分（PC版のサイドメニュー上・各ページ本文下部）などに挿入することで、より見栄えのするホームページとなります。

外観・店内・商品・設備・小物・スタッフなど、できるだけ多くの写真をお送りください。

なお、主にPC版になりますが、個別に「この写真はここ」などのご指示・ご希望がなくても、まずは「AD ARTが適材適所と思われる場所に挿入してみます」ので、「イメージ写真」としていくつかの画像をご準備頂けると要所に画像を挿入することが可能です。

その際、可能であればできる限り大きな画像（長い１辺が640ピクセル以上 / 最低でも300ピクセル以上）でお送り頂けると幸いです。WEB上での最大表示サイズは「お送り頂いたサイズが限界値」となります。

（５）キャッチコピー・アピール文 …

キャッチコピー・アピール文・宣伝文などが「ある場合」にはそちらをお伝え頂けると、ページの各所にその文章を挿入できます。

（例）「どこよりも安いAD ART」「安くて安心！」など...

目次に「戻る」

【第二段階】各ページの原稿資料

以下「６～７」は「PC版では、デザイン確定～各ページの制作が開始される前まで / スマホ版では制作開始前まで」に、ご準備頂きたい内容です。

各ページの本文部分の文章や画像の「配置・レイアウト」は、基本的に「お任せ」頂いても大丈夫でございます。（PC版は指定もお任せも可・スマホ版はお任せのみ）

各ページ（メニュー項目）ごとに、掲載したい「文章と画像（下の６～７）」をそれぞれご準備頂ければ、AD ARTが閲覧に最適と思われる配置やレイアウトに組み立てながら、それぞれのページを制作させて頂きます。

PC版では、本文部分の「文章や画像の配置やレイアウト」に関して、特に何かご希望がある場合のみ「原稿内で配置等のご指示」を頂くか、担当までお気軽にお申し付けを頂ければ幸いでございます。（スマホ版ではすべてお任せとなります）

「メール」での提出・「画像添付」の方法

「Excel・Word・PDF・メモ帳」での提出方法

「手書き・FAX」での提出方法

６．各ページごとの「掲載文章・テキスト」

トップページも含め、ページ本文部分に掲載する文章（テキスト）です。各ページ毎に、どのページの内容かわかるようご準備ください。

７．各ページごとの「掲載画像・写真」

トップページも含め、ページ本文部分に掲載する画像（写真など）です。各ページ毎に、どのページに掲載する画像かわかるようご準備ください。

６～７・詳細説明

（６）文章・テキスト …

各ページの「本文」に掲載するテキスト文章です。

一般的には、まず、

Ａ．「記事のタイトル / 見出し」を考え、
Ｂ．「それに関する内容・説明文・案内文」

を記載していくことで、より見やすくわかり易いページとなります。

また、SEO対策的には文章（テキスト）が多い方が有利となりますので、出来る限り、関連ワードが含まれる「長い文章」をご用意ください。

文章のご準備については【原稿準備の際の「重要」なSEO対策】にもアドバイスをさせて頂いておりますので、こちらも併せてご覧頂けると、より効果的なSEO対策を見込むことができます。

※他サイトからテキスト文章をコピー転載される場合には、SEO対策として重要なご案内がございます。必ず【こちらのページ】をご確認ください。

（７）画像・写真・イラストなど …

各ページ内に掲載する写真です。

それぞれの「ページ内容・ページに掲載の文章に関連する写真」を掲載することで、より内容を明確に伝えやすく、かつ、見栄えのするホームページとなります。関連する写真がない場合には、PC版では漠然としたイメージ写真を掲載することで代用挿入する手法も一般的です。（※スマホ版ではイメージ写真は省略となります）

【※重要※】提出する写真の容量が大きい・数量が多い・メール添付で送れない・ご面倒などの場合には、無料でも利用できる「ファイル転送サービス（こちらを参照）」などがとても便利で快適です。

なお「ページ内容・メニュー項目の一例」にも、各ページに対応する「準備内容」を個別掲載してございますので、そちらも併せて参考にしてください。

目次に「戻る」

メールでの原稿提出。※以下・参考例

メールでの画像・写真の添付方法

画像や文章の「配置」は「お任せ」で大丈夫でございます。特にご希望のある場合のみ、ご指示ください。（スマホ版は配置指定不可のお任せのみ）

写真の容量が大きい・数量が多い・メール添付で送れない・ご面倒などの場合には、無料でも利用できる「ファイル転送サービス（こちらを参照）」などがとても便利で快適です。

※お客様からご提出いただた「画像・写真・イラスト・図・表」などは、特にお伝えがない限り、使用や利用ができるものと判断させていただきます。使用不可や改変不可の内容が含まれている場合には、必ず、わかるようにご明記頂くか、メールにてお伝えください。

※もし可能でございましたら、メールはHTML形式ではなく「テキスト形式」でお送り頂くか、HTML形式でもメール上の文字に色や太字などの装飾や挿入をいただいている場合にはその旨をお伝えいただけますと、すれ違いの少ない制作や修正が可能でございます。

・HTML形式とは点（文字の色や太字をメール文章に直接設定して装飾する方法 / 例：メール上で赤文字がこのような色付きで表示... など）

・テキスト形式（色・太字・画像挿入などは別途でテキスト文字にて文章でのご指示 / 例：□□の文字は赤文字... など）

もちろんHTML形式での受信確認も可能ではございますが、セキュリティ等の都合上、通常はテキスト形式で受信確認をしているため、お客様側で施した装飾や挿入内容を見落としてしまう可能性がございますこと、予め、ご理解ご了承ください。

目次に「戻る」

Excel・Wordをメールで送信。<以下・参考例>

※ワードやエクセルに貼りつけた画像は自動的に縮小されてしまいます。特に「カバー写真」など「大きく表示したい画像」は、別途メール添付などで大きなサイズのままお送りください。

目次に「戻る」

手書きFAX（ファックス）を送信。 <以下・参考例>

FAXは、文字を「すべて手入力」となりますことから、メール・Word・Excel等のデジタル原稿に比べ、完成は遅くなってしまいますこと、予め、ご了承ください。

FAXの送信先　【FAXで原稿等の提出方法詳細】

目次に「戻る」

「ページ内容・メニュー項目」の概要

各ページの内容として「トップページ＋大きく分けて５つ」の「全６ページ分」の内容やメニュー項目を決めることからスタートします。

ページ内容（メニュー項目）は、お客様が「掲載したいもの」となりますので、どんな内容・どんな項目でも大丈夫です。

通常プランの料金内では「全６ページ分」をお決め頂けますが、もちろん６ページ未満でも大丈夫ですし、７ページ以上（１ページ追加 PC版￥3000・スマホ版￥1,500）でも制作できます。

お客様が掲載を希望する「ページ内容（メニュー項目・掲載内容・ページ数）」にて、ご検討ください。

また「この内容は掲載したいけれど文章など説明が極端に少なく、１ページに独立させるほどではない場合」には、１つのページに２つ以上の内容を合併することも可能です。（会社概要に代表挨拶を合併 / 会社概要にアクセスを合併する、など）

※１．同一ページ内であっても掲載内容が「A4サイズ2枚相当を大幅に上回る」ような場合には、ページ追加料金（PC版￥3000・スマホ版￥1,500）が発生してしまいますこと、予め、ご理解ご了承ください。

※２．６ページ未満でももちろん作成可能でございますが、デザインサンプル確定後（各ページの制作開始以降）にページ数が増える場合には、最終的に合計６Ｐ以内でも、別途料金（新規独立１ページ追加料金・メニュー項目の増減など）が内容により発生いたします。

内容・項目の「一例紹介」

以下に「一般的によくあるページの一例」をそれぞれ掲載してありますので、参考にしてみてください。

※「トップページ＋以下の５つ」からご選択頂くことで、多くの場合は一般的なホームページの構成として、十分に成立するホームページ内容となります。

※許可を得た「他サイトとページ項目が同様」の場合には「○○サイトと同じ」等とお伝えを頂ければと存じます。

【トップページ・HOME】 など

内容 … ホームページの玄関口になり、基本的にはどこのWEBサイトにも設けられているページです。掲載する内容は、サイトにより様々で、主には会社や店舗メインとなる「アピールポイント・紹介文・挨拶文・メインのサービス概要・写真・Facebookでの新着情報」などを掲載します。

会社や店舗の「アピールポイント・紹介文・挨拶文・サービス概要・地図」など、まず最初に一番伝えたい内容や説明したい内容、ざっくりとしたサービス内容を掲載することが一般的です。

この玄関口のトップページやHOMEから、それぞれの各ページ（下層ページ）に移動する流れになります。

準備 … 掲載したい「文章」と併せて「写真」も一緒に掲載することで、よりイメージや雰囲気を伝えることや、見栄えのするホームページとなります。また、店舗の場合はFacebookページやGoogleマップなどを挿入することで、閲覧者に利便性の高いホームページとなる場合があります。

一例 … 昭和レインボー様

【代表挨拶・店長挨拶・プロフィール】 など

内容 … 社長様・代表者様・店長様からの挨拶文を掲載することにより、会社やお店のイメージ・事業内容・コンセプト・営業姿勢・プロフィールなどを閲覧者に伝えることができます。

準備 … 挨拶の「文章」や「プロフィール」などをご準備ください。また「代表者様のお写真」や、会社やお店の「外観・内観」などの写真も併せて掲載すると、より伝わりやすくなると同時に、閲覧者に安心感を与えることができます。

一例 … 成田真澄フラメンコ教室様

【スタッフ紹介・オーナー紹介・講師紹介】 など

内容 … スタッフ・従業員・オーナーなどを紹介することで、会社全体や店舗の雰囲気やイメージを伝えることができ、さらに安心感も与えることができます。

準備 … スタッフの「紹介分」などを文章でお伝えください。また「写真」も併せて掲載することで、より安心感を与えることができます。

一例 … 美容室HAPPY様【STAFF】

【コンセプト・理念・こだわり・ポリシー・特徴】 など

内容 … 企業理念・コンセプト・特徴など、他社他店との違いを強調したり、自社の売りや、どういう理念で運営しているのかを明確に伝えることができます。

準備 … コンセプトや理念の概要を文章などでお伝えください。

一例 … 学習塾 sora様【soraの特徴】

【メニュー・料金・コース】 など

内容 … 提供しているサービスや商品の「メニュー内容・料金・コース」などを伝えることができます。

準備 … メニューの内容・料金・料金表・コースの内容などをお伝えください。その「商品の写真」なども併せて掲載することで、より明確に伝えることができます。

一例 … 美容室ラピス様【ヘアメニュー】

【商品案内・サービス・エリア】 など

内容 … 上のメニュー料金とほぼ同じような内容ですが、取り扱っている主な「商品・サービス・エリア」の詳しい内容を伝えることができます。

準備 … 商品や各サービスの詳細、写真などをご準備ください。

一例 … 庭木の害虫駆除専門店様【対応エリア】

【お店案内・店内の様子・風景】 など

内容 … 店舗の場合、お店の「外観・内観」を伝えることにより、お店の雰囲気・設備・設置機材・キャパ・スペックなどを伝えることができます。

準備 … お店の案内文などをお伝えください。併せて「店内の様子や設置設備等の写真」を掲載することで、より明確な雰囲気を伝えると同時に、安心感も与えることができます。

【会社概要・会社案内・店舗情報】 など

内容 … 会社の概要・店舗の情報などの詳細を伝えることができます。

準備 … 会社概要・沿革・業務内容などをお伝えください。併せて「外観・店内写真・ロゴ」などを掲載することで、より明確な雰囲気を伝えると同時に、安心感も与えることができます。

【アクセス・マップ・地図】 など

内容 … お店や会社までのアクセスマップ（地図）を掲載することで、場所をわかりやすく、また来訪しやすくします。「会社企業の場合は会社概要ページ等にまとめてしまう」ことが多いですが、特に「店舗」のホームページの場合には１つの「独立した１ページ」に分離することで、見ている人が探しやすく、利便性が向上します。

準備 … 基本的にはGoogleマップでの表示を推奨しています。会社・店舗の「住所」と「Googleマップ希望の旨（無料）」をお伝えください。併せて「最寄駅」や「交通手段」なども掲載すると、より利便性の高いアクセスページとなります。

【よくある質問・Q&A】 など

内容 … 利用者が疑問に思いそうなことを予め案内・説明して伝えることができます。事業やサービスの内容を明確に説明する意図や、閲覧者からの問い合わせを減らす目的、より細かく説明することで安心感を与えることができます。

準備 … 質問の内容（Q・クエスション）と、その答え（A・アンサー）を文章でご準備ください。

【事業実績・経歴・施工事例】 など

内容 … 事業・会社の実績や、実際の業務事例を紹介することで、事業の内容をよりアピールすることや、安心感・信頼感を与えることもできます。

準備 … 事業実績を「文章」などでお伝えください。またその実績に関する「写真」も併せて掲載することで、よりその実績を明確に伝えることができます。

【宴会コース・ランチ・お弁当】 など

内容 … メニュー・コースと同じような内容ですが、飲食店の場合「宴会・ランチ・お弁当」などを扱っているケースも多いことから、それらを独立したページに分離して、個別メニューにてわかり易く掲載することができます。

準備 … コースや関連メニューの詳細、写真などをご準備ください。

【ブログ・Facebook・Twitter】 など

内容 … 既にお持ちのブログ・Facebook・Twitterなどを掲載することができます。お持ちでない場合でも、新規に取得することで、お客様自身で日々の情報や最新情報を伝えていくことが可能です。埋め込みとリンクの２パターンでの掲載が可能です。