セキュリティガイドラインは、Webアプリケーションを開発する際に気をつけておきたいセキュリティの脆弱性と対策などが網羅されているサイト。

デベロッパーの方は必見です。こちらもどうぞ:

• 【レビュー】「ESET Smart Security」を使ってみた
• とっても変わったリクルートページ「ソースをご覧ください」
• Firefoxを高速化するabout:config設定まとめ
• FC2ブログに関連エントリーを表示させる(タグから)
• Webサイト用のメイリオフォント「meiryoKe」

Webで活躍するライター向けに、完璧な記事の書き方を真面目に説明している記事です。
ハッとさせられるようなことが数多く書いてあり、とても参考になります。

コンテンツは王様だ

当然のことです。こんなことは何度も聞いてきました。デザイナーとして、それは私たちを失望させる物になり得ます。クライアントのために美しい創作をしますが、後でそれを使ってどうするのかということについてあまり言及することができません。概して、たとえコンテンツがWebサイトを構成する、または壊すものだとしてもコンテンツを書くことはデザイナーの仕事ではないのです。

ユーザーは一度はそのサイトの美しさに浸るでしょうが、コンテンツはそういったユーザーをリピートさせるためのものなのです。

読者のことを知る

記事の対象者を絞ると言うことはとても役に立ちます。ユーザーがどんな物を読みたいのかを知り、流行に注意を払うことに努め、読者の好みの傾向をつかむことです。

独自のコンテンツ

話題を思いついても、Googleでそれを検索して、同じような記事があるのを見つけて腹立たしいことがあります。誰もが、そのペットのレトリバーまでもがブログをしているために、私たちは再三、「作り直された」記事を見かけます。読者として、私は気づくと、その記事の執筆者はそれより前に全く同じ記事を書いた人(時には、全く同じタイトルで)がいることを考えないのだろうかと思い頭を打っています。

とても多くの人がブログを書いているということは、周りで話されていない話題を見つけると言うには十分なことです。

しかし、これはライターとしての私たちの仕事です。私たちは読者の興味の引くような話題を見つけ、それを読者のために独創的な手法で書き出さなくてはなりません。もちろん、私たちの文体は記事のオリジナル性に大いに影響するでしょうが、私たちは異なった角度から攻めて行かなくてはなりません。

これはもちろん「白いシャツからケチャップのシミを落とす方法」という記事を「白いシャツからケチャップのシミを落とさない方法」に変えるということではなく、その染みを出す異なった方法を理解して、記事で十分強調されなかった、あなたが思った内容とポイントについて詳しく説明することを意味します。

スタイルと流れ

スタイルはライターにとって、非常に個人的なものです。私はライターの書いている物ではなく、そのスタイルにもとづいてコンテンツを読んでいます。

ライターとして、まずはじめに作り上げるべき物なのは、一貫した執筆のスタイルと個性です。これは得やすい物であり、時間と共にできあがってきます。しかし、できあがったスタイルは誰がリピーターとなるかを大いに決定づけるのです。

批判される準備ができている

あなたが記事で何を言っているのかを知り、編集を繰り返すことです。私は自分が書いた記事を法律文書と同じくらい重要なものとして推敲するのが好きです。デザインという物が非常に広い話題であるので、みんながみんなそのすべてを知っているというわけではありません。そして、みんな異なった経験を持っています。だから、どう対処したらよいのかわからないコメントをつけられても驚かないでください。

私は編集の大詰めと出版の前に、異なった方法で自分の記事に目を通すのが好きです。高校の時、私は自分の学校の主要な討論者でした。コーチはいつも競争相手として私たちのスピーチに目を通して、欠陥を見つけるのです。欠陥を見つけると、それを直します。私たちの言うことに論争の余地があったなら、その誤りを明らかにしました。この方法で、私たちは討論の相手がある一点を攻めてきてもそれに困惑せずに済んだのです。

すべてのブロガーが困惑させられるようなコメントをもらうことがありますが、それから学ぶのです。あなたの記事を読む人には声と、また意見があると言うことに気づくでしょう。そしてあなたは自分の記事がいかなる点から見ても政治的に正しいことを確認すべきなのです。それだけでなく、あなたは自分の記事について討論する準備ができていなくてはなりません。バカみたいにならないように、自分が何に関して話しているのかわかっていなくてはなりません。

デザインは美しい服と王冠だ

私はこの見出しを自分の手柄にすることができません。DesignBumpがデザインがコンテンツと関係があると言うことについてすばらしい記事を書いているので是非読んでください。あなたがコンテンツに自信を持っているのなら、その外見をあなたがダンスパーティーに行くときのように確認してみてください。

