前回のブログ記事で、Googleの関連検索キーワードを記事タイトルにしてみた。

ブログ記事のタイトルは検索順位を上げるためにとても重要というのは、今更説明するまでもないと思います。
これまで重要だと思っていても、そこまで深く考えてタイトルをつけていませんでした。
もちろん、記事の内容に沿ったキーワードを入れてはいますが、ゆる～くつけていました。

しかし、前回の記事「XAMPPでApacheが起動しない」では、Googleの関連検索キーワードで出てきたキーワードをタイトルに使用しました。

関連検索キーワード
前回の記事内容は、XAMPPのApacheが起動しなかったので、当然検索のキーワードには「XAMPP」「Apache」「起動しない」が考えられます。
検索窓にXAと入力したとき、「XAMPP Apache 起動しない」と出てきました。



検索されたページで解決することができたので、記事にした際この関連検索キーワードがタイトルであれば上位表示されるのではないか。と、単純に思い「XAMPP Apache 起動しない」を「XAMPPでApacheが起動しない」にしてエントリーしました。

リアルタイム検索
Googleの検索結果のあと、左メニューにある「リアルタイム」を選択することで、まさに今の検索結果が表示されます。おもにTwitterが表示され、3月の東日本大震災のあと、このリアルタイム検索で通勤電車の運行状況（ツイート）を見て、早く出たり通勤ルートを検討したりしました。

今回の記事のエントリーもfeedtweetを経由してツイートしました。
記事のアップが14:22で、Twitterには19:27にツイートされリアルタイム検索にヒットしました。



期間を指定して最新を検索
今度は、ブログ記事の検索結果を見てみましょう。
通常検索で「XAMPP Apache 起動しない」を検索すると51位にヒットしていました。
アップして数時間でもう認識されているのか。
そこで、左メニューの一番下「もっとツールを見る」をクリックして、期間指定の最新を選択すると、きました1位表示です。
ついでに「24時間以内」「1週間以内」「1か月以内」まで1位表示でした。＾＾



