無料ホームページ作成講座ブログ

◎ 埋め込みe-Words　〜 あなたのWebページに「関連用語」を 〜

「埋め込みe-Words」は、Webページに関連するIT用語リストを表示するプラグインです。
埋め込まれたページに含まれるIT用語の一覧を表示します。
各項目をクリックすると、対応するe-Wordsの解説ページを参照できます。

　　※右サイドバー「関連するIT用語リスト」参照

■ 次のようなページは正しく読み取ることができません
　* イントラネットのページ
　* あなたのコンピュータのローカルディスク上のページ
　* HTMLのタグの対応が正しくないページ (aタグを閉じ忘れている場合など)
　* ロボットなどによるアクセスを制限しているページ
　* ユーザ認証が必要なページ
　* Cookieが必要なページ
　* フォームの入力が必要なページ

●提供：IT用語辞典 e-Words
　「埋め込みe-Words」詳細説明 ⇒ http://e-words.jp/p/s-embed.html

◎ 写真（画像）の周辺をぼかすスタイルシート （IE4以降のみ）

「Internet Explorer」のフィルター効果（alpha効果）を利用すれば、写真（画像）の周辺をぼかして表示することができます。

← 元画像 <img> タグに、フィルター効果（alpha）のスタイルシートを追加します。 ※注意； 　IE以外のプラウザでは、alpha効果は得られません。

● 西洋醤油（ソース）
<img src="http://blog-imgs-23.fc2.com/b/l/o/bloglink29/cat_01_240.jpg"
alt="猫" border="0" style="filter:alpha(style=2,opacity=100,finlshopacity=0)">

style=2, opacity=100, finlshopacity=0

グラデーションの形状を「1（線形）」「2（円形）」「3（長方形）」の値で指定 　グラデーションの開始点の透明度を、0（透明）〜100（不透明）の数値で指定 　グラデーションの終了点の透明度を、0（透明）〜100（不透明）の数値で指定

表示例 ⇒

振り仮名（ルビ）を表示したい文字を<ruby>タグで囲むことで、ルビを表示できます。

● 表示例 ⇒ 漢字かんじ
　　記述例 ⇒ <ruby><rb>漢字<rt>かんじ</rt></rb></ruby>　（※IE専用）
　　　※ <rt>表示したい振り仮名（ルビ）</rt>

ただし、これだと「IE」以外のプラウザで表示した場合には、
「漢字かんじ」というような表示となってしまい、不自然な感じとなります。

そこで、「IE」以外のブラウザで閲覧しても不自然にならないように、以下のように記述します。

● 表示例 ⇒ 漢字(かんじ)
　　記述例 ⇒ <ruby><rb>漢字</rb><rp>(</rp><rt>かんじ<rt/><rp>)<rp/></ruby>

このようにすれば、「IE」以外のプラウザで表示した場合には、
「漢字(かんじ)」というように振り仮名が（ ）でかこまれるので、不自然な感じにもなりません。
なお、「IE」では、<rp>〜</rp>の部分は無視されます。

◎ 画像の周囲に文章を回りこませて表示する方法

　このように、写真やバナーなどの画像を挿入し、そのまま文章を記述すると文章が画像の下に表示されてしまいます。この場合、<img>タグに「align 属性」を追加することで、文章を画像の右や左に回りこませて表示することができるようになります。

■文章を画像の右に回りこませて表示 （表示例を兼ねる）

画像の左右に文字を回りこませるには、画像を表す<img>タグに、
画像と文字の位置関係を表す「align 属性」を設定します。
ここでは、「align 属性」に「left」を指定しているので、
文章は画像の右側に回りこんで表示されます。
「left」を「right」にすれば、文章は画像の左側に回りこみます。


●記述例
<img src="画像へのパス（URL）"
alt="" border="0" align="left" style="padding-right:10px;">文章

　※ align="left" ⇒ 画像を左側に指定する
　※ style="padding-right:10px;" ⇒ 文章と画像の間隔を開ける

◎ SEO対策 SEOリンク

「SEO対策 SEOリンク」とは、ターゲットとするキーワードで相互リンクすることにより
SEO効果を狙い、同時にアクセスアップも可能とさせるサービスです。
サービス開始以来細かい点を改良しバージョンアップを繰り返しています。

▼「無料ホームページ作成講座ブログ」で登録したリンクタグ
　※ 無料　※ ホームページ　※ 講座　※ ブログ　※ HTML　※ CSS

◎キーワード選びに便利なSEO対策ツール「キーワードアドバイスツールプラス」

●キーワードアドバイスツールプラスとは

Overtureで提供されている、検索エンジン利用者が使用する検索キーワードや検索回数の調査ができるツール、「キーワードアドバイスツール」にGoogle の検索件数、GoogleKEI、Yahooの検索件数、YahooKEIを追加した、キーワード選定や調査を行うのに便利なSEO対策ツールです。

月間に、どのようなキーワードが検索エンジンで、どれくらいの回数検索されて
いるのか調査できるので、SEO対策でのキーワード選定に大変便利です。

キーワード有効性指標（KEI）が大きいほど上位表示されやすく、アクセス数を増やせる「狙い目」のキーワードになります。

キーワードランキングサイトなど利用し、人気のあるキーワードを探し出し、更に、このキーワードアドバイスツールで、キーワード有効性指標（KEI）値の高いキーワードを調査し、SEO対策をすればアクセスアップが期待できるというわけです。

キーワードアドバイスツールプラス Powered by SEO

「無料登録ドットコム」のリンクスタッフに会員登録すれば、あなたのホームページやブログに
上記のようなキーワードアドバイスツールプラスなどのSEO対策ツールを無料で設置できます。

