2010年8月30日 (月)

ブログ ユーザビリティ

初めてブログを訪問したときに「これがあると嬉しいな」と思う10の要素[山田井ユウキ]

1.過去に人気のあった記事の一覧

2.ブロガーのある程度詳細なプロフィール

3.最近の記事一覧

4.月別の記事一覧

5.TwitterやSBMなどへの投稿ボタン

6.関連記事へのリンク

7. RSS登録のリンク

8.QRコード

9.他ブログへのリンク

10.ブロガーへの連絡手段

めも。

| | コメント (0)

2009年7月14日 (火)

WordPressのタイトルをサイト名の前に表示

SEO対策です。

検索エンジンはタイトルの前の方にあるキーワードを重視しているようなので下記のように変更します。

変更前「IT幕府 | WordPress タイトルをサイト名の前に表示」
変更後「WordPress タイトルをサイト名の前に表示 | IT幕府」


変更前 <title><?php bloginfo(’name’); ?><?php wp_title(); ?></title>
変更後 <title><?php wp_title(); ?><?php bloginfo(’name’); ?></title>

ただこれだけでは

「>> WordPress タイトルをサイト名の前に表示 IT幕府」

“>>”が前に付いたままになってしまいますので“Title Suffix”というWordPress用プラグインを用います。

ダウンロードして解凍したファイルを[wp-content/plugins/]にアップロードします。

あとは設定画面でプラグインを有効にすればOK!

wp-title-suffix.phpの13行目$add_suffixを好きな接尾語に変更できます。

| | コメント (0)

Wordpressではてなブックマークのコメント表示する「hatana_bookmark_anywhere.js」

ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js(masuidrive on rails)
Hatena bookmark anywhere(はてブコメント表示)※スクリーンショット参照

グレヌクさんのエントリーを見て気になったはてブコメントの表示方法。ブクマ数が少ない僕が設置しても意味が無い。

| | コメント (0)

Wordpressブログを構築する時に気を付けるべきユーザビリティ

ブログをデザインする時に見て欲しい、使いやすくするための工夫10個ブログ 構築 Wordpress(gerenuk.crazyphoto.org)

  1. 個別ページのタイトルは「記事名→ブログ名」の順にする
  2. ヘッダーのロゴは、トップページへのリンクにする
  3. 記事のタイトルは、個別ページへのリンクにする
  4. 記事には必ず日付を入れる
  5. サイドバーを縦に長くしすぎない
  6. 検索フォームを設置する
  7. クリック出来る領域を大きくする
  8. 本文の開始位置をわかりやすくする
  9. 広告は広告だとわかるようにする
  10. (X)HTMLやCSSがValidにならないことを気にしすぎない

1はお気に入りの時に良く思う。

| | コメント (0)

2009年7月13日 (月)

WordPress

CMSとしてのWordPressでサイト構築をするときに便利な13のプラグイン(5509)

Wordpressプラグイン。All in One SEO Packはせっかくだったので導入。やり方はダウンロードしてきたファイルを[wp-content>plugins]内にアップロードして管理画面でONにするだけで大丈夫なのかな。

FeedBurnerとは
RSSリーダーに登録している購読者数や、フィードからのサイト訪問者数などを知ることが出来きるらしいです。

■リンク
FeedBurner(要Googleアカウント)
FeedBurnerを利用してRSSフィードをカスタマイズする(RapidWeaverで簡単HP作成)

使い方(設定)が分からん。

Heatmap Plugin Form WordPress Blog
アクセス解析だけでは分からない、サイト上でのユーザー動向を追うツール8+2種(リアルアクセス解析)

クリックされた個所を赤く表示するアイトラッキング型のアクセス解析。

SEOの順位を上げるためのWordPressプラグイン10SEO 検索 Wordpress プラグイン(CREAMU)

「Google XML Sitemaps Generator」
Googleサイトマップを作ってくれる
「SEO Friendly Images」
画像に適切なaltをつけてくれる」

この2つあとで入れよう。

LinkWithin関連記事 ブログ 表示
縮小画像付きで関連記事を表示してくれるブログ向けスクリプト『LinkWithin』関連記事 ブログ 表示(百式)

クローラー後、2日ぐらい経過したら表示するらしい。Wordpressでもできる。

ブログをデザインする時に見て欲しい、使いやすくするための工夫10個ブログ 構築 Wordpress(gerenuk.crazyphoto.org)

  1. 個別ページのタイトルは「記事名→ブログ名」の順にする
  2. ヘッダーのロゴは、トップページへのリンクにする
  3. 記事のタイトルは、個別ページへのリンクにする
  4. 記事には必ず日付を入れる
  5. サイドバーを縦に長くしすぎない
  6. 検索フォームを設置する
  7. クリック出来る領域を大きくする
  8. 本文の開始位置をわかりやすくする
  9. 広告は広告だとわかるようにする
  10. (X)HTMLやCSSがValidにならないことを気にしすぎない

1はお気に入りの時に良く思う。

ブログにはてブのコメントを表示するhatana_bookmark_anywhere.js(masuidrive on rails)
Hatena bookmark anywhere(はてブコメント表示)※スクリーンショット参照

グレヌクさんのエントリーを見て気になったはてブコメントの表示方法。ブクマ数が少ない僕が手を出しても意味が無い。

Simple Tweet(Twitter ポスト)
Twitter Updater

ブログに新規投稿があったらTwitterにポスト投稿するWordpressプラグインです。他にもあるらしい。

 

| | コメント (0)

WordPress参考書

WordPress入門本の紹介。

まず現在保有している本。

WordPressサイト構築スタイルブック エ・ビスコム・テック・ラボ
WordPressサイト構築スタイルブック(エビスコム)

アマゾンのレビュー通り丁寧で見やすいレイアウト構成でオススメです。このIT幕府もこの本を見ながら作りました。ただ発売日が2006年11月なので少し日が経過しているのが難点ですが次の2冊が続編として発売されてます。

WordPressレッスンブック エビスコム
WordPressレッスンブック(エビスコム)

こちらも見やすいレイアウトで、Wordpressの構築を1から丁寧に解説してくれます。お薦めはコレですね。

Webプロフェッショナルのための黄金則 WordPressテンプレートタグ虎の巻 エ・ビスコム・テック・ラボ
Webプロフェッショナルのための黄金則 WordPressテンプレートタグ虎の巻(エビスコム)

こちらはテンプレートタグについてです。やはりWordpress構築の上でテンプレートタグのリファレンス本は持っておくべきか。

[追記]参考
WordPressに移行完了(IDEA*IDEA)

| | コメント (0)

WordPress パーマリンク設定

URLのおまじないのお話。

初期設定は

http://it.bakufoo.jp/p=110
http://it.bakufoo.jp/p=111

という具合ですが

http://it.bakufoo.jp/20081105_65

に変更します。設定の仕方ですが

ダッシュボード→設定→パーマリンク設定→カスタム構造に
「/%year%%monthnum%%day%_%post_id%」

パラメーターは下記を参考。

%year%:年
%monthnum%
:月
%day%
:日
%hour%
:時
%minute%
:分
%second%
:秒
%postname%
投稿スラッグ
%post_id%
:投稿ID
%category%
:カテゴリー名
%author%
:ユーザー名

これもSEO対策らしんですが時代遅れかも。

WordPress標準ガイドブック―導入&基本操作からフルチューンまで マクラケン直子
WordPress標準ガイドブック(マクラケン直子)

| | コメント (0)