ホームページ作成SEOマニアックス

Windows MediaPlayer11　でHTML埋め込みwmvが視聴出来ない現象

Tue, 26 Aug 2008 16:23:15 +0900

たまたま私の環境が悪いのか、Windows MediaPlayer11がおかしいのか、はたまた埋め込みタグを修正しなければいけないのか... HTMLに埋め込んだwmv動画が、Windows MediaPlayer11をインストールした環境だとFirefoxでもIEでも（って言うか全てのブラウザ）で表示されない。。。（汗）当サイトの記事でwmvファイル埋め込み（Java Script 編）の手法ではうまく再生できないみたいだ。チョットMSのページで勉強するようだな。。。解明できれば良いけど... つうか、今時はFLVが主流なので、Windows MediaPlayer11なんて、どうでも良いかと思う今日この頃。。。

FLV動画の埋め込み手順

Mon, 25 Aug 2008 00:40:00 +0900

近年、Webで扱う動画はFLV形式のフラッシュビデオが主流になりつつあります。おなじみのYou Tubeで扱っているのもFLVであり、Windows Media Player がMac用の開発をやめたことも拍車をかけているのかもしれない。ちなみにMacOS用のWindows Media Playerは、Windows Media Player 9 for Mac OS Xまで。そんな訳で、私の所でもFLVを扱う事がかなり増えてきています。 FLVをHTMLに埋め込むにはいくつか方法がありますが、ここでは簡単で分かりやすい手順を紹介することにします。

Safariでのcssレイアウトずれ対処

Fri, 22 Aug 2008 17:27:44 +0900

IE7やIE6でのcssを使ったズレの対処法を以前に書いたが、今回はSafariのズレの対処法。どうせならMac用Safari・Windows用Safari両方に対応しているものの方が良いですよね？てな訳で、まぁ、世間で言うCSSハックってヤツですが困っている方は使ってみると良いでしょう。

Firefox3 公開！IE7より9.3倍早い！！！

Thu, 19 Jun 2008 12:10:00 +0900

米Mozillaが、米国時間2008年6月17日にオープンソースWebブラウザの最新版「Firefox 3」を公開しました！史上最速ブラウザとのウワサ。 FireFoxを以前から使用していた著者にとっては嬉しい話である。実はFirefoxはOperaなんかと比べて若干遅いってのが気になっていましたのでf^^; あっ、もちろんIE7みたいな使えないブラウザは、はなから比較対照外です（笑）

自宅サーバーでの検索エンジン対策

Tue, 20 May 2008 12:45:00 +0900

ここ数年自宅サーバーにていくつかのサイトを作成してきて、なんとなく解ってきた事がある。日本国内での2大検索エンジンである、YahooとGoogleのキャッシュ状況についての話。サイトの作りやその他色々な要因は有ると思うのだが、一版肝心な所だと思われる事をいくつか取り上げますので、これから自宅サーバーでWebサイトを作ろうと思っている方は参考にしてみてください。

相互リンクと被リンク

Mon, 19 May 2008 11:30:00 +0900

よく、相互リンクとか被リンクと言うことを耳にすることが有ると思います。一体それらは何なのか？また、それらはどんな役割を果たすのか？メリットは？それらを簡単に説明します。

metaタグを知ろう！

Thu, 15 May 2008 11:40:00 +0900

ホームページを作ってしばらくすると、metaタグと言う言葉を耳にすると思います。では一体metaタグとは何なのでしょう？その辺りを初心者にも出来るだけ解りやすく説明します。

go-pear.phpが実行できない場合

Wed, 07 May 2008 23:05:00 +0900

PEARのインストール（さくらサーバー編）でpearのインストール手順を記しましたが、一部のサーバーで、go-pear.phpが動きませんでした。試したのはコアサーバー原因は簡単な所にありますので、その手順を紹介します。

SEOを考慮したサイトの引越し（301リダイレクト）

Fri, 02 May 2008 15:55:00 +0900

新しくドメインを取った時など、サイトの引越し案内をリンクしてもらっている人に出したりしますよね？それと同じで検索エンジンにも案内を出す必要があります。案内と言っても、検索エンジンに向けてメールを出したりするわけでは有りません（笑）では、どんな方法があるのか、例を挙げます。

IE7でのレイアウトずれ対処

Thu, 01 May 2008 09:15:00 +0900

