無料ブログ テンプレート カスタマイズ

「メタ タグ （meta name）の 記述 について」や「メタ（meta）タグ について - 2」でも述べていますが、metaタグに記述するキーワードは、記事内容に関係のないキーワードを記載したり、記載する順番がキーワード利用頻度順でなかったりすると、SEO対策にとって、むしろ悪い影響を与える可能性もあります。

できれば、記事ごとに適切なキーワードを記入できれば良いのですが、大抵の無料ブログでは、
そのようなことはできません。（できる無料ブログも一部だがある）

そこで、いろいろなカテゴリーの記事が表示される「月別アーカイブ（過去ログ）」部分に、
「タグリスト」を利用し、metaタグ部分にキーワードが記述されるようにしてみました。

興味のある方は、「月別アーカイブ（過去ログ）」部分のページソースをご覧になって下さい。

ただ、いろいろなカテゴリーの記事が表示されているとは言っても、月によって、カテゴリーの内容が偏ることもあるので、かならずしも、記事内容に関係のあるキーワードばかりが記載されていたり、記載する順番がキーワード利用頻度順であったりするというわけではありませんが、エントリー記事部分や、カテゴリー記事部分に比べれば、そのリスクは小さくなると思います。

ただし、この手法は、ある程度ジャンルが絞られているブログには有効だと考えていますが、
オールジャンルのブログでは、効果は発揮できないと思います。

※効果のほどが、まだ定かではないので、ＳＥＯ対応テンプレートには実装していません。

記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

基礎 Ajax + JavaScript 佐藤 和人 (2006/12) インプレスジャパン　　［Javaスクリプト解説本］ この商品の詳細を見る ホームページ作成ソフトを使わずに、簡単なページを作成できる人を対象として、JavaScriptの基本的な文法から、Amazon Webサービス、Ajaxの実践までをやさしく解説。 この1冊だけで、プログラミングがまったくはじめての人でも、キホンから実践まで、Ajaxのすべてがやさしく学べます。

出版社からのコメント
基礎シリーズとは−−はじめてでもプログラミングがやさしく習得できる、言語入門書の決定版!
●見やすい本文オール2色!
　プログラムリストの注釈部分など、色を効果的に使った見やすい教科書です
●豊富な図解でわかりやすい!
　プログラムの概念や事例などを画面・表・イラストなどでやさしく図解しています
●サンプルと練習問題でソク学べる!
　豊富なサンプルプログラムと各章ごとの「まとめ」「練習問題」で実践的に学習できます

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

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

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

● 西洋醤油（ソース）
<img src="画像へのパス"
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（不透明）の数値で指定

表示例 ⇒


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

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

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

　　※カテゴリーページ右サイドバー「関連するIT用語リスト」参照
　　　（カテゴリーページ以外には設置なし／このカテゴリー：ブログ＆HP ツール パーツ）

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

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


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！

振り仮名（ルビ）を表示したい文字を<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>の部分は無視されます。


記事の内容にご満足戴けましたならクリックをお願いします ↓
ＪＲＡＮＫブログランキング FC2ブログランキング 人気blogランキング！