「サイトで紹介していたリンク先のページが、いつのまにやら404エラーになってしまっていた。」

そういったことはよくあることですよね。このようなリンク切れは、管理が大変な上に、訪問者にとっても迷惑この上ないものです。（すみませんm(_”_)m）

今回ご紹介するのは、そういったリンク切れのページへ遷移する前に、サイト内で404エラーを通知してくれるjQueryプラグインです。

404エラー（リンク切れ）を事前に教えてくれるjQueryプラグイン

「Catch404」は、リンク切れしてしまったリンクをクリックすると、その場で吹出しをポップアップさせて教えてくれるjQuery プラグイン。

サイト訪問者にとって迷惑な、リンク切れページへの遷移を自サイト内でとどめてくれる、ユーザビリティ向上ツールです。

飛び先ページのリンク切れをポップアップで通知

↑リンク先のページが404エラーでも、エラー画面に遷移する前に教えてくれます。

サンプルを試してみたい方はこちらへどうぞ。

ポップアップのメッセージは、下記のようなソース部分を編集することで、自由に変えることができます。

試してみたい方は、Catch404のページからソースをダウンロードしてご利用ください。（※jQueryをすでにお使いの場合、バージョンによっては動作しませんのでご了承ください。）

WordPressのプラグインにも、リンク切れを通知してくれるものはあるのですが、なにせサーバー負荷がハンパないのです。

以前に使っていたときは、それがサーバーエラーの原因のひとつになってしまいました。

そういったことからも、jQueryで、サーバーに負荷をかけることなく、ユーザビリティを上げられるのは嬉しいですね。

画像を使ったマニュアル作成や、解説を行う際、もっとカンタンに画像を編集できたら良いのに、というニーズは多いと思います。

今回は、そんなことを実現してくれる、ブロガーにも超便利なお手軽画面キャプチャーソフトをご紹介します。

画像編集可能な 画面キャプチャー ソフト 「Screenpresso」

「Screenpresso」は、キャプチャした画像を編集することも出来る画面キャプチャーソフト。

Twitterへ画像を共有するサービス、Twitpicへダイレクトにアップロードする機能や、マニュアル作成などで利用頻度の高い編集機能も備えていて、画像で手順解説をするブロガーにとっても、かなり便利な環境を創りだしてくれます。

「Screenpresso」の主な機能

• 画像編集機能
  • 画像リサイズ機能
  • ボーダーや角丸加工機能
  • 画像の切り抜き
  • リフレクション効果の追加
  • クリックするだけで手順番号を追加
  • 囲みマーカーの追加
  • 矢印マーカーの追加
  • ボカシの追加
• キャプチャー履歴の表示
• Twitpicへキャプチャ画像をダイレクトにアップロード
• キャプチャー時に、サイズをリアルタイム表示
• ページのスクロールキャプチャー機能

こんな画像もカンタンに作れます

↑リサイズ、切り抜きはもちろん、角丸やリフレクション効果もキャプチャーソフトで編集できてしまいます。

マニュアル作成に必須の編集機能を実装

↑選択範囲以外に色をつけてフォーカスしたり、ボカシを入れたり１、２、３と順番を振ったりと至れり尽くせりな機能をサクサク使えます。

なにより、いちいちPhotoshopを開かずとも編集できてしまうのが、手間もかからず嬉しいですね。

画像のサイズをキャプチャー時に表示

↑必要なのに、キャプチャーソフトになかなか付いていないのがこの機能。マウスドラッグで範囲指定しながらサイズを確認することができます。

Twitpicへダイレクトにアップロード

↑「PrintScreen」ボタン長押しで表示されるキャプチャ履歴から、ダイレクトにTwitpicへアップロード。

ページのスクロールキャプチャ

↑ページのスクロールキャプチャも可能、手順は1. Ctrl+Shit+PrintScreen を押し、2. キャプチャする幅の指定をして、3. スクロールしながら左クリック、4. そして最後に右クリックすれば画像が生成されます。

「Screenpresso」のショートカットキー

• PrintScreen：キャプチャー
• Shift+PrintScreen：最後にキャプチャしたサイズでキャプチャー
• Ctrl+PrintScreen：フルスクリーンでキャプチャー
• Ctrl+Shit+PrintScreen：ページのスクロールキャプチャ

興味のある方はScreenpressoへどうぞ。

まだ利用できませんが、動画や音声のキャプチャ機能も実装する様子。これは今後にも期待出来そうですね。

ページのスクロールキャプチャがもっとカンタンにでき、画像編集時に日本語の入力も行えるようになると、さらに手放せないものになりそうです。

Via：delicious

存在するのは知っているのに、必ず忘れてしまうのが、WordPress の記事編集画面で使えるショートカットキー。

今度こそはという意気込みで、備忘録化してみましたｗ

HTML編集モードで使えるもの

HTML編集モード、つまりビジュアルリッチエディターではない、HTMLタグを使って入力する投稿画面で利用できるショートカットキーです。

便利は便利なのだけど、もう少しキーを減らしてほしいところですね。それから、「公開」のショートカットキーには気をつけていただきたいです。（何度かハマリました＾＾；）