スタイルシートでサイトのレイアウトを作成していると、様々なブラウザで確認してみるとレイアウトがずれることがある。特にインターネットエクスプローラー（以降IEと略）... 同じIEでもIE7とIE6では表示の方法が全く違うので、レイアウトが崩れてしまう。 IE以外のブラウザではずれないのに、こいつらだけはどうしようもないほどに崩れる駄目ブラウザである。そんな駄目ブラウザが日本国内のシェアーの大半を占めているのであわせないわけには行かず... と言うわけで、ここではIE7だけにCSSを適用させる手順を掲載します。

バックリンク（被リンク）について

Mon, 21 Apr 2008 15:43:00 +0900

ホームページ初心者の方でも、リンクとか相互リンクと言う言葉を聞いたことはあるでしょう。ホームページを作成できたらできるだけ他のサイトからリンクをもらうようにしましょう。では、なぜリンクしてもらうが必要なのか。簡単に説明します。

Thumbs.db ファイルをFTPに残さない（作らない）

Mon, 21 Apr 2008 02:35:00 +0900

Windowsユーザーだけの問題なのだが、画像ファイルをフォルダごとFTP転送するとThumbs.dbと言うファイルができてしまう。こんなものは邪魔なもの以外の何者でもないし、サーバー容量を圧迫するだけなので削除したほうが良い。そもそもこのThumbs.dbとは何なのか？その解説とThumbs.dbを作らない手順をお教えします。

自宅サーバでのwmv埋め込み+Firefox・Mozilla（Apache）

Sat, 19 Apr 2008 13:00:00 +0900

自宅サーバを使っている場合でwmv・swfなどの埋め込みをした場合、FirefoxなどのMozilla系ブラウザで埋め込んだwmvなどを再生しようとクリックすると、ダウンロードのメッセージが出てしまう場合がある。自宅サーバーにかかわらず、Apacheの古いバージョンのレンタルサーバーの場合も同じ状態になることがある。原因はApacheのmime.typesの設定にある。

サイト整理=リンク切れのチェック

Tue, 15 Apr 2008 19:20:00 +0900

長年ホームページ作成を行っていると、サイトのページ数も多くなると共に、リンク集なども増えてきたりする。レイアウトを変えたりデザインを変えたりしているうちに、いくら気を付けていてもリンクが切れてしまう場合があります。中にはリンクしていたサイトのURLが知らぬ間に変わっていたり、またはそのサイト自体が無くなっていたり... リンクが切れているページをそのまま放置するのはSEO的にも良くありませんし、すぐにでも修正したいと思うけど、リンク切れを探すのって結構面倒なので後回しにする事ってありませんか？そんなときには便利なツールがありますのでご紹介します。

FireFox Add-ons Edit CSS

Tue, 15 Apr 2008 09:10:00 +0900

日本でのブラウザの使用率はインターネットエクスプローラーが7割とか言われています。 WindowsOSのシェアが多いので仕方が無いことなのだろうが、世の中にはインターネットエクスプローラーしか知らないというユーザーが非常に多い。というか多すぎる。。。ブラウジングしかしないユーザーならいざ知らず、ホームページを作成しているユーザーまでそんな方が多いというのは如何なものか？世の中、OSだってWindowsだけではないし、OSが違えばブラウザだって違うのだ。という私もWindowsをはじめ、MacOS、Fedora core、Solarisなどを使用している。何が言いたいかというと、ホームページを作成するのなら、すべてのブラウザで正常に表示できるサイトを作ることを心がけたいという事だ。 IEのみでしか確認していないと、他のブラウザで見たときにレイアウトが崩れていて、とても見られたものじゃないというサイトが結構多いのだ。ここではそんな悩みを少しでも解決してくれる便利なブラウザFireFoxを紹介する。

Flash(.swf)の埋め込み-IE・Mozilla系共有

Mon, 14 Apr 2008 04:20:00 +0900

wmv（WindowsMwdiaVideo）ファイル埋め込み（Java Script 編）と同じ要領で、ここではWebで汎用性の高いFlash（swf）の埋め込み手順を解説する。最近ではflvが主流になってきたが手順は同じである。なぜFLVやSWFのようなFlashがよく扱われるかというと、ほとんどのブラウザ、ほとんどのOSに対応できるというメリットがあるからである。 Flashなどのビデオファイルは、embedタグで記すのだが、embedタグは文法上よくないので、ここではscript化して読み込ませる方法を紹介します。

wmvファイル埋め込み（Java Script 編）

