| ◆ HP製作お役立ち情報 ◆ |
|---|
ホームページを制作される方へ向けた、お役立ち情報ページです。意外と知られていない基礎知識や、勘違いされている事が多い事などを記載しています。(2005年01月06日更新) |
| ◆HP制作お役立ち情報目次 |
| 1.TOPページのタイトル |
ブックマークして欲しいページタイトルには、ホームページのタイトルをつけましょう。タイトルにタイトルをつけず「ブックマークはここにしてね♪」の様なメッセージ的文書は、意味がありません。ブックマークした時にその文章では何のサイトかわかりません。最近のブラウザだとブックマークは自分で編集できますが、それでも編集は手間です。記号などによる過剰な装飾も、ブックマークのリストで見たときに長くなりすぎて嫌がられる事がありますし、SEO(検索エンジン最適化)対策としても良くありません。 |
| 2.ファビコン(サイトアイコン) |
ファビコン、ホームページで使う場合はサイトアイコンなどとも呼ばれます。ブラウザによって対応の有無や表示のされ方は異なりますが、例えばブックマークした時にサイト名の横に小さい画像が追加されたり、ブラウザ上部のURL入力欄の所に表示されたり、タブの所に表示されたりします。 【参考リンク】 ●Macユーザー様へ |
| 3.キリバン制度で「踏み逃げ禁止」 |
このルールは意味がありません。サイトに訪れたその全ての人が、あなたのサイトに対して関心があるとは限らないからです。 |
| 4.Copyright(コピーライト)の使用について |
パロディ作品(ファンアート)を展示する場合は、著作権の意思表示には気をつけて下さい。著作権の意思表示をする事によって、あなた自身が原作の著作権を侵す事になりかねません。著作権に関しては色々と細々と難しいので、ひとまず省略。気になる人は本や著作権を取り扱うホームページで調べて頂くとして、ここでは「Copyright (コピーライト /© )表記は、 原作者や出版社等の著作権を保有者が使用できるもので、パロディ作品に使用できない」という事を知っておいて下さい。日本語でも「著作権」をうたわないほうが無難です。 自分の作った作品を無断で他人に転載・加工・配布等の牽制をしたいために、著作権を主張している方が多いかと思います。そういう場合は「無断転載・加工・配布禁止」などと日本語で書けば良いですが、問題は海外サイト。 昨今では海外のホームページで自分の作品を無断転載・加工・配布等されるのが問題になっていますが(ちなみに私もされた;)、Copyright や©の表記は、海外でも通用する表記ではありますが、前述の通り使用するべきではありません。海外の方にそういった事を主張したい場合は、下記のホームページへリンクをはるなどして対応した方がよいかと思われます。 |
| 5.リンクフリーと無断リンク禁止 |
「うちのホームページへのリンクは、どうぞご自由に♪」という意味でリンクフリーという言葉を使われている方多いと思いますが、これは和製英語です。海外では通用しませんが、日本では意味がまかり通るので問題ないかもしれませんが…と、これは余談。Webの基本理念(ヘルプページの6で紹介)に基づいて考えると実はリンクをするのに許可はいりません。なので無断リンク禁止というのは、本来強制できない行為です。無断リンク禁止を言い出すと、ロボット型検索エンジンは無断リンクしまくっている事にもなりますし(笑) ただ、「自分のホームページ内(フレーム内に表示させるなど)によそのホームページを表示させて、自分のホームページのコンテンツに見せかける」ことや「誹謗中傷等の目的のためのリンクは」例外なのは言うまでもありません。 特定の人物にしか見せたくないページ(裏ページとか)がある場合は、見られない様にCGIで制限をかけたりを管理人がするしかありませんが、そのうちの方法のひとつとしてmetaタグをHTMLに埋め込むだけの簡単なものがあります。これはこのページの「6.ロボット型検索エンジンへ指定した文章を表示させる方法」の中で紹介します。 まあ、報告を希望している人には報告してあげた方が、親切でしょうね。そして無断リンク禁止しているところには無断でしない方が、いらぬ波風はたてぬかと思いますが…(^^ゞ |
| 6.ロボット型検索エンジンへ指定した文章を表示させる方法 |
検索エンジンには大きく分けて2種類あります。ひとつはYahoo!JAPANなどの管理者がホームページを分類して登録していくディレクトリ型検索エンジン、もうひとつはinfoseekなどのロボットが自動巡回して自動的にホームページを登録していくロボット型検索エンジンです。 ディレクトリ型だと管理者に登録内容をおおむね左右されてしまう事になりますが、ロボット型だとホームページに記載した内容がそのまま表示されます。 <meta name="description" content="週間少年ジャンプ作品の男女カップリングを扱うHP専門の検索エンジン。"> 試しにinfoseekで恋愛ガーデンを検索してみて下さい。「週間少年ジャンプ作品の男女カップリングを扱うHP専門の検索エンジン。」として検索結果が表示される事がわかると思います。※ただし、metaタグを無視するロボットもあります。 さてこれとは逆に、ロボット型検索エンジンに登録されたくないページがある場合は、下記のタグをHEADタグ内に埋め込めば登録を回避できます。 <meta name="robots" content="noindex.nofollow">
|
| 7.Internet ExplorerとNetscape両用の画像にカーソルを置いてテキストを表示させる方法 |
画像にに「title属性」と「alt属性」を両方つけます。 例:<img src="link.gif" width="200" height="40" border="0" alt="任意のテキスト" title="任意のテキスト" > 「alt属性」は画像タグ<img>につける画像の意味を表すもので、「title属性」はリンクタグ<a>につけるリンクの意味を表すものなので、「title属性」本来のタグの使い方とは違うんですけどね(^^ゞ でもこれでInternet ExplorerとNetscapeでも画像にカーソルを置くだけで、テキストが表示されます。※Netscapeでは6以降 |