ビジュアルリッチエディター モード で使えるもの

こちらにあるものが、HTML編集モードでも使えると、尚使いやすくなるのですけど。ショートカットキーをカスタマイズできるプラグインなど、そういったものがなかなかないものですね～。

何気なく、カスタムボタン（Add Quicktag など）で満足してしまいそうだけれども、ショートカットキーもあったほうが、より効率よく作業することができますよね。

プラグインで割り当てられるものが出てくるとうれしいところです。（Add Quicktag にショートカットキーを割り当てできるような。）

Via:JaypeeOnline, SourceEMMEALCUBO

設置が簡単になった、Google Friend Connect ですが、WordPressならば、さらにカンタンな設置が行えます。

今回はそんなGoogle Friend Connectの設置をさらにカンタンにするWordPressプラグインをご紹介します。

WordPress のコメント欄をGoogle Friend Connect化するプラグイン

「wp-gfc」は、WordPressブログへGoogle Friend Connect をカンタンに導入できるようにするプラグイン。

コメント欄をGoogle Friend Connect のコメントパーツに置き換えられるだけでなく、ソーシャルバーやメンバーガジェットの設置もカンタンにしてくれます。

コメント欄のサンプル

↑Googleアカウントでログインしてコメントすることができます。設定によってはログインなしでもコメント可能、YouTube動画を掲載することもできます。

コメント設置ページ→ Twitter クライアント 2009年10月の人気ランキング

メンバーガジェットの設置もカンタンに

↑通常であれば、複雑なコードを埋め込まなければなりませんが、ウィジェット管理画面で幅を指定するだけで設置することが可能になります。 欲を言えば、タイトルをつけられると良いですね。

「wp-gfc」プラグインの設定方法

1. プラグインの設置

   まず、Downloads – wp-gfcのページで最新版のZipファイルをダウンロード。

2. ダウンロードしたファイルを解凍してできた googlefriendconnect フォルダを、 /wp-content/plugins のフォルダにアップロードします。

3. 管理画面でプラグインを有効化して設置完了。

4. プラグインの設定

   プラグインの一覧から、「設定」リンクをクリックして設定画面を開きます
   

5. Google Friend Connectのページを開いて、サイト IDをコピーしておきます。
   

6. 管理画面のGoogle FriendConnect ID:欄にコピーしたサイト IDを貼り付けます
   

7. 次にコメント欄に表示する文言などを設定します。
   

8. そしてリンクや背景色などをカラーパレットを使って設定して完了です。最後に「Save configuration」を押して保存すれば完了。
   
   ここでソーシャルバーを表示させる設定もできるようになっています。

プラグインの取得はDownloads – wp-gfc – Project Hosting on Google Codeへどうぞ。

だんだんと設置するユーザーが拡大しているようにも感じますが、今後どのように発展していくのかは非常に気になりますよね。そんな話をするだけでも酒の肴になりそうですｗ

Via：Social Web Blog

WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる

価格：￥ 2,940

平均評価：

納期：在庫あり。

Amazon で詳細を見る by 2011年のビジネス手帳を選ぶ

私が Firefox から Chrome に乗り換えた７つの理由*二十歳街道まっしぐら

このエントリを見ていて、あれ？なぜまだFirefoxも平行して使ってるんだ？と疑問を感じ、あらゆる手を尽くしてGoogle Chrome で同じ環境を作りだそうとトライしてみました。

しかし、、、ちょっと状況が変わってしまいました。

編集とブラウジングの役割が逆転した

実は私、普段からブラウジングをFirefox、ブログの編集や管理のためのページを閲覧するのにGoogle Chrome を使っておりました。

その理由は、Firefoxであれば、アドオンを駆使して他のサイトの評価などを見ながらブラウジングが出来ること。

そして、Google Chromeであれば、自動保存によって、万一の時にも下書きが残る上に軽いからです。

けれども、昨日いろいろと環境を整えていたら、その役割が逆転してしまいましたｗ

その理由は。

Firefox高速化の効果が思った以上だった

相変わらず、一気に大量のページを表示したり、なにかポップアップさせたりするとガチで固まってしまうのですが、ブログ管理系のサイトを開くくらいなら、高速化によってかなり使い心地が良くなりました。

ここで言うブログ管理系のサイトとは、WPの管理画面、アクセス解析、Twitter ウェブクライアント、そして自分専用のエントリ管理用ページです。

そして、今まで我慢していたGoogle Chromeで起こる一度変換を確定したら再変換ができない、それから、最近（Dev版だけだと思いますが）記事のプレビュー画面に embed で埋め込んだコンテンツが表示されない現象。これらの点もFirefoxであれば解決できるので、役割が逆になってしまったわけです。

今回のFirefox高速化はこちらの内容を実践しました。
→ Firefox高速化テクニック8

このテクニックにあるページレンダリング高速化によって、普段自分用に使っているAjax使いまくりのページが一瞬で開くようになりました。ちなみに体感ですがChromeで開いたときの1/10以下の速さです。つまり一瞬。WordPressの下書き保存もかなり速く感じられます。