Tue, 08 Apr 2008 03:40:00 +0900

wmv動画の埋め込み（IE・Mozilla系共用）でhtmlへのwmvビデオファイルの埋め込みを記したが、Mozilla用のembedタグをhtmlに書くと、実はXHTML1.0 Transitionalの文法上よろしくない。サイトの文法をチェックするにはAnother HTML-lint gatewayと言う文法をチェック出来るサイトがありますので利用すると良いでしょう。ではWindowsMediaファイルを埋め込んだページで文法を正しくするにはどうするか？ wmvの埋め込みタグをJavaScript化して、scriptを読み込ませれば問題は解決する。と言うわけで、Scriptの記述例を説明します。

wmv動画の埋め込み（IE・Mozilla系共用）

Fri, 28 Mar 2008 08:50:00 +0900

私は動画をメインの仕事をしているので、htmlページ作成依頼が来たときなども、動画を扱う事が多かったりする。今では普通に行っているが、初めて動画をwebページに埋め込む時にかなり調べまわった記憶が有るので、これから自分で作った動画を埋め込みたいと言う方もきっと悩んでいる部分も有ることでしょう。と言うわけで、IE系、Mozilla系両方で上手く埋め込み出来て、IEのアクティブコンテンツの警告も出ないようにする手順を掲載します。

IEでのレイアウトずれ対処（css）

Wed, 19 Mar 2008 12:05:00 +0900

スタイルシートを使用して頑張って作ったページが、IE（Internet Explorer）とMozilla系でレイアウトがずれてしまう事ってよくありませんか？特にInternet Explorer... 逆にIEだけは正常表示されていて、FirefoxやNetscapeなどの他のブラウザでずれてしまうと言うのは... 正直言って救いようが無いです（汗）そのようなサイトはCSSの前にタグを根本的に見直す必要があります。。。かく言う私も以前非常に悩んでいた事がありました。。。 FireFox、Opela、NetScape、Safariでは全くズレていないのに、IEだけがレイアウトが崩れる現象。。。だからIEは嫌いなんだよ！！！と愚痴をこぼしても日本人の7割が使用していると言われるIEでレイアウトが崩れてしまっては、苦労も報われないと言う物... と言うわけで対処法です

IE6以前でpng透過画像を使用する

Tue, 11 Mar 2008 07:20:00 +0900

サイトのデザインをしていると、どうしても透過画像なんて物を使いたくなりませんか？透過画像と言うと、GIFやPNGなんて物があるのですが、 GIF画像はどんなブラウザでも対応しているけど、影とかがギザギザで汚くてちょっとカッコ悪いですよね… 対するPNGはとてもきれいなのだけど、Win版のIE6（インターネットエクスプローラー6）以前ではまともに表示してくれない。。。つうか、Win版のIEがPNGに対応してなかったりするので困りもの… とは言え日本国内でIEのシェアは7割程あるので、 IEなんて嫌いだ！と言ってIEに合わせない訳にはいかないというジレンマ。。。 IE7でやっと対応したが、それでもIE6以前のユーザーはまだまだ多い。ずっと諦めていたのだが、このサイトを作るにあたりなんとなく調べてみたら… 世の中には頭の良い方がいるもので、IEに合わせてJavaScriptを作ってくださった方がいるのだ。ありがたい物です。(-人-) ってな訳で、そんなスクリプトの紹介。

フレームセットの利点と欠点

Mon, 10 Mar 2008 14:35:00 +0900

最近では作りやすいブログの方が多くなってきたので、手打ちサイトは少なくなってきましたが、ホームページビルダー・AdobeのGoLive・Dreamweaverなどのホームページ作成ソフトもまだまだ現役で使用されています。あなたがもしホームページ作成で収入を得ているならこの手のソフトは補助的に使用してタグをちゃんと理解して作成するのがベストですが、通常は個人のホームページを作成するのに使用している方が多いはずです。初級編ではタグの使い方は置いといて、少しでもアクセスを増やせるページと言う物を考えたいと思います。そこで今回はフレームセットの利点と欠点の説明です。

htmlファイル整理｜ディレクトリ毎のファイル整理

Sun, 09 Mar 2008 08:50:00 +0900

