リンクのお陰でアクセス数が急伸した話(ただし、一日だけ)

このブログの記事石井ゆかりさんの日記でリンクされたお陰で、一日だけグイーンとアクセス数が伸びました。
一日だけ、そしてこのページだけですけど。
記念にスクリーンキャプチャを載せておきます。

石井ゆかりさんからのリンクでアクセス数が伸びたとき

この山の時です。
見事な尖り。
アクセス数のグラフの山と滞在時間のグラフの谷の位置が同じなのが哀しいです。

テレビで紹介されて問い合わせ殺到とか、有名人御用達で売上アップとか、こういう感じ?
もっとスゴイ?
Google Adsenseとか外部リンクとか、全く影響はありませんでした。
数字だけの話ですが、それをちょびっとだけ体感した感じでした。

エラー画面もコミュニケーションの一つかな

Googleサイトでの404エラーと、Google Chromeのエラーメッセージが可愛かったので、載せちゃいます。

google 404エラー

GoogleChrome エラー

深刻なエラーでない限り、「じゃ、また後で試すか」となったりします。
しませんか?

これも文句なしに404エラーページの殿堂入りだろう – TechCrunch Japanでも、ステキな404エラーページを知ることが出来ます。

Google が作った電子書籍で、ウェブやブラウザの疑問を解決

20 Things I Learned About Browsers and the Web

Twitter経由で知った、『20 Things I Learned About Browsers and the Web』。
Google ChromeチームがHTML5でつくった電子書籍なのだそうです。

慣れてしまって、説明しようとすると難しい、インターネットやブラウザのことを説明しています。
これからは、これを紹介しようと思います。
かわいいイラストで、馴染みやすいと思います。

エムディエヌ・デザイン・インタラクティブの紹介記事によると、Google ChromeなどHTML5に対応したWebブラウザでないと閲覧出来ないようです。

続きを読む

WordPressにOpen Graph protocolを導入する時のためにメモ

先日のOpen Graph protocol対応についてのメモは、Open Graph protocolの基礎知識と、HTML4.01でHTMLファイルを書いたときのメモでした。
今日は、WordPressにOpen Graph protocolを導入する際のメモ。

WordPress + Open Graph Protocol|Technolog.jp
WordPressのテーマファイルの記述で対応
WordPressでOpen Graph Protocolを実装したい|5509
Custom Field GUI Utilityを使ってOpen Graph protocolを導入
ブログを一瞬でOGP対応にしてソーシャルサイトでの集客力をUPさせられるWordPressプラグイン「WP-OGP」|phpspot開発日誌
プラグインを利用

情報を載せて下さっている皆さま、ありがとうございます。
いつか、自分も利用すると思います。

Facebookの「いいね!」ボタン設置で、はまる

Open Graph protocolに対応するなら、「いいね!」ボタンも設置したらよかろうと、取り組みました。
が、なぜか動作が変。
ふつーにFacebookのLikeボタンコード取得からiframeのコードを入手、HTMLに挿入しただけなのに。

「いいね!」ボタンをクリックしても、一瞬反転するものの、元のクリックしていない状態に戻ってしまうのでした。
「いいね!」のカウント数も表示されません。

Open Graph Protocolとの問題かもと思い、該当のメタタグを削除しても変化なし。
うーん、うーんと色々試す。
別のドメインで、テストページを作ってみたら、こちらは上手くいきました。

ふと、問題が起こるページとテストページのドメインの違いに気づきました。
wwwの有無です。
まさか、そんなことで?とも思ったけれど、www有りURLでLikeボタンのコードを取得し直したところ、上手くいきました。
どのドメインでもって訳ではないような気もします。

Facebookの「いいね!」ボタン設置で参考にした記事は、こちら。

Open Graph protocol対応についてメモメモ

仕事で、Facebookで使われているOpen Graph protocolに対応しようということになって、色々調べたメモ。

Open Graph protocol自体は、シンプルなメタタグでした。
該当ページは、HTML4.01のHTML。
【Facebook】Open Graph Protocol 説明という日本語の解説のお陰で、テキストエディタでタグを追加出来ました。

ほかに参考になった、「Open Graph protocolとは何か?」という初歩的なことから、導入した人のレポートなどのリストです。