このブログ管理用Firefoxには、アドオンは必要最低限のみをインストール。

インストールしたアドオンは以下の４つだけです。

• FireGestures
• FaviconizeTab
• Greasemonkey
• Tab Mix Plus

ここまでやれば軽いのも当たり前なのかもしれませんがｗ

Google Chrome はこうやった（エクステンション編）

話せば長いので、ここでは軽くお話しますが、とりあえず、Firefoxと同じような環境を作るためにグリモンとエクステンション、ブックマークレットを駆使してなんとか同等のリサーチ機能を実装。

以下の環境を実現するには、Google ChromeのDevバージョンのインストール、および、Google Chromeのショートカットアイコンを右クリックしてプロパティを開き、

～～～chrome.exe" --enable-user-scripts --enable-plugins

というように、chrome.exe” のうしろに追記する必要があります。

マウスジェスチャー 「ChromeGuestures」

↑マウスジェスチャーを自由に設定可能。割り当てられる動作もかなり豊富です。

「ChromeGuestures」は、Chrome Extentionsの ChromeGuestures.crx をダウンロードしてインストール。

はてなブックマークとDelicious 件数取得「SBM Counter2 for Chrome 4」

↑開いたページのはてなブックマーク数、Delicious登録数を表示させるだけでなく、Delicious、Bingなどにもブクマ数を表示してくれる優れもの。これはFirefoxを超えましたね。

「SBM Counter2 for Chrome 4」は、先取り！ Google Chrome Extensionsのページを開き、下の方の「SBM Counter2 for Chrome 4」項にある「インストール」をクリックしてください。

あらゆるページをAutoPagerizeする「AutoPatchWork」

↑GoogleやYahooだけでなく、DelisiousやTwitter、楽天など、ありとあらゆるページをAutoPagerize。逆にAutoPagerizeしたくないサイトを指定します。

「AutoPatchWork」は、Chrome Extentionsの AutoPatchWork.crx をダウンロードしてインストール。

Chromeでキーコンフィグを実現する「ChromeKeyconfig」

↑Firefoxのキーコンフィグに相当するもの。Firefoxよりも初期導入がカンタンです。一部デフォルトの設定はGoogle リーダーのショートカットキーと干渉するので変更をオススメします。

「ChromeKeyconfig」は、Chrome Extentionsの ChromeKeyconfig.crx をダウンロードしてインストール。

Google Chrome はこうやった（グリースモンキー編）

Google Chromeでグリースモンキーを使うには、

Vista： C:\\Users\\ユーザー名\\AppData\Local\Google\\Chrome\\User Data\\Default\\User Scripts

XP： C:\\Documents and Settings\\ユーザー名\\Local Settings\\Application Data\\Google\\Chrome\\User Data\\Default\\User Scripts

のように「Default」フォルダの中に「User Scripts」というフォルダをつくり、そこへグリースモンキーのファイル（※Firefoxでフォルダに入っているものも、フォルダから出してファイルのみを「User Scripts」フォルダへ入れます。）を入れます。

Google リーダー内で元記事のページを開く「Google Reader – Expanded」

↑おなじみのGoogle リーダーで元記事をプレビューできるグリモン。

「Google Reader – Expanded」は、Google Reader – Expanded per Feed for Greasemonkeyのページで「Install」ボタンを右クリックし、前述した「User Scripts」フォルダに保存すればOKです。

YouTube動画の埋め込みタグを最適化する「YouTube better embed」

↑YouTubeの埋め込みタグをXHTML valid にしてくれるグリモン。

「Get Picasaweb Image URL」は、YouTube better embed for Greasemonkeyからインストール。

それ以外の画像系グリースモンキーは、度重なるバージョンアップの中でいつの間にか使えなくなっていたものもありましたが、ここは画像を切り捨てて、スピード勝負でご紹介しました。

ただ、スピード系でも、たったひとつだけ再現できなかったのが、Google リーダーのエントリタイトルにはてブ数を表示するグリモン grb.user.js が動かなかったこと。これはかなり手痛い。。。
（Google Readerにはてなブックマーク件数とブックマークアイコンを表示(改良版)）

これさえ解決することが出来れば、完全にブラウジングをGoogle Chromeへ移すことが出来そう。

なんだかこのまま行くと、Google Chrome がダントツに良くなる予感がしますけど、Firefox も次期バージョンで大きく変えて来るでしょうね。その競争にもかなり期待したいところです。

今回のまとめ

1. Firefox 高速化は同じページを開くなら最強
2. Google Chrome はDev版でカスタマイズすれば最強リサーチ用ブラウザに

今回の効率化は、激重Vistaにとってもかなりヘルシーだったようで、いつものようにいくつも重いアプリを開いていても結構快調に動いてくれています。やっぱり時間のロスがないって素晴らしいですね。

自分で作成したCSSならまだしも、ｊQueryプラグインなど、他人が作ったファイルを手動で軽量化するのは至難の業。

ファイルを圧縮するツールも多くありますが、結局使えなくなってしまうのも良くあることです。

