|
チュートリアルで簡単！お小遣いサイトの作り方ＴＯＰ ＞ チュートリアル８〜お小遣いサイトのタイトルをつくる |
|
|
|
チュートリアルで簡単！お小遣いサイトの作り方ＴＯＰ ＞ チュートリアル８〜お小遣いサイトのタイトルをつくる |
|
|
|
|
|||||||||||||||||||||||||||||||||||||
| お小遣いサイトのタイトルをつくる | ||||||||||||||||||||||||||||||||||||||
|
お小遣いサイトのタイトルを考える
お小遣いサイトのタイトルは決まっていますか？ここでは、どんなタイトルにすればよいか考えたいと思います。基本的に、何だっていいです。何だっていいのですが、やはり検索してもらうときのことを考えてしまいますよね。あなたがお小遣い稼ぎをしようと思ったときに、最初にかけた検索のキーワードを思い出してみて下さい。「インターネット」・「金稼ぎ」・「金儲け」・「お小遣い」・「アルバイト」・「副収入」・「無料」・「タダ」・・・きっとこんな感じの言葉で検索しましたよね。ですから、やはりタイトルにはこれらの言葉を入れておくのが無難、と考え、結果的に同じようなタイトルのお小遣いサイトがあふれているのが現状です。 |
||||||||||||||||||||||||||||||||||||||
|
従って、個性的なタイトルにしようと思っても、お小遣いサイトのキーワードからかけ離れたものは考えものだし、かといって「インターネットでお金を稼ぐ方法」というタイトルにすれば、きっと同じようなタイトルを使っている人が大勢いるため、どちらにしても結局検索によってあなたのお小遣いサイトを見つけてくれる可能性は低いと言えます。 結論からすれば、この両者のバランスがうまく組み合わさったサイト名が、無難に検索されやすいサイトと言えるでしょう。タイトルと副題をうまく組み合わせるのがコツですね。（例：金のなるホームページ 〜インターネットでお金を稼ぐ方法〜、など） 「このキーワードで検索している人はどれくらいいるんだろう？」という疑問にこたえるべく作られたのがキーワードアドバイスツールプラスです。適当なキーワードを入れれば、そのキーワードで検索した回数（ひと月あたり）がわかります。また同時にKEI（キーワード有効性指標）という値を算出します。この値が高ければ高いほど、ひっかかりやすい「狙い目」キーワードであることを意味します。タイトル作りの手助けになるかと思いますので、利用してみてください。 あなたのお小遣いサイトが一度世に出て、いろんなサイトと相互リンクをするようになってくれば、あとからタイトルを変えるのは容易なことではありません。じっくり考えて後悔しないタイトルをつけてあげましょう。 タイトルが決まったら、alphaEDITをお使いの方は「ファイル→ページのプロパティ」をクリックしてタイトルをつけてあげましょう。他のＨＰ作成ソフトをお使いの方も、かならずタイトルを記入する欄があるはずです。これはＨＴＭＬソースの<head>部分に記載されます。ここにタイトルを記入しないと、思ったように検索結果に反映されません。 凝ったタイトルを作ってみる
お気に入りのタイトルが決まってしまうと、どうしても凝ったレタリングのタイトルをトップページに貼ってあげたくなるのが親心というものです。タイトルがきれいだと、ぐっと人目をひくし、作っている本人もモチベーションが上がりますよね。ここでは、ホームページ作成における文字のレタリング方法を２つ紹介します。 スタイルシートを使う
お絵描きソフトなどで作った画像を使えば簡単にレタリング文字を使えることは想像がつくと思いますが、画像を使わずにできるレタリング方法もあります。たとえば、 金のなるホームページ 〜インターネットでお金を稼ぐ方法〜
金のなるホームページ 〜インターネットでお金を稼ぐ方法〜
金のなるホームページ 〜インターネットでお金を稼ぐ方法〜
こんな感じです。 例えば、文字に影をつける場合、以下のタグをあなたのHTMLソースの適切な場所に埋め込んでみてください。
どうですか？打ち込む場所が間違ってない限り、 タイトル
↑こんな結果になりましたね。要するに、スタイルシートに詳しくなれば、ある程度の文字のレタリングは可能なのです。 ただしスタイルシートの欠点として、ブラウザによってはこのように表示されない場合がある、ということが挙げられます。フィルタをきちんと表現してもらうには、Internet Explorer5以上のブラウザを持っていなければなりません。もしかしたらこのページを見ている人のなかにも、上記のフィルタがまったく反映されていなかったり、レタリングが乱れている方がいるかもしれません。そういう方はおそらく、ブラウザがInternet Explorer5以上ではないのだと思われます。 まぁとにかく、興味があったらチャレンジしてみてください。スタイルシートを学ぶにあたり、ものすごく役に立つサイトを３つ紹介しておきます。
スタイルシートの欠点は、表示できないブラウザがあることでした。しかし、画像を使えばブラウザによって表示できないことはまず無いといってよいでしょう。しかも、もっと凝ったレタリングが可能なことは、このサイトのトップページのタイトルを見ていただければわかると思います（センスがあるかどうかは別として・・・）。 有料お絵描きソフトで有名なのは、何と言っても『Adobe Photoshop』 でしょう。持っていれば活用してみましょう。しかし、負けないくらい高性能な無料お絵描きソフトも、もちろんあります。それが、『PictBear』と『Pixia』です。このサイトのトップページのタイトルは、PictBearを使って書いたものですが、２時間くらいで完成しましたよ。 お絵描きソフトを使って画像を作るにあたって、気を付けるべきことがひとつあります。それは、
ということです。画像のファイル形式として有名なのはBMPやPICTですが、これらのファイル形式ではファイルサイズが大きすぎて、ネット上で公開した場合ページが開くのに異常に時間がかかってしまいます。これは困りものですよね。それゆえ、ファイルサイズの小さいJPEG、GIF、PNGで保存するのが画像を表示する際の最低条件となるのです。 それぞれの特徴ですが、JPEG形式は1677万色もの色を扱えることから、写真に適します。また、圧縮率を変えることでファイルサイズをいくらでも小さくすることができます。（そのかわり画像は劣化します。ほどよい圧縮率で保存するのがポイントです。）GIF形式は、256色までしか扱えないため、写真には適しません。けれどお小遣いサイトで写真を公開することはあまりないので、ほとんどの画像がGIFで事足りることになります。PNG形式は、比較的新しいファイル形式で、GIFと同じ256色カラーで保存した場合ファイルサイズがGIFより小さく保存でき、さらに最大260兆色までのフルカラーをサポートしているため写真の保存も可能です。けれど、ブラウザ側のサポートが完全でなく、古いブラウザだとまったく表示できないこともあります。しかしその多機能さゆえ今後インターネット上での主要な画像形式となっていくだろうと予想されています。 よって、無難な保存の仕方としては、
と、こんな感じですね。 ◆PictBear◆ このソフトは、Pixiaより機能はやや劣りますが、それでも十分なレイアウトが可能です。そもそもこれらの画像ソフトは、パソコンで本格的に絵を描いている人が使うソフトですから、ホームページのタイトルを作る程度ならもったいないくらいなんですよ！！保存形式として、JPEG、GIF、PNGが選択可能です。GIFで保存する機能は特許料が発生してしまう関係で、無料のお絵描きソフトにはついてないのが普通ですが、このソフトは特許料を支払いライセンスを取得してくれているようで、嬉しい限りです。（なお、GIF形式で保存できるのは『PictBear Second Edition』というソフトです。ただのPictBearではGIF形式で保存できませんのでダウンロードの際はお間違えのないように。）
初心者でよくわからない方は、推奨されているものをダウンロードしましょう。 インストール方法の詳細はここで紹介されています。 PictBearの使い方が書いてあるサイトもたくさんあります。お世話になったサイトを紹介します。
PictBearSE ライムのBlog
◆Pixia◆ 続いて紹介するお絵描きソフトは、『Pixia』です。こちらのソフトはPictBearをさらに上回る機能があり、絵や文字のレタリングの幅はもはや無限です。ユーザーもかなり多いと思われ、オフィシャルページのサポートが充実しているだけでなく、使い方を紹介しているサイトもたくさんあります。ただし、本格的なお絵描きソフトゆえにかなりハイレベルでパソコンでお絵描きするのが初心者だという方には少々難しすぎるかもしれません。どうやら小生にもこのソフトは早かったみたいです。ホームページのタイトル程度ならあまりファイルサイズの大きな絵を描くわけにはいかないし、こんな優れたソフトでつくるのはむしろ失礼ではないか！と情けない理由をつけて、途中であきらめました・・・。のであまり詳しいことは書けません、すいません。 でも、パソコンでお絵描きすることに興味がある方はぜひ手に入れておくソフトだと思います。Pixiaは本体とヘルプファイルが別々になっているので、本体のダウンロードをしたあとにその下にあるヘルプファイルもダウンロードすることをお勧めします。 納得のいくタイトルができたら、いよいよ本文です。次のチュートリアルに進みましょう！
| ||||||||||||||||||||||||||||||||||||||
チュートリアル８の目標
「チュートリアル９〜広告についての基礎知識」へ