HP製作お役立ち情報

ホームページを制作される方へ向けた、お役立ち情報ページです。意外と知られていない基礎知識や、勘違いされている事が多い事などを記載しています。(2005年01月06日更新)

HP制作お役立ち情報目次
  1. TOPページのタイトル
  2. ファビコン(サイトアイコン)
  3. キリバン制度で「踏み逃げ禁止」
  4. Copyrightの使用について
  5. リンクフリーと無断リンク禁止
  6. ロボット型検索エンジンへ指定した文章を表示させる方法
  7. Internet ExplorerとNetscape両用の画像にカーソルを置いてテキストを表示させる方法

1.TOPページのタイトル

ブックマークして欲しいページタイトルには、ホームページのタイトルをつけましょう。タイトルにタイトルをつけず「ブックマークはここにしてね♪」の様なメッセージ的文書は、意味がありません。ブックマークした時にその文章では何のサイトかわかりません。最近のブラウザだとブックマークは自分で編集できますが、それでも編集は手間です。記号などによる過剰な装飾も、ブックマークのリストで見たときに長くなりすぎて嫌がられる事がありますし、SEO(検索エンジン最適化)対策としても良くありません。

▲HP制作お役立ち情報目次へ戻る▲


2.ファビコン(サイトアイコン)

ファビコン、ホームページで使う場合はサイトアイコンなどとも呼ばれます。ブラウザによって対応の有無や表示のされ方は異なりますが、例えばブックマークした時にサイト名の横に小さい画像が追加されたり、ブラウザ上部のURL入力欄の所に表示されたり、タブの所に表示されたりします。
恋愛ガーデンもファビコンを利用しています。(四角いピンク色のものを使用しています。「さくらもち(男女CPメイン)」では桜餅のファビコン)
作り方などはファビコン専門ホームページにて詳しく解説されていますので、そちらでお調べ下さい。

【参考リンク】


Macユーザー様へ
フッビコンは もともとWinのものですので、Winでのファビコン制作ソフトはたくさん出回っていますが、Macではファビコンに特化したソフトは今の所ないかもしれません。(2004年10月現在)
「GraphicConverter」(シェアウェア。機能制限はつきますが無料でも使えます)で変換はできますが、透過に対応していません。私が調べた限りエディター(絵を描く機能)はないものの、ファビコンファイル制作ソフト「IcoMaker」(フリーウェア)があります。「Photoshop」などで作ったGIFなどをドラッグ&ドロップする事により、透過ファビコンを作る事ができます。Vector(←Mac関連のダウンロード)でダウンロードできます。なおフリー素材のファビコンサイトも存在しますので探してみて下さいね。

▲HP制作お役立ち情報目次へ戻る▲


3.キリバン制度で「踏み逃げ禁止」

このルールは意味がありません。サイトに訪れたその全ての人が、あなたのサイトに対して関心があるとは限らないからです。
例えばインターネットをしているなら、ほとんどの方は経験していると思いますが、検索エンジンで調べたいキーワードを入れて探して、初めてのサイトに訪れた事ってあるでしょう?
また、カウンターがある事に気がつかなかったり、普段からどこのサイトにもカウンターに気をかけていない人、カウンターが表示される前に別のページに移動する人、いろいろです。
ネチケットとして、キリバンの強要等の言葉はマナー違反とされていますので、「踏み逃げ禁止」の言葉は使わない様にしましょう。

▲HP制作お役立ち情報目次へ戻る▲


4.Copyright(コピーライト)の使用について

パロディ作品(ファンアート)を展示する場合は、著作権の意思表示には気をつけて下さい。著作権の意思表示をする事によって、あなた自身が原作の著作権を侵す事になりかねません。著作権に関しては色々と細々と難しいので、ひとまず省略。気になる人は本や著作権を取り扱うホームページで調べて頂くとして、ここでは「Copyright (コピーライト /© )表記は、 原作者や出版社等の著作権を保有者が使用できるもので、パロディ作品に使用できない」という事を知っておいて下さい。日本語でも「著作権」をうたわないほうが無難です。