そんなCSSやJSファイルの軽量化をカンタンに行うことが出来るWordPressのプラグインを試してみました。

CSS、JSファイルを手軽に軽量化できるWordPress プラグイン

WP CSSとWP JSは、WordPress ブログで読み込んでいるCSSとJSファイルを、gzipで圧縮し、ホワイトスペースを排除してくれるWordPress プラグイン。

CSS、JSファイルをそれぞれ読み込んでいるタグを若干変更するだけでブログの軽量化を行えてしまうお手軽ツールです。

例えばテーマファイルの中に入っているCSSやJSファイルならば、

<script type="text/javascript" src="<?php wp_js('tabber.js'); ?>"></script>

のようにファイル名さえ指定しておけば勝手に見つけて軽量化してくれます。

@import を使ってCSSを複数読み込んでいるようなケースでは、90%以上も圧縮できることもあるそうです。

このブログで使用したらどうなったか

ちなみに私は１つのCSSファイルで8.14Kbから7.5Kbまで圧縮、JSファイルでは、15.6Kb が4.75Kb まで軽減できたものがありました。

メインのCSSは、元々手作業で圧縮していたので圧縮のメリットがなかったうえに、一部デザインが崩れてしまったので、そのままにしています。

• インクルード用のJS　1.23Kb　→　0.73Kb
• SBMボタン表示用JS　6.6Kb　⇒　5.85Kb
• トップページTwitter表示JS　4.87Kb　⇒　3.08Kb

ファイルサイズ ビフォーアフター

↑元々何も処置していなかったので、当然のように全てのファイルが軽量化に成功しています。数値的にはそこまで劇的な変化がないようにも見えますが、体感してみると大きな違いが出てきます。

ページの読み込み時間はどうなったか

Webwaitを使って使用前、使用後を計測してみたところ、使用前は平均11秒だったトップページの読み込み時間が、3.82秒まで改善。双方共にキャッシュされている状態でのテストだったので、JSファイルの圧縮が大きな要因ではないかと思います。

読み込み時間のビフォーアフター

※CSSの記述によってはYUIコンプレッサーと同様に、デザインが崩れてしまうことがあるのでご注意を。

WP-CSSとWP-JSの利用方法

1. まず、WP CSSとWP JSのページから、それぞれプラグインをダウンロードして解凍
2. 次に、/wp-content/plugins/ のディレクトリへアップロード
3. /wp-js/ と /wp-css/ のフォルダのパーミッションを 777 に変更
4. 管理画面のプラグインページで「WP CSS」と「WP JS」を有効化
5. 最後に次項のようにCSSとJSファイルを読み込むタグを設定すれば完了です。

CSSの場合

<link rel="stylesheet" href="<?php wp_css('tab.css'); ?>" type="text/css" media="screen" />

複数のCSSを読み込んでいる場合は、以下のようにカンマ区切りでCSSへのパスを指定することもできます。

<link rel="stylesheet" href="<?php wp_css('path/to/js/file.css, path/to/js/file2.css, path/to/js/file3.css'); ?>" type="text/css" media="screen" />

Javascriptの場合

<script type="text/javascript" src="<?php wp_js('tabber.js'); ?>"></script>

それぞれテーマフォルダの中に読み込むファイルを入れた時の指定方法です。ほかの場所でもパスを指定することで読み込めるようですが、うまく読み込めないことがあるので、該当のCSSやJSが読み込む画像やファイルごと、テーマフォルダへ移動させてしまったほうが楽に設定できます。

今回試してみた結果としては、苦労が少ない割にはかなり改善することが出来たという印象があります。

これだけ手軽にブログを軽量か出来てしまうと、今までの苦労は一体何だったんだろうと思ってしまいますがｗ jQuery などを利用している人は、必ずやっておいたほうが良さそうです。

このブログを書きはじめ、ほぼ毎日更新してはや3年と3ヶ月が経ちました。その中で飽きてしまいそうなので方向性を変えてみたり、サーバーで苦労してみたりといろいろな経験をしてきました。

たいしたお金になるわけでもないのに、何故継続的に更新することが出来ているのか。周囲の疑問であり、自分の疑問でもありますｗ

そんなわけで、自分の振り返りも兼ねて参考になりそうなTipsがあったのでご紹介します。

ブログの更新を有意義なものにする30のTips

原文の超訳ですが、個人的にズレを感じたものは私の考えに置き換えています。

1. 記事のアイデアだしは紙とペンで

PCに向かっていても限界がある。企画書なんかを作っていても同じですよね。

2. 毎週アイデアだしの時間を必ず作る

「この日のこの時間帯は考える時間」と徹底することで継続力を持たせられます。

3. アイデアを集約する仕組みを作る

EvernoteやGmailなどを活用してとにかく「すぐ」に「楽」に蓄積する仕組みづくりが大切。ここは究極を追求すべき所。

4. おもしろい体験をするように心がける

これ、とても大事なことです。最初はブログを書くことが目的であっても、大きく人生を変える可能性を秘めています。AMNなどが主催するブロガーイベントに参加してみるのもひとつの手段。AMN関連イベント情報

