ブログ

  • WordPressでExcelのデータをインポートする方法

    [Googlead]

     

    WordPressで記事や、商品情報などをExcelから読み込みたいという状況もあるだろう。

    そんな時に役立つプラグインが「Really Simple CSV Importer」

    このプラグインはCSVで記事をインポートするためのプラグインで、

    その名の通りシンプルで使いやすいのが特徴だ。

    具体的な使い方はプラグイン名で検索していただくとして、

    この記事ではExcelファイルで持っているデータからWordpressの記事にする際の

    注意点を取り上げたいと思う。

    文字コードの問題

    まず、一番大きな問題はExcelはShift-jisという文字コードを使用しているため

    そのままではWordpressに取り込むことができない。

    それで、テキストエディタ等で文字コードを変更する必要があるが

    その際にお勧めなのがGoogleの「スプレッドシート」だ。

    Googleアカウントを作成すれば誰でも無料で利用できるツールだが、

    新規にスプレッドシートを作成し、Excelから貼り付け、

    ファイル>形式を指定してダウンロード>カンマ区切りの値

    でダウンロードすれば文字コードがUTF-8に変換される。

    その時間、およそ数秒。

    バックアップなども自動でとれるので、Excelデータを流用する場合は

    この方法が手軽でおすすめだ。

    すでに公開している記事をExcelデータに起こす方法

    [Googlead]

     

    WordPressからWordpressに移行するのであれば標準の

    インポート、エクスポート機能が使えるが

    Excelでデータを扱いたいという場合にはCSV形式にする必要がある。

    その場合に役立つのが

    「Export to text」というプラグインだ。

    このプラグインはWordpressの記事をテキスト形式で

    ダウンロードしてくれるプラグインだ。

    このファイルをCSVで扱うためには

    Googleのスプレッドシートで

    ファイル>インポート

    から読み込むことで可能だ。

    ファイルから、開くを選んでも

    思ったような結果にはならないので要注意だ。

    ちなみに、この方法で読み込むと

    複数のカスタムフィールドがひとつのセルに統合されてしまっているので

    テキストエディタ等で開き、区切られている記号(. => )をカンマ区切りに一括置き換えしtxt保存することで同じように列に分けることができる。

     

  • WordPressでカスタム投稿タイプで一括商品登録をする方法

    Custom Post Type UI

    カスタム投稿タイプやタクソノミーを管理

    Really Simple CSV Importer

    商品データを一機にアップロード。

    タクソノミーにも対応し、idで管理することで上書き。

    Excelで作る場合は一度Googleドキュメントにアップすれば文字コード変更OK。

    ショップサーブから対応する項目を引っ張ってくるExcelブックを作成。

    カスタムフィールドテンプレート

    商品ページのテンプレートを管理

    Advanced Custom Fields

    フィールドを追加 

  • お客様の声をjqueryで動的に配置するスクリプト

     

    お客様の声などをjqueryで動的に表示することで活気あるサイトを演出できる。

    jqueryを使ってtwitterのように、ある一定のタイミングでスライドさせていくスクリプトが公開されていたので

    紹介したいと思う。

    これを利用すればサイトトップページで動的にお客様の声を表示することができる。

    詳細は下記のページで丁寧に解説されているので参考にすると良い。

    http://www.webopixel.net/javascript/289.html

  • WordPressでカテゴリーページ(アーカイブページ)に固定ページを表示する方法

    WordPressでカテゴリーページ(アーカイブページ)に固定ページを表示する方法をご紹介する。

    今回の案件は、

    「カテゴリー分けされた大量の投稿があり、各カテゴリーページをSEO最適化させるたい」

    というケースだった。

    各カテゴリーページには商品の一覧が表示されるためSEO効果も高いのではないか

    という事から始まっている。

    仮にワインに置き換えて、概要を説明すると

    下の表のような構造でサイトが設計されている。

    階層 概要 file 対策キーワード
    トップ index.php ワイン
    大カテゴリー 赤ワインアーカイブ category.php 赤ワイン
    小カテゴリー 産地別 category.php 産地名
    商品ページ 各商品ページ single.php

    各カテゴリーページには商品の一覧が表示されるが

    ページ最適化のために、各カテゴリー毎の商品一覧の上に

    ユニークなコンテンツを表示させたい。

    もちろん条件分岐で挿入する事が可能だが、

    カテゴリー数が多いためスマートな方法を探していた。

    通常、こういう場合は「固定ページをランディングページとして作成し

    ページ内に商品一覧を表示させる」のが一般的なようだが

    そうするとどうしても商品ページのパンクズリストのリンク先が

    対策ページではないカテゴリーページへリンクされてしまう。

    それで、今回はどうしても

    「アーカイブページに固定ページを表示させる」という形を模索する事にした。

    プラグインを使用する

    さて、固定ページということで考えていたが、プラグインと連動する事で

    実現可能と判明したので、こちらの方法を解説する。

    カテゴリースラッグを英語で作成

    まずはカテゴリースラッグを英語表記で管理画面から登録する。

    大カテゴリー 赤ワイン redwine

    小カテゴリー  ―フランス産  redwinn-france

    といった具合だ。

    プラグインGlobal Content Blocksを使う

    言わずと知れた有名プラグインだが

    Global Content Blocksでブロックを作成し

    カテゴリーページで表示させたい内容を入れる。

    この時に、Custom shortcode stringをスラッグ名と同名にしておく

    テンプレートにコードを追加

    次にカテゴリーページのテンプレート内の

    表示させたい場所に下記のコードを挿入。

    <?php $cat_info = get_category( $cat ); ?>
    <?php echo do_shortcode('[contentblock id=' .$cat_info->slug. ']'); ?>

     これで、redwineのアーカイブページには

    Global Content Blocksで作成したコンテンツが表示され、

    その下に商品一覧も表示される。

    さらにアーカイブページを使用しているので

    パンクズリストとも最適化されている。

    関連プラグイン

    Global Content Blocks

    Breadcrumb NavXT

  • ショップサーブで検索順位を下げずにリダイレクトする方法

     ショップサーブはSEOに強いという話を何度かしているが

    あるキーワードで上位表示されているカテゴリーページ

    順位を下げずに別のサイトに引っ越したいという案件があった。

    ※注意:トップページでも自作ページでも商品ページでもなくカテゴリーページである。

    さて、リダイレクトさせる場合、いくつか方法があるが

    サーバー側に制限がない場合.htaccessファイルを使用する方法が一般的だ。

    ショップサーブのサーバーではリダイレクトの際に.htaccessが使用可能か

    オンラインサポートを調べてみた。

    すると下のような回答を見つけた。

    「.htaccess」ファイルの設置は可能ですが、管理画面を操作することにより、上書きされてしまう場合がございます。

    これは、まさか、「お店を更新」をする度に上書きされてしまうという事なのか・・・

    恐る恐る電話で問い合わせてみると

    そうではなくて、 .htaccessは次の3つのタイミングのみ上書きされるとの事。

    1. シークレットサービス機能を使用したとき
    2. 「URLの設定」を変更したとき
    3. 「開店・閉店の切り替え」を行ったとき

    つまり上の3つの機能を使用する時だけ気をつけておいて、.htaccessを再アップロードすれば良いのだ。

    ※ちなみに1のシークレットサービスとはパスワード付のシークレットページを作成する機能の事。

    ショップサーブでリダイレクトを設定する

    URLの移行に関する設定方法は下のページが分かり易く解説しているので参考にすると良い。

    http://allabout.co.jp/gm/gc/23770/

    上記のサイトではリダイレクトを行う3種類の方法

    1. 「.htaccessを使う方法」
    2. 「HTMLのmeta要素を使う方法」
    3. 「JavaScriptを使う方法」

    が紹介されている。

    今回のケースではカテゴリーページAから別サイトのカテゴリーページBに移行させる

    というケースだったので

    2のHTMLのmeta要素を使って ページAで「引っ越します」のメッセージを表示し、5秒後にページBへリダイレクトさせる

    という方法がユーザー目線からは自然な方法だが・・・

    この方法はGoogleが推奨している方法とは異なるのだ。

     

    検索エンジンの結果で表示されるページの URL を変更する必要がある場合は、サーバー サイドの 301 リダイレクトを使用することをおすすめします。これは、ユーザーや検索エンジンが正しいページにたどり着くことを保証する最善の方法です。ステータス コード 301 は、ページが別の場所に完全に移転したことを意味します。

    ページの URL の変更と 301 リダイレクトの使用

    metaを使ったリダイレクトは一説によれば悪質なSEO対策としてスパム扱いされる場合もあるとの事。

    今回は「検索順位を下げずに移行する」という点を考慮して「.htaccessを使う方法」を採用してみる事にした。

    ショップサーブで.htaccessでリダイレクトさせる

    作業手順は以下の通り。

    ページAをBに移行させる まずはAをBに移行させる

    この際、コンテンツをいじる必要があったとしても

    とりあえず順位が安定するまでは全く同じ内容で移行しておくのが無難だろう。

    FTPで.htaccessをダウンロード

    現在の.htaccessファイルをショップサーブ側からダウンロードする

    .htaccessに追記

    下記コードをテキストエディタで追記。

    ※.htaccessを編集するエディタは注意が必要だ

    RewriteEngine On
    RewriteRule^対象ページのURL$ 移転後のURL [R=301,L] 

    さて、これで通常の作業は終了だが

    ページをリロードして、確認してみると・・・・

    なぜかリダイレクトされない

    ショップサーブのサポートに真相を確認

    再び電話でサポートに確認してみると、

    カテゴリーページ(ドメイン/SHOP/)内は htaccessがきかない設定になっているとの事。

    ・・・・・・・

    ・・・・・・

    ・・・・

    ・・・

    というわけで、

    「カテゴリーページを.htaccessでリダイレクトさせる事は出来ない」のだ。

    もう一度強調しておく。

    ショップサーブで

    「カテゴリーページを.htaccessでリダイレクトさせる事は出来ない」のだ。

    HTMLのmeta refreshを使用してリダイレクトさせる

    結局選択の余地がないので下記コードを「カテゴリ専用ヘッダ」に入力する

    <meta http-equiv="refresh" content="秒; url=リダイレクト先URL"> 

    秒の所を0にする事でyahooは301リダイレクトとして判断してくれる。

    ただし、前述のようにGoogleはmeta refreshでのリダイレクトを公には推奨していない

    大量のページでこれを使用するとスパム扱いの可能性もあるので用注意だ。

    ショップサーブでリダイレクトする際のまとめ

    • カテゴリーページ以外なら.htaccessが使える
    • 商品ページであれば独自ページURL(標準機能)を商品追加時に指定
    • .htaccessを使う際には更新時に注意が必要
  • WordPressの管理画面でCSSやPHPの行番号を表示させるプラグイン

    Worpdressの管理画面からCSSのソースやテンプレートを編集する際に

    行番号(Lineナンバー)が表示されれば、エディタを使わずにさっと修正できるのに・・・・・

    という場合にお勧めなのが「WP Editarea」というプラグイン。

    本格的な修正の場合はエディタを使ったほうが速いが

    ちょっとした修正作業ならこのプラグインでCSSの行番号を表示させ

    管理画面から修正を行った方が効率が良いかもしれない。

    WP Editareaの使い方

    設定からenableにチェックを入れるだけ。

    jpにも対応している。

  • SHOPSERVEで楽天市場のような縦に長いバナーを表示する

    ショップサーブ のサイトで売上アップを目指すなら 楽天市場 でよく見かける縦長のバナーを表示させる方法をご紹介する。

    売上アップを目指すなら 楽天市場 のような長いバナーを表示させる方法

    縦長のバナーはスクロールしても常に表示される。

    これはご存知かと思うが、同じ画像がリピートされているのだ。

    リピートさせる画像を用意する

    リピートさせる画像の長さは特に指定はないが、楽天バナー用の素材を参考にすると良いかもしれない。

    ちなみに今回使用した素材は下のサイトのが無料素材を利用した。

    商用無料でPSD形式でもダウンロード可能だ。

    使用した素材

    バナーを作成したら、それを背景画像で使用している画像と合成する。

    サイトの横幅からはみ出るサイズで画像を書き出せばOKだ。

    CSSの設定

    CSSでbodyの背景画像をたてにリピートさせるだけ。

    body {
     background-image: url("画像url");
     background-repeat: repeat-y;
    }

    サイトを賑やかにアレンジしたいというサイトは採用してみるのも良いかもしれない。

     

  • 店舗内にセール終了日までのカウントダウンを表示させる

    SHOPSERVEのサイト内に下のようなカウントダウン表示を表示させる方法をご紹介する

    [contentblock id=1]

    こういったカウントダウンがあるとお店に活気が出るし、購買意欲をそそる仕掛けとなる。

    このカウントダウンはSHOPSERVEの標準機能では提供されていないが

    外部の無料サービスを利用することで可能となる。

    ただし個人で運営しているサービスのため自己責任で行っていただきたい。

    カウントダウンタイマーNEO

    カウントダウンタイマーの設置方法

    設置方法は実に簡単。

    「誰でもできる」といっていい程親切なツールになっている。

    基本的な使い方に関しては本家の説明ページにもあるので

    そちらに譲りたいと思う。

    http://countdown.reportitle.com/001.php

    使用上の注意点

    とても使いやすく有用なツールだがあくまで個人で運営されている

    サービスなので、サービスが安定的に持続する保証はない。

    また外部からHTMLを読み込んでくる仕組みなので

    このサービスが信頼できる、もしくは問題があればすぐ削除すればいい

    という場合のみ使用することをお勧めする。

  • ショップサーブのSEOで注意すべき点

    ショップサーブ で運営されているサイトに限ったことではないが、ちょっとした工夫で改善できるSEOの注意点をまとめてみようと思う。

    まずショップサーブ の管理画面では、デザイン設定の中に「ヘッダとSEOの設定」という項目がある。

    そこには以下のように注意書きが記されている。

    「キャッチコピー」、「お店の名前」、「タイトル」、「キーワード」、「ディスクリプション」はSEOに関連する項目となりますので、お店に関連するキーワードを入力するようにしましょう。-ショップサーブ 管理画面より

    上の説明は間違ってはいないが、注意点に関する説明が足りていないのも事実だ。

    SEOの原則は「最後は人」

    まず基本的な話であるが、SEOは検索エンジンに対して最適化していく作業。

    まず考えるべきは、あなたが検索エンジンの側にたったならば

    どんなサイトを上位に表示させたいと思うだろうか。

    また、どんなサイトは上位に表示させたくないと思うだろうか。

    「実質が伴わない、それでも被リンクやテキスト量などの対策はバッチリ。」

    というサイトは是が非でも上位には表示させたくないと思うはずだ。

    そういった小手先の対策が通用した過去も確かにあった。

    しかし、検索エンジンは頻繁にアップデートされているため

    そういった対策ではすぐに見破られてしまう。

    SEOを考える時に

    「最後は人間が順位を決めている」

    くらいの前提で作業を進めることをお勧めする。

    では、その前提を踏まえて具体的な注意点をあげていこうと思う。

    対策ページを明確にする

    まず、検索結果としてあってはならないのは、どんなに素晴らしいサイトであったとしても

    「トップページを同じサイトが独占する」という状況だ。※キーワードによるが

    これはつまりどういうことかというと、サイト運営側として「どのページを上位表示させたいか」を明確にすることは

    検索エンジンに対して親切であるということだ。

    ではどうすれば対策ページを明確にできるだろうか。

    対策キーワードを対策ページにしか入れない

    これができていないサイトがじつに多い。

    例えば”フランス 赤ワイン”というキーワードでトップページに対策を施しているならば

    他のページから、この2つのキーワードを完全に除く必要がある。

    例え、”フランス 赤ワイン 飲み方”というキーワードにピッタリのページがあったとしても、

    心を鬼にしてそのページのキーワードは”飲み方”とするべきだ。

    もしかしたら”フランス 赤ワイン 飲み方”というキーワードを設定して

    フランス赤ワインの飲み方を丁寧に説明するページを作れば”フランス 赤ワイン 飲み方”で上位表示されるかもしれない。

    しかし、本当に上位表示させたいトップページの”フランス 赤ワイン”にとっては邪魔者以外の何者でもないのだ。

    検索エンジンにとっては、どちらを上位表示させればいいかが明確にならない場合は

    全体の順位を押し下げて対応するしか選択肢が残されていない場合があるのだ。

    特にカテゴリーページのメタタグを見直す

    この点で、カテゴリーページに無駄にキーワードが盛り込まれているケースが目立つ。

    ユニークなキーワードが見当たらないのでトップページと同じキーワードにしてしまえ、

    ということなのだろうが、そうするくらいならなにも入力しない方が効果が期待できる。

    トップページの対策キーワードは慎重に

    トップページに10も20もキーワードが設定されているケースもよく見うけられる。

    対策キーワードを絞りこみ、競合の少ないキーワードはトップページではなく下層ページで対策をたてることも重要だ。

    このように考えていくと、やはりSEOは入念な計画の元に対策を施していくことが重要であることが分かる。

    SEOマップを作成し、まずはサイト運営側が対策ページと対策キーワードを明確に認識することが

    上位表示への近道であるといえるだろう。

  • WordPressでビジュアルとテキストを切り替えるとビジュアルが見えなくなる(解決済み)

    WordPressの更新やプラグインの更新にともなって不具合が生じることはよくある。

    昔入れたプラグインが悪さをしている場合はプラグインを一つ一つ無効化して調べていく必要がある。

    今回はWordpress更新のタイミングで、

    ビジュアルとテキストを切り替えるとビジュアルエディタが真っ白になるというような現象に陥ってしまった。

    そこで、プラグインを一つ一つ無効化していくのだが・・・・

    おすすめの方法は、

    「まずはプラグインの半分だけ無効化して、次はその半分、というように徐々に絞ってしていく」方法だ。

    この方法を使うと驚くほど早く原因のプラグインを突き止められることがある。

    ちなみに、わかりやすいようにプラグインの頭文字A-Cを無効化、次はD-Fというようにアルファベットで分けていく方法が実際的だ。

    怪しいと思うプラグインから順番にというよりも、ローラー作戦で確認していったほうが結果的に早く原因を突き止められることが多い。

    ちなみに今回悪さをしていたのは「Free Stock Photos Foter」というプラグイン。

    もはや何のプラグインかすら思い出せなかったが、調べてみると無料で使える画像を検索できるようなプラグインらしい。

    同じ現象になった方で、このプラグインを使っている方がどれだけおられるか不明だが、何かの助けになればと思い記事にしておく。