カテゴリー: TECH NOTES

  • Googleサジェストキーワードを取得できるツールまとめ

    GoogleのサジェストキーワードはSEOの観点からも欠かせない存在と言える。

    また、ビッグキーワードと共にどんなキーワードが検索されているかを調査する事でユーザのニーズを知ることもできる。

    Googleサジェストキーワードを取得できるツールはいくつかあるが、Google公式のツールは現在公開されていない。

    そのため、仕様変更になる度にキーワードが取得できないという場合があるため、いくつかのツールを押さえておく必要がある。

    Googleサジェストキーワードを取得できるツール

    それでは早速ツールを紹介していこうと思う。前述のようにツールはどれもGoogle非公認のため、仕様変更の度にエラーになるのは常であるし、精度に関しても保証されていないという事をご理解の上参考程度に見て頂ければと思う。

    グーグルサジェスト キーワード一括DLツール

    グーグルサジェスト キーワード一括DLツール

    CSVダウンロードにも対応した大変使いやすいツール。キーワード横の+ボタンでさらに詳細なサジェストキーワードを取得可能

    Keyword suggestion tool € Google suggest scraper € Ubersuggest

    Keyword suggestion tool € Google suggest scraper € Ubersuggest

    英語のサイトのため、なかなか辿り着く事のできないサイト。言語を指定し、「Suggest」ボタンで取得。「Select All Keywords」をクリックして、右サイドバーの「Get」でテキストを取得できる

    キーワードサジェスト.com

    キーワードサジェスト.com

    CSV取得や、テキスト取得は出来ませんがBingのデータ等も表示される。まあ必要ないかと思うが・・・・

    【goodkeyword】Yahoo/Google関連キーワードツール

    【goodkeyword】Yahoo/Google関連キーワードツール

    こちらもCSVで取得することはできないがテキストでコピーは可能

    Googleサジェストキーワードの利用方法

    上記ツールに加え、もちろんGoogle Adwordsのキーワードアドバイスツールも使用できる。

    お勧めはサジェストキーワードを取得した後、キーワードアドバイスツールに貼付け、キーワードオプションで「入力した語句を含む候補のみを表示」にチェックを入れて検索する方法。

    これにより、Googleのサジェストキーワードに加え、そのキーワードの検索ボリューム、さらには上位表示させた時のコストも割り出すことができるため、記事作成の優先順位を決めるのにも有効だ。

  • WordPressで特定のタグをタグ一覧(タグクラウド)から非表示にする

    特定のタグをつけた記事のみ、「お勧め」アイコンをつけたり、非表示にしたりといった設計をしている場合。

    「特定のタグ」は運営者側の都合であって、タグ一覧(タグクラウド)にそのタグが見えてしまうと都合が悪い。というケースがある。

    [Googlead]

    そんな時は、 「特定のタグをタグ一覧から非表示にする」簡単な方法がある。

    特定のタグをタグ一覧から非表示にする

    下のコードで”21″を除外したいタグのタグIDに書き変えれば良い。

    <?php wp_tag_cloud('exclude=21'); ?>

    除外するタグIDを知る方法

    投稿> タグ から、該当するタグの上にカーソルを持っていくと「tag_ID=XX」と表示される。

    XXの部分がIDとなる。

     

    タグクラウドWidgetから除外する

    もう1つはフィルターフックを使って除外する方法。

    こちらの方がスマートであるが、function.phpへ記述するため、バックアップをとってからの作業になる。

    下記、21を該当するIDに書き変える。複数の場合はカンマ区切りで。

    [Googlead]

    add_filter( 'widget_tag_cloud_args', 'my_widget_tag_cloud_args');
    function my_widget_tag_cloud_args( $args) {
        $args = array(
            'exclude'   =>      21
        );
        return $args;
    }
  • Contact Form7でコンバージョンを計測する方法

    Contact Form7でコンバージョンを計測する方法

    WordPressプラグイン「Contact Form 7」は言わずと知れた無料のフォーム作成プラグインだ。

    サイト内にいとも簡単に問い合わせフォームを設置することができる訳だが、設置後は「コンバージョンを計測したい。」ということになるだろう。

    そこで今回はGoogle アナリティクスで

    「Contact Form 7でコンバージョンを計測する方法」

    を、落とし穴と共にご紹介したいと思う。

    コンバージョンの計測方法でよく使われる方法は以下の2通り。

    1. アクションフックを使ってイベントをトラッキングする
    2. サンキューページにリダイレクトしトラッキングする

    それぞれ紹介していく。

    アクションフックを使ってイベントをトラッキングする

    [Googlead]

    こちらはサンキューページを作成しなくても、送信が完了すると、それをイベントとしてGoogleアナリティクスがトラッキングしてくれるというもの。

    Contact Form側の設定方法は下記公式サイトで解説されているのでそちらを見て頂きたい。

    フォーム送信を Google Analytics でトラッキングする

    「そもそもトラッキングのためだけにhtmlでサンキューページを用意する事はナンセンスだ。」というニュアンスがプラグイン開発者のページからも見て取れる。

    さて、このサイトでは、Googleアナリティクス側の設定説明がいまいちなので、解説したいと思うが、下記ページが詳しく説明しているようなので任せたいと思う。

    [wordpress]Contactform7でサンキューページを作成せずにコンバージョン測定

    サンキューページにリダイレクトしトラッキングする

    2つ目はサンキューページにリダイレクトしてトラッキングするという方法だ。

    こちらも下記公式ページを参考にすると良い。

    送信後に異なる URL にリダイレクトさせるには

    上記ページにもあるように、サンキューページを作らなければならない理由などないだろう?というのが開発者のご意見である訳だが、実際問題、解説通りにやってもうまくいかないということがある。このページを読んでいるあなたも恐らくそうした人の1人ではないだろうか。

    on_sent_okが機能しない

    [Googlead]

    1つには何らかの理由によってon_sent_okというフックがそもそも機能しないということがある。

    いくつかの原因が考えられるが、1つには、問い合わせフォームだけデザインを変更する等したために、wp_headとwp_footerをテーマファイルから削除してしまっているケースだ。

    その際は、wp_headを</head>の直前に、wp_footerを</body>の直前に挿入することで解決する場合がある。

    on_sent_okフックを使うとメッセージが表示されない

    別の理由として、他のプラグインが干渉してしまい、on_sent_okを使うと送信後のメッセージが表示されなくなってしまうということがある。

    この場合は、干渉しているプラグインを1つ1つ確認していく作業が必要となるが、正直、気が遠くなるような作業に感じられる。

    プラグインに原因がない事が分かると今度はテーマファイルのチェックということになるわけだが、こうした作業量を考えると、サンキューページにリダイレクトさせる方が現実的である、と落ち着く人もいるだろう。

  • WordPress Popular Postカスタマイズ完全マニュアル

    [Googlead]

     

    ノンプログラマがWordpressで人気の記事を表示させるのに欠かせないのがWordPress Popular Postというプラグイン。

    基本的な機能を使うだけであればものの5分で設定可能だ。

    しかし、このプラグインには様々なオプション機能があり

    カスタマイズのオプションも多岐にわたる。

    この記事は「Wordpress Popular Postカスタマイズ完全マニュアル」と銘打って

    このプラグインのカスタマイズの全てを網羅していこうと思う。

    現在記事は執筆中のため、備忘録的な体裁になるが少しでも参考になればと思い公開しながら更新していく。

    WordPressPopularPostの「投稿日付:」や「カテゴリー:」を削除する

    [Googlead]

     

    「インストール済みプラグイン」から「Wordpress Popular Posts」の下の「編集」をクリックし、

    プラグインを直接編集していく。

    ※プラグインのアップデートに伴ってコードの位置は異なることになる。

    wordpress-popular-posts/wordpress-popular-posts.phpファイル内から該当するコードを削除。

    カテゴリ:を削除する

    下のコードをファイル内から検索し、全てを削除。

    . __('under', 'wordpress-popular-posts')

    投稿日付:を削除する

    下のコードをファイル内から検索し、全てを削除、またはposted onの文字列を任意の文字列に変更。

     . __('posted on', 'wordpress-popular-posts')

    セパレーター「 | 」を削除する

    該当する位置の | をファイル内から検索し、削除。

    WordPressPopularPostの「views」を変更する

    こちらも「インストール済みプラグイン」から「Wordpress Popular Posts」の下の「編集」をクリックして、プラグインを直接編集。

    wordpress-popular-posts/wordpress-popular-posts.phpファイル内から該当するコードを編集。

    $views_text = sprintf(
    							_n('1 view', '%s views', intval($pageviews), 'wordpress-popular-posts'),

    上の「views」の箇所を任意のテキストに変更。削除する事ももちろん可能だ。

    WordPress poplar post に順位を表示させる

    ulではなくolでマークアップし、番号を装飾する方法。下のサイトが分かり易く解説しているので参考にすると良い。

    http://ateitexe.com/ol-ranking-styling/

     

  • カスタム投稿タイプの最近の投稿(新着記事)をサイドバーに表示する

    カスタム投稿タイプの最近の投稿をサイドバーに表示する

    [Googlead]

    「Executable PHP widget」というプラグインでサイドバーにPHPコードを使える様に設定します。

    「PHP CODE」というウィジェットが追加されますので、下記のコードを貼付ければOK。

    <ul>
    <?php query_posts( array(
         'post_type' => array('ここにカスタム投稿タイプ名を入れる'),
         'posts_per_page' => 5 ));
     ?>
    <?php if (have_posts()) : while(have_posts()) : the_post(); ?>
    <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
    <?php endwhile; endif; wp_reset_query(); ?>
    </ul>

    カスタム投稿タイプを最近の投稿に表示する

    [Googlead]

    この場合は、カスタム投稿タイプと通常の投稿の両方を表示したい場合に使用します。’post’,を追加するだけですね。

    <ul>
    <?php query_posts( array(
         'post_type' => array('post', 'ここにカスタム投稿タイプ名を入れる'),
         'posts_per_page' => 5 ));
     ?>
    <?php if (have_posts()) : while(have_posts()) : the_post(); ?>
    <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
    <?php endwhile; endif; wp_reset_query(); ?>
    </ul>
  • Float要素を均等幅で奇麗に並べる方法

     floatを使ってコンテンツを並べる際に、最後の要素だけ余白をつけない方法のいくつかをご紹介します。

    CSSを使う

    全体幅のmarginで調整

    まず要素と要素の間の余白(A)を決め、全体幅(B)から引いた値(C)を、要素の数(D)で割ります。

    例えば、(A)=10px、(D)=3、(B)=320pxの場合、320-10×2=300px。

    この値を(D)で割ると1つの要素幅が100pxとなります。これをfloatで回り込ませて、余白10pxを指定すると、(100px+10px)×3=330pxとなり、全体幅から10pxはみ出てしまいます。そこで、親要素のulにmargin-right:-10pxを指定するのがポイントとなります。

    <div class="wrapper">
    	<ul>
        	<li>floatコンテンツ</li>
        	<li>floatコンテンツ</li>
        	<li>floatコンテンツ</li>
        </ul>
    </div>
    #wrapper {
    	width: 320px; /*全体の幅*/
    }
        #wrapper ul {
        width: 330px; /*マージンを含む子ボックス合計幅*/
        margin-right: -10px; /*はみ出しを調整*/
    }
    #wrapper ul li {
        width: 100px;
        float: left;
        margin-right: 10px;
    }

    last-childを使用

    css3ではlast-childというスタイルがあり、これは疑似クラスの一種でリストの最後にだけスタイルを指定することができる。

    ただし、最後の要素にしか適用されないため、1行毎に設計する必要がある。また、現時点でIE8等対応していないブラウザもあるため、推奨環境に応じて対策が必要です。

    検索のヒント

     ” last-child IE8

    jqueryを使う

    jqueyにも各親要素内のすべての最後の子要素を選択するセレクターが用意されています。

    覚えてしまえば簡単ですので、ぜひこちらも利用してみましょう。

     ” jquery last-child

  • windowsとmac両方で丸ゴシックを表示させるCSS

    WindowsとMacの両方で丸ゴシック表示するためのCSSメモ。

    HG丸ゴとヒラギノ丸ゴの両方記述するのがポイント。

    [Googlead]

    {
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO","HGMaruGothicMPRO";
    }

    [Googlead]

  • カスタムフィールド内を検索できるプラグイン「WP Custom Fields Search」

    プラグインの概要

    プラグインカスタムフィールド内を検索できるようにするプラグイン

    検索キーワードをカスタムフィールドやカテゴリー、タグ等で絞り込みたいという時に便利なプラグインです。WordpressでECサイトを作成する際にも便利かと思います。プラグインを使わずに絞り込む方法もある。

    検索のヒント