5. 書き物専用の部屋を使う

自分にとって最も集中できる場所を作る

6. 書き物をすることに時間制限を設ける

これをやらないと、ダラダラしてしまうだけで、結局何も創り上げることができません。フリーの時に痛感させられたものですｗ

7. 下書きの在庫をたくさん持つ

私も常時下書きを100個程度持っていますｗ本当に困ったときに助かっています。どんなことでもとにかく下書きにしておくと後から役立ちます。

8. 熱意を持ちなさい

これはつまり、ブログを書く意義を持つというもの。それが社会貢献であれ、自己の成長であれ、あるのとないのとでは大きな差があります。

9. よりニッチな角度で書く

他にない記事なのでおもしろい。同じ事について書いていても、角度が違うだけでまったく違うおもしろさがあります。ニッチな事を書こうとすると大変かもしれませんが、ニッチな角度で書くのはそうでもなかったりします。

10. 腹落ちするまでは書いてはならない

自分が納得しておらず、考えがまとまっていないのに書いていても収拾がつかなくなるだけ。

11. 記事の構造を明瞭なものにする

初心者が簡単にプロっぽく記事の内容を仕上げるテクニックなんかが参考になります。

12. 読者にどんな情報が欲しい書きいてみよう

アンケートで直接聞くのも良いだろうし、読者がどんな層なのか把握するだけでも、何を提供すべきかが見えてきます。

13. 読むことや学ぶことを止めてはならない

常にこの意識がなければ、そもそもブログを書くことなんて出来ない。

14. モチベーションを常に高く保とう

自分のモチベーションを上げようと考えるよりも、読者のモチベーションを上げようと考えたほうが、より高く保つことができます。

15. 文字数のことは忘れよう

ちょっとしたことを膨らませる。つまり、箇条書きを文章にするようなイメージ。

16. ブレストすることが、自分にとってどれだけ有意義な時間であるかを認識する

ブログを書くことで、仕事のやり方が良くなる事だって十分にありえます。

17. 「今」を書き続けることは楽しいことではない、今すぐ止めよう

過去を振り返って書いてみるのもおもしろい。普遍的なことなんて沢山あるのですから。

18. 頭をクリアにしよう

おいしいものを食べたり、ドリンクを飲んだりするのも効果的。イライラしているときに麻雀を打っても勝てるわけがありません。あれ？

19. 全てのアイデアを文字に落とそう

たとえそれが、どんなにくだらないものであっても。ノート術と同じです。

20. 読者に調査を助けるように頼む

ここはひとつ正直に。

21. 自分が言っていることを信じること

自分の言っていることに自信がないと、まるで説得力を持ちません。

22. 時事的なものと、そうでないもの双方を持つ

お題として取り上げる際の考え方として。

23. 考えすぎないこと

考えれば考えるほど、行動に移せなくなるのは人間の性。

24. リストで考えよう

なんだってそうですが、リストから考えを導き出すのは大事なこと。

25. 常にコンテンツを作ることを意識しよう

どんなときでも「あ、これはエントリになる。」とひらめくことにも繋がる。ブログが生活の一部になるとはこの事。

26. Adwordsキーワードツールで、あなたのニッチな考えを検索かけてみよう

何かトレンドが見えてくる可能性がある。後々この行動が有利に働くことも！？

27. 同業ブログが何を言っているのかモニタリングする

これは一番インスピレーションが沸きやすい。そして勉強にもなる。

28. あなたのワークフローに変化を加えよう

同じルーティンを繰り返しているだけでは成長が見込めなくなる。そこに変化のエッセンスを加えてあげることで、自分の生活にも変化が起こる。

29. 何も感じなかったら記事を削除しよう

ここはドライに切り捨てよう。無駄に時間をかけたほうが削除率高いようにも感じますｗ

30. 言いたい事をひとつになるまで切り捨てよう

記事を書きたいと思った時に、言いたいことがたくさんあったら、それをひとつに絞るようにしましょう。沢山詰め込むと、自分もなんだかもやっとするし、読み手も何も理解できないまま終わります。

続けられなければ意味を成さないブログではありますが、そうカンタンに更新を続けることはできませんよね。

一体続けられない原因は何なのか。本気で更新を続けたいのならば、ひとつひとつに問題を分解し、つぶしていくことが大切。その中でも、継続して更新することの意味を 自分の中に定義づける事が重要だと私は感じています。

Via：37 Ways to Make Blogging Easier

先日AMNのソーシャルでなければマーケティングは生き残れないというお題のセミナーに参加しました。世の中、いろいろなものがソーシャルな方向へと向かいつつあります。オンライン、オフライン問わず。

ソーシャルマーケティングって言葉を言い換えれば、お客さんとの双方向性を持つだとか、対話することから何かを生み出すこと。つまりなんであろうと、一方的に供給するだけでは通用しなくなってくるということです。

企業のマーケッターの間でも、ソーシャルマーケティングというものはとても重視されてきています。逆にできる見込みのない企業の株価が、ここ数年でかなり下がってきているとも言えます。損しましたｗ