記事の体裁

私は気づくとデザインにおける迷信の間を行き通い、記事の体裁を考えることに何ヶ月も磔りつけられています。だからこそ、私は読者が見やすいものを探して行の高さや文字の間隔を調べるためだけにサイトのCSSを見たりします。

ウェブに関する記事の体裁に対処するとき私たちが守るべきいくつかの原則があります:

階層構造を維持すること

私たちは皆、serifとsans-serif(*フォントの名前)の違いを知るべきです。sans-serifはタイトルに使用されるべきです。そしてserifは本文だけに使用されるべきです。正しいフォントを使い、視覚的な変わり目を設けて見出しの階層構造を作ってください。誰も大きいブロックのコンテンツは好きではありません。対照的な書体があるのは階層構造を生み出すのを助けてくれるでしょう。

構造を維持すること

コンテンツが読みやすく、また読めることを確認してください。
デザインをするとき、グリッド方式を採用することですべてが確実に読み込めるようにすることができます。

CSSを調整する

いつもコンテンツに従ってCSSを調整するべきです。特に色と行の高さには細心の注意を払います。

一般に、行の高さ(line-height)は一貫性を維持するために段落の最後に1.5emを設定します。

適切なフォントスタイルを利用する

次で説明するように、大きなテキストブロックは非常に退屈です。強調したいときはフォントを大きくするのではなく、太字やイタリックなどを使用します。

グラフィック

大きなテキストブロックは退屈です。Photoshopを使ってそれらのテキストを画像と一緒にしましょう。概して、オンラインの読者は、内容をざっと読むのが好きです。 おもしろいコンテンツをおもしろい画像と共に使用することであなたの記事を楽しんでもらえます。グラフを作るのが得意なら、統計情報はグラフで表すといいでしょう。こちらもどうぞ:

• 【和訳】Google検索で無関係な検索結果を減らす6つの方法
• 【和訳】Thunderbird3でWebサイトをタブブラウジングするための5つのアドオンまとめ
• Googleのインデックスやランク付けなどに関する、10の誤解
• FC2ブログに関連エントリーを表示させる(タグから)
• 【ソーシャル編】100の信じられないほど使える無料iPhoneアプリ

Meebo Barは、ブログの下部にTwitterやFlickr、Facebook、StumbleUpon、Diggなどのボタンを表示したり、、その場でチャットをしたりできるツールバーを提供してくれるサービス。
どのページがどれだけシェアされているかなどの解析もできます。
Blogger.com、TypePad、Movable Type、WordPressに対応しています。

MeeboBarの使い方

まずはサイトの「Get it now」からスタート。

必要事項を記入して進みます。

サイトの情報を記入。

自分の使っているブログを選び、指示されたとおり設定します(WordPressならプラグインをインストール)。

ダッシュボードではボタンの設定などができます。

▲ドラッグ＆ドロップで使用するボタンを決めていく。こちらもどうぞ:

• WordPressなどのブログに投稿するFirefoxアドオン「ScribeFire」を使ってみた
• 月額250円でWordPressが使える「FC2レンタルサーバーLite」登場
• 【和訳】あなたがまだ耳にしたこともないブラウザ10個まとめ
• WordPressでの簡単サーバー移転
• WordPressの管理画面を軽量・高速化する

ブログラフは、ブログの更新頻度をグラフにして表示してくれるサービス。
１日で最高何件更新したかや、連続更新記録なども表示してくれるのでブログ更新のモチベーションアップにつながるかも?!
使い方は簡単で、自分のブログのＵＲＬを入力するだけです。

連続ランキングや最高数ランキングなどもあり、更新をがんばっているサイトも見つけることができます。
ランキング入りはかなりの難関?!

しかし、同じ高校生として尊敬するなぁ･･･こちらもどうぞ:

• お名前.comで.com/.net/.orgなどドメイン100円キャンペーン
• 1日1000pv達成したのでブログのPVを増やす方法をまとめてみた。
• FC2ブログに関連エントリーを表示させる(タグから)
• 「Twitbacker」-Pingでブログの更新を通知する
• WordPressの管理画面を軽量・高速化する

Google Analyticsを(ある意味では)超えたアクセス解析"User Heat" by ユーザーローカル – shibataismの日記

UserHeatとは

まず、UserHeatについて解説。
UserHeatとは、ユーザー登録をしてサイトを登録するだけで「自分のサイトでどこがどのくらいクリックされているのか」ということを知ることができることで注目が集まっている新興のアクセス解析サービスです。

User Heat : どこが読まれているか見える！無料ヒートマップ・ツール