まあ、期間指定なしで上位に表示されてから、本当は喜ぶべきなんでしょうけど...(＾＾ゞ



「ここでき！」

XAMPPでApacheが起動しない

1年前、ブログを始める前に、記事作成の練習をするため、仕事でも使用しているMovable Type4をXAMPPに設置しました。
また、Movable Type4のカスタムする際の実験用にいろいろ使ったりしていたのですが、最近は放置していました。

XAMPPとはご存知、ローカル環境でApache、MySQL、PHP、Perlなどが使用できるソフトです。
開発元：Apache Friends

XAMPPでApacheが起動しない
久しぶりにXAMPPを立ち上げようとしたところ、コントロールパネルからApacheをスタートしようとしても無反応。(￣Д￣；；
何度押してもダメ。



ネットで検索してみると、どうやらSkypeが80番ポートを使っているのがダメなようで、立ち上がらないようでした。
そういえば、以前無料グループウェア「アイポ」についてクライアントに提案することがあり、自宅ＰＣにもインストールしてみた時、XAMPPが立ち上がらなかったことを思い出しました。
早速タスクバーからSkypeを終了し再度Apacheをスタートしてみました。



今度はきちんとApacheが起動しました。



会社では使用しているMovable Type5なので、XAMPPにインストールしているMovable Type4も近々5にアップデートしようと考えています。


「ここでき！」

息子とこっそり散歩

1歳8ヶ月の息子がついに水疱瘡になってしまいました。
本当は今週手術の予定が、保育園でも流行っていて、潜伏期間入れると手術日に当たりそうなので、延期にしたら見事に発病しました。
当然自宅待機で、最初こそ熱が出て元気がなかったのですが、熱が下がれば家の中では退屈していたそうです。

水疱もほとんどかさぶたになって来週は保育園に行けそうですが、まだ完治していないので子供やお年寄りの近くは当然近づけないため、こっそり散歩することにしました。

自宅近くの高架下はバス通りなので、バスが通るたびに「バ※@？！%#～」と、指差して叫んでいます。

電柱や標識にしがみついたり・・・

おもむろに空を見たり・・・

植え込みの花を指差したり・・・

段差の所を歩いたり・・・

アリンコを見つけて「あ"%#*^～」

ずっと家にいたので、ストレス解消になったのでは。

途中小学生の女の子が2人「かわいい」と近寄ってきたのですが、事情を説明して帰ってもらいました。
かわいそうなことをしてしてしまいました。

しばらくして、娘が学童保育から帰ってきたのでお散歩終了。

心地よい夕方の、小さな幸せのひとときでした。

iPhoneからの投稿

Google analyticsを設置して、検索キーワードを調べてみた。

アメブロのアクセス解析は当てにならないと業界内では有名のようで、1ヶ月ほど前にGoogle analyticsを入れて見ました。

Google analyticsの設置
アメブロでのアクセス解析の設置は非常に簡単で、下図にもあるようにマイページ（管理画面）より、サイドバーの設置→プラグインの追加を選択します。
「プラグインリスト」と「フリープラグイン」のタブがあるので「フリープラグイン」を選択します。
ここにGoogle analyticsのトラッキングコードを貼り付けるだけで設置完了。簡単ですね。



このフリースペースはブログパーツなんかも設置できます。
私は、Twitterや美女リナックスのブログパーツも設置しています。

Google analyticsで検索キーワードを表示
Google analyticsのマイレポートより、トラフィック→キーワードを選択し、検索キーワードを表示します。



過去1ヶ月の上位5位までの検索キーワードですが、OCNでYouCubeを見る時に早くする方法とWindows７のファイルにアクセス制限をかける方法でした。
実際に上位のキーワードで検索してみました。

1位　ocn youtube（Google2位）


2位　ocn youtube 遅い（Google5位）


3位　windows7 アクセス制限（Google1位）


4位　windows7 フォルダ アクセス制限（Google1位）


ブログ始めて1年ですが、自分の書いた記事が上位に表示され、記事を見て役に立ったと思ってくれればとてもうれしいです。
ただ、もっとわかりやすくて上手な文章を書くことを心がけてこれからも書いていこうと思います。


「ここでき！」

Movable Type5：記事に挿入した画像とアイテムに表示された画像の元画像へのリンクを無効

先日、担当がクライアントにうかがった際にブログ（Movable Type5）について要望がありました。
ブログ記事作成時に画像をサムネイル表示で挿入した際、画像をクリックすると元画像が表示されるが、外してほしい。とクライアントより要望がありました。
ついでに、インデックスページに表示されるアイテム画像も拡大表示がいらないとのこと。
むしろ表示しなくてもいいと言われたそうだが、あった方が良いと説得したようです。しかしアイテムで拡大表示されなければなくてもいいのでは？と思いますが。

以前の記事、Movable Type４：管理画面のカスタマイズのように、サイトレイアウト以外でもカスタムができるだろうと思い、調べてみました。
最初は、挿入する画像にtitleを挿入する方法として、
lib/MT/Asset にある Image.pmというファイルをいじると書いてあるので、早速FTPよりダウンロードして開いてみました。
330行目あたりに下記ソースがありimgタグを囲っているａタグを削除すればいいだろうと思い、aタグ(赤字）を削除してアップしてみました。


画像挿入の際、元画像のリンクを無効　←失敗
if ( $param->{thumb} ) {
$text = sprintf(
'<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
MT::Util::encode_html( $asset->url ),
MT::Util::encode_html( $asset->label ),
MT::Util::encode_html( $thumb->url ),
$dimensions,
$wrap_style,
);
}

すると、挿入した画像にリンクはかかってないのですが、肝心の画像が表示されない。
（;´▽｀A``おかしいな～。aタグ外せばいいはずなのに。
あーでもないこーでもないと考えても、そこはWEB初心者の私。┐(￣ヘ￣）┌
考えてもわかるはずもないのでさらに調べていくと、DAICHIFIVE™ blogさんの「MT5で画像挿入する際に元画像へのリンクをさせなくする」というエントリーを見つけました。

まさに求めていたものが!!!!!
いじるところは同じ場所でaタグを削除までは同じ。
その下の　MT::Util::encode_html( $asset->url ),　を削除することで解決。


画像挿入の際、元画像のリンクを無効
if ( $param->{thumb} ) {
$text = sprintf(
'<a href="%s"><img alt="%s" src="%s" %s %s /></a>',
MT::Util::encode_html( $asset->url ),　←この行も削除
MT::Util::encode_html( $asset->label ),
MT::Util::encode_html( $thumb->url ),
$dimensions,
$wrap_style,
);
}

次は、アイテムの画像のリンク無効作業。
こちらはウィジェットのアイテムのソースをいじれば何とかなるかなと予想。


アイテム画像のクリックによる元画像へのリンクを無効

ダッシュボード（管理画面）より、左メニューのデザイン→ウィジェットをクリック。
ウィジェットの管理ページを開き、ウィジェットテンプレートからアイテムを選択します。



<li class="item">の後、リンクタグ<a.....></a>（赤字）を削除。


<mt:If tag="AssetCount">
<mt:Assets type="image" lastn="10">
<mt:AssetsHeader>
<div class="widget-recent-assets widget">
<h3 class="widget-header">アイテム</h3>
<div class="widget-content">
<ul>
</mt:AssetsHeader>
<li class="item"><a class="asset-image" href="<$mt:AssetURL$>"><img src="<$mt:AssetThumbnailURL height="70"$>"

class="asset-img-thumb" alt="<$mt:AssetLabel$>" title="<$mt:AssetLabel$>" /></a></li>
<mt:AssetsFooter>
</ul>
</div>
</div>
</mt:AssetsFooter>
</mt:Assets>
</mt:If>

保存して再構築して確認したら、きちんとリンクが無効になっていました。

今回は、少しうまくいかないところもありましたが、比較的短時間で作業ができました。
いろいろ経験することで少しずつスキルアップしている実感がしました。
最初は、Movable Typeを敬遠していましたがこれからのマルチデバイス、ソーシャルネットワーク時代にはうまく活用しなければいけないな。と思いました。

「ここでき！」