| 第４ステップ ◆Ｗｅｂページ＆SEO対策 開始◆ |
|
こんにちは、幸せwin！の大橋です (^-^)
まず先に、サポート担当者交代の件について伝えさせていただきますね。
本日以降は、すべてのサポートを、私の頼れるスタッフの一人である、「鬼頭よりこ」という
女性スタッフのほうでサポートを担当させていただきますので、その旨を、ご了承くださいませ。
鬼頭は、【Ｓサイト１】はもちろんですが、アフィリエイトサイトにおいて、
現在でも前線でも活躍していますので、非常に頼れる存在です。
鬼頭の性格についても私が保証しますので、今後のサポートに関しましても、
信頼して任せて行けるスタッフですので、その点も、どうぞご安心くださいね。
ちなみに、私は居なくなるわけではありませんよぉ〜。
常に、鬼頭の後ろに控えておりますので存在は忘れないでくださいね (^_-)-☆
ただ、サポートに関しては、私のほうは外れるようになりますので、
鬼頭 webwin22@shiawase-win.com のほうで全面的に
フォローいただきますので、その旨を、どうぞ、宜しくお願いいたします。
基本的なサポートスタイルは、私と何ら変わりはありませんので、
どうぞ、今までと同じ感覚で、鬼頭に接していただければ幸いです。
もちろんですが、鬼頭もそのようにできるように務めて行く所存でおります。
鬼頭のメールアドレスは webwin22@shiawase-win.com になりますので、
本日以降のお問い合わせは、上記のメールアドレスのほう送信なさってくださいね。
また、これまでのステップの中で、何か新たな質問が発生した場合でも、
鬼頭のほうへメールなさってください。
それと、メールアドレスの変更等のご案内もすべて鬼頭のほうへお送りくださいませ。
データベースも、鬼頭のほうで管理しておりますので、宜しくお願いしますね。
返信のタイミングは今までと変わりはありませんので、２日以内（土、日、祝日は除く）には、
鬼頭よりメールにて返信をさせていただきます。
電話サポートに関しましても従来と同様で、鬼頭のほうが電話での説明が必要と
感じたときに、鬼頭より、「電話をしてくださいませ」 というメールが届きますので、
そのときは事前に日時の予約をさせてくださいね。
なお、土、日、祝日は完全休業となりますので、その旨も
合わせてご理解くださいね。
今後、私との直接のやりとりは無くなってしまいまいますが、メールマガジン等で
皆さんに言葉を発していきますので、メールマガジンを見逃さないようになさってくださいね。
ちなみに、メールマガジンは下記のページから登録できますので、まだ未登録の方は、
この時点で、登録しておいてくださいね。
幸せwin！ まぐまぐ無料メールマガジン登録
↓ ↓ ↓
http://search.mag2.com/reader/Magsearch?keyword=144987
よろしくで〜す。
****************************************************************
◆パートナーメール専用のFAQブログのご案内です◆
パートナーメール専用に、FAQブログを構築してありますので、
問い合わせたい内容が発生しましたときには、まずは、FAQブログのほうを
ご覧になってくださいね。
FAQブログには、良くいただくお問い合わせに対する返信が掲載されていますので、
幸せwinのサポート担当者にお問い合わせをいただく前に、一度、FAQブログを
ご覧いただけますようお願い致します。
そして、FAQブログで解決できないようでしたら、従来とおりに
遠慮なくサポート担当のほうへメールなさってくださいね。
なお、最近、パートナーメールがお手元に届かないケースが多くなっていますが、
FAQブログには、皆さんへ送信済みのパートナーメールの内容も掲載していきますので、
FAQブログにログインした際には、パートナーメールのカテゴリーにも目を通してくださいね。
では、下記の内容をしっかりと読んでくださいね。
◆FAQブログの使い方◆
ブログにログインしましたら、まずは右側に表示されていますカテゴリーを
ご覧になってください。
カテゴリーは、通信講座のステップ１〜１２までに分かれていますので
ご自身で展開しているステップのナンバーのカテゴリーをクリックして
内容をご覧になってください。
すべてのステップに対して記事が投稿されていないかも知れませんが、
時間の経過と供に、内容が増えて行くと想定しています。
また、ステップ以外のカテゴリーもありますので、見落とさないようになさってくださいね。
それと、「ブログ内検索」 の機能も付けてありますので、調べたいキーワードを、
「ブログを検索」 の窓に入力して、「検索」ボタンをクリックして探してみるのも良いと思います。
FAQブログの使い方は以上で〜す！
◆FAQブログに関する注意＆ログイン情報◆
下記のユーザ名とパスワードは、Ｗｉｎパートナー専用のものと
なりますので、決して他の方には口外しないようにしてください。
ちなみに、ご夫婦は一心同体ですので教えていただいても構いませんよ (^_-)-☆
また、ユーザ名とパスワード（いずれも半角です）を、いずれかでも
間違えて入力しますとサイトが開きませんので充分に注意してくださいね。
もしも、ユーザ名とパスワードを入力してもサイトが開かないようでしたら、
入力されたユーザ名かパスワードが間違っていますので、パソコンを再起動してから、
再度、ログインするようにしてください。
ちなみに、ユーザ名とパスワードを正しく入力すればサイトは必ず開きます。
それでも開かないときは、３〜４時間ほど時間を空けてからログインしてくださいね。
また、開いたページが白紙に見れるようでしたらインターネット・エクスプローラの
「再読み込み」 ボタンを押されるか、上部のメニューリストの中にあります
「表示」⇒ 「最新の情報に更新」 をクリックしてくださいね。
なお、上記のことを試されても専用サイトが開かないようですと、
お使いのパソコンの環境によるものか、インターネット・エクスプローラが
正常に稼動していないかのいずれかになるかと思いますので、
お手数でも、パソコンメーカーのほうへご確認なさってくださいませ。
◆パートナーFAQブログ⇒ http://www.popousa.com/faq/
◆ユーザー名： shiawase-winwin
◆パスワード： shiawase-get ⇒ コピーせずに手動で直接入力してください。
なお、FAQブログのことで何か分からないことがありましたら、
スタッフの加藤のほうへメールをなさってくださいね。
加藤のメールアドレスはこちらです⇒ webwin@shiawase-win.com
FAQブログについては以上となります。
それでは、◆第４ステップ Ｗｅｂページ＆SEO対策◆のステップへと進んで行きましょう！！
****************************************************************
◆Ｗｉｎナンバー＆氏名の記入についてのお願い◆
しつこくてすみませんが、幸せwin！に送っていただくメールの件名には
必ず、Ｗｉｎナンバー＆氏名（本名）の両方を、件名の一番左側に記述してくださいね。
メールの件名欄の記述例で〜す⇒ Ｗｉｎ12345 小林太郎 ○○○について
くれぐれも、よろしくで〜す。
****************************************************************
ここからが ◆第４ステップ Ｗｅｂページ＆SEO対策 開始◆ の内容となりま〜す。
くどいようですが、ステップメールの内容は、そのすべてが大切なことばかりですので、
一語一句見逃すことなく、何度も何度も読み返しながら理解を深めて行くように
なさってくださいね。
数回読んで理解できなければ、１０回でも、２０回でも読んでくださいね。
そして、考えているだけではなくて、まずは、一つずつ、やってみること！
今後は、「やってみること！」がとても重要になってきますので、
読んでみるだけではなくて、実際に行なってみるということを
強く認識しておいてくださいね〜。
それが、ご自身で工夫をして、努力をしていくということになりますのでね。
では、頑張って行きましょうね (^_-)-☆
****************************************************************
◆サイト名＆キーワード、コンテンツの内容変更について◆
一度、提出していただいた、【Ｓサイト１】のサイト名＆キーワードとか、
提出していただいたコンテンツを、変更、追加、する場合は、
ご自身の判断で、自由に行なってくださって結構で〜す。
ただし、ページのタイトルに、そのページのキーワードを含んでおくこと
だけは忘れないようにしておいてくださいね。
そこだけ注意していただければ、変更・追加などは自由に行なって
いただいて結構ですので、幸せwin！への連絡は必要ありませ〜ん。
変更等は、自由意志で進めてくださって結構で〜す。
***************************************************************
◆Ｗｅｂページ＆SEO対策について◆
まず最初にお伝えしておきますが、「ホームページ簡単作成講座」の説明は
あくまでも練習用ですので、実際のSEO対策は、こちらのステップの内容のとおりに
行なってくださいね。 それと、バイブルも参考にはしないでください。
では、【Ｓサイト】のトップページのSEO対策（タグ記述）について説明をしますので、
下記の、サンプル用のサイトを開いてくださいね。
ダイビングと海の物語⇒ http://www.yume-win.com/
デザインは、このようにシンプルで結構ですからね。
もちろんですが、派手で無い限りデザインは、自由で結構ですよ。
ただし、理由は後述しますが、上記サイトのレイアウトは絶対に真似しないように
してくださいね。
このレイアウトを真似しますと、相互リンク獲得のときに、決して良い結果を生みませんので。
レイアウトやデザインにつきましては、色々なサイトを見て回って、
お好みのサイトがありましたら、そのサイトを真似しちゃってくださいね。
特に、アフィリエイトサイトを作るときには、自分から見て良いと思える
デザインやレイアウトを真似してみるのが一番です☆
最初は、真似から入るのが、一番勉強になると捉えておいてくださいね。
もちろんですが、完全な丸写しはいけませんよ。
それですと、盗作になってしまいますのでね。
あくまでも、似ている程度に留めておいてください。
それが、真似をするという意味ですのでね。
くどいようですが、 「ダイビングと海の物語」サイトのレイアウトは絶対に
真似しないようになさってくださいね。
真似をされますと、相互リンクが取りにくくなってしまいますので。
***************************************************************
◆ホームページビルダーの操作方法について◆
表の組み方、リンクの挿入、ロゴの作り方は、一番最初に練習していただいていますが、
それ以外のビルダーの詳細な操作方法につきましては、幸せwin！のほうではサポートさせて
いただくことは出来ませんので、その旨は、ご了承くださいね。
ですので、操作方法、 問題解決、エラー表示、等につきましては、
「ホームページビルダーの解説書」 もしくは、ビルダーの「ヘルプ」を参照してくださいね。
または、下記のサイトを参考になさってください。
「ホームページビルダー 解説ページ」⇒ http://hpb.cool.ne.jp/hpbuilder.htm
どうしても解らないときは、ビルダーのサポート窓口へお電話なさってくださいませ。
よろしくで〜す。
***************************************************************
★大切な注意事項です！！★
TOPページ、コンテンツページは、すべてのページが、まったく異なる存在だと
いうことを強く認識しておいてくださいね。
同じコンテンツを書いたページは１枚も無いわけですから、ページはすべて
違うものとなるんです。
つまり、まったく別のＷｅｂページとして存在することになりますので、
TITLEタグ、H１〜H２タグ、STRONGタグ、の中に記述するキーワードも、
Ｗｅｂページごとにすべて違ってくるということになるわけです。
その点をしっかりと踏まえた上で 「ダイビングと海の物語」サイトのTOPページと、
コンテンツページの、キーワードの違いを把握するようにしてくださいね。
しつこいようですが、TITLEタグ、H１〜H２タグ、STRONGタグで強調する
キーワードはＷｅｂページごとに、すべて違いますので。
ちなみに、キーワードを特に設定しないＷｅｂページにつきましても、
そのページのタイトルを、TITLEタグ、H１〜H２タグの中に記述してくださいね。
それでは、キーワードとタグの記述についての説明に入りますね。
大切な局面となりますので、一つ一つをしっかりと理解して行くようにしてください。
■■ 注意です！ ■■
これより、http://www.yume-win.com/ を例にあげて、SEO対策の説明を致しますが、
こちらのサイトの HTMLソースを見る場合は、TOPページだけを参考にしてください。
HTML ソースにつきましては、コンテンツページは、見本用には修正していませんので、
SEO対策の参考にはなりません。
その点を、よろしくで〜す。
あと、タグの挿入につきましては、ホームページ簡単作成講座でも実演して
いますので、そちらも参考になさってくださいね。
■■ Ｗｅｂページの HTML ソースを見る方法 ■■
Ｗｅｂページのソースを見る方法は、インターネット・エクスプローラの
最上部にあります、「表示」をクリックしてから、その中の「ソース」を
クリックしてください。
そうしますと、インターネット・エクスプローラで開いているページの
HTML ソースを見ることができます。
もしくは、Webページ上の、画像で無い部分を右クリックして、「ソースの表示」を
クリックしても見ることが出来ます。
****************************************************************
【SEO対策について】
では、http://www.yume-win.com/ を例にあげて、SEO対策を説明いたしますね。
★サイト名＝ ダイビングと海の物語
★TOPページのキーワード＝ 「ダイビング」
◆TITLEタグ（インターネット・エクスプローラの最上部に表示されている部分です）
<title>ダイビングのページ ◆ダイビングと海の物語◆</title>
ダイビングと海の物語サイトで、最も重要視しているキーワードは 「ダイビング」 です。
よって、「ダイビング」を先頭（左側）に記述して、計２回記述しています。
キーワードを繰り返すのは２回で充分ですよ。
Googleに対する強調は、２回でも、３回でも変わりはありませんので
すべてのＷｅｂページとも２回で良いでしょう。
★ただし各ページのキーワードは必ず左側に寄せておいてください★
■これは非常に重要です！！■
検索エンジンは、TITLEタグの左側を、より重要視しますので。
キーワードは左側にして、キーワードに関連しない語句は右側のほうへ
書くようにしましょう。
仮に、すべてのコンテンツページにサイト名を入れる場合でも、
キーワードを左側に記述して、サイト名は TITELタグの一番最後（右側）に
記述してくださいね。
あくまでも、そのページのキーワードが一番左側に来るように記述します。
仮に、キーワードが複数の場合でも同じです。
たとえば、キーワードが、「ダビング」 「海」 の２つでしたら
TITLEタグは下記のようになります。
<title>ダイビング☆海〜ダイビングと海の物語</title>
<title>ダイビングと海◆ダイビングと海の物語◆</title>
記号を入れるかどうかはお好みで決めてくださいね〜。
★キーワードを左に入れることを充分に注意してくださいね★
ちなみに、 「ダイビング」 だけを連続して並べるのはいけませんので、
上記のようにサブキーワードや他の語句を少しだけ入れたりします。
下記の悪い例のようにしますと、スパムに見られてしまいます。
悪い例：<title>ダイビング ダイビング ダイビング </title>
TITLEタグの内容は、Googleでの検索結果のタイトルにもなりますので
見栄えが悪くないようにしておきましょう。
特に、アフィリエイトサイトを構築する場合は、タイトル表示を意識しながら
キーワードを２回、なるべく左側に記述してください。
なお、Googleの検索結果に表示されるタイトルが、現在は３０〜３１文字に
増えていますので、無理でなければ、文字数は、各ページのタイトルに
全角で２５〜３０文字近くまでのタイトルにしておきましょう！
ですが、３１文字以上になってしまっても構いません。
後ろの部分が切れるだけですので、それでも支障はありませんのでね。
もしかしましたら、検索結果に表示されるタイトルの文字数が２０文字前後に
戻る可能性もありますが、そうなったら、そのときに TITLEタグの内容を
変更していただければ大丈夫です。
現時点では、可能な限り全角２５〜３０文字近くまで活用しましょう！
タイトルが長いほうがユーザーの目に止まりやすいですからね。
ただし、メニューリストに入れるページタイトルは、３０文字では
長すぎますので、メニューリストの中はページタイトルだけにしておいてください。
■■■■ TITLEタグについての厳重注意事項で〜す ■■■
★TITLEタグに記述す内容と、メニューリストに記述するページタイトルの内容は
異なった内容となります。その点は、http://www.yume-win.com/ のTITLEタグと
メニューリストの各ページタイトルの内容を比較して見ていただければ解かりますよ。
★しつこいようですが TITLEタグに記述する内容は、すべてのＷｅｂページで
変わることになります。Ｗｅｂページごとに強調するキーワードが異なりますので
その点は、しかと認識しておいてくださいね。
★こちらも繰り返しになりますが、TITLEタグの左側に、各ページのキーワードを
記述するようにしてください。
サイト名などは、右側のほうに記述してくださいね〜。
★リンク集ページにつきましては、「リンク集タイトル＋サイト名」を
TITLEタグに入れていただければ結構ですよ。
プロフィールページ場合は、「サイト名＋プロフィール」という記述で良いでしょう。
****************************************************************
◆Ｈ１タグ ⇒ご自身で記述するタグになります
（ページ右上の白抜き色テキストを H1タグで囲んでいます）
<h1>ダイビング</h1> ⇒ タグは半角であれば大文字でも小文字でもOKです！
つまり、<H1>ダイビング</H1>でもOKということですが、これは、他のすべての
タグにおいても同様となります。
ここでは、メインのキーワードである 「ダイビング」だけを強調しています。
もしも、キーワードが複数のときは、その複数のキーワードをまとめて
H1タグで囲むように記述してくださいね。
たとえば、キーワードが、「ダビング」 「海」 の２つでしたら
<h1>ダイビング☆海</h1> のようになるということですね。
ちなみに、☆マークのところは他の記号や、「と」などの接続詞でも結構ですよ。
H１タグはキーワードだけを囲むのが理想的ではありますけど、キーワードが
１個の場合は、もう１つくらい他の語句を入れても何ら問題はありませんよ。
例えば、<h1>ダイビング大好き！</h1> とか <h1>夢のダイビング</h1> とかです。
■■■■ H1タグ〜H3タグについての厳重注意事項で〜す ■■■
★H1タグは、TITLEタグの次に重要なタグですので、必ず、H2タグよりも先に
記述してくださいね。
つまりは、H1タグ、H2タグ、H3タグのように順番に使用するということで〜す。
★H1タグ〜H3タグなどの文字の色を変えたときには、下記のような、FONTタグが
入りますが、それが普通ですので気にしないでくださいね。
<H1><FONT color="#cccccc">ダイビング</FONT></H1>
★H1タグ〜H3タグで囲むキーワードの位置を、センター表示とか、右端表示に変えますと
align="center" とか align="right" のタグが入りますけど、こちらも
それで普通ですので、気にしなくて大丈夫ですよ。
■■■ H1タグ〜H3タグの 文字色とフォントサイズに関する厳重注意事項！■■■
Ｈ１タグ、H2タグ、H3タグ、などで囲んだ文字を、肉眼で読めないような
文字色とかフォントサイズにしますと、スパムに判定されて
検索エンジンから排除されますので、人の目でしっかりと見える色や大きさにして
おいてくださいね。 その点は充分に注意してください。
****************************************************************
◆Ｈ２タグ ⇒ご自身で記述するタグになります
（ページ右上の写真のすぐ上のテキストをH2タグで囲んでいます）
<h2>ダイビングと海の物語</h2>
ここは、やや太文字になっていますが、細い文字でも構いませんよ。
ちなみに、H1タグ、H2タグ、H3タグ、は、バイブルにも記載してありますように、
横１行をすべて囲みませんと、文字が段落してしまいますので、注意してくださいね。
良い例です＝ <h2>ダイビングと海の物語</h2>
悪い例です＝ <h2>ダイビング</h2>と海の物語
★H２タグは、１回だけ使えば効果は充分です。２回使う必要はありませんので、
H１タグ同様に、１回だけの使用にしてきましょう！
****************************************************************
◆Ｈ３タグ ⇒ご自身で記述するタグになります
<h3>ダイビングと海のページ</h3>
ここは、やや太文字になっていますが、細い文字でも構いません。
★H３タグは、１回だけ使えば充分です。
ちなみに、H1タグ、H2タグ、STRONGタグを使用すれば、H3タグは
使用されなくても大丈夫ですよ。
使用するかしないかはお任せいたしますので、お好みで結構で〜す。
****************************************************************
◆STRONGタグ ⇒ご自身で記述するタグになります
ページのコンテンツ（文章）の上部にある、「ダイビング」の 語句
（キーワード）を ２回ほど ＳＴＲＯＮＧタグ で囲んでいます。
例＝ <STRONG>ダイビング</STRONG>
原則的には、文章の上部には、キーワードを２回記述してSTRONGタグで囲みます。
STRONGタグの活用はそれで充分です。２回以上の使用は必要ありません。
ちなみに、同じＷｅｂページ内に、キーワードが複数ある場合には、
それぞれのキーワードを１回づつだけ STRONGタグで囲んでくださいね。
つまり、STRONGタグは、合計に２回にしておくということです。
ただし、キーワードが３つ指定されている場合には、３回になっても構いません。
****************************************************************
◆alt属性
alt属性については特に使用されなくて結構です。
****************************************************************
◆<META name="description" content=""> ⇒ご自身で記述するタグになります
content="ダイビングと海の物語では、ダイビングと海の遊びを物語風に紹介
していまして、ダイビングで撮影した写真なども掲載しています。
ダイビング以外にも、釣りの話題＆写真なども掲載しています。">
記述場所は、ホームページ簡単作成講座でもお伝えしていますが、
HTMLソースを開いて、TITLEタグの上下あたりに記述してくださいね。
ただし、</HEAD> タグより上に記述してくださいね。
ちなみに、このタグは、 HTMLソースへの記述だけで、Ｗｅｂページ上には
表示されません。
検索エンジンの検索結果の紹介文として表示されるだけです。
上記のように、キーワードであるダイビングを４回ほど繰り返すことで、
ここの紹介文がGoogleの検索結果にそのまま表示されることになります。
よって、キーワードを４回ほど必ず記述してください。
この紹介文の内容は、原則的には、各ページごとにすべて変えてくださいね。
それぞれのページのキーワードを入れて紹介文を作るようにするのが基本です。
文字数は、なるべくなら、全角１００文字まで目いっぱい記述してください。
検索結果で目立たせるためです。
１００文字が無理な場合でも、せめて、７０〜８０文字は書いてくださいね。
ただし、１００文字以上は書かないようにしてください。
１００文字以上を書いても、検索結果に表示されませんので、意味を成しませんのでね。
★注意事項です！ 紹介文は各Ｗｅｂページの紹介ということになりますので、
Ｗｅｂページごとに内容を書き換えておく必要があります！！
★キーワードを特に設定していないページでも、そのページの紹介文は
一応入れておいてくださいね。
★リンク集ページ＆プロフィールページについては特に紹介文の記述は必要ありません。
★<META name= の中の紹介文にはSTRONGタグは使用しないで下さい。
STRONGタグを使用するのは、あくまでもコンテンツの本文だけです。
****************************************************************
◆<META name="keywords" Content=""> ⇒ こちらは使用しません
上記のサイトでは、こちらのタグ内にキーワードを書き込んでいますが
検索エンジンに対しては、何の意味も持っていませんので、皆さんは
特に使用されなくて結構で〜す。
****************************************************************
以上です。
これで、ＷｅｂページへのSEO対策は完璧です！
上位表示できる対策で、これ以上の方法はありません。
レンタルサーバー＆独自ドメイン契約と、相互リンクの進め方については、
【Ｓサイト】のＴＯＰページ、コンテンツページ、プロフィールページが完成した
時点で、順次詳しくお伝えして行きますね〜。
****************************************************************
■■■■以下は、注意事項になります！■■■
大切なことばかりですので、何度も読んで、しっかりと認識して行ってくださいね。
◆リンク集ページとプロフィールページのSEO対策◆
これらのページは、SEO対策は必要ありませんので、H１〜H２タグ、
STRONGタグ などの活用は一切不要です。
TITLEタグには、「リンク集タイトル＋サイト名」 「プロフィール＋サイト名」
を入れておいてください。
ただ〜し！！⇒ リンク集サイト構築中の場合
リンク集サイトを構築されている場合には、プロフィールページ以外のリンク集ページも
すべてSEO対策を行なってくださいね。
リンク集サイトの場合には、リンク集ページが、そのままコンテンツページの
意味合いになりますのでね。
つまり、リンク集サイトのリンク集ページにもSEO対策を施すということですね。
****************************************************************
◆サイトのレイアウト（構成）について◆
サイトのレイアウトにつきましては、「ダイビングと海の物語」とは
大きく変えるようにしてくださいね。
このレイアウトは、Ｗinパートナーのサイトで多く使いすぎていますので、
まったく同じレイアウトにしますと、相互リンクをお願いして行くときに
相手方に怪しく思われてしまって、リンクを受けてもらえないケースが出てしまいます。。
相互リンクの依頼を受けた管理人さんが怪しく思うのは間違いありませんので
この点は充分に注意してくださいね。
場合によっては、ずでにリンクを貼ってもらっている、Ｗinパートナーの
サイトもリンクを外されるかもしれませんので。
「ダイビングと海の物語」のレイアウトを真似されますと、そのようなことも
起こりえますので、その点はくれぐれもご注意くださいね。
ですので、「ダイビングと海の物語」サイトからは、TITLEタグ、H１〜H３タグ、
STRONGタグ、の記述方法や使用回数などを吸収していただいて、レイアウトは
他のサイトを真似して行くようにしてくださいませ。
ネットにはたくさんのサイトが存在していますので、真似をしたいと思えるような
サイトを見つけてレイアウトを決めていくようにしてくださいね。
これって、とても重要ですので、しっかりと認識をなさっておいてくださ〜い。
ちなみに、レイアウトの参考例を幾つかあげておきますが、このように
オリジナルのイメージに仕上げてくださいね。
ただし、レイアウト＆デザインを丸写しするのは禁じさせていただきますので、
その点はご注意くださいね。
真似をしますと後から必ず解かりますので絶対に避けておいて下さい！
■コンテンツサイトのレイアウト
http://www.7hym.com/
http://www.nkh72.com/
http://www.ryu90.com/
http://www.forestive.com/
http://www.ahvo.net/
★メニューを左側に設置するだけでもレイアウトのイメージは大きく変わります★
メニューリストを左側に設置しますと、サイトのイメージがガラッと変わりますので、
そちらも活用してくださいね。
メニューを左に配置したい場合は、メニューを入れるテーブル（表）の一段上に
空のテーブルを１個入れるようにしてくださいね。
そうしますと、メニューのソースが、HTMLソース全体の下に落ちますので。
ただし、メニューリストの右側には、コンテンツを記載するテーブルをピッタリと
くっつけておいてくださいね。
メニューリストと、その右側のコンテンツ用のテーブルの間に、
１個でもテーブルを挟んでしまいますと、メニューリストのソースを
HTML ソースの下へ落とすことは出来ません。
メニューリストのテーブルとコンテンツ用テーブルをピッタリと
付けて行くことが必須ですので、その点は、注意してくださいね。
それでも、メニューリストのソースを下に落とせないようでしたら、
下記の通りに行なってみてください。
１、メニューリストを入れたいところへ、行数１、列数1のテーブル（表）を挿入して
適当な大きさに広げます。
２、そのテーブルを右クリックをして、「セル」のページ内の 「セルを横に分割」 を選択します。
３、２つに分割された左側のセルを右クリックして、「セル」のページ内の
「セルを縦に分割」を選択します。
４、これで、左に２つ、右に1つのテーブルが出来ますので、左側の下のテーブルに
メニューを入れると、ソースが HTML の下に配置される様になります。
左メニューリストのソースの落とし方については以上となります。
下記は、素材集サイト、写真集サイトのレイアウト参考例です。
■素材集サイトの参考レイアウト
http://www.nknk1.com/
http://www.amhoo.com/
■写真集サイトの参考レイアウト
http://www.rkecah1.com/
http://www.tynkst.com/
****************************************************************
◆Ｗｅｂページのファイル名について◆
Ｗｅｂページのファイル名は、すべて半角英数字にしてくださいね。
日本語などはファイル名には使用できませんので、注意してください。
また、スペースを入れることは出来ません。
ちなみに、使用できる記号は、半角の 「-」ハイフン と 「_」アンダーバー だけと
考えておいて下さい。
そして、TOPページは必ず、index.html というファイル名にしてください。
それ以外のファイル名には絶対にしないようにしてくださいね。
これを忘れますと、インターネットに公開したときにサイトが開きませんので。
他のＷｅｂページにつきましては、お好きなファイル名で、半角英数字で
○○○.html としてくだされば結構ですよ。
ただし、くれぐれも半角英数字にされることを忘れずに。
それと、後々にファイル名を見たときに、ご自身が、何のページだったかを
解るようなネーミングにしておくとベターです。
***************************************************************
◆画像のファイル名について！ 良く間違えやすいところですのでご注意を！！◆
画像のファイル名も、半角英数字だけとなりますので、その点は充分に
注意してくださいね。
ファイル名を、全角や、日本語してしまいますと、画像が表示されません。
ですので、画像ファイル名は、必ず、半角英数字 になさってくださいね
レンタルサーバーにアップロードされたあとに、画像が表示されないケースは
そのほとんどが、画像ファイル名に、日本語を使っているケースですので。
**************************************************************
◆画像を他のホームページからコピーしてくる方法◆
誰でもが撮影できそうな写真とかでしたら、ネット上からコピーしてきても
問題ありません。
コピーする方法は、画像にマウスポインタを合わせて右クリックしてください。
そして、「名前を付けて画像を保存」をクリックして、 【Ｓサイト】 のファイルが
保存されているフォルダに、その画像を保存してくださいね。
保存する場所は、 【Ｓサイト】 の HTML ファイルが保管してあるフォルダですので
それ以外のフォルダには入れないでくださいね。
ちなみに、著作権については、弊社ではお答えする事ができませんので、
その点はご了承くださいね。
****************************************************************
◆画像の挿入でレイアウトが崩れる場合の対処について◆
まず最初に注意ですが、ホームページに使用する画像は、Webページに
貼り付ける前に、ホームページのファイルを保存しておくフォルダに
入れておいてくださいね。
その上で、ビルダーで、画像をWebページに貼り付けますが、
ページに貼り付けた画像が表のサイズよりも大きい場合は、
表のレイアウトが崩れてしまいます。
その際は、まずは画像のサイズを、お好みのサイズに縮小してくださいね。
画像の四隅のいずれかの端っこを左クリックでつまんでみますと
画像を縮めることができますよ。
そして、お好みのサイズに縮小したところで、「表示サイズで保存」の
設定を行なって、小さくした画像のままで、Webページの上書き保存を
行なってください。
そうすることで、縮小された画像が、ホームページのファイルが
保存されているフォルダに保存されます。
これで、縮小されたが画像が完成することになりますので、、
保存した画像を表の中に貼り付ければ、今度は、表のサイズが
変わったり、レイアウトが崩れたりすることはありません。
「表示サイズで保存」の方法は、ホームページ簡単作成講座でも実演していますが
文章でも説明しておきますね。
まずは、画像をお好みのサイズに縮小しましたら、画像を右クリックしてください。
そして、「画像の編集」を選択して、「表示サイズで保存」にチェックをしてから、
「OK」ボタンをクリックしてください。
次に、Webページの上書き保存をします。
それで、Webページのファイルが保存されているフォルダ内に、縮小された画像が
保存されることになります。
これでOKで〜す。
****************************************************************
◆Webページはすべて、同一ウィンドウで開くように！◆
すべてのページは、同一ウィンドウで開くように設定していってくださいね。
つまり、別なウィンドウ（インターネット・エクスプローラ）では
開かせないということです。
個人サイトで、何個もインターネット・エクスプローラが開くのは
嫌われますので、必ず、ウィンドウは、常に１枚だけ開く状態にしておいてくださいね。
同一のウィンドウでページを開かせるには、ホームページビルダーでリンクの
挿入をする際に、「ターゲット」の項目をブランク（未選択）のままにしておくか、
もしくは、「同一ウィンドウで」 を選択してもらえれば大丈夫です。
ただ、ビルダー以外ですと解かりませんので、ご自身で調べてくださいね〜。
****************************************************************
◆文章の記述についての注意◆
文章は２〜４行書いたら、必ず１行の行間を空けるようにしましょう。
そのほうが読みやすいですのでね。
それと、文章の始まりと折り返し位置についても注意をはらってください。
文章の始まりを、ページの左側ギリギリからスタートさせるのはあまり
読みやすいとは言えませんので、ページ左側には、２文字分くらいのスペースを
作っておいてくださいね。
また、１行を、右側ギリギリまで使用する必要はありませんよ。
特に、語句の中途半端なところでは折り返さないように注意を払ってください。
中途半端なところで折り返すくらいでしたら、早めに下の段に折り返しちゃって
くださいね。そのほうが読みやすいですからね。
ホームページビルダーで見る限りでは、キレイに折り返しが出来ていても
IEなどのブラウザで開きますと、中途半端なところで、段落してしまって
いるというケースがあります。
ですので、文章の並びチェックは、ブラウザで開いてみてチェックする
ようにしてくださいね。
ホームページビルダーの上段にあります、「ｅ」マークがブラウザを起動する
ボタンになりますので、そのボタンをクリックして、文章の折り返しや
段落をチェックしてください。
その点も、ダイビングのページを参考になさってくださいね。
****************************************************************
◆各ページからTOPページへ向けてのリンク返しについて◆
他のコンテンツページから、TOPページに向けたリンク返しの貼り方です。
各コンテンツページからTOPページへ内部リンクを貼るときは、メニューの中に
サイト名（キーワード入り） を入れても良いですし、もしくはページ最下部に
サイト名（キーワード入り）を記述してテキストリンクを貼ってもらっても結構です。
もちろんですが、すべてのコンテンツページに同様のテキストリンクを貼ってくださいね。
■前者の見本はこちら⇒ http://www.015g.com/
■後者の見本はこちら⇒ http://www.mn2525.com/
どちらかというと、後者のほうがスマートですよ。
ちなみに、Copyright (C) All Rights Reserved の表記も
念のために入れておいてくださいね。
ただし、年度の数値（2006）は記載しないほうが良いです。
年度を記載しておきますと、年が変わるたびに、その数値を変更しなくては
なりませんので、サイトが増えて来ると大変ですからね。
ちなみに、Copyright (C) All Rights Reserved の意味を簡単に言いますと
「無断でコピーすることは許可しません」、という感じで〜す。
****************************************************************
◆ 【Ｓサイト】 のTOPページには、外部リンクは張らないでください！！◆
いかなるタイプの【Ｓサイト】であっても、 【Ｓサイト】 のTOPページには、
他のサイトに向けての外部リンクは貼らないようにします。
【Ｓサイト】のTOPページに貼る外部リンク（外へ向けたリンク）は、
いずれ構築していきます自己サイトだけとなりますので。
ですので、リンク集サイトであっても、TOPページには、 サイト紹介文＆サイト内メニューなどを
記載するだけにして、他のサイトへ向けたリンクは貼らないでくださいね。
****************************************************************
◆メニューリストの配置と、パンくずリストについて◆
メニューリストはページの右側か左側、もしくはページの下部に配置してくださいね。
左側に設置する場合は、上記に記載しましたように、メニューリストの
テーブル（表）の上に、１個テーブルを挿入してください。
そして、ページの下側にメニューリストを配置する場合は、TOPページ以外の、
すべてのページの上部に、「パンくずリスト」を付けるようにしてください。
ちなみに、メニューリストを左側か右側に設置する場合でも、
「パンくずリスト」を付けていただいても結構ですよ。
「パンくずリスト」とは下記のようなものです。
例： TOP＞コンテンツページタイトル
例： HOME＞コンテンツページのタイトル
この、「TOP」 もしくは 「HOME」 のところに、TOPページへのリンクを
貼っておきます。
「パンくずリスト」を記述するのは、ページの上部左側か、上部の中央になります。
http://7ever.com/khp-12weldy.html ページの
結婚相談所＞OMMG というところが、その例です。
「パンくずリスト」の意味は、今いる場所を訪問者に判らせるためのものです。
****************************************************************
◆リンク集ページの構成＆設置方法◆
こちらの関しましては、現時点では考えなくて結構ですよ。
第６ステップに進んだときに、詳しく説明していますのでね。
****************************************************************
◆ページ内の表の枠表示について◆
表を挿入する際に、「表の枠を表示する」にチェックが入ってしまっていますと
挿入したすべての表に、枠の表示がされてしまいます。
ですので、表の枠を表示したくない場合は、「表の枠を表示する」のチェックを
外しておいてくださいね。
表の枠を表示されたい場合は、そのままで結構ですよ。
なお、あとから、表の枠を表示されたいとき、もしくは、枠の表示を消したいときは
修正したい表を選択してから、右クリックしてください。
そして、「属性の変更」をクリックして、「表」というページをクリックしてください。
「枠表示」というところのチェックを外せば、表の枠表示は消えます。
また、表を表示させたい場合は、「枠表示」にチェックを付けてから、
その右側の数値を、１〜２ピクセルにしてください。
ここの数値を変えることで、表の枠の太さが変わりますので。
表の枠の非表示＆表示については以上で〜す！
****************************************************************
◆HTML構文チェックについて◆
ホームページビルダーで、HTMLソースのページを開いて、に直接タグを記述したり、
変更したときは、必ず 「HTML構文チェック」 を行なってくださいね。
ビルダーのツールバーの 「ツール」 をクリックして「HTML構文チェック」 を
クリックしますと、自動的にチェックすることができます。
これをしないで、上書きしたり、ページ編集の画面に戻してしまいますと、
記述ミスがあった場合に、自動修正が行なわれて、とんでもないところに
タグが記述されるケースがあります。
必ず、「HTML構文チェック」 を行なってくださいね。
★★★★ 重要！重要！重要！ HTML構文チェックについて ★★★★
構文チェックは、エラーでもないのに、時々、エラーの表示が出ることがあります。
その場合は、 HTML ソースに、タグがちゃんと記述されていればOKです！
また、「ページ編集」で見てみて、特に問題がなければ、エラーは無視しちゃってくださいね。
特に、H1タグ、H2タグ、H3タグ、STRONGタグ、でのエラーが出やすいのですが
タグがちゃんと記述されていて、「ページ編集」で見て、普通になっていれば大丈夫で〜す。
それと、普通に、H1タグ、H2タグ、H3タグ、STRONGタグを記述して、
HTML ソースのページから、「ページ編集」に戻るときに、
「エラーが修復されました」というメッセージが表示されるときもありますが、
こちらも「ページ編集」で見て問題なければ、気にされなくて大丈夫で〜す。
ともかく、「ページ編集」で見て表面的に問題が無ければ、それでＯＫと
いうことですので、細かいところは気にせずに進めてくださいね〜。
ただ、「ページ編集」で見ておかしい場合で、エラーがどうしても解決できないときは、
ビルダーのサポート窓口に問い合わせをなさってくださいませ。
■■■ HTML 構文チェックエラーのサポート窓口 ■■■
「HTML構文チェック」について、上記のこと以外で、解らないことがありましたら
幸せwin！ですとサポートができませんので、ホームページビルダーのサポート窓口の
ほうへ電話をして聞いてくださいね。
くれぐれも、よろしくで〜す。
****************************************************************
◆キーワード出現率について◆
各Ｗｅｂページを作成しましたら、Webページごとのキーワード出現率を
チェックしてみてください。
そして、各ページの、キーワード出現率を、出来る限り５％未満に
押さえ込んでくださいね。
もしも、５％を超えてしまったときは、キーワードと関係の無い
テキストを記述して、キーワード出現率を落としてください。
それでも、５％を超えてしまう場合は、せめて、TOPページだけは１０％未満に
押さえ込んでおいてください。
TOPページについては、８〜１０％未満あたりが、限界のところだと見ていますのでね。
ただし、それはあくまでも、ご自身でキーワードに指定した語句についてです。
ですので、キーワードに指定していない語句が、１０％を超えていても
特に気にされなくて大丈夫ですよ。
キーワード出現頻度率↓ ↓ ↓
http://www.searchengineoptimization.jp/tools/keyword_density/keyword_density_analyzer.html
上記のページが開いたら、まずは「参照」ボタンを押してください。
ちなみに、ページ内に、キーワード出現頻度解析の設置用ソースコード というものが
表示されましても、そちらは関連がありませんので、無視しておいてくださいね〜。
肝心な、「参照」ボタンは、とても目立つところにありますが、インターネット・エクスプローラの
調子によっては、時々、表示されないこともあります。
その場合は、ページの再更新を行なってください。
再更新は、インターネット・エクスプローラの最上部のメニューバーの中にあります、
「表示」をクリックして、その中の「最新の情報に更新」をクリックすれば完了です。
それでも、表示されない場合は、一度、パソコンの電源を切ってから、
パソコンを再起動した上で、上記のサイトを開いてください。
それでボタンが表示されていればOKですが、もしも表示されていなかったら
再度、再更新をなさってくださいね。
それで、「参照」ボタンが表示されるはずです。
「参照」ボタンをクリックしますと、ご自身のパソコンの中身が左側に表示されます。
そこで、マイコンピュータ（Windowsの場合です）をクリックしてください。
そうしますと、ご自身のパソコンのフォルダ一覧が表示されますので、Ｗｅｂページを
保存してある、ディスクをクリックして、その後にフォルダをクリックしてくださいね。
そして、フォルダの中に保存してある、HTMLファイルを１枚指定して「解析」ボタンを
押していただければ、そのページ内のキーワード毎の使用頻度率（％）が解ります。
あとは、HTMLファイルのすべてを、順番にチェックして行くことになりますね。
解析の結果、そのＷｅｂページで選定してあるキーワードが５％未満が理想ですが
多くても１０％未満であれば大丈夫です。
理想的な数値は、２％以上〜５％未満ですが、２％以下でも効果が無いというわけではありません。
ですが、可能である範囲内で、２％以上にできるようにキーワードを文章に加えて行きましょう！
あくまでも、可能であればですよ。
あまりにもキーワード出現率にこだわり過ぎますと、文章が読みにくくなって
しまいますので、あくまでも文章の読みやすさを優先してください。
特にコンテンツページの場合は、キーワードを多く記述ことが難しいケースも
ありますので、その場合は、キーワード出現率は気にされなくて結構ですよ。
ちなみに、キーワードではない語句、たとえば 「と」 「す」 「た」 「ます」
「数値or数字」 などが １０％を超えている分には何ら問題ありません。
あくまでも、キーワードに指定している語句が５％を超えないほうが無難ということです。
たとえば、キーワードを、「京都旅行」 に設定していても、キーワード出現率を
チェックしますと、「京都」 と 「旅行」 に分かれて、出現率は表示されます。
この場合は、「京都」 と 「旅行」 の両方のキーワード出現率が、
いずれも、１０％未満であればOKということになります。
それでも、１０％を超えてしまう場合は、キーワードを含まない文章をページの
下部に追加して行くか、キーワードそのものを減少ようにして、可能な限り
１０％未満に押さえ込んでおいてくださ〜い。
ちなみに、１０未満を強く意識するのは、TOPページに関してになりますので、
コンテンツページの場合は、１０％を多少超えるくらいでしたら問題はありません。
それと、リンク集ページについては、キーワード出現率はチェックしなくて結構ですよ。
リンク集は、仮に１０％を超えても、外部リンクのAタグが多く含まれているので
いっさい気にされなくて結構で〜す。
★★★ 素材集サイト、写真集サイト、リンク集サイトのキーワード出現率 ★★★
これらのサイトを作られる場合は、キーワード出現率が高くなりますが
その場合は、キーワード出現率は気にされなくて結構ですよ。
Ｗｅｂページのソースの中に、画像のタグや、外部リンクのＡタグがたくさん
含まれていますので、検索エンジンのほうでも、普通のＷｅｂページとは
見なしませんので、キーワード出現率は気にされなくて大丈夫です。
★★★ キーワード以外の語句の出現率が高い場合 ★★★
キーワードとして強調していない語句の出現率が１０％を超えていて
それは気にされなくて大丈夫です。
キーワード出現率を気にするのは、あくまでも、ご自身でキーワードとして
強調している語句だけですのでね 。
キーワードとして強調していない語句は、キーワードではありませんので
たとえ、１０％を超えたとして、何ら問題はありません。
****************************************************************
◆外部スタイルシート（CSSファイル）について◆
ここで、スタイルシートを活用します。
スタイルシートとは、H１〜H３タグで囲んだテキストのサイズを大きくしないためと、
STRONGタグで囲んだテキストを太い文字にしないように設定するためのものです。
下記のソースを、そのままWebページの HTML ソースに貼り付けても大丈夫なのですが、
余分なソースは、なるべく省略したいのでスタイルシートを活用してくださいね。
下記の手順とおりに進めていただければ、すぐにスタイルシート用の
CSSファイルが作れますので頑張ってくださいね。
１、パソコンが Windows でしたら、下記の手順で、「メモ帳」を開いてください。
「スタート」ボタン⇒ すべてのプログラム⇒ アクセサリ⇒ メモ帳
なお、パソコンが MAC（マッキントッシュ）の場合は、私では操作方法が
分かりませんので、その際には、MACにインストールされています
テキストエディタ（テキスト記述用のソフト）を利用されてくださいね。
２、白紙のメモ帳が起動しましたら、そのメモ帳に下記のソースを
コピーして貼り付けてください。
ここからが、メモ帳に貼り付ける cssファイル内のソースです
↓↓↓↓
H1{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
H2{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
H3{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
strong{
font-size : 100%;
font-weight : normal;
}
ここまでです↑↑↑↑
３、メモ帳に貼り付けましたら、メモ帳の画面の最上段にあります、
「ファイル」をクリックして、名前を付けて保存」をクリックしてください。
４、表示された画面では、ファイル名が、「*.txt」 になっていますので、それを、
お好みのファイル名に変更してくださいね。
例：「html.css」 「abc.css」 「web.css」 という感じで何でもOKです！
５、表示された画面の中の、「マイコンピュータ」をクリックしてください。
その中の、Cディスク（Windpuws（C）、または、ローカル ディスク（C））という
「C」の付くディスクをクリックしてください。
そうしますと、パソコンの中のフォルダがすべて表示されますので、
これから作りますホームページのファイルを保存しておくフォルダを
選択してから「保存」をクリックしてください。
まだ、フォルダを作成してないようでしたら、ここでフォルダを作成してくださいね。
以上で、スタイルシートの css ファイルが作成＆保存されたことになります。
■■ ■フォルダ作成に関しての注意で〜す■■■
フォルダの作成方法が分からない場合は、ホームページ簡単作成講座を
ご覧になってくださいね。
次は、css ファイル を呼び込むための記述を、Webページの HTML ソースに
行なうようにします。
ここでは、CSSファイル名を、例として、「html.css」にしておきますね。
バイブルにも記載してありますが、CSSファイルを呼び込む記述は下記のとおりと
なりますので、ビルダーで「HTMLソースページ」を開いて、下記タグを、
HTMLソースの、METAタグの近辺にそのまま貼り付けてください。
TITLEタグ、もしくは、METAタグのすぐ下あたりに、下記のソースを
１行貼り付けていただければ結構ですよ。
ただし、</HEAD> タグよりは、上の部分に記述してくださいね。
★以下のソースは、スタイルシートの html.css（仮名）を呼び込むための記述です。
半角スペースは変えないでこのままの状態でコピーして貼ってくださいね。
ただし、CSSファイル名を、html.css 以外にされている場合は
ご自身で決めたファイル名を下記の中の html.css の代わりに記述してくださいね。
少しでも半角スペースがずれますと CSSファイルは呼び込めませんので
その点は、充分に注意してくださいね。
こちらです ↓↓
<LINK rel="stylesheet" href="html.css" type="text/css">
上記のソースをどこに貼り付けて良いかが解りにくい場合は、
http://www.yume-win.com/ のソースを開いて確認してみてくださいね。
ちなみに、上記のページの cssファイル名は、「abc.css」になっていますが
その点は気にされなくて結構で〜す。
先ほども記載しましたように、cssファイルの名前は、お好みで決めてくださいね〜。
ソースの開き方は、インターネット・エクスプローラのツールバーの「表示」を
クリックしてから、その中の 「ソース」をクリックしてください。
それで、http://www.yume-win.com/ のソースを見ることが出来ますので。
■ H1タグ、H2タグ、H3タグ、STRONGタグの文字の太さを、もっと太くしたい場合には
それぞれのタグの中の、font-weight のところを、normal から、bold に
変更してください。
【フォントの太さを変更するタグ】
H1{
font-size : 100%;
font-weight : normal; ⇒ ここを、bold にしますと、文字が太くなります。
margin: 0px;
padding: 0px;
}
■ 文章（テキスト）のフォントサイズをすべて、http://www.yume-win.com/ の
サイズにされたい場合は、cssファイル の中に、下記のタグをコピーして
そのまま貼り付けてください。
http://www.yume-win.com/ では、font-size : 12px; に指定していますが、下記の
12px の数値を変更することで、ページ内の通常フォントサイズを自由に変更・設定できますよ。
【フォントサイズを指定するタグ】
TD{
font-size : 12px; ⇒ ここの数値を変更しますと、文字のサイズが変わります。
line-height : 22px;
letter-spacing: 1px;
font-family : a;
text-decoration : none;
}
■ http://www.yume-win.com/ のように、ページ全体を、左側と上部にピタリと
寄せたい場合は、下記のタグをそのまま、CSSファイルに貼り付けてください。
ピタリと付けるかどうかはお好みですので、どちらでも結構ですよ。
【ページ全体を、左側と上部に寄せるタグ】
body
{
margin-top: 0%;
margin-left: 0%;
margin-bottom: 0%;
}
★★★ cssファイル（スタイルシート）が反映されない場合の対処方法！★★★
もしもですが、cssファイル（スタイルシート）をホームページと同じフォルダ内に
保存していて、上記の呼び込みソースも間違いなく記述しているにも関わらず、
「H１タグなどが小さくならない」「H2タグや、STRONGタグが細字にならない」
「フォントサイズの変更を加えたのにサイズが変わらない」
などなどが発生しました場合は、css ファイルが壊れている可能性が
高いのですので以下のとおりにしてくださいね。
まずは、css の内容をすべてコピーして、新しいテキストファイルに貼り付けてください。
そして、新しい名前で cssファイルを作ってくださいね。
ファイル名は、何でも結構ですよ。
新しい cssファイルは、ホームページの index.html が保存してある
フォルダに保存してくださいね。
そして、HTMLソース内の <LINK rel="stylesheet" href="○○○.css" type="text/css"> の中の
○○○.css のファイル名を、新しいファイル名に変更してください。
それで、修正が出来ますので。
ちなみに、テキストファイルは、Windowsでしたら、スタートメニュー／アクセサリ／の中に
あるメモ帳で作ることができます。
もしくは、無料ソフトの TeraPad（テキストエディタソフト） をダウンロードして
そのソフトを使用してくださいね。
ダウンロード先は http://shiawase-win.com/net.html に掲載されています。
このソフトは、と〜っても便利ですよ〜。
私としては、ぜひダウンロードして使用されることをお勧めします。
たとえば、METAタグの紹介文を書くときなどは、全角１００文字前後にしますけど、
TeraPadは、お好みの文字数を指定しますと、その文字数で自動的に折り返して
改行してくれるんです。
文字数の目盛りも付いていますし、とにかく便利で言うこと無しです☆
アフィリエイトサイトを構築するときは、紹介文をたくさん書くことになりますが、
このソフトがあれば作業効率が、かなりアップしますので、そのためにも今から
使い慣れておいたほうが良いと思います。
★★★ 対処方法を行なっても、スタイルシートが反映されない場合 ★★★
スタイルシートを作り変えて、<LINK rel="stylesheet" href="○○○.css" type="text/css"> の
中のファイル名を変更したにも関わらず、スタイルシートが反映されないケースも有り得ます。
その場合は、Ｗｅｂページそのものが、スタイルシートを受け付けないように
なってしまっていますので、現在のページに、スタイルシートを反映させるのは
無理な状況となります。
そういうケースでは、css ファイル中のソースをすべてコピーして、
全ページランの、TITELタグ、もしくは、METAタグの下に直接貼り付けてください。
ただし、</HEAD> タグよりは、上の部分に記述してくださいね。
ここからです↓↓↓
<style type="text/css">
H1{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
H2{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
H3{
font-size : 100%;
font-weight : normal;
margin: 0px;
padding: 0px;
}
strong{
font-size : 100%;
font-weight : normal;
}
</style>
ここまでです↑↑↑↑
その上で、<LINK rel="stylesheet" href="○○○.css" type="text/css"> の
ソースを削除してくださいね。
ちなみに、この作業は、すべてのWebページで行なうようになさってください。
■■■ それでも、スタイルシートが反映されない場合 ■■■
上記の方法で９９％は対処できます。
ただし、ほんのまれにですが、完全に対処できないときもあります。
たとえば、STRONGタグだけ太くなってしまったりとか・・・。
その場合は、Webページそのものをすべて最初から作り直すか、もしくは
スタイルシートの反映を諦めて、現状のままでタグを使用していくかの
二者択一しかありません。
SEO対策上、タグを使用しないわけには行きませんのでね。
いずれにされるかは、ご自身の判断にお任せしていますので、
どうしても解決できない場合は、どちらかを選択なさってくださいね。
****************************************************************
◆スパム（迷惑）メール＆ウィルスメール防止方法◆
インターネットにメールアドレスをそのまま公開しますと、
スパムメール＆ウィルスメールが多量に届くことになります。
それを防止する方法が２つありますので、いずれかを必ず活用してください。
ちなみに、「ちょっと難しい方法」を活用するのが難しいと思う場合は
「超簡単な方法」を活用してください。
いずれであっても不都合があるわけではありませんので、その点は
ご自身の判断で決めてくださいね。
ホームページに使用しますメールアドレスは、プロバイダーのメルアドでも
結構ですし、この次の展開で取得することになります、独自ドメインの
メルアドでもどちらでも結構ですよ。
ただし、独自ドメインのメルアドを使用される場合は、Ｗｅｂサイト完成後に行なう
独自ドメイン契約のあとに下記の作業を行なってくださいね。
では、２つの方法をお伝えいたしますので、お好きなほうを選択して
取り入れるようにしてください。
■超簡単な方法■
メールアドレスをそのまま記載せずに、下記のように、「@」のところを
違う記号にしておいてください。
通常のメールアドレスの例⇒ web@abcdefg.com
対策用のメールアドレス例⇒ web◆abcdefg.com
そして、web◆abcdefg.com の横か、下のところに下記のような文章を添えておきます。
「スパムメール対策の◆の記号を使用していますので、◆を「@」に変換して
メールを送信なさってください。」
ちなみに、「◆」のところは、どのような記号でも構いませんので、
お好みの記号になさってください。
*、◇、○、◎、●、□、■、など何でも結構で〜す。
■ちょっと難しい方法■
こちらの方法は、メールアドレスを暗号化してWebページに挿入するという
方法になります。
それでは下記のＷｅｂページを開いてください。
↓ ↓ ↓
http://spam.h1r.org/spambot/index.html
このページの一番下に、メールアドレスを入れる欄がありますので、
そこにメールアドレスを入力するだけで、暗号化されたメールアドレス
（タグ）を作ることができます。
その暗号化された「長〜い長〜いタグ」をすべてコピーしてきてください。
下記がその例になります。
<A HREF="mailto:info@upt&
#111;wn-childre
n.com">info@u
ptown-child
ren.com</A>
次に、メールのリンク挿入ですが、まずは暗号化していないメールアドレスを
Webページに記述してください。
そして、記述したメールアドレスを選択して、右クリックしてから 「リンクの挿入」 を
クリックします。
開いた画面の中の、「メールへ」のページをクリックして、そこの「宛先」の欄に
Ｗｅｂページに記述したメールアドレスと同じメールアドレスを記述してください。
これで、普通のメールリンクの完了ですが、下記が普通にリンクを挿入した
HTMLソースの状態です。
<A HREF="mailto:web@shiawase-win.com">web@shiawase-win.com</A>
この次に、暗号化したタグをWebページに貼り付けます。
ビルダーで、HTMLソースのページをひらいて、上記の <A HREF= の開始タグから </A> の
タグまで、すべてを削除してしてください。
そして、削除した箇所と、まったく同じ場所に、暗号化した長い長いタグを貼り付けてください。
これで、メールアドレスの暗号化の処理が完了します。
このようにすることで、メールアドレス収集ロボットにアドレスを
盗まれることはありません。
もちろんですが、表面上は普通のメールアドレスに見えますし、メールアドレスをクリックすれば
メールソフトも起動して、送信先のメールアドレスも自動的に入ります。
ちなみに、暗号化したメールアドレスを ”Ｅ-mail”とか、”こちら”とかに
ビルダーで上書きして書き換えてもらっても結構ですよ。
表面上は、どのような文字に上書きしても問題はありません。
ただ、メールアドレスが表示されたままでも何ら不都合はありませんので、
あえて上書きはしなくても良いと思います。
ちなみに、メールアドレスのところを、アイコン（画像）にする方法は
幸せwin！の方では解りませんので、それは避けていただくか、ご自身で方法を
探ってくださいね〜。
■■■ スパム（迷惑）メールについて ■■■
メールアドレスを暗号化をしたとしても、ドメインを取得したことによって、今後、
スパムメールが多少は届くことになりますので、その点は認識しておいてくださいね。
暗号化したメールアドレスから、本物のメールアドレスが盗まれることは無いのですが、
メールアドレス収集ロボットは、新たなドメインを発見するたびに、ありとあらゆる
組み合わせで、メールアドレスを作り出して、それらのメールアドレスに対して、
スパムメールを送ってくるんです。
ですので、 info＠〜〜〜 というメールアドレスなどを作りますと、
スパムメールが後を絶ちません。
弊社のように、企業の場合は、info＠〜〜〜 というメールアドレスを作るのは
仕方ないのですけどね〜。
よって、次回のステップのおいて、独自ドメインのメールアドレスを
作成する場合には、なるべく変わったネーミングにしておくと良いですよ。
それでも、スパムメールは防ぎようはありませんが、スパムメールを気にしていては、
インターネットの展開はできませんので、その点は割り切ってくださいね。
よろしくで〜す。
****************************************************************
◆Ｗｅｂページ制作のおおまかな手順◆
ざっくりとですが、Ｗｅｂページの制作の手順を最後にお伝えしておきますね。
１、レイアウトの、ラフ（下書き）を書いてから、ビルダーでテーブルを組んで
実際のレイアウトを作り上げる。
Webページのベースになるページを作るということですね。
２、全ページにロゴマークを入れるのであれば、ロゴを作成して挿入する。
３、メニューリストを記述して、各ページへのテキストリンクを貼っておく。
４、H1タグ、H2タグ、H3タグ、を挿入しておく。
その際に、ダミーの語句を入れておいて、複製ページを作ってから、
各ページのキーワードに書き換えて行く。
５、ページの最下部に、TOPページへのテキストリンクを挿入しておく。
注意：メニューリストの中にキーワード入りのテキストリンクの記述がある
場合には、特に、ページ最下部にTOPページのリンクを設置する必要はありません
６、複製ページを１枚作っておいて、それを雛形（テンプレート）として利用する。
７、テンプレートから、さらに複製ページを作って、そのページに各Ｗｅｂページの
コンテンツを貼り付けていく。
この際に、H1タグ、H2タグ、H3タグ、に各ページのキーワードを挿入する。
★★ 複製ページは、ビルダーのツールバーの「ファイル」をクリックしてから
「ページの複製」をクリックしていただければ、そのときに開いているページの
複製がすぐに作れます。
あとは、複製ページに、お好みのファイル名を付けて、それを
テンプレートとして保存するだけです。
****************************************************************
◆ ○○○.bak ファイルについて◆
ビルダーでHTMLファイルを作りますと、同じ名前で、○○○.bak という
ファイルが自動的に作られますが、これはバックアップファイルのことです。
つまりは、HTMLファイルのコピーみたいなものですね。
ただし、このバックアップファイルを使うことはありませんし、フォルダの中が
ファイルで一杯になってしまいますので、出来れば、バックアップファイルは
作成しないほうが良いです。
そこで、ビルダーで、バックアップアップファイルを作成しないように設定しましょう。
設定方法は、下記のとおりです。
下記の手順が解らないようでしたら、ホームページ簡単作成講座をご覧になってくださいね。
そちらでも実演していますので。
１、ビルダーの最上部のツールバーにあります、「ツール」をクリックしてください。
２、オプションをクリックしてください。
３、開いた画面の中の、「ファイル」のページをクリックしてください。
４、保存オプションの中の、「バックアップファイルを保存する」のチェックを外してください。
５、「OK」ボタンをクリックしてください。
以上で〜す！
これで、バックアップファイルは作られませんので、余分なファイルが
作られることは無くなります。
****************************************************************
■■■ 編集スタイルは必ず、「スタンダード」を選択してください ■■■
ビルダーを最初に起動したとき、「編集スタイルの選択」という画面が表示されますが
その際には、必ず、「スタンダード」のボタンをクリックしてください。
決して、「かんたん」 とか、 「エディターズ」 はクリックしないようにしてください。
「スタンダード」を選択しておきませんと、メニューバーのファイルの中に表示されるはずの
「ページの複製」の項目が表示されませんので、実際にWebページを作成するときに
困ってしまいますので、くれぐれも注意してくださいね。
もしもですが、誤って、「スタンダード」以外のボタンをクリックしてしまった場合には
下記の手順で、「スタンダード」に切り替えてくださいね。
１、ビルダー最上部ありますメニューバーの「表示」をクリック
２、「編集スタイルの切り替え」をクリック
３、「スタンダード」をクリック
以上で〜す！
****************************************************************
◆ビルダーのメニューバーに 「編集」の項目が表示されない場合◆
ビルダーでページを開きますと、それが白紙ページであっても、ページを開いた時点で
ビルダーの最上部に並んでいます、メニューバーに、「編集」という項目が表示されます・
もしもですが、ページを開いても、「編集」という項目が見当たらないようでしたら、
一旦、ページを閉じていただいた上で、以下の手順で修正なさってください。
１、メニューバーの「表示」をクリック
２、「ツールバー」をクリック
３、「ユーザー定義の設定」をクリック
４、「メニューバーのリセット」のタイトルをクリック。
５、メニューバー一覧の中の、「標準モード」で編集時のメニューバーをクリック。
６、「リセット」ボタンをクリックして、新たに表示された画面で、「はい」をクリック
これで、何らかのページを開けば、「編集」の項目が表示されるようになります。
****************************************************************
■■■■ 「良くあるファイル名の間違い」についての注意です！ ■■■
画像のファイル名を、日本語にしてしまう方が、かなり目立ちます。
Webページのファイル名も同様ですが、画像のファイル名にも日本語は
使用できませんので、その点は、充分に注意してくださいね。
ファイル名は、常に、半角英数字を基本としておいてください。
記号に関しては、「 - 」ハイフン とか、 「 _ 」アンダーバーの半角は
使用しても大丈夫で〜す。
それと、ファイル名の間に、スペース（空白）を入れるのも止めてくださいね。
あくまでも、半角英数字が基本ですので、充分にご注意を！！
****************************************************************
◆レンタルサーバー＆独自ドメインについて◆
レンタルサーバー契約＆独自ドメインの取得は、Ｗｅｂサイトの完成前には
行なわないでくださいね〜。
Ｗｅｂサイトが完成した時点で、ページ下部の◆第５ステップ レンタルサーバー＆独自ドメイン契約◆の
テキストリンクをクリックして進んで行ってくださいね。
ちなみに、Webサイト完成とは、コンテンツサイト、素材集サイト、写真集サイトに
おいては、リンク集ページ以外のページがすべて完成した時点のことを指します。
また、リンク集サイトの場合に限っては、リンク集サイトに掲載するサイトを
すべて貼り付け終わって、相互リンクのお願いメールが送れる状態になった時点を指します。
リンク集サイトを構築する場合だけ、手順が異なってきますので、その点を注意してくださいね。
****************************************************************
◆◆◆ 相互リンクの候補先集めに関する注意点です！◆◆◆
コンテンツサイト、素材集サイト、写真集サイト、のいずれを構築するにあたっても、
現時点ではまだ、リンク集ページに掲載する、相互リンクの相手先サイトは集めないでくださいね。
つまり、リンク集ページは、空っぽのままで結構です。
相互リンクの候補先探しにつきましては、第４ステップが完了して、第５ステップへ進んだあとの、
第６ステップにて行なうようになさってください (^_-)-☆
それまでは、相互リンクの候補先サイト集めは、絶対に行なわないようにしてくださいね〜。
****************************************************************
それでは、Webサイトが完成しましたら、幸せwin！への連絡は必要ありませんので
下記の、「第５ステップ レンタルサーバー＆独自ドメイン契約」へと進んでくださいね。
完成したＷｅｂサイトは、いずれレンタルサーバーにアップロード後に
インターネット上で、拝見＆検証しますのでね。
しつこいですが、一つ一つを着実に理解して進めて行ってくださいね。
それと、ステップの進行については、あくまでもマイペースで結構ですので
ご自身のペースで進めて行ってくださいね。
ステップの進行にも、幸せwin！のサポートにも、タイムリミットはありませんのね。
◆第５ステップ⇒ レンタルサーバー＆独自ドメイン契約
では、頑張って行きましょうね (^_-)-☆
幸せwin！
|
|
|