このエントリーのトップでで紹介した記事では、UserHeatが、「Google Analyticsを(ある意味では)超えた」と表現していますが、GoogleAnalyticsでもUserHeatが提供する機能をほぼ全てカバーできるのです。

GoogleAnalyticsでクリック解析をする

右上の期間設定をして、「コンテンツ」→「サイト上のデータ表示」をクリック。

どこがどのくらいクリックされているのか、パーセンテージで表示してくれます。サイト内リンクにマウスオーバーすると、クリック数と目標値(おそらくGoogleAdsense関係)も表示してくれます。

サイト内リンクをクリックして別ページに遷移してもそのページでのクリック解析が続きます。
一度クリック解析を始めたらその後自分のサイトを開く度に表示されるので、解析が終わったら右上の「閉じる」をクリックするのを忘れずに。

GoogleAnalyticsとUserHeatの比較

UserHeatに劣るのは「MouseTrack」(マウスの動きを解析する機能)がないことくらいでしょうか。
あとは色温度で表示してくれるのでUserHeatのほうが見やすいですかね。
GoogleAnalyticsでは期間設定ができるという点が大きい。やはり期間設定ができるほうが使い勝手は良さそうですね。
GoogleAdsenseとも連動しているようなので、GoogleAdsenseを使っている方は断然こちらのほうが報酬を増やすための対策などもできそうなのでおすすめです。

とにかく、GoogleAnalyticsでも同じことができるよっていう話でした。意外と知らない人も多いかもしれませんね。こちらもどうぞ:

• Googleのインデックスやランク付けなどに関する、10の誤解
• 【和訳】Google検索で無関係な検索結果を減らす6つの方法
• Googleの検索ページが変わった！
• Firefoxアドオンで重いGoogleツールバーから脱出しよう
• 小中学生の描いたGoogleロゴに投票しよう「Doodle4Google」

当サイトでも何度か述べてきたとおり、WindowsVistaから標準搭載されている「メイリオ」フォントはとても優秀なフォントです。
しかし、横幅が広いのでブラウザでWebサイトを見る際にCSSデザインが崩れてしまうことがあります。
それを解消してくれるのが今回紹介する、meiryoKe。
メイリオの横幅を小さくして、Webサイトに最適化されたメイリオの改造フォントです。

meiryoKeのインストール

上記リンクから、「MeiryoKe_Gothic 5.00」をダウンロードしてきて解凍し、Windowsのフォントフォルダ(通常はC:\Windows\Fonts)に移動します。
これでインストール完了です。

ブラウザでmeiryoKeを使う

使っている各ブラウザの設定を変更して通常のフォントをmeiryoKeにしてあげましょう。

メイリオでは崩れていた当サイトのサイドバーもごらんの通りスッキリ！

↓

Webマスターはwebfontsを使ってサイトのフォントをmeiryoKeにしちゃえ！

Webサイトを運営しているなら、CSS3で実装されたwebfontsを利用して強制的にmeiryoKeでサイトを表示させることができます。
以下のサイトなどを参考にしてやってみてはどうでしょう。

ASCII.jp：IEにも対応！10分でできるWebフォント実装法

こちらもどうぞ:

• 【レビュー】コミケで販売された「萌えOS(MoeOS)」をインストールしてみた。
• 1日1000pv達成したのでブログのPVを増やす方法をまとめてみた。
• Amazon.co.jpにWindows7ストアが登場！
• Webアプリケーションのセキュリティのことなら「セキュリティガイドライン」
• ラーメン大陸をMacやLinuxでも!「そーめん大陸」

FC2レンタルサーバーLiteは、月額250円でディスク容量5GB、PHP、独自ドメインが使えるレンタルサーバーです。
簡易インストーラー付きで「WordPress」「phpBB3」「OpenPNE」「MediaWiki」などのWebアプリケーションも使用可能でメールアドレスは300件まで設定できるようです。

WordPressでブログを運用したい方など、一見の価値ありですね！こちらもどうぞ:

• WordPressなどのブログに投稿するFirefoxアドオン「ScribeFire」を使ってみた
• WordPressでの簡単サーバー移転
• 私が使っている17個のWordPressプラグイン
• ブログに便利なツールバーを埋め込もう！「MeeboBar」
• 「MobilePress」-KtaiStyleが使えないときに携帯対応プラグイン

複数のタグを細かく設定しておけば、カテゴリーから呼び出すよりも精度が高く、より大きな効果が得られると思います。

タグを使ってますか？