◎ 豪華景品が当たる！ビデオ投稿キャンペーン♪Askビデオ

● Askビデオとは？
Askビデオは、メンバーから投稿されたビデオを再生したり、投稿・公開されたビデオのHTMLソースをコピー＆ペーストして、自分のホームページやブログに表示させたりすることができる、無料のオンライン動画ストリーミングのサービスです。
どなたでも無料でご利用いただけます。メンバー登録をすれば、ビデオを登録したり、公開したり、様々なサービスをご利用いただくことができます。

● ビデオの最大再生時間
　一つのビデオにつき最大5分まで登録可能。

◎ Ask.jpの無料ツールバー、機能充実!ディズニーキャラのアイコン新登場

Ask.jp 提供の無料ツールバー「Smiley Central」をインストールすれば、今、世間で話題のディズニーキャラクターの絵文字アイコンをメール、メッセンジャーなどに貼り付けて利用できるようになります。たくさんのディズニーの仲間の中からあなたのお気に入りを見つけて下さい。

● Smiley Central ツールバーとは
カスタマイズにすぐれた Smiley Central ツールバーはブラウザ上に直接インストールされます。特徴としてあげられる機能は以下の3つです。
　１、Web 検索（Ask.jp の検索エンジンを使った高度な検索！）
　２、Smiley Central（3,000個以上のスマイリー画像をメールやメッセンジャーに貼り付けられます）
　３、PopSwatter（不要な広告を表示させないポップアップブロッカー）

◎ 無料ブログパーツ「Stickam Japan! 」でブログパーツをゲット！

ブログを書いている人必見！ あなたのブログをグレードアップしませんか！？
Stickamならブログに貼り付けてコンテンツをアップロードするだけの簡単操作でライブカメラ、スライドショー、動画配信、音楽配信、ビデオチャットなど自由にカスタマイズ可能な高機能プレーヤをゲットできます。

StickamプレーヤーをブログやWebサイトに貼り付けるには簡単なHTMLコードを利用します。
JavaScriptは使用しないので、数多くのブログサイトで安心してご利用頂けます。

「NHKオンラインLabブログ」が、2006年10月06日 (金)からスタートしましたが、おもしろそうで、なおかつ便利に利用できそうなブログツールが提供されていましたので、紹介させて頂きます。
ちなみに、10月06日は、ＮＨＫオンラインの11周年の記念の日だそうです。

■ ブログツール（blogパーツ）「ただいま放送中」
ブログツール「ただいま放送中」は、ＮＨＫのテレビ放送5波（関東地方のみ）で、
いま放送されている番組を表示するブログツールです。

■ ブログツール（blogパーツ）「ＮＨＫ時計」
ＮＨＫ時計というのは、テレビ放送で、長年、時刻を表示してきたあの「時計」のことです。
ブログツール「ＮＨＫ時計」は、この「テレビ画面時計」を忠実に再現したもので、あなたのブログに貼り付けることができます。


※ブログ＆HP ツール パーツ
※オプション パーツ ツール
※無料アクセスアップSEOツール

◎ Google/MSN/Yahoo別データ表示ツール 「SEO Stats」

SEO Stats は、サイトのバックリンクやインデックス中のページ情報とページランク情報を、URLを入力して発行された簡単なコードをウェブサイトに張るだけでアイコン形式で表示させることのできるツールです。利用の際、登録する必要はなく、無料で利用できます。

バックリンクやインデックス中のページ情報は、「Google/MSN/Yahoo別」にデータが表示されるので、サイトをどの検索エンジン用にSEO強化すれば良いかの対策のヒントにもなります。

▼ 表示例

GBL ： Google が認識しているあなたのサイトへの外部リンク数 GIP ： Google が認識しているあなたのサイトの登録ページ数 MBL ： MSN が認識しているあなたのサイトへの外部リンク数 MIP ： MSN が認識しているあなたのサイトの登録ページ数 YBL ： YST（Yahoo!） が認識しているあなたのサイトへの外部リンク数 YIP ： YST（Yahoo!） が認識しているあなたのサイトの登録ページ数

※ブログ＆HP ツール パーツ
※オプション パーツ ツール
※無料アクセスアップSEOツール

■HTMLチェックについて
　（※HTMLチェックで始めるSEO対策より記事抜粋）

　●HTMLチェックが調べるSEO対策項目
　　１、METAタグが最適化されているか
　　２、CSS（スタイルシート）が外部化されているか
　　３、JAVASCRIPT（ジャバスクリプト）が外部化されているか

※METAタグの最適化とは？
検索エンジンにホームページの情報を知らせる役目をする「METAタグ」を調べます。
METAタグ最適化とは、METAタグの中にSEO対策に有効なものが存在しているかチェックし、欠けている場合は指摘します。同時に、不要なMETAタグもチェックし、指摘します。
【SEO対策の基本として、HTMLはできるだけ不要なものを含まないほうがいいため】

※CSS（スタイルシート）が外部化とは？
ホームページのスタイル（デザイン）を定義しているCSS（スタイルシート）が外部化されているか調べます。外部化とは、SEO対策したいHTMLとは別のファイルにスタイルシートを記述することをいいます。CSS外部化もHTMLを軽くすることになりますのでSEO対策になります。

※JAVASCRIPT（ジャバスクリプト）の外部化とは？
ホームページに様々な効果をもたらすJAVASCRIPT（ジャバスクリプト）が外部化されているか調べます。JAVASCRIPTの外部化もCSS外部化と同様にHTMLを軽くすることになりますのでSEO対策になります。


※HTML タグ 関連解説
※スタイルシート （CSS）
※無料アクセスアップSEOツール