日本語のファイル名やディレクトリ名を扱う時に便利なHTMLエディタを紹介します。
URLにキーワードを含めることが出来る。
検索結果として表示された時にURLにキーワードが入っていると目を引く。
などのメリットのためにファイル名やディレクトリ名を日本語にして使う機会が増えてきています。
yaoo.co.jp/ほげ.html
ファイル名を日本語で作成してレンタルサーバーにアップしてやるだけでOKですがこのままでは外部からアクセスできませんので「ほげ」の部分をエンコードしてあげなければなりません。
エンコードしてくれるサイトに行き変換された文字でリンクさせます。
yahoo.co.jp/%82%d9%82%b0.html
※文字コードは契約しているレンタルサーバーのapacheの仕様に合わせなければなりません。
こうすることで日本語のファイル名がついたHTMLファイルを利用できるようになります。
従来はこのやり方をとっていましたがファイル数が増えるたびに変換してコピーして貼りつけという手間がかかっていました。
わざわざ変換サイトへいかなくても勝手にエンコードしてくれるHTMLエディタがありますので紹介します。
http://kompozer.cssmaid.net/index.html
このコンポーザーはとても優秀なエディタで、リンクボタンをクリックして日本語ファイルを指定すると自動でエンコードしてくれます。
ホームページビルダーや、ドリームウイーバーで同様の処理が出来るのかどうか未確認ですがフロントページではまったく駄目でした。
コンポーザーは日本語ファイルが扱えるというメリットのみならず正しい構文に修正してくれる機能などがついていますので是非！お試しあれ。
2008年03月20日
2008年01月28日
rel="tag"について
最近見つけた新しいタグrel="tag"について
microformatsのひとつだそうです。
といっても何のことやらさっぱりわかりませんが・・（汗
XHTMLではメタタグに記述し全体に適用させる方法と
ページ本体に記述し部分的に適用するやり方があるそうで、このrel-tagもそういったmicroformatsの一つということだけはわかりました。
使い方は
＜href="www.co.jp/abc" rel="tag"＞あーべーせー＜/a＞
と記述することでリンク先のページに対し「abc」というタグと関連付け出来るそうです。
これをSEOに利用できないかと考えてみました
URLの一番右側のスラッシュ以降の文字が関連付けの対象になるため英語のキーワードならそのまま使えますが日本語を関連付けしたいのであればディレクトリを日本語で作成しエンコードした文字にしなければなりません。
タグとして認識してくれるのはTechnoratiテクノラティだけなのか？
SEO効果があったとしてどこで確認するのか？
そもそも根本的なものを間違っていないのか・・
などなど悩みは尽きませんが日本語ディレクトリで作ったサイトに対してtag付きでリンクを貼りまくってみようかと思います。
microformatsのひとつだそうです。
といっても何のことやらさっぱりわかりませんが・・（汗
XHTMLではメタタグに記述し全体に適用させる方法と
ページ本体に記述し部分的に適用するやり方があるそうで、このrel-tagもそういったmicroformatsの一つということだけはわかりました。
使い方は
＜href="www.co.jp/abc" rel="tag"＞あーべーせー＜/a＞
と記述することでリンク先のページに対し「abc」というタグと関連付け出来るそうです。
これをSEOに利用できないかと考えてみました
URLの一番右側のスラッシュ以降の文字が関連付けの対象になるため英語のキーワードならそのまま使えますが日本語を関連付けしたいのであればディレクトリを日本語で作成しエンコードした文字にしなければなりません。
タグとして認識してくれるのはTechnoratiテクノラティだけなのか？
SEO効果があったとしてどこで確認するのか？
そもそも根本的なものを間違っていないのか・・
などなど悩みは尽きませんが日本語ディレクトリで作ったサイトに対してtag付きでリンクを貼りまくってみようかと思います。
2008年01月05日
日本語ファイル名の不具合
ディレクトリやファイルを日本語で作成しアンカーをエンコードされた文字で使用していますが使っているHTMLエディタ「FrontPageフロントページ」で大きな不具合が見つかりました。
エンコードされた文字を貼り付けると勝手に修正されおかしな文字に変換されてしまいます。
これまで数行程度貼り付けていたときにはまったく問題ありませんでしたが今回２００行近く貼り付けたところ完全に文字化けしてしまいソースモードで貼り付けしても同じようになってまったく使えません。
Windows98の付録としてこのFrontPageフロントページがついていたのでこれまで使い続けていましたが決別することにしました。
フリーのHTMLエディタを何個かダウンロードして使ってみたところ一番しっくりきたエディタが「KompoZerコンポーザー」でした。
元々もう一台のパソコン（Fedora）に標準のエディタで入っていたので違和感無く使えることとW3Cの基準に忠実にコードが作成される点などがあります。
もちろん日本語をエンコードした文字を貼り付けても大丈夫です。
興味がある方はこちらから
KompoZer(Nvu)マニュアル
KompoZerコンポーザーについて一番わかり易く解説されたサイトです。
エンコードされた文字を貼り付けると勝手に修正されおかしな文字に変換されてしまいます。
これまで数行程度貼り付けていたときにはまったく問題ありませんでしたが今回２００行近く貼り付けたところ完全に文字化けしてしまいソースモードで貼り付けしても同じようになってまったく使えません。
Windows98の付録としてこのFrontPageフロントページがついていたのでこれまで使い続けていましたが決別することにしました。
フリーのHTMLエディタを何個かダウンロードして使ってみたところ一番しっくりきたエディタが「KompoZerコンポーザー」でした。
元々もう一台のパソコン（Fedora）に標準のエディタで入っていたので違和感無く使えることとW3Cの基準に忠実にコードが作成される点などがあります。
もちろん日本語をエンコードした文字を貼り付けても大丈夫です。
興味がある方はこちらから
KompoZer(Nvu)マニュアル
KompoZerコンポーザーについて一番わかり易く解説されたサイトです。
2008年01月02日
bpTranの使い方
ホームページ自動作成ツール「bpTran」の便利な使い方を紹介します。
以前書いた記事はこちら
http://xn--7-eeudet7q9c3h.seesaa.net/article/46557641.html
bpTranの長所は自動で大量のファイルを作成してくれる点ですが、一番困るのは沢山作ったファイルへのリンク一覧を作ることに手間が掛かってしまう点です。
_db.htmlや_index.htmlである程度サポートされていますが使い勝手がよいとはいいきれません。（作者さんごめんなさい）
そこでエクセルの関数を使ってリンク一覧を作る方法を思いつきましたので紹介いたします。
エクセルの関数に文字列を結合してくれる関数「CONCATENATE」がありますのでそれを使いタグとファイル名とアンカーテキストを繋げます。
A1からC5までが通常にbpTranで作成されたデータベース部分です。
今回新たにE列に追加するタグを入れます。
段落とアンカーの開始タグ
ファイル名
拡張子と終わりタグ
アンカーテキスト
アンカーと段落の終わりタグ
D2にCONCATENATE関数を入れ引数に上図のように入れてください。
あとはD2のセルを下へフィルしコピーします。
このままでは関数が残ってしまいますのでDの列全部を右クリックしコピー、もう一度右クリックして形式を選択して貼り付けを選び値のみを貼り付けます。
D列の上から下までをコピーしHTMLエディタに貼り付けることで完成です。おかしなコードが入ってしまう場合は一旦メモ帳に貼り付けしそれをコピーしてHTMLエディタに貼ってください。
bpTranのダウンロードはこちら
http://webseeder.net/
以前書いた記事はこちら
http://xn--7-eeudet7q9c3h.seesaa.net/article/46557641.html
bpTranの長所は自動で大量のファイルを作成してくれる点ですが、一番困るのは沢山作ったファイルへのリンク一覧を作ることに手間が掛かってしまう点です。
_db.htmlや_index.htmlである程度サポートされていますが使い勝手がよいとはいいきれません。（作者さんごめんなさい）
そこでエクセルの関数を使ってリンク一覧を作る方法を思いつきましたので紹介いたします。
エクセルの関数に文字列を結合してくれる関数「CONCATENATE」がありますのでそれを使いタグとファイル名とアンカーテキストを繋げます。
A1からC5までが通常にbpTranで作成されたデータベース部分です。
今回新たにE列に追加するタグを入れます。
段落とアンカーの開始タグ
ファイル名
拡張子と終わりタグ
アンカーテキスト
アンカーと段落の終わりタグ
D2にCONCATENATE関数を入れ引数に上図のように入れてください。
あとはD2のセルを下へフィルしコピーします。
このままでは関数が残ってしまいますのでDの列全部を右クリックしコピー、もう一度右クリックして形式を選択して貼り付けを選び値のみを貼り付けます。
D列の上から下までをコピーしHTMLエディタに貼り付けることで完成です。おかしなコードが入ってしまう場合は一旦メモ帳に貼り付けしそれをコピーしてHTMLエディタに貼ってください。
bpTranのダウンロードはこちら
http://webseeder.net/
タグ：bptran
2007年07月22日
無料テンプレートを利用する
HTML&CSSでアフィリエイトサイトを作成する場合一番頭を痛めることがデザインではないでしょうか。
数年前ならいざ知らずいまではデザイナーが作ったページと我々素人が作ったページでは雲泥の差があり見た目で大きな損をしてしまうのではないでしょうか。
努力してもプロには勝てません。
これまではテンプレートを利用することに些かの抵抗があり、テーブルタグ組まくりで著作権表示がどうもなぁ・・といった感じで敬遠しておりました。
あまりにも自分自身のデザインが進歩しないので仕方なくテンプレートで使えそうなところはないかと検索してみたところ
いい感じのところがみつかりましたので紹介します。
無料のところ
http://temp.net-biji.com/bast_cs.html
有料のところ
http://activestyle.biz/
こういう言い方をするとデザイナーさんに叱られるかもしれませんが、ひところのテンプレートは完全にデザイン重視でSEO的に見た場合「おいおい・・こんなの使えるかよ・・」というものがほとんどでしたが最近ではかなりSEOを意識したテンプレートになっており積極的に取り入れていきたいと思います。
テンプレートの見分ける時には必ずサンプルをダウンロードしソースを確認してから使いましょう。
ひどいのはマークアップにH1タグを6個も使い著作権表示のところにまでH1タグが使われているのもありました（汗
数年前ならいざ知らずいまではデザイナーが作ったページと我々素人が作ったページでは雲泥の差があり見た目で大きな損をしてしまうのではないでしょうか。
努力してもプロには勝てません。
これまではテンプレートを利用することに些かの抵抗があり、テーブルタグ組まくりで著作権表示がどうもなぁ・・といった感じで敬遠しておりました。
あまりにも自分自身のデザインが進歩しないので仕方なくテンプレートで使えそうなところはないかと検索してみたところ
いい感じのところがみつかりましたので紹介します。
無料のところ
http://temp.net-biji.com/bast_cs.html
有料のところ
http://activestyle.biz/
こういう言い方をするとデザイナーさんに叱られるかもしれませんが、ひところのテンプレートは完全にデザイン重視でSEO的に見た場合「おいおい・・こんなの使えるかよ・・」というものがほとんどでしたが最近ではかなりSEOを意識したテンプレートになっており積極的に取り入れていきたいと思います。
テンプレートの見分ける時には必ずサンプルをダウンロードしソースを確認してから使いましょう。
ひどいのはマークアップにH1タグを6個も使い著作権表示のところにまでH1タグが使われているのもありました（汗
2007年07月15日
ヤフーグーグル共用サイトマップ作成
ヤフー、グーグル以外にもMSNのライブサーチにもこれ一つで対応してくれるサイトマップを紹介します。
ヤフーやグーグルは独自のフォーマットでサイトマップ作成と読み込みを支援してくれていますが、それぞれを個別に作らなければならないという余計な手間が掛かってしまいます。このRORサイトマップジェネレーターなら1個で全ての検索エンジンに対応してくれますので使ってみてはいかがでしょうか。
サイトマップをトップディレクトリに置くように指示されているためブログでは使えないのかもしれません。（seesaaなどのブログはサイトマップを出力する設定にしておけば自動で作ってくれるのでこのサイトマップをわざわざ使う必要はありません）
このツールは優先的にクローラーを呼び込むわけではありませんので作ったばかりのサイトはヤフーやグーグル独自のサイトマップ作成を利用すべきです。
これまでサイトマップを置かずにサイトを運営しており、既に検索エンジンにほとんどのページをインデックスされているが今後の更新を伝えたいという場合にこのツールを使うのがベストではないかと思います。
前置きが長くなりましたが説明いたします。
①Site URL欄にあなたのサイトのURLを入力し「Generate sitemap」をクリック
②しばらくすると下のテキストボックスにコードが表示されるので全て選択し右クリックのコピー
③文字コードUTF-8を扱えるエディターを立ち上げ右クリックの貼り付け
④ファイル名を「ror.xml」にして保存しサイトのindex.htmlが置いてあるディレクトリにFTPで転送
⑤index.htmlファイルのヘッダーに↑
link rel="alternate" type="application/rss+xml" title="ROR" href="ror.xml" /の記述を追加
以上で終わりです。
当然のことですが
サイトを更新するたびに①～④の作業をしないと新しい情報が伝わりません。（一度作ったらあとは自動でやってくれると勘違いしないこと）
ぜひ！このページをお気に入りに！
Yahoo!ブックマークに登録
ヤフーやグーグルは独自のフォーマットでサイトマップ作成と読み込みを支援してくれていますが、それぞれを個別に作らなければならないという余計な手間が掛かってしまいます。このRORサイトマップジェネレーターなら1個で全ての検索エンジンに対応してくれますので使ってみてはいかがでしょうか。
サイトマップをトップディレクトリに置くように指示されているためブログでは使えないのかもしれません。（seesaaなどのブログはサイトマップを出力する設定にしておけば自動で作ってくれるのでこのサイトマップをわざわざ使う必要はありません）
このツールは優先的にクローラーを呼び込むわけではありませんので作ったばかりのサイトはヤフーやグーグル独自のサイトマップ作成を利用すべきです。
これまでサイトマップを置かずにサイトを運営しており、既に検索エンジンにほとんどのページをインデックスされているが今後の更新を伝えたいという場合にこのツールを使うのがベストではないかと思います。
前置きが長くなりましたが説明いたします。
作成方法
①Site URL欄にあなたのサイトのURLを入力し「Generate sitemap」をクリック
②しばらくすると下のテキストボックスにコードが表示されるので全て選択し右クリックのコピー
③文字コードUTF-8を扱えるエディターを立ち上げ右クリックの貼り付け
④ファイル名を「ror.xml」にして保存しサイトのindex.htmlが置いてあるディレクトリにFTPで転送
ROR Sitemap Generator
⑤index.htmlファイルのヘッダーに↑
link rel="alternate" type="application/rss+xml" title="ROR" href="ror.xml" /の記述を追加
以上で終わりです。
当然のことですが
サイトを更新するたびに①～④の作業をしないと新しい情報が伝わりません。（一度作ったらあとは自動でやってくれると勘違いしないこと）
ぜひ！このページをお気に入りに！
Yahoo!ブックマークに登録
2007年07月08日
複数ファイル文字列変換ソフト
アフィリエイトで小さなアクセスを集める目的でページを量産することがありますが、リンクの更新などで困ることがあります。
今回はそういう時に便利な複数のファイルの文字列を一括で変換してくれるソフトを紹介します。
１００ページ２００ページとホームページを量産していくと広告などの張り替えに困ることがあります。
全部のファイルを一回一回エディタで開いて手作業で張り替えるのは至難の業ですよね。
「まっいいっか・・」と諦めてしまったことが何度かありますが、このソフトを使えば簡単に出来てしまいます。
置き換えするファイルがあるフォルダを指定
置き換え対象ファイルの指定（ワイルドカード使用可）
置き換え前の文字列
置き換え後の文字列
この４つを指定してやるだけで一気に変換できます。
いままでの苦労はなんだったんだぁ・・と思えるほど楽です。
複数行置換 ver.1.41
http://www.yoshibaworks.com/ayacy/inasoft/
http://www.vector.co.jp/soft/win95/util/se407023.html
こちらの作者さんはこのソフトの他にも便利なツールを沢山作っておられますので必見です。
今回はそういう時に便利な複数のファイルの文字列を一括で変換してくれるソフトを紹介します。
１００ページ２００ページとホームページを量産していくと広告などの張り替えに困ることがあります。
全部のファイルを一回一回エディタで開いて手作業で張り替えるのは至難の業ですよね。
「まっいいっか・・」と諦めてしまったことが何度かありますが、このソフトを使えば簡単に出来てしまいます。
置き換えするファイルがあるフォルダを指定
置き換え対象ファイルの指定（ワイルドカード使用可）
置き換え前の文字列
置き換え後の文字列
この４つを指定してやるだけで一気に変換できます。
いままでの苦労はなんだったんだぁ・・と思えるほど楽です。
複数行置換 ver.1.41
http://www.yoshibaworks.com/ayacy/inasoft/
http://www.vector.co.jp/soft/win95/util/se407023.html
こちらの作者さんはこのソフトの他にも便利なツールを沢山作っておられますので必見です。
2007年07月03日
自動でホームページを量産
ホームページを自動で量産してくれるツールを紹介します。
もちろん無料です。
概要
雛形となるHTMLファイルを1個作りデータファイルから挿入したい部分を[]で指定してやることでデータの個数分のHTMLファイルを自動で作ることが出来ます。
メリット
自動作成なので作業時間が短縮できる。
雛形とデータベースを使いまわしできるので、一度作ってしまえば再利用できる。
文字数が少なくてすむ携帯サイトに最適。
RSSデータなどを使わないのでオリジナル性の高いページが作れ、グーグルなどの補足結果にはなりにくい。
デメリット
自動作成であるためアドセンスはおけない。
データベース作成は手作業になる。
使い方
まずはこちらから「bpTran ver. 0.9m 」をダウンロードしてください。
http://webseeder.net/
大量生産する土台となる雛形のHTMLファイルを作ります。
↓こんな感じ
旅館を勧めるサイト
[県]の旅館のリストはこちら！
[旅館名]概観はこんな感じです
[旅館の写真]
お勧めポイント
[お勧め]
Copyright © 2003 旅館.com Inc. All Rights Reserved.
この[]で括られたところへデータベースの文字が入り、データーの個数分のHTMLファイルが自動で作られます。
データベースの中味はこんな感じ↓
県 旅館名 旅館の写真 お勧め
北海道 つるや tsuruya.jpg この旅館はうんちゃらかんちゃら
青森 はとや hatoya.jpg はとやのためのはとや
作成後はこんな感じ↓
旅館を勧めるサイト
北海道の旅館のリストはこちら！
つるや概観はこんな感じです
つるやの写真
お勧めポイント
うんちゃらかんちゃら
Copyright © 2003 旅館.com Inc. All Rights Reserved.
作成のこつ
データーベースと言われても何を題材に選んだらいいのか最初はわからないと思います。
県別のリストを使えば５３ページ作れますし、市町村名のリストを使うともっと沢山のファイルを作れます。
県名＋フィットネスクラブ
県名＋質屋
などのように県名にサブキーワードをつっくけて考えてみても面白いですし、楽天やヤフーオークションなどで商品のリストに「激安」という文字をくっつけてサイトを作るなどするといいかもしれません。
慣れたらすごく便利なツールなので是非お試しあれｗ
もちろん無料です。
概要
雛形となるHTMLファイルを1個作りデータファイルから挿入したい部分を[]で指定してやることでデータの個数分のHTMLファイルを自動で作ることが出来ます。
メリット
自動作成なので作業時間が短縮できる。
雛形とデータベースを使いまわしできるので、一度作ってしまえば再利用できる。
文字数が少なくてすむ携帯サイトに最適。
RSSデータなどを使わないのでオリジナル性の高いページが作れ、グーグルなどの補足結果にはなりにくい。
デメリット
自動作成であるためアドセンスはおけない。
データベース作成は手作業になる。
使い方
まずはこちらから「bpTran ver. 0.9m 」をダウンロードしてください。
http://webseeder.net/
大量生産する土台となる雛形のHTMLファイルを作ります。
↓こんな感じ
旅館を勧めるサイト
[県]の旅館のリストはこちら！
[旅館名]概観はこんな感じです
[旅館の写真]
お勧めポイント
[お勧め]
Copyright © 2003 旅館.com Inc. All Rights Reserved.
この[]で括られたところへデータベースの文字が入り、データーの個数分のHTMLファイルが自動で作られます。
データベースの中味はこんな感じ↓
県 旅館名 旅館の写真 お勧め
北海道 つるや tsuruya.jpg この旅館はうんちゃらかんちゃら
青森 はとや hatoya.jpg はとやのためのはとや
作成後はこんな感じ↓
旅館を勧めるサイト
北海道の旅館のリストはこちら！
つるや概観はこんな感じです
つるやの写真
お勧めポイント
うんちゃらかんちゃら
Copyright © 2003 旅館.com Inc. All Rights Reserved.
作成のこつ
データーベースと言われても何を題材に選んだらいいのか最初はわからないと思います。
県別のリストを使えば５３ページ作れますし、市町村名のリストを使うともっと沢山のファイルを作れます。
県名＋フィットネスクラブ
県名＋質屋
などのように県名にサブキーワードをつっくけて考えてみても面白いですし、楽天やヤフーオークションなどで商品のリストに「激安」という文字をくっつけてサイトを作るなどするといいかもしれません。
慣れたらすごく便利なツールなので是非お試しあれｗ
2007年07月01日
HTMLの文法チェック
HTMLの文法をチェックしてくれる便利なサイトがあります。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
必ず正しい文法で書かなければならないと言う訳ではないようですがちょっとしたメリットもありますのでチャレンジしてみるのもいいかもしれません。
１００点満点が取れたらこちらで申請してバナーを貼りましょう
http://validator.w3.org/
W3Cとはwebの標準化を推進する団体でHTML、XMLなどの基準を作っている団体です。
WC3のバナーを貼ることで基準に沿ったページであることが一目でわかり相互リンク申し込みなどに有利なのではないかと思います。
ちょっと意地悪な試みで
先ほどのサイトの文法をチェックしてみたところ
当然のことながら１００点満点でした。
ヤフー、グーグル、MSNなどのトップページをチェックしたら惨憺たる結果となっていましたのでSEOなどには無関係なのかもしれません。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
必ず正しい文法で書かなければならないと言う訳ではないようですがちょっとしたメリットもありますのでチャレンジしてみるのもいいかもしれません。
１００点満点が取れたらこちらで申請してバナーを貼りましょう
http://validator.w3.org/
W3Cとはwebの標準化を推進する団体でHTML、XMLなどの基準を作っている団体です。
WC3のバナーを貼ることで基準に沿ったページであることが一目でわかり相互リンク申し込みなどに有利なのではないかと思います。
ちょっと意地悪な試みで
先ほどのサイトの文法をチェックしてみたところ
当然のことながら１００点満点でした。
ヤフー、グーグル、MSNなどのトップページをチェックしたら惨憺たる結果となっていましたのでSEOなどには無関係なのかもしれません。
タグ：HTML
