SEOコンサルタント今井氏に聞く！WebメディアのSEOに関するお悩みQ＆A【7選】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさまこんにちは。マーケターのまこりーぬ（@makosaito214）です。 わたしは当メディア、LIGブログを成長させるべく日々SEO対策に取り組んでいるのですが、先日お仕事をご一緒させていただいたSEOコンサルタントの今井さんのお話が 「わかりやすくてとてもタメになる！ これはぜひほかのメンバーにも共有したい……！」 とすっかり感銘を受けたので、このたび取材（というか質問攻め）の機会をいただきました！ SEOに関心のあるみなさまの中でもとくにWebメディアの運営に携わっている or これから携わる方々におすすめの内容です。ぜひお楽しみください！ お答えいただいたのはこの方！ 株式会社Wedia 代表 今井 信 さん早稲田大学卒業後、株式会社アイスタイルに入社し「＠cosme」のWebディレクターとしてSEO業務に従事。その後株式会社イトクロにて口コミサイト「塾ナビ」のWebディレクシ
【検証】LIGブログのコンバージョンは上がるのか。アクセス解析をKOBITと小川卓さんに依頼した結果（前編） | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
【検証】LIGブログのコンバージョンは上がるのか。アクセス解析をKOBITと小川卓さんに依頼した結果（前編） 「オウンドメディアを使ってコンバージョンの数を増やしたい」 すべてに当てはまるものではありませんが、オウンドメディアを運用する会社は、なにかしらのコンバージョンを狙っているのではないでしょうか。今回は、Webサイトの解析レポートを自動で生成するツール「KOBIT」で出されたレポートを元に、LIGブログのリアルな数字を使って改善していく様子をお届けしていきます。 第一回目のテーマは、「Web制作のお問い合わせ数を増やしたい（前編）」です。 このテーマにとりかかっていただくメンバーには、Webアナリストの小川氏をゲストに迎え、クリエイターズネクスト代表の窪田氏、LIGからはイシケン、づやで取り組みます。前編である今回は、KOBITから出されたレポートをもとに、Webアナリストの小川さん
【CSS設計】拡張や修正に強いコンポーネントをマークアップする6つのテクニック | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 皆様、CSS書いてますでしょうか。 今回はSMACSSやBEMをある程度ご存知の方向けに、コンポーネントをマークアップする際に役立つテクニックと題して、「SMACSSを使う際に役立つテクニック」「BEMを使う際に役立つテクニック」「さまざまなシーンで役立つテクニック」をご紹介したいと思います。 なお、SMACSSやBEMをご存知ない方は、本記事の参考文献＆記事のリンクが参考になると思いますので、はじめにこちらをご参照いただければと思います。 ※「コンポーネント」という言葉は、使われるシーンによってさまざまな意味になりえますが、本記事においては「Webページを構成するパーツ」と定義させていただきます。 SMACSSを使う際に役立つテクニック編 まずはSMACSSを使う際に役立つテクニックからご紹介します。
文章力をあげる5つのポイント！現役編集者による実践添削例つき | 【Webライター・編集者】最初の一歩
はじめまして。エディターのさえりです。 想像力が逞しく、日々想像の世界へ逃避していますが、現実との境目はちゃんとあるタイプです。今後とも何卒よろしくお願いします。 さて、わたしは外部メディアを運営するLIGMOというチームに所属しています。LIGMOは、外部のクライアントから依頼を受けた後、クライアントの要望に合った記事を企画し、ライターに案件を発注、あがってきた原稿を編集し、公開する……などのメディア運営の一連の作業を請け負っています。 文章の編集をする中で、わたし自身「自分の文章力をもっとあげたい」と思う機会がよくあります。文章のプロではない限り、誰でも一度は日本語の難しさを感じたことがあるのではないでしょうか？ そこで今回は、わたしと同じように「今よりも文章力をあげたい人」に向けて、「文章を、少しだけクオリティアップさせるポイント〜基礎編〜」をご紹介します。 かなりの基礎編なので、文
企画書・提案書のデザインテンプレートサイト4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
提案書や企画書の作成は慣れが大事。慣れるまでは効率のいい作成の仕方がわからず、完成までに膨大な時間を要してしまう人もいるのではないでしょうか。 今回は「ほかの人の企画書を盗み見できるサイトやページ」をご紹介します。見せ方や考え方、そしてそれを先方に伝えるためのノウハウが詰まりまくっているので、見て損はないと思います。 それでは、見てみましょう！ 未経験から6ヶ月でWebデザイナーを目指しませんか？ クリエイターに興味があるけどなり方がわからない、Web業界への転職を目指している……という方は、「スクールでの勉強」もおすすめです。将来について悩んでいる方はぜひ一度LIGにご相談ください！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ さまざまな企画書を盗み見できる Web サイトまとめ 1. alle https://the.alleslide.com ボリュームがすごいです。 2
Node.jsからGoogle Analytics APIにアクセスし、GA情報を表示させよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGフットサル部部長兼エンジニアののびすけです。 最近フットサルにあまり行けてないので、どなたか誘ってください。笑 さて先日、LIGブログが初めて月間300万PVを達成した際、社内向けに「リアルタイムでLIGブログのPV数をが表示されるサイト」をGoogle Analytics APIを利用して作ってみました。 そこで今回は、Node.jsからAPIへの接続方法とサイト作成について紹介していきたいと思います。 まずはみんな大好きGoogle Analytics(以下GA)です。 GAのAPIを使えば、ほとんど全ての情報が取れるのではないかというくらい、豊富にデータが取得できます。 代表的な項目でいえば リアルタイムにアクセスしている人の数 ページ毎のPV数やページ情報 指定期間のサイト全体のPV数 などでしょうか。しかし今回のテーマはGAの解析ではないので、一旦ここまでの紹介
企画書に使える！信頼できるデータの引用元15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのなかみーです。 新人ディレクター向けシリーズの最終回ですね。 今回は、企画書を書くときに役立つ統計やアンケート結果などを公開しているサイトをご紹介したいと思います。 データで一番重要なのは、それが本当に“信頼できるものか”ということ。 発表元が信頼できる会社であればそのデータの信頼性は高いですし、100人に聞いたアンケート結果よりも10万人に聞いた方がより正しい統計データを得ることができますよね。 企画書に使えるような信頼できるサイトをまとめたので、お役立てください。 1. StatCounter http://gs.statcounter.com ブラウザのシェア率などを調べるときに使えます。 全世界だけでなく、日本国内で使われているブラウザにフィルタリングすることもできるのが便利です。 2. Similarweb http://www.similarweb.c
お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
有名心理学的効果を使った、思わず読みたくなる記事の作り方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらはWebライティングに関する全10回のシリーズ記事です。 さて、良い記事を書くには、ひらめきや芸術性といった右脳的な発想が必要だと思われがちですが、思考や論理といった左脳的な発想だって必要です。 具体的には、より多くの人に記事を読んでもらうために、検索エンジンのアルゴリズムだけでなく、人の心や行動のメカニズムも解明したいところです。 そこで今回注目したいのが、コピーライティングやセールスライティングの分野では当たり前のように取り入れられている「心理学」です。 「心」の様々な働きと、それに基づく行動を、統計学的手法を用いて科学的に解明する学問である心理学。その中から、思わず読みたくなる記事の作り方に応用できそうな効果をまとめてみました。 ▼目次 ハロー効果 カクテルパーティー効果 ザイアンス効果（単純接触効果） 記事タイトルを作るうえで参考にしたい3
Webサイト制作の中心に分析を！Ptengineの便利な機能と使い方【導入編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 Webサイト改善のためにGoogle Analyticsなどのアクセス解析ツールを使って、数値を分析している方は多いのではないでしょうか。 ツールを使いこなせば、それなりに問題点や課題も見つかるようになるのですが、どうしても数値からでは判断できないこともあります。 そんなときに利用したいのがヒートマップツールでしょう。 アクセス解析と合わせてヒートマップを利用することで、立てた仮説や効果を視覚化して検証することができ、より深い分析につながります。 そこで、みなさんは「Ptengine」をご存知でしょうか？ Ptmindさんが開発しているヒートマップツールなのですが、実際にLIGブログで導入してみて、その多機能さに驚かされました。 今回の記事では、その「Ptengine」の便利な使い方、導入するとどのようなことができるのかを、実際に使ってみ
【保存版】効果的なSEOのための対策キーワード選定方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あけましておめでとうございます。じつかわです。ヴォラーレという会社でSEOのコンサルティングを行っております。今年もよろしくお願いいたします。 さて、せっかくの新年なのでSEOの基礎であるキーワード選定の部分を改めて確認してみましょう。 地味でめんどくさく分かりにくいため、ないがしろにされがちな部分ですが、SEOは掛け算です。いくらサイトがしっかり検索エンジン向けに最適化されていても、コンテンツがすごく充実していても、狙うキーワードがずれていたり少なかったりすると、それだけで検索エンジンからの流入機会が減ってしまいます。 今回はそんな「対策キーワードの選び方」を3つのステップでがっつり学んでみましょう。 ▼目次 STEP1．キーワードをとにかく広げる まずユーザのことを理解し、想像する カスタマージャーニーを考える 拡張して考える 自社・競合サイトを見る ツールを使う Google AdW
文章が苦手な人にもできる文書力を上げる10の方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木です。世の中には“わかりやすい人間”と“わかりにくい人間”がいて、概してわかりやすい人間の方がよくモテ、出世もしやすく、幸せな人生を送れると思う今日この頃です。 わかりにくい人間であるところの僕は、せめて自分の書く文章くらいはわかりやすくしたいと思っておりますが、みなさまの文章のわかりやすさはいかがでしょうか。 文章を書くことは、なにもライターや編集者だけの仕事ではありません。社内の報告書、社外へのビジネスメールなど、コミュニケーション・ツールとしての文章は、どんなに技術が進歩してもなくならないものです。 “他人が読むこと”を前提とするにあたり、目的は相手に情報を伝えること、であれば大切なのはその文章がわかりやすいかどうかになるでしょう。 僕は、月に100本くらいの原稿をチェックします。まだまだ勉強中の身ではありますが、そんな生活を続けていると、少なくと
コンバージョン率が120％改善！ECサイトでABテストをおこなうコツとは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、株式会社ウィルゲートの水野と申します。 ゼネラルマネージャーとして、新規事業の企画やプロモーションなどをいろいろやっている元魚屋です。今回からWebプロモーションに関する寄稿記事を書かせていただきますので、よろしくお願いします。 早速ですが今回は、弊社で行っているサイト内部改善のためのA／Bテスト事例をご紹介します。 Webプロモーションの費用対効果を上げていくためには、サイトへの集客も重要ですが、サイト内部の改善によってコンバージョン率を高めていくことも重要です。 そんな中でA／Bテストは最も始めやすく、現実的な手段の一つです。 A／Bテストをまだやったことがないという方も、ぜひ改善事例をご覧いただき、A／Bテストに興味をもっていただければ幸いです。 A／Bテストの概要 今回のテストでは弊社コンサルタントによる定量分析と第三者視点での導線、デザイン分析を行い、A／Bテストを
キーワードの検索結果で上位表示されるためにコンテンツ設計で意識すべきだった4つの反省点 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のしぶです。 少し前に「オウンドメディア」というキーワードで検索上位を狙おうとして記事を書いたのですが、今振り返ってみると、もっと上位表示できる方法はあったはずなのに、いろいろ勿体ないことしたなー、と思っています。 そこで今回は、2ヶ月前にその記事を書いた自分自身への反省として、「競合の記事に勝つためにはどんなことをしなければいけなかったか」について、振り返ってみたいと思います。なお、SEOについては目下勉強中であるため、間違っている点や不足している点などあれば、ご指摘頂けると幸いです。 反省1. 狙うべきターゲットと伝えたいことがなかった コンテンツをつくるときは、まずはペルソナ設定やキーワード設計などをして、「読者はこういう情報を欲しているはず」という予測を立て、それに基づいて作成をはじめると思います。 僕の場合、ターゲットがまず明確ではありませんでした。ただ
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
必読！5分でわかるレスポンシブWebデザインまとめ 制作編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お久しぶりです。デザイナーの野田です。 まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。 「必読！5分でわかるレスポンシブWebデザインまとめ」 「必読！5分でわかるレスポンシブWebデザインまとめ Pt.2」 を読んでいただけるとスムーズです。 今回で、【必読！5分でわかるレスポンシブWebデザインまとめ】のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％ 5分では分らないので、タイトルはスルーしてやってください。 様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。 この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。 また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
★★★隙間を埋める！フッターをウィンドウ下部に固定する3つの方法 | 株式会社LIG
こんにちは、モモコです。 ページを作っている際に、想定していたコンテンツ量よりも原稿が短く、フッターの下にブラウザとの隙間が空いてしまう事がありました。 このスカスカ感を埋めるべく、フッターをウィンドウ下部に固定する方法を調べたので備忘録も兼ねてご紹介します。 positionを使い、フッターをコンテンツ下部に固定する方法 【HTML】 <html lang="ja"> <body> <div id="wrap"> <header>ヘッダー</header> <div id="contents">コンテンツ</div><!-- contents --> <footer id="footer">フッター</footer> </div><!-- wrap --> </body> </html> 【css】 html,body{ height:100%; } #wrap{ width: 100%
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
無料の動画フリー素材サイト10選！動画編集の練習や結婚式のムービーに | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Web制作ディレクターのあゆみです。 自分が撮影した素材だけで動画をつくると、なんとなく味気なかったり物足りなかったりしますよね。 そんなときに使えるのが、動画編集用の素材。元素材に重ねたり、間に挟み込むことで尺を稼いだりすることで、少し手の込んでいる動画に見せることができます。短時間でなんとかしたいときは、かなり助かると思います。 というわけで動画編集に使える無料の素材サイト10個をご紹介します！ よろしければ参考にしてみてください！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