これはブロガーにも同じことが言えます。ブログこそ読者さんありき、さまざまな場所でいただくコメントによって自分も成長するのですし、読者さんとの対話からもエントリが生まれる。

今回は、ブロガーがソーシャル化された時代に成功するには、いったいどんなマインドが必要なのかということを7 Tips for Making Your Blog Stand Out from the Restのエントリを基に考えてみました。

ブログをソーシャルな時代に成功させる7つのヒント

1. ありのままでいよう
2. ニッチに行こう
3. 読者との結びつきを大事にしよう
4. いつ何時でもプロモーションを惜しまないようにしよう
5. タイトルにフォーカスしよう
6. その分野での「一流」を目指そう
7. デザインで差をつけよう

1. ありのままでいよう

猫をかぶっていたってダメ、無理にかっこつけてたって自己満足にしか過ぎないです。ありのままだからこそ読者が引き寄せられるのであり、気が楽だからブログが続く。

いずれオフ会なんかをやるときにだって、そっちの方が意味のあるものになるし、グッと楽しくなるはずです。

2. ニッチに行こう

ニッチなコミュニティでの人のつながりは、とてつもないパワーを持ってますよね。

例えていうなら、スノーボードやサーフィン、音楽のコミュニティってどうでしょう。そのつながりってかなり強いものではないですか？

うまい人、詳しい人が崇拝されて、そのようなリーダー的存在の人へ、その分野に興味のある人たちが集まってくる。

そして、その口コミの広がりもコミュニティの各個人に強い影響を与えます。自分をコミュニティに誘ってくれた人に、「これ良いよ。」と言われりゃ良いものだと信じて使いますよね。

3. 読者との結びつきを大事にしよう

私もこれまで、ほとんど一方通行的に情報を流してきましたが、それではあまりにもつまらない。それに、ブログの価値を決めるのも、あなた自身ではなく、読者さんです。

ではどのように結びつきを作れば良いか、様々な方法があるでしょうけれど、一部をあげるとすればGoogle Friend conectやTwitter、mixiを絡めて使うなど、人とのつながりを作る場はたくさん存在します。これは自分で行動を起こさなければ実感できません。

4. いつ何時でもプロモーションを惜しまないようにしよう

オフラインも利用すべき。会う人すべてに「ブログはじめました、ブクマしてください。」と正直に言っちゃいましょう。

「ブクマされて嬉しくない」なんてことはないのですから、正直に伝えないでどうするの？ということです。友達にブクマしてもらえれば、認知してもらうまでのスピードが確実に上がります。

そして、人と接触する機会すべてがプロモーションのチャンスです。名刺の裏で自分で出版した本を紹介されている方もいらっしゃいます。プライドなんてきれいごともったいない。正直に生きよう。

私もサラリーマン時代から、取引先や関わった人たちに「ブログやってまっせ。」と言ってましたｗ

5. タイトルにフォーカスしよう

いきなり基本に戻りましたが、タイトルってのは本当に怖いものです。ちょっと外してしまうだけで、大きく変わってきてしまう。それと同時に、タイトル如何によって、すごくがっかりさせてしまうことだってあります。

そのバランスを取るためにはどうしたら良いのか。それはタイトル付けにしっかりと時間をかけること。

何気な～く、普通にエントリを書いてアップしていると、タイトル付けはおざなりになりがちです。

そういう時は大抵失敗をこきます。あとから「あれ？なんでこんなタイトルにしたんだっけ？」なんてことのないように、タイトルを大事にしましょう。無論、自分に言ってますｗ

6. その分野での「一流」を目指そう

何も、今一流でなくとも良いんです。誰だってそうですよね、最初から一流なんてことはありえない。

もし一流と言えるものがあなたにあるのであれば、それを題材にすべきでしょう。 でも、ないのであれば、一流になってしまえば良いんです。

一つのことを徹底的に考え、深掘りする事によって、いつのまにか一流になっている。成功者の特徴です。世の中で「先生」と呼ばれる人たちから考えてみると、それが見えてくるはずです。

7. デザインで差をつけよう

何もすごく綺麗にしようとか、凝っていなければならない、というものではないです。逆にそれでは時間がもったいない。

一般的に「差別化」と言われるもの。一撃でその分野に興味のある人が、あなたのブログだって判別できるもの。

具体的には、テンプレートを使いながらも、ヘッダーなどのある一部分に、同業ブロガーとは違う何かを加えてしまうというようなこと。

そうすれば、良くも悪くも、すぐにあなたのブログだと認知してくれます。

ついでに

ついでに言っておきたいこと、ブログをやっていてよくあることですが、ブログを悪く思われたら、きっとその人は第一印象が合わなかったのでしょう。人間ですからいろいろな人がいます。「初めて会ったときのお前は最悪だったよ。」なんてこと、たくさんありますよね。

「悪く思われる」そういうことがあっても、気にしないことです。もちろん間違いを指摘してくれたならば受け入れるべきです。感謝すべきです。