まず、この方法で関連エントリーを表示させるにはタグを使ってブログを管理していることが前提となります。
普段タグを使っていない人はすべての記事にタグを付け直すか、ねっと雑貨屋さんの方を参照してカテゴリーから関連記事を表示する方法を試してみてください(さすがにカテゴリーは使ってますよねｗ)。

関連エントリー表示用のHTMLを作成

インラインフレームで関連エントリーを呼び出すため、HTMLファイルを作成します。

FC2の管理ページ→「テンプレートの編集」から適当なテンプレートを複製して、その内容を全て消してから、テンプレートの名前を「kanren_tag」にしてHTMLには以下の通り記入。
CSSの方は各自、自分のブログにあったスタイルを適用してあげてください。
指定しないと、リンク青色下線あり、12pxとなります。


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="stylesheet" href="<%css_link>" type="text/css" />
<title>関連記事</title>
</head>
<body>
<ul>
<!--topentry-->
<li><a target="_top" href="<%topentry_link>"><%topentry_title></li>
<!--/topentry-->
<div class="ad">
</div>
</ul>
<noscript><%ad></noscript><noscript><%ad2></noscript>
</body>
</html>


テンプレートができたら、次はブログで使ってる方のテンプレートのHTMLの任意の位置に以下のHTMLタグを入れます。
普通は(追記)の後ですね。

<iframe scrolling="no" frameborder="0" src="<%url>?q=<!--tag_list--><%topentry_tag_list_parsename>+<!--/tag_list-->& or&template=kanren_tag&page=1" width="450" height="130">
</iframe>

width(横幅)とheight(縦幅)はCSSで設定したフォントサイズにあわせて設定してください。
大きすぎると余白だらけに、小さすぎると関連記事全部がうまく表示されません。

最後に

この方法をブログで使っていただく際に、この記事を紹介していただけるとありがたいです。
紹介していただけるなら、以下のコードをお使いいただくと楽かもしれません。

<a href="http://toolog.net/web-design/fc2-similarposts.html" target="_blank">FC2ブログに関連エントリーを表示させる(タグから) | Toolog.net</a>

この方法についての質問や不具合などありましたら、コメントなどくださるとありがたいです。
直ちに対応させていただきます。こちらもどうぞ:

• Toolog.net 第一回プレゼント企画
• 月額250円でWordPressが使える「FC2レンタルサーバーLite」登場
• 【和訳】すばらしい記事の作り方
• Googleのインデックスやランク付けなどに関する、10の誤解
• Webアプリケーションのセキュリティのことなら「セキュリティガイドライン」

1000pvのブログが言えることでもないですが、何かの参考になれば嬉しいです。

積極的、意欲的な姿勢で

何もかも、ポジティブが大切です。
記事を書くペースは速いに越したことはないし、記事の内容も豊富でわかりやすいに越したことはありません。

ブログを始めたばかりは相互リンクにも積極的に依頼しちゃいましょう。
断られても、積極的にまた依頼すれば2度目は受け付けてくれることが多いです。

同ジャンルのサイトへのコメントも惜しむことはありません。
同じジャンルの管理人に自分のブログを知ってもらえることが、その後のこと(相互リンクとか記事での紹介とか)を考えると一番のアクセスアップにつながります。

サイト内リンクをうまく使う

関連記事リストを表示する

PVを純粋に増やすにはたくさんの記事を見てもらえればいいわけです。
各記事の最後に、その記事と関連する過去の記事を表示しておきましょう。
読者が興味のある記事がすぐに探せてユーザビリティもいいですね。

WordPressならプラグインで表示できます。
それ以外のブログならカンレン.えんとりーずのようなサービスを利用すれば簡単です。

人気のあるページを表示する

サイドバーに人気の記事を表示しておきましょう。
人気と言ってもいろいろありますが、はてぶ数の多いエントリーやPV数の多いエントリーを表示してみてはどうでしょう。
もちろん自分なりに自信のあるエントリーを表示するのもアリですね。

はてなブックマークウィジェット

各種ソーシャルサービスを利用する

Twitterを利用しない手はない！

今はやりのTwitter、利用しない手はありませんよね。
記事を投稿したらTwitterでつぶやいてみましょう。
フォローしてくれる人は少なくとも興味があってフォローしているのですから、当然見に来てくれるはずです。

Twitter

ブログランキングに参加してみる

最近はこの手法では大したアクセスを稼げなくなってきましたが、一応参加しておくのもいいと思います。
それに同じジャンルのブログの管理人との交流もあるかもしれません。

FC2ブログランキング
人気ブログランキング

ブログパーツをサイドバーに。

