メールマガジン(メルマガ)のバックナンバーをWebサイトに自動で表示ITエンジニアの四方山話PHP、Perl、html、xmlの開発メモ、その他色々書いています。バックナンバークリエイターバックナンバー表示ソフト2007年06月30日メールマガジンバックナンバー自動生成ソフト【バックナンバークリエイター】のバージョンアップをしました。各バックナンバーにリンクを作成し、一覧表示していますが、このリンク(アンカータグ)にtitle属性を設定するように機能を追加しました。・アンカーテキスト・title属性があります。アンカーテキストとは、リンクがはられる文字のことです。href="URL">アンカーテキスト</a>アンカーテキストにはリンク先のページをキーワードを含めて表現します。title属性には、リンク先のタイトルを設定します。title="リンク先のタイトル">アンカーテキスト</a>このほかにも、アンカータグに【rel="nofollow"】を設定すると、Googleのポイント(ページランク)が割り振られなくなります。相互リンク先へ設定してはいけませんが、内部リンクへは賢く設定しましょう。ページランクと良質な被リンクへ載せています。これでSEO対策を施したメルマガバックナンバー画面が簡単に作れます。左メニュー共通化2007年06月17日メルマガバックナンバー作成ソフト【バックナンバークリエイター】で左メニューを共通化する方法を紹介します。各バックナンバーファイルの左側に、バックナンバーへのリンク一覧を表示しようとすると、毎回全てのバックナンバーを再作成しなければいけません。これではサーバーに負荷がかかるので、全てのバックナンバーファイルから共通のメニューを読み込む方法を紹介しています。新機能追加完了2007年06月06日メルマガバックナンバー表示ソフト【バックナンバークリエイター】に新機能追加です。各ナンバーへのリンクに【rel="nofollow"】を設定できるようにしました。GoogleのSEO対策に利用できます。Googleは、各ページにはられたリンクに、均等にそのページのポイント(ランク)を割り当てます。ページAのポイントが100で、ページAにリンクが20個あれば、それぞれのリンクに、5ポイント割り当てます。ページAからページBへリンクがあれば、ページBにページAから5ポイントが入ってきます。【rel="nofollow"】を設定すると、ポイントの割り当てが行われなくなります。ブログへのスパムトラックバックに対抗してGoogleが導入しました。これを内部リンクに上手に利用しましょう。ページランクと良質な被リンクに書いてあります。新機能追加完了2007年05月17日メルマガバックナンバー表示ソフト【マグナンバー】に静的化ファイルを出力するという機能を追加し終えました。名前も【バックナンバークリエイター】と変更しました。出力できるファイルは、ユーザーが指定可能です。htmlだけでなく、phpなどなんでもOKです。ローカルPCのExcelで動くようにしようかと思ったのですが、せっかくURLにリンクを作成する部分や指定文字数で改行する部分のコーディングが終わっているので、WWWサーバーで動くソフトにしました。PHP4以上が動くサーバーで動きます。仕様追加2007年05月10日メールマガジンバックナンバー表示ソフト【マグナンバー】ですが、仕様を追加することにしました。今まではURLの後ろに【?】をつけて引き渡された引数によって、表示するナンバーを判断していたのですが(動的)、htmlとしても書き出せるようにします(静的化)。この方がサイトマップもRSSも作りやすいし、何よりユーザーが慣れているかな、と思ったからです。慣れてしまうと、動的ファイルのほうが扱いやすいのですが、なれないうちは難しく感じるかもしれません。管理画面を用意します。管理画面からhtmlファイルを作成するメルマガファイルを入力、ボタンクリックで、htmlファイルを作ります。文字コードも指定できるようにしようかと思っています。お験し版2007年04月29日バックナンバー表示ソフト【バックナンバークリエイター】のお試し版を作りました。お試し版ダウンロードお試し版は少し機能を限定してありますが、どんなソフトか体験するには十分です。・製品版は登録されたバックナンバーへのリンクが一覧表示されるが、お試し版は1つのみ表示またリンクの文字も製品版では自由に設定できるが、お試し版はできない・SEO対策のため、バックナンバー画面の好きな箇所へ好きな文字を3つ出力できるようになっているが、お試し版では2つと限定です。・URLに自動リンク・指定文字数で自動折り返しなど肝心な部分はきちんと体験できます。お試し版には、画面のテンプレート、スタイルシート、設定ファイルのサンプルがついてます。体験してみてください。SEOに効果的なメルマガのバックナンバーを自分のWebサイトやブログに表示し売上を伸ばそう!』ですが、全くと言っていいほどダウンロードがありませんでした。ダウンロードがないということは、レポート名か説明に魅力がないか、検索に引っかかってないということです。想定していたキーワードは、メルマガ(メールマガジン)、バックナンバー、表示、SEOなどです。メルマガのバックナンバーというのがこちらが想定していたものとは異なる使われ方をしているようです。メルマガのバックナンバーをまとめたレポートになっているように思いました。そこで、タイトルと説明文はもちろんですが、内容も少し変更して再作成しました。SEOに最適なコンテンツで非常に濃いアクセスをサイトにドンドン集めよう!今度は順調にダウンロードがあります。キーワードって大事ですね。この辺は経験がほとんどないので、まだまだ試行錯誤です。無料レポート作成2007年04月12日メールマガジンバックナンバー表示ソフト【バックナンバークリアイター】のビジネスでの利用の仕方を書いた無料レポートを作りました。SEOに効果的なメルマガのバックナンバーを自分のWebサイトやブログに表示し売上を伸ばそう!いつものことならが、ソフトそのものより、マニュアル、無料レポートといったドキュメントのほうが作るのにエネルギーを費やします。慣れていないこともあるのでしょう。そのうちスイスイ書けるようになりたいものです。コメントTop↑バックナンバークリエイターメールマガジンバックナンバー販売開始2007年04月11日メルマガバックナンバー表示ソフトが完成したので、販売を開始しました。バックナンバークリエイターとネーミングしました。最後の仕様は、今までの仕様を変更しました。今までは、URLの途中に指定折り返し文字数があれば自動改行することにしていましたが、URLの途中であろうが、なかろうが折り返すことにしました。・バックナンバーを表示するテンプレートを用意。バックナンバーを表示していればものの数分で作れます。表示していなくてもいつも使っているソフトを使って作れます。この作業は初回のみ、あるいは表示を変更したいときにのみする作業です。メルマガを配信するたびする作業は・テキスト形式のメールマガジンを用意。これはメルマガを配信すれば必ずできます。・ファイルをサーバーにアップロードこれでバックナンバーが簡単に表示できます。その52007年04月10日メルマガ本文、タイトル、左メニューの作成方法は決まりました。逆に言えば、これら以外の部分例えば、ヘッダタグ、サイトの名前を表示するヘッダ、コピーライトなどを表示するフッタなどをどう表示するかは決まっていません。各ユーザーが各自のhtmlファイルを用意し、本文、メニューを表示したい部分でPHPの関数を呼び出してもよいのですが、これではファイルにアクセスする回数が増えてしまいます。そこで、各ユーザーにはバックナンバーを表示するhtmlのテンプレートを用意してもらいます。そのテンプレートに、置換変数を埋め込みます。タイトルを表示したい部分に%title%を、メルマガ本文を表示したい部分に%content%を書いておきます。バックナンバー表示ソフトでは、メルマガ本文の編集、左メニューの編集を行い、テンプレートを読み込んで、置換変数を置き換えて画面に表示します。・</body></html>と出力されます。テンプレートの方がユーザーにはフレンドリーな上、カスタマイズもかなりできます。その42007年04月09日メルマガ本文の編集方法は決まりました。今度は、どのメルマガを表示するかをどうやって決めるかです。メルマガ表示ソフト:back_number.php各メルマガファイル:mm001.txt、mm003.txt、mm002.txt・・・とします。どのメルマガを表示するのかを、メルマガ表示ソフトへ知らせなければいけません。これはURLに引数を付けて知らせる事ができます。http://sample.jp/back_number.php?mm_id=mm001.txtとるすと、変数mm_idにmm001.txtが代入されるので、mm_idをメルマガ表示ソフトに渡してやれば、どのファイルを表示すればよいかがソフト側でわかります。mm002.txtを表示したい場合は、http://sample.jp/back_number.php?mm_id=mm002.txtとなります。次はタイトルタグの表示です。タイトルタグは、各回のメルマガのサブジェクトやタイトルが異なるように、メルマガによって変えたいですよね。毎回同じでいいのなら話は簡単なんですが、SEO対策上変えたいという人が多いでしょう。なると、どのメルマガには、このタイトル、と紐付けるものが必要になります。・というcsvファイルを作って紐付けます。どのファイルを表示するかはわかっているので、このファイルを見れば、タイトルが取得できます。このファイルを使って、左メニューも作成します。これで、メニューの表示文字が取得できるようになります。メニューが空文字ならタイトルを表示するようにすれば、同じ場合は入力が省略できます。メニューの文字にはるリンクは、ファイル名から作ることができます。これでタイトル、メニューの作成ができます。ここで、メニューについてもう少し考えてみると、ユーザーによって使用したいタグが異なると思うのです。・</table>としたい人もいます。人によって違うでしょう。そこで、メニューの表示はテンプレートで対応することにします。各ユーザに次のようなテンプレートを用意してもらいます。<ul><li>%menu%</li></ul><table><tr><td>%menu%</td></tr></table>などです。%menu%に編集したメニューが入ります。これではまだ不完全です。<ul>タグを例にしてみていくと、実際のタグは、<li>メニュー</li>がメニューの数だけ繰り返されます。この繰り返しも指定してやらなければいけません。これは各タグによって違うので、テンプレートの中で繰り返す部分を指定します。--></ul>と変更します。これで繰り返し部分がわかるようになります。その32007年04月08日URLの自動改行です。URLは1行でという決まりを作ったので、ソース(プログラム)の方で自動改行しないといけません。ブラウザ上で改行するには、通常<br>を使います。<br>は強制改行するタグで、段落内で改行したいときに使います。今回はURLの改行です。アンカータグ内での改行をします。<br>は使えません。アンカータグを途切れさせることなく、画面上では折り返して見える方法を考えなければいけません。幾つか試してみると、アンカータグ内にキャリッジリターン(改行文字)を入れると、リンクも切れず、画面上は折り返してみえることがわかりました。折り返す文字数は、ユーザーが指定できるようにします。メルマガファイルを1行ずつ読み込んで、その行にURLがあれば文字のカウントを始めます。指定された文字数が、URLの中にあるときはキャリッジリターンを入れます。URLの中ではないときはなにもしません。リンクはhttp://sample.jp/abcde.hmtlにはられたままです。折り返し指定文字が本と文の間だったときは折り返しません。ここで折り返したら整形済みテキストの表示ではなくなります。通常の文章の折り返しは、あくまでファイルに従います。これでメルマガ本文の表示部分のコーディングは終わりです。次はタイトルタグと左メニューの出力です。引き続きメルマガバックナンバー自動表示ソフトです。大切なメルマガの本文にURLがある場合、リンクをはる部分のコーディングです。<pre>タグの中でリンクをはるにはどうすればいいのか調べてみました。通常と同じようにアンカータグ(<a>)で大丈夫です。ここで、2つ決まりごとを作ります。ユーザーさんにはこれを守ってもらいます。1.URLを途中で改行せず、1行で書いてもらいます。文の途中にURLが出てくるのはかまいません。OKですが、http://sample.jp/abcdefg.htmlはNGです。2.URLの前後は全角文字か、全角か半角のスペースを入れてもらいます。しないとURLの切れ目がわかりません。OKですが、aaaaaaaaahttp://sample.jp/bbbbbbbbbbbはNGです。bbbbbbbbbbbとします。メルマガのファイルを1行ずつ読み込んで、【http://】か【https://】がないかチェックします。【http://】か【https://】があれば、URLの終わりを探します。全角文字、スペース、1行の終わりのいずれかになったらURLが終わったことになります。これでURLがわかるので、この部分にリンクをはります。ファイルのURLの部分をアンカータグを付加したURLに置き換えればリンク完了です。次はURLの折り返しです。今度はテキスト形式のメルマガのバックナンバーを自動表示するソフトの開発をしています。メルマガの内容、メニューなどを表示するバックナンバー自動表示ソフトです。バックナンバーを自分のWebやブログに表示するのは、SEO対策上もかなり有効なのだそうです。各ユーザーによって、タイトルはこうしたい、メタタグはこう書きたい、こんなスタイルを適用したいなど、色々なニーズがあるでしょうから、できるだけ損なわないようにしようと思っています。肝心なのはメルマガ本文の表示です。・メールマガジンのテキストファイルをサーバーにアップロード・テキストファイルを読み込んで必要な処理をして画面に表示とします。本文表示には、<pre>タグを用います。<pre>は整形済みのテキストを表示するタグです。テキストファイルの内容がそのまま表示されます。<pre>タグは、テキストがそのまま表示されるので、URLにリンクははられません。そこはコーデング(プログラミング)で自動的にリンクをはります。1つ、長いURLの場合も困ります。自動的に折り返さないので、ブラウザや表示したいエリアの横幅をオーバーしてしまうこともあります。こでもコーディングで自動的に折り返します。折り返す文字数もユーザーが指定できるようにします。大事なメルマガ表示部分の仕様はこれで決まりです。SE・PGやっていました。次の良い仕事がみつからないので、ビジネスへ注力しようと思っています。