|
index.htmlのコメントをあなたのショップにあうように変更します。
非常に重要な部分もございますので、最後まで熟読してください。青い文字が変更する箇所、赤い文字が解説です。
完成ファイルの中から、index.html というファイルをメモ帳やホームページ作成ソフトで開いてください。
（下の赤い矢印で記したファイルを開きます）
下の記載を参考にして、index.htmlファイルを編集し、保存してください。（必ずバックアップをとり別に保存しておいてください）
注意： 日本語で記載されている部分を変更する場合は『全角』、アルファベットで記載されている部分は『半角英数』で入力してください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=Shift_JIS">
<meta name="keywords" content="りんご,みかん,ブドウ,果物,通販">
あなたのショップの商品を数個記入してください。左のほうがアピール度は高くなります。数が増えれば増えるほど不利になりますので、できるだけ少なく絞りましょう。『,』は半角で入力します。
<meta name="description" content="新鮮りんごやブドウ、みかんなど果物を産地直送いたします">
あなたのショップの説明文を記入します。単語を連続で記載したものは×。きちんと文章として読めるものを作成してください。約200文字を限度にします。
<link rel="stylesheet" href="superstyle.css"
type="text/css">
同胞されているsuperstyle.cssから命令をキャッチしています。ファイル名を変更しなければ、これを変更する必要はありません。
<title>新鮮りんごの通販ショップ</title>
タイトルのつけ方等を参考にして、ショップタイトルを変更します。単語数が多いほど不利になります。
<SCRIPT TYPE="text/javascript">
function LikePage(){
if(document.all && !window.opera){
window.external.AddFavorite("http://www.kappadow.net/kappabbs/index.html",
"大阪掲示板です");
お気に入り追加ボタンを設置しています。お気に入りに追加してくれた方のブラウザに表示されるタイトルです。
}
}
</SCRIPT>
</head>
<body>
<table border="0" class="tamain">
基本となる画面をsuperstyle.cssファイルのtamainという命令で指定しています。
<tr valign="top">
<td height="120" colspan="2" background="img2/background.jpg">背景画像を設定しています。サンプルではてんとう虫です。お好きな画像に変更してください。サイズは７４０×８０ピクセルです。
<div align="center"> <span
class="white"><strong>枚方市のりんご・ぶどう・みかん等 果物専門店 APPLE</strong></span></div></td>
非常に重要な場所です。主要な商品名、ショップの名前を記入してください。whiteという命令で文字色を白にしています。strongでの強調はそのまま利用されるほうがいいでしょう。簡単な住所も記載してください。
</tr>
<tr>
<td width="207" valign="top"><table
border="1" class="ta2">
ta2という命令をキャッチしています。
<tr>
<td background="img2/bar-short.jpg"
class="td2"><img src="img2/icon_ya.gif"
alt="*" width="10" height="7">りんご通販専門店 APPLE</td>
アルミ調の画像を貼り付けています。お好きな画像に変更してください。またあなたのショップの名前を記載します。一つだけ商品名を入れましょう。
</tr>
<tr>
<td class="td1"> <span class="gray">りんご通販ショップAPPLEは、りんご、ぶどう、みかんなどの新鮮果物を産地直送でお届けする通販ショップです。地方の名産をたくさんご用意しております。</span>
非常に重要な場所です。商品名×数個とショップの名前を入れた文章を作成してください。ここも単語の連発は避けてください。
×りんご林檎ブドウぶどうみかん新鮮果物・産地直送通販ショップ
<br> <img src="img2/spacer.gif" alt="*"></td>
透明な画像でレイアウトを整えています。
</tr>
<tr>
<td background="img2/bar-short.jpg" class="td2"><img
src="img2/icon_ya.gif" alt="*" width="10"
height="7">最新情報</td>
</tr>
<tr>
<td class="td1"><span class="gray">千秋（せんしゅう）、紅玉（こうぎょく）、スターキング・デリシャス、世界一（せかいいち）、ジョナゴールド、北斗（ほくと）のお歳暮パック始めました。</span>
主要商品以外にも検索されそうな単語を含んだ文章を記載します。できるだけ単語の連発は避けましょう。
<br> <img src="img2/spacer.gif" alt="*">
</td>
</tr>
<tr>
<td background="img2/bar-short.jpg" class="td2"><img
src="img2/icon_ya.gif" alt="*" width="10"
height="7">お問い合わせ</td>
</tr>
<tr>
<td class="td1"> <span class="gray">ご不明点はお電話、専用メールフォーム等よりお気軽にお問い合わせください。<a
href="mail/mail.html">メールフォーム</a></span>
できるだけわかり易いところに、あなたへの連絡方法を記載しておくことが必要です。メールへのリンクやフォームへのリンクを設定します。
サンプルでは mail/mail.html というファイルにリンクしています。
<br> <img src="img2/spacer.gif" alt="*">
</td>
</tr>
<tr>
<td background="img2/bar-short.jpg" class="td2"><img
src="img2/icon_ya.gif" alt="*" width="10"
height="7">会社概要・地図</td>
</tr>
<tr>
<td class="td1"><span class="gray">大阪府枚方市にて営業しております。
商品名+住所で検索した方にも、アピールする必要があるので、簡単な住所（市、区など）を記載しておきます。
<a href="maps/maps.html">会社概要や地図はこちら</a></span>
お店の所在地や簡単な地図は、住所記載によるSEO対策の面からだけでなく、お客様に対して安心感をアピールするため、
トップページの見やすいところに所在を記載する必要があります。
（実店舗による販売をおこなわない場合でも記載する方が好ましいでしょう）
（マンション等にて販売をおこなっている場合には、部屋番号の手前まででもいいでしょう ex. 大阪府枚方市菊町1丁目ヒラカタマンション）
<br><br> <a href="maps/tokutei.html">特定商取引に関する表示</a><br>
<img src="img2/spacer.gif" alt="*"> <span
class="gray"></span>
</td>
</tr>
<tr>
<td class="td1"><div align="center">
<img src="img2/spacer.gif" alt="*"><br>
<input type="button" value="お気に入りに追加"
name="B3" onClick="LikePage()" style=";
お気に入り追加ボタンに表示される文字です。
background-color: #EAE5DC; ボタンの色を変更できます
border: 1px solid #AF8B8E;"> ボタンの色を変更できます
</div>
<br> <img src="img2/spacer.gif" alt="*">
</td>
</tr>
</table></td>
<td width="542">
<h1> 青森津軽のりんごから日本各地のりんごまで</h1>
非常に重要です。いちおし商品名やブランド名を、数回使った文章を記載します。意味の分からない単語の羅列は不可。
<table border="1" class="ta1">
<tr>
<td class="td3"> <img src="img2/icon_ya.gif"
alt="*" width="10" height="7"><strong>りんご</strong></td>
いちおし商品やブランドをstrongで強調しておきます。
</tr>
<tr>
<td class="td1"> <span class="gray"><img
src="img2/apple.jpg" width="80" height="80"
class="image">りんご … りんごの品種は、世界中で約１５，０００種類、日本では約２，０００種類もあります。弊社の取り扱うりんごは、この中でも有名な、青森津軽平野のりんごだけをお取り扱いしております。しかも産地直送！現地からあなたのお宅まで新鮮なままお届けします。</span></td>
重要です。いちおし商品の説明文です。無理に商品名を入れようとすると墓穴を掘ります。あくまで、「普通に」記載してください。
</tr>
</table>
<div align="right"><a href="cart-sample-link.html">りんごのお買い物へ</a><br>
Ringショッピングカートや、あなたのショッピングカート、さらに詳細説明をする場合にはそのページへリンクしておきます。
</div>
<h2> 秋田のぶどうから日本各地のぶどうまで</h2><br>
非常に重要です。商品名を数個含んだ説明文を記載します。単語の羅列にならないように注意します。
<table border="1" class="ta1">
<tr>
<td class="td3"> <img src="img2/icon_ya.gif"
alt="*" width="10" height="7"><strong>ぶどう</strong></td>
商品やブランドをstrongで強調しておきます。
</tr>
<tr>
<td class="td1"> <span class="gray"><img
src="img2/grape.jpg" width="80" height="80"
class="image">ぶどう … ぶどうの品種は、世界中で約１５，０００種類、日本では約２，０００種類もあります。弊社の取り扱うぶどうは、この中でも有名な、青森津軽平野のぶどうだけをお取り扱いしております。現地からあなたのお宅まで新鮮なままお届けします。</span></td>
重要です。商品の説明文です。無理に商品名を入れようとすると墓穴を掘ります。あくまで、「普通に」記載してください。
</tr>
</table>
<div align="right"><a href="cart-sample-link.html">ぶどうのお買い物へ</a><br>
Ringショッピングカートや、あなたのショッピングカート、さらに詳細説明をする場合にはそのページへリンクしておきます。
</div>
<h3> 愛媛のみかんから日本各地のみかんまで</h3>
非常に重要です。商品名を数個含んだ説明文を記載します。単語の羅列にならないように注意します。
<table border="1" class="ta1">
<tr>
<td class="td3"> <img src="img2/icon_ya.gif"
alt="*" width="10" height="7"><strong>みかん</strong></td>
商品やブランドをstrongで強調しておきます。
</tr>
<tr>
<td class="td1"> <span class="gray"><img
src="img2/orange.jpg" width="80" height="80"
class="image">みかん … みかんの品種は、世界中で約１５，０００種類、日本では約２，０００種類もあります。弊社の取り扱うみかんは、この中でも有名な、青森津軽平野のみかんだけをお取り扱いしております現地からあなたのお宅まで新鮮なままお届けします。</span></td>
重要です。し商品の説明文です。無理に商品名を入れようとすると墓穴を掘ります。あくまで、「普通に」記載してください。
</tr>
</table>
<div align="right"><a href="cart-sample-link.html">みかんのお買い物へ</a><br>
Ringショッピングカートや、あなたのショッピングカート、さらに詳細説明をする場合にはそのページへリンクしておきます。
りんご、みかん、ぶどう以外の果物はこちら… <br>
主要商品以外の商品ページへリンクします。直接CGI等の動的なプログラムを含むページへ移動するより、htmlで作成した簡単な商品紹介ページへ移行するのもいいでしょう。また、多数商品がある場合には、具体的な商品名を記載するほうがベターです。
</div></td>
</tr>
</table>
</body>
</html>
|