SEO対策が万全のプロが作ったテンプレート集 賢威−けんい−

お気に入りへのご登録はお済ですか? ⇒ 

SEO対策が万全のプロが作ったテンプレート集 賢威−けんい−

けんい

 

無料のテンプレートも良いですが、プロが作った有料のテンプレートがあることも覚えておいてください。高価なものなので(25000円くらい)、簡単に手を出すことは出来ないかもしれませんが、大変に性能が良く、使い勝手が抜群です。デザインも洗練されていて、かわいいものから、かっこいいものまで揃っています。
当サイトでも2011年11月まで、このテンプレートを使用していました(現在はオリジナルです)。一度購入すれば、その後どれだけバージョンアップしたものも無料で使うことが出来るようになるので、大変にお得です。

 

ホームページを作るにあたって、アクセス数を増やしてゆくことを考えるようになってくると、どうしてもSEO(検索エンジン最適化)を意識しなければいけなくなります。このテンプレートは、内部SEOが最初から完璧なので、手間をかけずに、上位表示を狙うことが出来ます。

 

当サイトは、公開から2ヶ月で検索順位11位となり、3ヶ月目で9位。そして5ヶ月目から3位になり、不動のものとなりました。その他にも運営期間が長く、ページランクなども高いサイトがあるにも関わらず、狙い通りのキーワード「小説 書き方」で3位をキープしています。これは、このテンプレートのおかげだと思っています。

 

今は恐らく、私の言っている言葉の意味の重要性をさほど理解出来ないかもしれませんが、ホームページを公開して半年以上経つのに、毎日アクセスが30未満……と、悩み始める時期が必ず来ると思います。きっとページランクや、被リンクなど、SEOについて勉強する時期が来ると思うので、そんなときにでも「ああ、そう言えばあのサイトで、良いテンプレートがあるって言ってたな」程度に思い出していただけたら幸いです。

テンプレートの内容をどうやって書き変えてゆくのか

さて、無料のテンプレートをサイトからダウンロードしたわけですが、ダウンロードしたファイルは、氷の中に入っているような姿をしています。圧縮されているのです。パソコンに解凍ソフトが入っていない場合は、中身を開くことが出来ません。入っている場合は、氷のフォルダをクリックするだけで解凍されて、中身のファイルを見ることが出来ます。

 

まずは、圧縮フォルダを解凍して、中身を見れるようにしましょう。解凍ソフト・無料フリー配布版はこちらからダウンロード出来ます。

 

解凍された状態ファイルについている「tem15_1_xh」という名前は、勿論、ダウンロードする各テンプレートごとに違いますので、あまり気にしないでください。解凍すると、画像のようにフォルダが抽出されますが、圧縮された氷のフォルダが無くなるわけではありません。圧縮フォルダと、解凍されたフォルダの二つが画面に並びます。つまり、間違って解凍されたフォルダを削除してしまっても、何度でも抽出出来るわけですね。

 

では、解凍したフォルダの中身を見てみます。中に入っている物も、ダウンロードするテンプレートごとに多少違いはありますが、必ず入っているのは「index.html」と「images」フォルダですね。フォルダの中身「index.html」はホームページのTOPページとして使用されるページの名前。この名前は決して変更してはいけません。気をつけてくださいね!「images」はホームページで使用する画像などを、まとめて入れておくための袋です。この名前も変更しないでください。ちなみに「index.html」の「.html」部分は、表示が省略されて、画像のように「index」だけしか見えない場合がありますが、どちらも同じものですから、名称が違うからと言って慌てないでくださいね。

 

その他に入っているものも、決して削除したりしないでください。これらいくつかのテキストやフォルダ全てで、一つのホームページを構成しているのです。何かを削除すると、レイアウトが崩れてなくなったり、画像が表示されなくなったりしますから、注意しましょう。

 

では早速、TOPページを作ってみましょう。「index.html」を開いてください。

 

Internet Explorer が起動して、画面が表示されますが、これはオフラインの状態です。ネットには繋がっていません。貴方がいくらこの画面を開いても、それをネットを通じて他の誰かが見ることは出来ませんし、勿論、変更することも出来ませんから、安心して作業してください。この画面を開いただけで、ホームページが公開されるようなことは絶対にありません。じっくり作りこんでいきましょうね!

 

さて、開いたTOPページの画面は、あくまでもプレビュー表示の機能だと考えてください。貴方が変更した部分が、ネットにて公開した際、きちんと表示されるのか、どんな風に見えるのかを確認するための画面です。この画面で、内容の変更作業は出来ません。では、どうやって内容を変更するか。

 

そのプレビュー画面を消さずに、もう一度「index.html」を開きましょう。普通にクリックして開くのではなく、「index.html」を右クリックし、プログラムから開くを選択。アクセサリの中にあるメモ帳、あるいはNotepadと書いてある機能を使って開いてください。開き方メモ帳やNotepadが項目にない場合は、プログラムの選択を選んで探しましょう。これで内容を書き換えられるようになります。

 

内容をどんどん書き換えていきましょう

メモ帳機能でホームページの内容を開くと、このような画面が出てきますから、恐らく「何これ!?ワケわかんない!」と動揺することでしょう。ホームページの内側
分からないところは、とりあえず見なくても大丈夫。プレビュー画面の文章と、メモ帳で読める部分の文章を見比べてくてください。例えばこのような部分がありますね。

 

<!-- ヘッダーここから**************************************** -->

 

<div id="header">

 

<h1>SEO対策用のテキストや説明文などを入れると良いです。</h1> <h2><a href="index.html">WEB MAGIC TEMPLATE</a></h2>

 

</div>

 

<!-- ヘッダーここまで**************************************** -->
画面で言うと、ちょうどこの部分です。見比べる

 

この部分を下のように変更して、ファイル⇒上書き保存をします。<!-- ヘッダーここから**************************************** -->

 

<div id="header">

 

<h1>当サイトは、小説の書き方についてご紹介しています。

専門学校で学んだ知識を無料で公開しております。</h1>

<h2><a href="index.html">小説の書き方+徹底研究+ライトノベル小説の書き方講座</a></h2>

 

</div>

 

<!-- ヘッダーここまで**************************************** -->

 

メモ帳で変更を保存したら、プレビュー画面で更新ボタン更新ボタンを押します。すると、変更した部分を確認することが出来ます。

 

変更後の画面
この調子でどんどん内容を変更していきましょう。注意する点は<>で囲まれているタグと呼ばれるものを、絶対に消さないよう、気をつけること。もしも間違って消してしまった場合は、半角文字で書き直しましょう。例えば<h1>で始まるタグの最後には、必ず</h1>があります。<a href〜>で始まるものは、</a>で終わっています。タグとは、ここから何が始まって、ここまでで終わりますよという印。パソコンに認識させるための文字の代わりなのです。

 

例えば、<a href="index.html">小説の書き方+徹底研究+ライトノベル小説の書き方講座</a>というタグと文章は、<a href(これはリンクです)=”index.html(このページに飛びます)”>ここに入る文字がリンクの入り口です</a(リンクする文字はここまでで終わります)>ということを示しています。リンクの入り口になる文字は好きに出来ますし、リンク先の部分に他ホームページのURLを入れれば、そこへジャンプさせることが出来ます。

 

タグの中に組み込まれている「”」や「=」や「半角スペース」や「/」などはただの記号ではありません。ちゃんとパソコンに認識させるための文字の一部です。人間の言葉のように、文章を区切ったりするために、テキトーについているわけではないので、消さないように注意しましょう。

 

色々なタグの種類で文字を書き分ける へ

おすすめの書籍とサイトはこちら