ウェブ制作.net

このWebサイトの制作、更新を通じてWeb制作について学んだことと、Web制作会社に仕事をお願いするに当たって学んだことを書いていきます。
カテゴリ一覧
お気に入りリスト
Web制作会社一覧
Movable Typeコンテスト2006開催

MovableTypeコンテスト2006開催

GMO主催のMovable Typeコンテスト2006が開催されているみたいです。

『Movable Type で作成されたコンテンツを公開しているWebサイトであればどなたでもエントリー可能』とのことですので参加してみようかしら。
ipodとかゲーム機とかもらえるみたいですよー！！

参加申込することになったら、ここに掲載するのでぜひ投票してあげてください。。。
どうしよう・・・。

[ MovableTypeについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（1）｜トラックバック（1）
2006.08.11
ウェブ制作 で平均33位！

ウェブ制作 平均33位

ウェブ制作というキーワードで３大検索エンジンの平均順位が33位という好成績が出ました。 内訳としては、Yahoo 41位、Google 40位、MSN18位です。

ウェブ制作.netというドメインが良いのでしょうか。

SEOについて色々調べたり考えたりしていると、<h1>、<h2>、<h3>や<strong>といったタグをうまく使うとよさそうだ・・・という答えにたどり着きました。
実際にはどうなんでしょうねぇ？

ちかいうち、ウェブ制作で上位表示している人のホームページを見させてもらって勉強しようかしら。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.09
JavaScriptによるウェブ制作(フォーム編_002)
JavaScriptによるウェブ制作(フォーム編_001)に引き続き、JavaScriptでフォームのコントロールをしてみましょう。
前回おこなった文字アドレスを利用して、今回はフォームに入力してもらう文字に機種依存文字が無いかをチェックするものを作ってみたいと思います。 ↓を参考にしてみてください。

入力フォームのHTML記載例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>入力テスト</title>
<script language="javascript" type="text/javascript" src="ngword.js"></script>
<script language="javascript" type="text/javascript">
<!--
function presubmit(){
var iCount;
var fCount;
var iCode;
var cnt;
read_ng_chars(); //不正文字列DB読込
var erflg;
for (fCount=0 ; fCount<document.forms[0].elements.length ; fCount++){
st_val = document.forms[0].elements[fCount].value;
for (iCount=0 ; iCount<st_val.length ; iCount++){
iCode = st_val.charCodeAt(iCount);
for( cnt = 0 ; cnt < ng_chars.length ; cnt++ ){
if ((iCode == ng_chars[cnt])){
alert('不正な文字が含まれています。');
document.forms[0].elements[fCount].value = '';
erflg=1;
}
}
}
}
if(erflg != 1){document.form1.submit();}else{return false;}
}
//-->
</script>
</head>
<body>
<div title="説明" align="left" style="margin:0 0 0 20px;">
<p>入力値１、入力値２に入力された値を読み取り、前回のお勉強で使ったように入力値を文字アドレスに変換します。<br />
その後、NGワードの書かれた外部JavaScriptファイルを読み込んで、問題があるか無いかをチェックしています。<br />
チェックして問題がある場合には、「問題があるよ！」とメッセージを出した上で入力値を消してしまうようにセットしてあります。<br />
なお、現状&#9312;～&#9321;が問題あるものとしてNGワード集に登録されています。<br />
<br />
入力枠を増やせば自動的にチェック対象が増えるようになっています。<br />
</p>
</div>
<form name="form1" method="post" action="/path/to/cgi" onsubmit="return false;">
入力値１<input type="text" name="intext01" value="" /><br />
入力値２<input type="text" name="intext02" value="" /><br />
<input type="button" name="Submit" value="チェック" onclick="javascript:presubmit();" />
</form>
<div style="float:left; margin:9px 0 0 0 ;">
<address><a href="http://www.xn--gckc5l536jj8c.net/" target="_blank" title="ウェブ制作.net">&copy;ウェブ制作.net</a></address>
</div>
<div style="float:right;">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
</body>
</html>

ngword.js の記載例
function read_ng_chars(){
ng_chars = new Array(
9312, //①
9313, //②
9314,  //③
9315,  //④
9316,  //⑤
9317,  //⑥
9318,  //⑦
9319,  //⑧
9320,  //⑨
9321  //⑩
);
}

[ JavaScriptについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.09
文字コードの変更

ウェブ制作.net MovableTypeの文字コードいれかえ

Yahooのブログ検索でなかなか検索されないので色々と実験をしたところ、RSSがUTF-8で作られていないといけないことが判明。

ぐりぐりごりごりとやりながら、DBの中身を入れ替えたりMovableTypeの設定を変更してやっと変更が完了しました。
（どうやったかは、面倒なので今日は割愛・・・）

しばらく運用してみて、どうなるか検証してみたいと思います。
Yahooブログでもウェブ制作で検索されると良いな！！

[ MovableTypeについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.07
ウェブ制作.net とりあえず完成

ウェブ制作 完了

・・とでも言うのでしょうか。

とりあえず、やっと全カテゴリにページが出来上がりました！

気がついたらウェブ制作というキーワードで思いもよらぬ好成績。
ですので、しばらくしたら多くの方が見てくれるサイトになるでしょうからちゃんとコンテンツを作る必要があるなぁと思いました。


いやぁ、ホームページをちゃんと？作ったのは大学の時以来なので何年ぶりになるのやら・・

[ コメント ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.06
JavaScriptによるウェブ制作(フォーム編_001)

JavaScriptでフォームのコントロールをする

というお題で何かやってみたいと思います。

書きながら考えるので支離滅裂な部分があるかもしれませんが・・・・。
まずは、文字入力チェックのための下準備。
フォームで入力した値の文字アドレスを取得する技です。

このウェブ制作.netでもシステムを作る機会が利用します。（そのときは、どこで使ったかを書きますね。）
、、、というか、たぶん近いうち（1ヶ月くらい？ ＞＜；）のうちにコメント入力フォームをチャンと作りなおすので、そのときに入れようかな・・と思っています（＾－＾

↓参考にしてみてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文字アドレスチェッカー</title>
<script language="javascript" type="text/javascript">
<!--
function val_check(stname){
document.form1.outtext.value = '';
st_val = document.form1.intext.value;
for (iCount=0 ; iCount<st_val.length ; iCount++){
iCode = st_val.charCodeAt(iCount);
iCodeTag = '&#' + iCode + ';';
document.form1.outtext.value = document.form1.outtext.value + iCodeTag;
}
}
//-->
</script>
</head>
<body>
<div title="説明" align="left" style="margin:0 0 0 20px;">
<p>「入力」の中に文字を入れて、「チェック」をクリックすると、 「
&amp;#12354;」みたいにな感じで「出力」の枠にコードが出てきます。<br />
この変な呪文みたいなヤツはJavaScriptで入力された文字のチェックをするときなんかに利用出来ます。<br />
<br />
<br />
また、機種依存文字なんかもこれで出てきたコードを入れれば大体OKだったりします。</p>
</div>
<form name="form1" method="post" onsubmit="return false;" action="">
入力<input type="text" name="intext" value="" /><br />
出力<input type="text" name="outtext" value="" /><br />
<a href="javascript:val_check('intext');">チェック</a>
</form>
<div style="float:left; margin:9px 0 0 0 ;">
<address><a href="http://www.xn--gckc5l536jj8c.net/" target="_blank" title="ウェブ制作.net">&copy;ウェブ制作.net</a></address>
</div>
<div style="float:right;">
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</div>
</body>
</html>
[ JavaScriptについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.06
Web制作 も狙いますよ！

ウェブ制作なるキーワードでいい感じ♪

Yahoo!でウェブ制作というキーワードで41位になりました！！
SEO対策らしいことは、結局何も出来ていないのですが、なぜか順位が高いです。

ウェブ制作というキーワードは約6,870,000件も登録されているようですので、
計算上、167,560件しかないキーワードならTOPだった訳です。

www.ウェブ制作.net Yahooで41位の証拠写真

ウェブ制作.net Yahooでウェブ制作にて41位！

ウェブ制作でTOP10に入れたら、Web制作でもTOPを目指してみようかしら。


・・・そろそろ、唯一埋まっていないJavaScriptのページも埋めます。
実は最近はJavaScriptを結構勉強したのです。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.05
コメント投稿機能！

やっとコメント投稿機能がつきました！！
と、いいつつ見た目が良くないのですが、調整が難しいので後回し・・・。

[ MovableTypeについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.05
アクセスランキング参加

アクセスランキングに参加してみました。
見ている方がいたら押してあげてください。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.05
SEO効果？が出ていますよ！！

Googleでウェブ制作 SEOを検索すると、こんなものが16位にヒットしました。
もしかしたら、ガンガン順位があがる前触れなのかしら？？
SEOばっちりということ？

このまま順位が上がっていってくれるなら、ウェブ制作会社とかSEO対策会社とかにバナーを売ろうかしら。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.04
Googleでも検索されます！！

MSNに引き続きGoogleにも掲載されました。
もうね、3大検索エンジンに掲載されちゃったらあとは早いでしょう。

テーマはSEO!!。
とにかく検索されること・見てもらうことを目指しましょう！

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.04
ホームページ、SEO対策の第一歩

検索エンジンのMSNでも検索結果に出るようになりました。
ウェブ制作とかホームページ制作というキーワードで上位に出たら凄いよね？？
ホームページ制作会社さんとかが我先にと競争しているとこるじゃん。
なので、しばらく(2-3ヶ月くらい？)はこのウェブ制作というキーワードで上位表示(ま、100位以内？)を目指してみます。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.04
Yahooに載りました！

早くもYahooに載りました！

googleとmsnにも載るようにクローラーの登録をがんばります！
毎日コツコツと登録していればいつか・・・・。

[ SEOについて ]
いいな！と思ったら投票をお願いします。
｜この記事のURL｜コメント（0）｜トラックバック（0）
2006.08.02
最近の記事一覧
最新の記事一覧
最新のコメント一覧