2007年09月19日
HPを作ってみよう ５回目
ＨＰを作ってみよう５回目です。
前回はかなり前になってしまいましたが装飾タグのうちの見出しについて書きました。
覚えていますか？
忘れちゃった人は前の記事を見てくださいね。
今回は段落、改行について書いていきたいと思います。
ＨＰを作るうえで文章は欠かせないですよね。
でもＨＴＭＬファイルに直接文章を書いているとブラウザで見たときはただただ文章が続いていく、真っ黒なサイトになってしまいます。
そこで使うのが、段落、改行タグです。
段落とは、一つの文章のまとまりです。
小説などで言ったら、文章の頭が一段下がっているところのことですね。
段落を作るには、その部分を＜ｐ＞タグで囲います。
そうするとＨＴＭＬファイルでは、＜ｐ＞タグで囲まれた部分を一つの段落と考えて、次の文章との間に約一行分くらいの隙間を空けてくれます。
逆に改行したいときは？
＜ｂｒ＞改行タグを改行したいところに入れます。
改行タグを入れたところで文章は改行されます。
例としては、
<p>テスト文章です。</p>
<p>テスト文章です。</p>
とすると、
テスト文章です。
テスト文章です。
となります。
改行の場合は、
テスト文章です。<br>
テスト文章です。
とすると、
テスト文章です。
テスト文章です。
となります。
両方ともＨＰを作るときには頻繁に使うので覚えておくと便利です。
2007年08月30日
どうもすいませんでした。
更新がとまってしまい本当にすいません。
近々、ＨＰ制作についてを更新する予定です。
本業が忙しくなるとどうしてもこのブログが後回しになってしまいます。
約１ヶ月更新していないと（管理画面にもログインしていなかった）読者申請が結構たまっています。
ほとんどが非リンク稼ぎですね。
もともとこのブログのコンセプトはそこにあるのでいいのですが、せめて皆さんお気に入りブログ一覧か、読者申請ボタンを設置してもらいたいなぁと思うのは僕のわがままでしょうか？
2007年07月27日
HPを作ってみよう ４回目
ＨＰを作ってみよう４回目です。
前回まででとりあえずＨＴＭＬファイル（ＨＰの基本ファイル）は簡単に作れるといったところまでやりました。
今回は装飾について。
誰しもが黒字が延々と書いてあるＨＰはあんまり見たくないですよね。
なのでＨＰを作るには装飾について知らなければいけないと思います。
まずは基本。
見出しです。
見出しって何？なんて言う人いますか？
そんな人はまず本や雑誌をイメージしてください。
本は表紙があって中に文章が書いてあります。
文章語とにタイトルのように大きな文字が書いてあたりしますよね。
それが見出しです。
ＨＰにも当然見出しがあります。
見出しタグは
<hx>内容</hx>
といった形で書きます。
例えば、
<h1>ＨＰを作ってみよう</h1>・・・・大見出し
<h2>ＨＰを作ってみよう</h2>・・・・見出し
<h3>ＨＰを作ってみよう</h3>・・・・小見出し
といった感じです。
見出しにはルールがあります。
一つ目が「数字は上から順番に」です。
つまり<h1>タグの次に<h3>や<h4>を使わないといったことです。
<h1>のあとには<h2>、<h2>の後には<h3>といった具合です。
二つ目が「<h1>タグは1ページに1回まで」です。
<h1>タグは大見出しなので1ページ何個もあったらおかしいですよね。
まずはページに見出しをつけてみましょう。
それだけで少し変わると思います。
さらにこれはＳＥＯ効果もあるので是非試してみてください。
2007年07月19日
HPを作ってみよう ３回目
ＨＰを作ってみよう ３回目です。
前回は一般的なホームページのソース（設計図みたいなもの）を見てもらいました。
今回はソースのルールについて書いていきます。
ソースは「ＨＴＭＬ言語」という言葉で書かれています。
基本は「タグ」と呼ばれる支持をする為の言語とテキストでかかれます。
ＨＴＭＬ言語の基本は<html></html>といった形で二つセットでかかれます。
ここまでをしっかり覚えた上でソースの書き方を書いていきましょう。
<html>
<head>
<title>ホームページのタイトルが入ります</title>
</head>
<body>
ホームページの中身（コンテンツ）が入ります。
</body>
</html>
上に書いてあるのがホームページのソースの基本です。
ためしにメモ帳に上のソースをコピーしてみましょう。
コピーしたメモ帳のファイルの拡張子を「.txt」から「.html」に変えて保存してみましょう。
それを開いてみると。
どうですか？
ちゃんとインターネットエクスプローラーが立ち上がりましたか？
きっとタイトルには「ホームページのタイトルが入ります」と書いてあると思います。
ブラウザのメインには「ホームページの中身（コンテンツ）が入ります。」と書いてあると思います。
ちゃんと表示されていますか？
これがホームページの基本です。
<title></title>の部分に自分が作りたいホームページのタイトルを書いて、<body></body>の間に自分が作りたいホームページの内容を書けば出来上がりです。
でもこれだけだと文章だけのホームページになってしまいますよね。
でも大丈夫です。
ＨＴＭＬ言語にはちゃんと装飾用のタグが用意されています。
次回は装飾用のタグについて書いていきます。
2007年07月13日
HPを作ってみよう ２回目
ＨＰを作ってみよう２回目！
今日はＨＰを作ってみよう２回目です。
前回はなんでＨＰなのか？といった内容で完全に前置きで終わってしまいました。
今回のテーマはＨＰの仕組みを知ろうです。
ホームページはテキストとタグからできています。
と急にかいてもなんだかわからないですよね。
なので考えるよりも実践です。
まずじぶんの好きなＨＰを開いてみましょう。
そしてメニューバーの表示からソースをクリックしてみましょう。
そうするとメモ帳で
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta name="keywords" content="健康食品 サプリメント" />
<meta name="description" content="健康食品やサプリメントの販売サイトをカテゴリーごとに調べやすくした健康専門サイトです" />
<title>健康食品・サプリメントサイトガイド</title>
</head>
<body>
<div id="wapper">
<div id="header">
<h1>健康食品・サプリメントサイトガイド</h1>
<h2 id="head-bana"><a href="http://supplement.nomaki.jp/">健康食品・サプリメントサイトガイド</a></h2>
</div>
<ul class="pankuzu01">
<li class="pankuzu02"><a href="http://supplement.nomaki.jp/">トップページ</a></li>
</ul>
<div id="index-bana">健康食品・サプリメントサイトガイドは自分にあった健康食品やサプリメントを見つけるために健康食品やサプリメントの販売サイトをカテゴリーごとに調べやすくした健康食品・サプリメント専門のリンクサイトです</div>
<div id="search">
<h3 id="seach-bana">健康食品・サプリメントサイトガイドサイトサーチ</h3>
</div>
<div id="site-gide">
<h3 id="gide">サイト案内</h3>
<ul class="site-gide01">
<li class="site-gide02"><a href="http://supplement.nomaki.jp/">トップページ</a></li>
<li class="site-gide02"><a href="http://supplement.nomaki.jp/name/">サイト名から検索</a></li>
<li class="site-gide02"><a href="http://supplement.nomaki.jp/type/">効果効能から検索</a></li>
<li class="site-gide02"><a href="http://supplement.nomaki.jp/seibun/">成分名から検索</a></li>
<li class="site-gide02"><a href="sougou.html">総合販売サイト</a></li>
<li class="site-gide02"><a href="sitemap.html">サイトマップ</a></li>
<li class="site-gide02"><a href="http://supplement.nomaki.jp/link/">リンクについて</a></li>
<li class="site-gide02"><a href="gaiyou.html">健康食品サプリメントサイトガイドとは</a></li>
</ul>
</div>
<div id="copyright">（Ｃ）copyright 2006.<a href="http://supplement.nomaki.jp/">健康食品・サプリメントサイトガイド</a>.all rights reserved</div>
</div>
</body>
</html>
こんな感じのが出てくると思います。
これがＨＰを作っているもとでテキストとタグからできています。
一般的にこのテキストとタグの羅列のことをソースといいます。
ＨＰを作るという作業はこのソースを作る作業となります。
ぱっと見るととても難しそうに見えますが慣れてしまえば結構簡単です。
次回はソースのルールについてです。
2007年07月12日
HPを作ってみよう
このブログを更新するのもとっても久しぶりです。
今までこのブログでは読者申請でＳＥＯをどこまでできるのかをかいてきました（といっても結構前の話ですが・・・）。
今回からは「ＨＰを作ってみよう」のタイトルで簡単にＨＰを作る方法を書いていきたいと思います。
なんでいまさらＨＰ制作なのよ？
と思っている方もいますよね。
まぁ確かに今はブログなどを使って簡単にインターネット上に自分のスペースを作ることができるのでＨＰを作る必要は無いように思います。
でも皆さん知っていましたか？
最近の事ですがＹＡＨＯＯ！の検索結果画面でブログを除いて検索というのができたことを。
その代わりＹＡＨＯＯ！ではブログ検索というのができました。
これは推測ですがＹＡＨＯＯ！内でブログとＨＰの間に一線が引かれたのではないのかと思っています。
ということは今後ＹＡＨＯＯではブログが通常検索にヒットしにくくなる可能性があります。
そのことを考えるとやっぱり基本に戻ってＨＰを持っていたほうがいいんじゃないかなと思いこの記事を書き始めました。
前置きが長くなってしまったのでＨＰ制作について本格的にスタートするのは次回からにします。
次回までに準備しておいたほうがいいものをかいておきます。
アップロード用のＦＦＦＴＰ（フリーソフト）
メモ帳（ウィンドウズに標準で付いてます）orその他のエディタ
写真などを使いたい方は画像編集ソフト
因みにここでは本当に基本的なことを書く予定です。
過去にＨＰを作ったことがある人にはまるっきり役に立たないかもしれません。
また、ＨＰ制作ソフトを使った内容にするつもりは無いので、ホームページビルダーやドリームウィーバーを使っている人には役に立たないかもしれません。
僕は通常ドリームウィーバー８を使っているのですが制作ソフトを持っていない人視点で書いていきます。
質問は個人的には受けるつもりなのでコメントにメッセージを残してください。
よろしくお願いします。
2007年05月29日
読者申請でＳＥＯ
とっても久しぶりの更新です。
ある程度このブログでやりたかったことは結果が出たので、ほおって置いてしまいました。
すいません・・・。
今回更新したのは、僕の持っている別のライブドアブログでＹＡＨＯＯの被リンクが９７０００件になっていてちょっとびっくりしたものですからこっちをチェックしに来たついでです。
こちらのＹＡＨＯＯの被リンクは３０００件ちょっとといったところでした。
その逆にＧＯＯＧＬＥの被リンクが前回に比べておちていました。
といってもＧＯＯＧＬＥの場合は目に見えるのは一部でサイトマップ上では全然違うのでなんともいえませんが・・・。
せっかくこのブログがあるので何かに今後は活用していきたいと思っているんですが・・・。
ＨＰ製作講座でもやろうか？
それとも本格的なＳＥＯ対策講座でもやろうか？
何が良いですかね。
2007年01月19日
読者申請でＳＥＯ 何日目だっけ？
大変長らく更新がとまっていました。
どうもすいません。
久しぶりの読者申請でＳＥＯです。
１月に大きな動きがあったので久しぶりの更新です。
気づいている方もいらっしゃると思いますが、ＧＯＯＧＬＥでページランクと被リンクの更新がありました。
そこでブログのデータ大きく変わったので書いていきたいと思います。
本日の被リンク数
Ｇｏｏｇｌｅ・・・４２
Ｙａｈｏｏ ・・・１８９０
ＭＳＮ ・・・１３７
となっていました。
ＧＯＯＧＬＥのページランクも２がつきました。
正直ＨＰなどでは初回ページランクが２というのは低いと思うのですが、これはフリーのブログですし、ＳＥＯ対策も読者申請しかしていないので十分だと思います。
この結果からＧＯＯＧＬＥの被リンク数やページランクの更新時期はある程度決まっていると言うのは間違いないのではないのでしょうか。
また、一番難しいというＧＯＯＧＬＥの被リンク作りもライブドアブログなら比較的簡単に作れることもわかりました。
2006年12月31日
読者申請でＳＥＯについて
始まりました！
読者申請でＳＥＯ第一日目です。
このブログはライブドアブログの特色である読者申請だけでどこまでＳＥＯ対策ができるのか？
と考えていた僕が考えていてもしょうがないからやってみようと思い始めたブログです。
内容はいたって簡単です。
単純に読者申請をしたり、してもらったりしてＳＥＯ対策をするというものです。
ＳＥＯの効果が出ているかどうかは被リンク数で評価をしていきます。
当然コメントやトラックバックなども関係はしてくると思います。
なので当ブログからは基本的にトラックバックは書きません。
コメントはやっぱり書かないと失礼なので書くと思います。
でも当ブログへのコメントやトラックバックは制限しません。
当然読者申請も断りません。
できるだけ毎日現状報告をしていきたいと思っています。
期間は僕が飽きるまでですｗｗ
被リンク数はＧｏｏｇｌｅ・Ｙａｈｏｏ・ＭＳＮの３つから評価していきたいと思います。
ぜひ協力していただけるとうれしいです。
2006年12月09日
読者申請でＳＥＯ４５日目
読者申請でＳＥＯ第４５日目です！！
今日の段階では
読者数・・・１７５人
お気に入り（読者申請を受けてくれた人）・・・３３４人
です。
本日の被リンク数
Ｇｏｏｇｌｅ・・・０
Ｙａｈｏｏ ・・・１３７０
ＭＳＮ ・・・１３８
となってました。
かなり長期間あいてしまいました。
どうもすいません・・・。
ちょっと先月末から本職があまりにも忙しくこちらに手がつけられませんでした。
これからまた少しづつ更新していくのでよろしくおねがいします。
以前（かなり前ですが）強調タグについて少し書きました。
そこで少し訂正です。
strongタグがＳＥＯの効果がありますよ！
と書いたのですが、今現在効果は０ではないのですがかなり効果が弱くなっているみたいです。
自社で持っているサイトのストロングタグをはずしたところ検索結果に大きな変化は見られませんでした。
どうもすいません・・・。
検索エンジン側で変化があると今までやっていたＳＥＯ対策の効果が薄くなってしまうのはよくあることなんですが、書いたとたんに効果が薄くなってしまうとは・・・。
これからまた何か情報が入り次第ここに書いていくのでよろしくお願いします！