沢山の方の記事のお陰で、Facebookのツール「URLリンター」を使うと、Open Graph protocolのタグの状況やら問題点が分からしいことを知りました。
日本語だし、便利です。

XHTMLじゃなくていいのかな?と思ったけど、大丈夫でした。
<html xmlns:og="http://ogp.me/ns#"> も記載しなくてもとりあえず動くみたいでした。

習得までは辿り着きませんでした。

「Webクリエイターボックス」の影響受けまくり

昨年から、お世話になっている「Webクリエイターボックス」。
ウェブ制作WordPressをキーワードに色々考えたりした時の検索でよくお邪魔してます。
人気サイトですし、影響を受けている人も私だけではないと思います。

既存サイトをWordPressでリニューアルしようと思ったのも、「Webクリエイターボックス」の影響です。
今日は、プロジェクト管理サービスBasecampに登録。
Webクリエイターボックスの記事『プロジェクト管理ツール「Basecamp」の使い方』を見れば、日本語での利用に不安ありません。

以前、国産のプロジェクト管理ツール「Backlog」を利用したことがありますが、それよりシンプルで自分に合ってる気がします。
Backlogを解約した理由は経費節減
ということで、しばらくはBasecampもフリープランで使ってみます。

ほか、私を動かしてくれた記事や、それを思い出しながらサイトを見ていて気になった記事のいくつかがこちら。

こんなWebデザイナーは成長しない
まず、自分は「Webデザイナー」なのか?というのもあるけれど、アイタタタ…な記事でした。
WebデザイナーにおすすめのEvernote活用術
とりあえず使っているものの全く使いこなせていないので、参考になりました。
Macの魅力を語らせてください!おすすめアプリや読んでおくべき記事も紹介
Mac好きは同じ。おすすめはとても参考になります。
WordPress オリジナルテーマの作り方 3.0+
これを先に読んどくべきだったかも。
コーディングのスピードを上げる為の6つの方法
以前から名前は知りつつも取り組んでなかった、Zen-Coding・Codaを導入。
ECサイトの色やデザインと購買意欲の関係
これは、まさに今取り組んでいる案件に関連。

海外Webサイト・海外Web屋の特徴」にある時給の話題。
まさに$6くらいか…。しかも時間も働いてないしなぁ…と、色々反省もするのでした。

ナローマルチビームって…

お仕事で、測量会社さんのサイトの更新を時折作業させていただいています。
専門用語は難しいです。

先日、出てきたのは「ナローマルチビーム」。
なるべく理解した上で必要なHTMLタグ付けをと思うのですが、調べて出てくる言葉も専門的で、私の頭では難しいです。
依頼はページの更新だけなのだからと思うけれど、少しでもその会社や業務を理解したいと思います。

『jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』読者モニター

『jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』電子書籍版の読者モニターに当選しました。
jQuery や JavaScritpt、見聞きするし使ったりもするけど、ちゃんとは分かっていないので、タダで勉強させてもらおうという魂胆。
表紙の「jQueryやJavaScriptに自信がない⇒ 本書を最初から読むと、キホンが分かります!」のタイプかと思って、飛びつきました。

一通り読みました。
ざっと目を通すのには、iPadで読むのが便利でした。
ブログの記事もそうだけど、ちゃんと読もうという時は、パソコンのモニターより内容に集中できて便利です。

あぁ、しかし、最初から一通り読んでも、まだ全然理解できていません。
内容よりも、電子書籍(PDF)という形態への興味が先行している段階。

ページ数の多いPDFを読むことが無いので、戸惑うこともあります。
ついつい、クリックすればすぐに移動してくれるような気がしてしまいます。
紙好きの私には、ちと難易度高い選択だったかも。

Googleのカスタムレポートを1クリックで!

『ウェブ分析論』

Google Analyticsでアクセスデータを集積はしているものの、それを活かすまでに至っていません。
入門 ウェブ分析論』を購入したものの、まだ読了せず、分かっちゃいるけど出来ない、状態。
カスタムレポート」って便利そうな響きだけどなぁ…と。

うーん…と自分の限界に頭を抱えていたら、「GoogleAnalyticsに1クリックで反映!本当に使える3つのカスタムレポート」という記事が!
早速、クリックしてレポート作成しました。

少しずつでも、前進です。