ホームページをはじめて作る場合に良く起こりがちなのがファイルの散在である。特にホームページの作成アプリケーション（ソフト）等で作っている場合、作り手がファイルの格納場所（保存場所）を意識していないと自動で保存されてしまうので、ファイルが散在する事になってしまう。 Web上ではちゃんと画面が表示されるので全く問題無いと思いがちだが、実はそうではない。デザインの変更や記事の書き直しなどの作業をする場合、作成した本人が書き直したいファイルがどこにあるか分からなくなってしまうと言う状態になりがちである。そして何よりSEO的に見ても非常によろしくない。 SEOの件については、追々記載するが、ファイルの散在は良くないと言う事だけは頭に置いて欲しい。と言うわけで、今回はファイルの整理と、URLの構造についてのお話。

検索エンジンを意識したサイトを作る

Sat, 08 Mar 2008 04:30:00 +0900

ホームページのタイトルと内容でも述べたとおり、余りにもマイナーな話題でサイトを作ってもそれを見に来る人は少ないです。知人にURLを教えた所で知人しか見に来ません。それはなぜでしょうか？サイトを観覧するときは、通常は検索サイトで検索をし、そこに表示されたサイトを見に来るからです。不特定多数の方が観覧しに来るサイトを作るには、インターネットと言う物を有る程度理解しなければいけません。このサイトを見てくださっているあなたも、YahooやGoogle等の検索エンジンで検索してここに辿り着いたと思います。そのように、検索エンジンで検索されるサイトを作る必要があるのです。

ホームページのタイトルと内容

Thu, 06 Mar 2008 03:05:00 +0900

ここ数年、普通のホームページに加えブログ等もかなり増え、誰でも手軽にホームページなる物を作ることが出来るようになった。そこで、初心者でなくとも、ホームページ作成にあたりまず最初に悩むのはタイトルと題材ではないだろうか。かっこいいタイトルは付けたいし、内容も折角作るのだからみんなに見てもらえるサイトを作りたいというのが本心だろう。どんなに一生懸命に作っても、誰も見に来てくれないのでは作った意味も無くなってしまう。初めてホームページを作るなら、サイトの見た目は良いに超した事はないのだが、デザインよりも内容に重点を置くべきであると思います。デザインは後からも作り変えられるので、まずは中身を充実させる事を考えるようにしましょう。そのような観点から、私なりに思い付いた事を挙げておきます。

MT作成サイトのPHP化手順

Wed, 05 Mar 2008 10:35:00 +0900

MT（Movable Type）で作成したブログのPHP化手順です。

htmlページを、.htaccessに記述して、擬似的にPHP化する手順もありますが、ちょっとスマートじゃないので、どうせならちゃんとPHP化しちゃいましょう。

ここではMT3.5での手順ですが、MT4でも手順は殆ど一緒です。

さくらサーバーでのPHPサイト構築

Tue, 04 Mar 2008 23:10:00 +0900

さくらサーバーでMTなどでPHPサイトを構築する場合、PEARのバージョンが古いと、うまくPHPが動かなかったりします。その場合はPEARをインストールしなおしてください。 ↓ さくらサーバーへのPEARインストール手順ここではPEARをインストールした後のphp.iniの書き換えを掲載します。

PEARのインストール（さくらサーバー編）

Tue, 04 Mar 2008 22:45:00 +0900

さくらサーバのPearは古いバージョンなので何かと不都合が多い。どうしても使いたい場合がある場合は、Pearをインストールしなおした方が良い。と言うか、新しいバージョンにしないと使えない（汗）と言うわけで、さくらサーバーへのPEARインストール手順を記載する。（つうか、自分が忘れない為でもあったりする（苦笑））

サクラエディターの使い方

Tue, 04 Mar 2008 11:15:00 +0900

サクラエディターの使い方文字コード変換編です。 HTML作成アプリケーションなどで作ってしまうと、ヘッダーに文字コードが付いたり、文章事態の文字コードが決定されてしまいます。 Shift_jisで運営されているサイトにUTF-8のページを掲載したいなどの特殊なケースの場合は、テキストエディター等で編集せざるを得ない場合があります。サクラエディターを使用すれば簡単に文字コードを変換できます。＞＞サクラエディターのインストール手順はこちら

サクラエディターのインストール

Mon, 03 Mar 2008 23:35:00 +0900

サクラエディターとは、Windowsで言うメモ帳の高機能型テキストエディターのことです。メモ帳では出来ない機能が充実しており動作も軽いので、HTML作成にはとても便利です。サクラエディターのほかにも秀丸エディターなどもありますが、使いやすい物を使えばよいでしょう。