最終更新日: 2025年6月17日
HTML-デザインAの原稿を作りを始めましょう。
まずは、HTML-デザインA用 原稿のテンプレートを開きます。
準備はできましたか? 早速、始めましょう!

目次
HTML-デザインAのトップページを作ろう
A-1:タイトルを付ける

赤い四角の中に表示される部分を入力します。キャッチフレーズも合わせて入力してください。また、赤い四角の左側にマークを入れることが出見ます。マークを入れたい方は、「A-1:タブに入れるアイコン画像」のところに、画像をアップロードしてください。アイコンを空にしておくと、上記のような「地球」のアイコンが表示されます。
タイトルはgoogleやyahooで索されたときにヒットする一番大切な「キーワード」です。あなたのビジネスの名前を事前に、google検索でチェックしてみましょう。同名のタイトルが複数ヒットするようでしたら、工夫が必要です。
たとえば「鈴木商店」の場合、「何をしている鈴木商店なのか?」というキーワードを入れてあげれば、その他多くの鈴木商店に埋もれることは減るでしょう。
例)「鈴木商店:東京都港区で創業100年。懐かしの昭和駄菓子店」など
ホームページは「古くからある」「日々更新されている」「ページ数が多い(つまりキーワードが豊富)」「ユーザーに人気がある」などの理由で、ランキングが上がります。
新しいホームページはランキング上位に出ることが難しい場合もあるので、まずは重要なキーワードを盛り込み、タイトルで他のサイトと差をつけていきましょう!

A-2:ドメイン名(URL)を決める
ドメインは、有料にするのか無料にするのかを決めます。有料と無料の違いはこちらで紹介していますので、ご確認ください。
有料にする場合は、原稿を提出する前に有料ドメインを購入し、この項目に記入します。
無料ドメインをご希望の方は、「tendeza.fc2.page/」のように「tendeza」にあたる部分をこの項目に入力してください。無料ドメインには「fc2.page」が付きます(外すことはできません)。

A-3:サーバーを決める
サーバーを無料と有料、どちらにするのか決めます。
無料サーバーを選ぶと広告が出ることが多いのですが、てんデザのおすすめする「FC2ホームページ」は、無料を選んでも広告が出なくなりました。
ただし有料サーバーに比べ、無料サーバーは容量が少ないので、ブログなどで写真を多数掲載するなどの場合は注意が必要です。
詳しくは「サーバーについて」にまとめましたので、ご覧ください。

A-4:あなたのホームページの名前
赤い四角の部分のタイトルを決めます。A-1に書いたものと基本的に同じになります。

A-5:メニュー(5項目)
トップページ以外のメニューを5つ決めます。
赤い四角の中がメニューの部分です。
例としては
- 代表挨拶やメッセージ
- 事業内容や商品の紹介
- お客様の声や体験談、組織図やグループ会社紹介
- 求人や募集
- 社員やスタッフインタビュー
- アクセス(地図や住所、電話番号など)
などがあります。

A-6:表示したいSNS
あなたが使っているSNSのボタンを設置しましょう。
ホームページを介してファンを増やしたり、すでにファン(フォロワー)の方があなたのサイトを訪れたりする循環を生み出すことができます。
A-6:SNSのURLの部分に、あなたの使っているSNSのアドレスを入力してください。

A-7:ヘッダーの画像
あなたのホームページを印象付ける写真をアップロードしてください。
写真がない場合、フリー素材から対応いたしますが、素材に限りがありますのでご要望にぴったりの写真をご用意できない可能性があります。
その場合は有料素材よりご購入の上、アップロードをお願いいたします。
HTML-デザインAのメニューページを作ろう

メニュー1
おつかれさまでした。上の項目まででAシリーズ(ヘッダー下に表示される原稿)が終了しました。
ここからはBシリーズ、つまり「メニュー項目」の原稿が始まります。
あなたが「メニュー1(A-5:メニュー1)」に入力した項目がオレンジ色の四角の中に、タイトルとして現れます。
タイトルに沿った内容を、「B-1:原稿」に入力してください。

メニュー2
ここからはCシリーズ、つまり「メニュー2」の原稿が始まります。
あなたが「メニュー2(A-5:メニュー2)」に入力した項目がオレンジ色の四角の中に、タイトルとして現れます。
黄色い四角のタイトル下の原稿を「C-1:原稿」に入れてください。
「C-2」の欄には「画像」と「注釈(画像右下の黒い枠内)」を入力できます。「注釈」には、写真についてのコメントを16文字以内で入力してください。
以下、右側に「C-3」「C-4」と続き、写真は合計で最大15点追加することができます。

メニュー3
ここからはDシリーズ、つまり「メニュー3」の原稿が始まります。
あなたが「メニュー3(A-5:メニュー3)」に入力した項目がオレンジ色の四角の中に、タイトルとして現れます。
「D-1」に画像と原稿を入力することができます。このセットは4つまで追加することができます。

メニュー4
ここからはEシリーズ、つまり「メニュー4」の原稿が始まります。
あなたが「メニュー4(A-5:メニュー4)」に入力した項目がオレンジ色の四角の中に、タイトルとして現れます。
「E-1」には画像と原稿を入力することができます。
このブロックは2つまで追加できます。

メニュー5
ここからはFシリーズ、つまり「メニュー5」の原稿が始まります。
あなたが「メニュー5(A-5:メニュー5)」に入力した項目がオレンジ色の四角の中に、タイトルとして現れます。
「F」には住所や電話番号など、あなたのビジネスをPRするための情報を入力することができます。
このブロックは2つまで追加できます。
右側の地図は、ご入力いただいた住所より、自動的に作成されます。
最後に
以上、ここまでが「HTML-デザインA」をお選びいただいた方にお願いしたい、原稿作成の方法でした。
「原稿作成マイページ」には、一番下の部分に「プロフィールを保存」のボタンが用意されています。一息に原稿のすべてを書き終わるのはとても大変だと思うので、Wordで原稿を書くように、少しづつ書き足して「プロフィールの保存」ボタンを押し、データを保存しながら作成してください。
以上、原稿作成、頑張ってください!