これは効果的です。
ブログパーツの中でも、貼っておくだけでアクセスを稼げるものもありますからね。
あわせて読みたいと、トラックワードです。
特に「あわせて読みたい」は同ジャンルの人気サイトを把握できるのでブログ管理人としても入れておきたいですね。
他には逆アクセスランキングなどを設置してあげるとリンクされやすくなるかもしれません。

ソーシャルブックマークに追加するリンクを

最近のブログでは当たり前の事になっていますが、はてぶのアイコンなどを表示して、ブックマークされやすいようにしておきましょう。

他にも、いろいろなサービスで自分のブログをアピールしてみましょう。オフラインで自分の友達に紹介するのもいい感じです。ただし、やり過ぎは禁物ですよ。
　

こだわる所はとことんこだわる

記事のタイトルにこだわる

記事のタイトルはインパクトがあり、かつその記事の内容が一目でわかるようなものが望ましいです。
特にはてぶで人気エントリーになる記事のタイトルはだいたい型にはまってます。
「～の×つの方法」とか「実は～は××じゃなかった」とか「××なので～してみた」といった感じです。(私はまだ一度もなったことないんですがね…)

キーワードにこだわる

検索されやすいように、キーワードにはこだわりましょう。
たとえば、Windowsについて書くとき、「ウインドウズ」でも検索されるように「Windows」「ウインドウズ」の両方のキーワードを出現させます。

カテゴリ・タグ分類はしっかりと

カテゴリやタグがうまく分類されていると読者はスムーズに見たい記事にたどり着けます。
たとえば、「ウェブ」と「Web」というカテゴリがあるとどちらに行ったらいいかわかりませんよね。

画像をうまく利用する

記事の冒頭にその記事を印象づけるような画像を配置しておくと、見栄えがよくなります。
また、読者がもう一度その記事を探す手がかりになるかもしれません。

キャラ付けはしっかり

書いている人はどんな人なのか、キャラ付けはしっかりしておくといいです。個性的なキャラならなおさら読者の興味を引くかもしれません。
特に、「～です」と「～だ」の混用など、文末の統一ができてないのはNG。

最後になりますが、結局はコンテンツが一番重要です。
コンテンツが大切、だということは周知の事実ですので、今回はコンテンツ以外の部分で1pvでもいいから如何に伸ばすか、について書きました。
検索エンジンからのアクセスが少ない、ブログを始めたばかりの方には役に立つと思います。

いくらこのようないろいろな手法を展開しても結局サイトの主であるコンテンツがしっかりできていないとリピーターは増えませんからね。

Tools&Toolzさんからトラバいただきました。
ブログのPVを増やす方法・・・本当にそれで増えるの？相互リンクについて – Tools&Toolzこちらもどうぞ:

• ブログに便利なツールバーを埋め込もう！「MeeboBar」
• WordPressなどのブログに投稿するFirefoxアドオン「ScribeFire」を使ってみた
• WordPressでの簡単サーバー移転
• 月額250円でWordPressが使える「FC2レンタルサーバーLite」登場
• 私が使っている17個のWordPressプラグイン

Googleの公式ブログにてインデックス、ページランク付けについての誤解が公開されています。
Googleの公式アナウンスなので100％信用して良いものですね。
SEO対策のためにもサイト管理人様は一度目を通してみてはいかがでしょうか。

続きでは見出しのみ紹介します。

10の誤解

1. サイト内に 重複するコンテンツ があるとペナルティを受ける
2. HTML と XHTML を混ぜて使用するとウェブマスターツールの認証に失敗する
3. 検索結果におけるサイトの評価を高めるためには、何千もの検索エンジンや登録サイトに登録されることが重要だ
4. AdWords や AdSense, Analytics を利用すると、サイトの評価が上がる、もしくは下がる
5. 重要なキーワードは、重要なページの重要な場所に出来る限りたくさん詰め込んで、そのページが他のページよりも価値があることに、検索エンジンが気付くようにしたほうがいい
6. XML サイトマップ を使うと、サイトのランク付けが下がる
7. PageRank は、もはや意味を持たない / PageRank　がすべてだ！
8. サイトの URL は定期的に Google に登録 しなおす必要がある
9. 一度ランク付けがあがったら、もうサイトに手をつけないほうがいい
10. 正しい (X)HTML の記述は、サイトのランク付けを上げる

こちらもどうぞ:

• GoogleページランクをFirefoxに表示するアドオン
• GoogleAnalyticsでもUserHeatと同じようなこと(クリック解析)ができる
• Firefoxアドオンで重いGoogleツールバーから脱出しよう
• Googleの検索ページが変わった！
• 小中学生の描いたGoogleロゴに投票しよう「Doodle4Google」