そのときに悪く思われても、あとから好きになるなんてこともたくさんあります。とにかく大事なことは、どんなときでもポジティブであること。

そして、私はWEBマーケティングなどと銘打っていますが、実のところオンラインもオフラインも関係ありません。

ただそこに、「すごい！」と思ったインターネットがあっただけのことです。まだまだ未熟で至らない点も多いですが、私もソーシャルなブログを目指して頑張ります。

タイトルや、内容どうこうではなくて、Google AdsenseのオフィシャルブログであるInside AdSenseに、アメリカのトップブロガー、「ProBlogger」の著者が出ていたことに感動を覚えてしまって書いています。

AdSenseでの収入を増加させるために実験すべき6つのこと

Problogger本人は、既に広告ネットワークなどの関係でAdsenseはブログでは一切使っていないのですが、私も彼のエントリを読むことで、どれだけ影響を受けたか分かりません。

とうわけで、彼の言う6つの実験すべきことを以下に。

• 広告の位置
• 表示する広告の数
• 広告のデザイン
• 広告のサイズ
• 広告フォーマットの種類
• どんな内容の記事で収益が高いか

なるほど、再考させられますね。 いろいろなところで今回のような内容を紹介されているので、もう見飽きたという方もいらっしゃるかもしれませんが、復習の意味もかねてカンタンに持論を交えて。

広告の位置

最近のメジャートレンドとしては一般的に記事上（タイトル下に境界線を設けた上で）が一番、その次に記事下と言われていますよね。

それと共に、こちらのヒートマップにもあるように、何箇所か広告効果の高い位置があります。

しかしこれもケース バイ ケースで、私も数十のサイトを運営していますが、サイトのジャンルや読者さんの目線をどのように誘導するナビゲーションになっているかによっても変わってくると感じています。

既に収益があがっている広告枠を移動させるのは勇気がいることですけど、そこで敢えてやってみることが効果に結びつくわけですね。下がってしまったら「やっぱりあっていたのか」となるし、あがったら嬉しいのですから。

たまに頑張りすぎて、広告配信を停止されることもありますが、そこはAdsense担当者とのコミュニケーションもとれるので悪くないもんですｗｗ（Yahoo!は止めるばっかりで 連絡すら取ろうとしませんから。）

表示する広告の数

広告ユニットとリンクユニットは３つまで、検索ボックス２つまでと言われていますよね、ただ、広告が至近距離にたくさん配置されているのは、読者さんにとっては目障りでしかありません。 と、言っている私も よくお叱りを受けているのですがｗｗ

それでも、Probloggerは、「サイト上に3つ以上の広告を設置することを恐れるな」と言っています。もちろん、そこには内容の充実したコンテンツがあってこそなのですが。とにかく試してみるということは大事ですよね。 意外と目障りでもないのに収益が増えたりしますから。

広告のデザイン

「背景やコンテンツに溶け込ませると良い」とよく言われていましたが、逆にちょっとだけ「広告だ」と主張していたほうが クリックしていただけたりするんです。（やりすぎは逆効果ですｗ）

結構勇気の要ることですが、私の場合は広告配信が停止されたときに思い切って 目立つように変えたところ、収益が増加しましたｗ

気になったものはクリックして見る。 インターネット広告もこういうところまで来ているんでしょうね。

広告のサイズ

「でかけりゃでかいほうが良い。」Probloggerが以前にも言っていたことです。 しかし、私は敢えて ひとまわり小さいものを設置しています。 つまり、300 x 250 よりも 336 x 280 の方がよいという結果が出ているわけなのですが、私は300 x 250 を記事上に使っています。

なぜなら、収益よりも、なんとかファーストインプレッションで文字が見えるようにしたかったんですｗｗ それでもちょっと微妙ですけどね。。。

ここは収益よりもちょっとした気遣い！？ｗｗ 単体の効果としては大きいほうが良いのでしょうね。

広告フォーマットの種類

Probloggerの調査結果では、リンクユニットが一番効果的だったところもあったとの事。

やはりテストしてみなければ分からないことなのですが、私の場合、リンクユニットには良い思い出がなく、設置するたびに「ガイドラインに違反」と止められてしまうのでしっかりテストで来ていませんｗ

ここは私もテストを重ねるべきところのようです。 ただし、Probloggerの言うとおり、効果が高いところも必ずあるということは確かなはずです。（でなきゃ存在するわけがないですから、CPAはなくなったのに。）

どんな内容の記事で収益が高いか

アフィリエイターの間などで「○○というキーワードを交えていくと単価がアップする」といううわさがあったりしますが、まさにそのとおり、例えば芸能ネタ系は単価が低かったり、通販や保険、不動産系は高かったりと、いろいろな要素があるわけです。

そのためにも、Google Analyticsに追加されたAdsenseクリック測定はかなり役立ちますし、新たな発見もあります。 いままで一般的に言われていた常識をも覆す結果が出ることがあるかも。

設定方法はAnalytics で AdSense データを解析にあるとおりです。

なんにせよ、まず勇気を出して行動を起こしてみること。 これが一番重要なのではないでしょうか。 今回あがっている6つのうち、ひとつでも気になることがあったら、即アクションをおこしてみる。