自分の作った作品を無断で他人に転載・加工・配布等の牽制をしたいために、著作権を主張している方が多いかと思います。そういう場合は「無断転載・加工・配布禁止」などと日本語で書けば良いですが、問題は海外サイト。

昨今では海外のホームページで自分の作品を無断転載・加工・配布等されるのが問題になっていますが(ちなみに私もされた;)、Copyright や©の表記は、海外でも通用する表記ではありますが、前述の通り使用するべきではありません。海外の方にそういった事を主張したい場合は、下記のホームページへリンクをはるなどして対応した方がよいかと思われます。

Online Fanarts Protection

▲HP制作お役立ち情報目次へ戻る▲


5.リンクフリーと無断リンク禁止

「うちのホームページへのリンクは、どうぞご自由に♪」という意味でリンクフリーという言葉を使われている方多いと思いますが、これは和製英語です。海外では通用しませんが、日本では意味がまかり通るので問題ないかもしれませんが…と、これは余談。Webの基本理念(ヘルプページの6で紹介)に基づいて考えると実はリンクをするのに許可はいりません。なので無断リンク禁止というのは、本来強制できない行為です。無断リンク禁止を言い出すと、ロボット型検索エンジンは無断リンクしまくっている事にもなりますし(笑)

ただ、「自分のホームページ内(フレーム内に表示させるなど)によそのホームページを表示させて、自分のホームページのコンテンツに見せかける」ことや「誹謗中傷等の目的のためのリンクは」例外なのは言うまでもありません。

特定の人物にしか見せたくないページ(裏ページとか)がある場合は、見られない様にCGIで制限をかけたりを管理人がするしかありませんが、そのうちの方法のひとつとしてmetaタグをHTMLに埋め込むだけの簡単なものがあります。これはこのページの「6.ロボット型検索エンジンへ指定した文章を表示させる方法」の中で紹介します。

まあ、報告を希望している人には報告してあげた方が、親切でしょうね。そして無断リンク禁止しているところには無断でしない方が、いらぬ波風はたてぬかと思いますが…(^^ゞ

▲HP制作お役立ち情報目次へ戻る▲


6.ロボット型検索エンジンへ指定した文章を表示させる方法

検索エンジンには大きく分けて2種類あります。ひとつはYahoo!JAPANなどの管理者がホームページを分類して登録していくディレクトリ型検索エンジン、もうひとつはinfoseekなどのロボットが自動巡回して自動的にホームページを登録していくロボット型検索エンジンです。

ディレクトリ型だと管理者に登録内容をおおむね左右されてしまう事になりますが、ロボット型だとホームページに記載した内容がそのまま表示されます。
この「そのまま表示される」部分を「自分で指定した文章」にする事ができます。方法は簡単です。HTMLのHEADタグ内に、次の様に記述するだけでOK。この例は恋愛ガーデンのTOPページです。ソースを見て下さればわかりやすいです。

<meta name="description" content="週間少年ジャンプ作品の男女カップリングを扱うHP専門の検索エンジン。">

試しにinfoseekで恋愛ガーデンを検索してみて下さい。「週間少年ジャンプ作品の男女カップリングを扱うHP専門の検索エンジン。」として検索結果が表示される事がわかると思います。※ただし、metaタグを無視するロボットもあります。

さてこれとは逆に、ロボット型検索エンジンに登録されたくないページがある場合は、下記のタグをHEADタグ内に埋め込めば登録を回避できます。

<meta name="robots" content="noindex.nofollow">


metaタグには他にキーワードを登録するものなど色々種類がありますので、知りたい方は調べてみてね。

▲HP制作お役立ち情報目次へ戻る▲


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以降

▲HP制作お役立ち情報目次へ戻る▲


恋愛ガーデン〜Wジャンプ系♂×♀検索エンジン〜
http://www.www.sakuramochi.com/garden/