人生で成功を収めている方々の共通点でもありますよね。

参考になる言葉

「成功者は、『一つでいい』と考え、確実にその一つを行動に移していく。一つを行動して、順番にその次を行動に移せばよい。その積み重ねだけが成功を導く。」

引用元:[凡人の野望]

Via:Six ways to experiment with AdSense and grow your earnings

あけましておめでとうございます。 旧年中の垢を落とすためにデザインを変更してみました。

WEBマーケティングブログも今年5月で運営開始から丸2年を迎えることになりました。 そこで、2009年になったという区切りの良い今、私がなぜこのブログを始めたのかを振り返ってみたいと思います。

私がWEBマーケティングブログを始めた３つの理由

私がこのブログを始めた理由は下記の3点です。 その理由とともに、今後どのようにWEBマーケティングブログを運営していくかを交えて記させていただきます。

1. 独立の準備の一環
2. アウトプットの場を増やすため
3. 人の人生を変えるきっかけを作るため

1. 独立の準備の一環

私は今年の中旬まで、渋谷にある一部上場の某インターネット会社でB向けサービスの企画・立案、立ち上げ、運営を行っていました。

この会社にはジャスダック上場時に営業で入社し、研修、営業企画、経営企画そしてマネジメントなどなど、さまざまな経験をさせていただきました。

このおかげでどれだけ多くの視野を持つことができたか、今考えると本当に感謝せずには居られません。

その中で、自分が以前から持っていた独立という一つの夢をかなえるべく、準備のひとつとしてブログを始めました。

もちろん、このブログが私にとって最初のブログではありません。 月間で何十万、何百万と稼ぎ出すトップアフィリエイターの方々がいると思いますが、私も彼らのように一日万単位でアフィリエイト収入を稼ぎ出すようなブログも運営していました。

しかし、それらのブログを運営する上で、私は自分のUSPを見出すことができませんでした。 営業からインターネット業界へ入り、継続することで力をつけることができるということは身を持って感じ取ることができていたので、「続けられなければ意味がない。」ということがわかりつつも、ブログを継続して運営することができなかったのです。

そこで自分が一番得意としているもの、人の役に立てることはなんだろうと自問自答してみたところ、社内でも行っていた海外のWEBトレンドを交えた企画・立案、そして人を育てるということ。

今までにも、多くの人間が経験０の状態から様々なエキスパートとして育っていく様を見てきました。 このリアルな経験を生かして、WEBマーケティングブログというものを運営できるのではないかと思い、この1年7か月運営してきました。

2. アウトプットの場を増やすため

私は元々、知識を独り占めするような人間でした。 自分の出世・成功のために知識や経験を独り占めし、すべてを牛耳ろうと考えていた汚い考えの持ち主でしたｗ

平たく言えば、表向きはニコニコしながらも、大事なところを教えてくれない腹黒い人ですｗ

しかし、職責を担い、経営側に携わるにつれて、その考えは一切捨てなければならないと気付かされました。

インプットするばかりでアウトプットしなければ、私個人の見解でしか読み取ることができず、アイデアの可能性も限られてしまう、そしてそこから出てくるものは机上の空論でしかなくなってしまうと。

今思うと、これに気付いたのは市場の状況を実感していた営業時代の自分を振り返った事、そしてその当時私の部下であり、現在は「みほら」というマーケティング集団を共に立ち上げへ向けて動いている友人Tの存在なくしてはなかったと感じています。

この失敗を生かし、私はより質の高いアウトプットを行えるよう、WEBマーケティングブログを運営しております。

3. 人の人生を変えるきっかけを作るため

先に、私はインターネットの知識０からエキスパートに成長していく人間を多く見てきたと言いました。研修に携わっていたこともあり、その数は1000人以上です。

そして現実は、インターネットに精通しているという人がまだまだ一握りでしかないということも身をもって感じています。

インターネットというものが、今までの常識を大きく変えてしまうものであることは当初に言われていたことから変わりないと感じています。 もちろん、これは「インターネットは儲かる。」という単純な、短期的な考えのものだけではありません。

それは今までのブログ運営の中でも実感できるようなコメントやメールを多々いただいて、疑う余地はないと感じています。

それとともに、一般的に言うデジタルデバイドというもの、これは人が思っている以上に様々な段階において発生していると感じます。

多くの人たちが、知らないことによって時間を無駄にしていたり、可能性を生かすことができていなかったりする。 そのような状況に変化を起こすきっかけとなることができれば、という思いを込めたものがWEBマーケティングブログです。

ただし、ターゲティングがまだまだ足りていないことは重々承知しています。 このような点に重点を置くことを2009年のWEBマーケティングブログの方向性にしたいと考えております。

こんなことを言っていますが、ぶっちゃけまったく関係のないことを書いているのが現状ｗ わかっちゃいるけど、あまり制約しすぎてしまうと書くのがつまらなくなってしまうので、ゆっくりと軌道修正しつつ続けていきたいと思いますので、今後ともどうぞよろしくお願い申し上げます。