タグ

2016年6月14日のブックマーク (7件)

  • 【保存版】効果的なSEOのための対策キーワード選定方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    あけましておめでとうございます。じつかわです。ヴォラーレという会社でSEOコンサルティングを行っております。今年もよろしくお願いいたします。 さて、せっかくの新年なのでSEOの基礎であるキーワード選定の部分を改めて確認してみましょう。 地味でめんどくさく分かりにくいため、ないがしろにされがちな部分ですが、SEOは掛け算です。いくらサイトがしっかり検索エンジン向けに最適化されていても、コンテンツがすごく充実していても、狙うキーワードがずれていたり少なかったりすると、それだけで検索エンジンからの流入機会が減ってしまいます。 今回はそんな「対策キーワードの選び方」を3つのステップでがっつり学んでみましょう。 ▼目次 STEP1.キーワードをとにかく広げる まずユーザのことを理解し、想像する カスタマージャーニーを考える 拡張して考える 自社・競合サイトを見る ツールを使う Google AdW

    【保存版】効果的なSEOのための対策キーワード選定方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 本当は教えたくない・・・けど、おすすめのキーワード選定ツールを紹介しちゃうよ!

    Webサービスやアフィサイトを作る際、またブログにより多くの人に記事を読まれたいという方は、できる限りSEOキーワードの選定や競合サイトの分析、そして、果たしてそのキーワードが検索エンジンから検索ボリュームが見込まれるキーワードなのか、徹底的に調べるべきです! 僕はこれまでこういった調査を疎かにしてWebサイトをリリースしてしまい、労力に見合っていない(=稼げない)作業をしてしまったことが数多くあります。 失った時間はもう取り戻せません…が、そうなるのを未然に防ぐ方法があるのです。 今回紹介する便利なWebサービスを利用して、無駄な作業を省いてください! Googleトレンド https://www.google.com/trends/ Googleトレンドは、Googleが提供している無料のキーワード調査ツールです。 Googleの検索実績より、カテゴリ、そして国や地域ごとに調べたいキー

    本当は教えたくない・・・けど、おすすめのキーワード選定ツールを紹介しちゃうよ!
  • SEO対策・リスティング広告のキーワード選定に役立つツール10選

    SEO対策やリスティング広告の出稿の際に役立つ「キーワード選定」のためのツールを10紹介している記事です。初心者でも簡単に使えるツールばかりですので、今まで知らなかったものがあればぜひ使ってみてください! テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 SEO対策やリスティング広告の出稿の際に重要になってくるのが「キーワード選定」です。 SEO対策であれば、どんなに順位が上がっても検索されるキーワードでなければトラフィックは増えません。また

    SEO対策・リスティング広告のキーワード選定に役立つツール10選
  • page plugin(facebook埋め込み)をレスポンシブ対応する

    2015年6月にfacebookをwebサイトに埋め込むには「like box」から「page plugin」に変更になりました。 単純に埋め込むにはこちらからコードを取得し貼り付けるだけでfacebookウィジェットを埋め込むことができます。 一応レスポンシブ対応していますが、仕様としては最初に表示された親ボックスサイズ(180px〜500pxの制限あり)に合わせてレスポンシブに可変されますが動的にウィンドウサイズは変更されません。 このままでもほぼ問題ないと思いますが、どうしてもダイナミックにレスポンシブ対応したい場合のjqueryを使った対応方法をメモ。 まずは通常の手順通りコードを埋め込む 下記のように埋め込みたい場所(ここでは<div id=”pageplugin”>ボックス内)に取得したコードを埋め込みます。(javascriptのコードは省略) <div id="pagepl

    page plugin(facebook埋め込み)をレスポンシブ対応する
  • Bower(フロントエンド用パッケージマネージャー)の導入方法と使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、おじいちゃんです。 今回はTwitter社が作成しているフロントエンド用パッケージマネージャー、Bowerの導入方法と使い方について説明したいと思います。 Bowerとは Twitter社が作ったフロントエンド用のパッケージマネージャで、必要なライブラリを簡単にインストールすることができます。 http://bower.io/ 可愛いロゴですね。 Bowerをインストールするには、Node.jsのインストールが必要になります。 Node.jsのインストール方法については、下記の記事を参考に導入してみてください。 「いまアツいJavaScript!ゼロから始めるNode.js入門〜5分で環境構築編〜」 Bowerをインストール それでは、npmを使ってBowerをインストールしてみましょう。 ターミナルを起動して下記コマンドを実行してみてください。 npm install bow

    Bower(フロントエンド用パッケージマネージャー)の導入方法と使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • デバッグの技術 | POSTD

    この記事は、アムステルダムで2015年に開かれたFronteersのカンファレンスで私が行った講演、「デバッグの技術」に対応するものです。 要約:利用可能なあらゆるツールの使い方を学び、必要なときにそれを使うことで、バグの撃退を楽しみましょう。そのほうが、キーボードを無暗に叩いて6か月も費やしてしまうより、ずっと楽しいものです。 題に入る前に… この記事を終わりまでスキップしたければ…… Don’t. Write. Bugs. とはいえ…… おそらくこれを読んでいるあなたはロボットではないでしょうから、1個や2個のバグぐらいは書いてしまったことがあるでしょう。「銀の弾丸」は存在しないのです。 実際、先ほどジョークで申し上げた『バグを書くな』というのは、デバッグの仕方を学ぶことの対極にあるものです。必要なのは経験です。バグに対するアプローチを見つけられるようになるためにはバグに遭遇しなけれ

    デバッグの技術 | POSTD
  • これからのWebデザインは、コンポーネント化を意識しよう

    2016年6月14日 Webサイト制作, Webデザイン Webデザインのプロセスが変化しています。以前「実践で学ぶWebサイト制作ガイド まとめ」という記事でWebサイトの制作手順を紹介しましたが、この方法はまだ使えるものの、徐々に廃れていくでしょう。最近ではこの記事で書かれているように、画面にあるパーツ(部品)のみを用いてデザイン・コーディングするのではなく、あらかじめ様々なパーツを作っておいて、それを組み合わせて画面を構成していく方法に移りつつあります。今回はそんなパーツをまとめた「コンポーネント」について考えてみましょう。 ↑私が10年以上利用している会計ソフト! コンポーネントとは? Webデザインにおいて、コンポーネントとは機能を持つ各パーツ(部品)の集合体です。例えば料金表ひとつとっても、テキストや線、ボタン、色など、様々な情報を組み合わせて作られていることがわかります。それ

    これからのWebデザインは、コンポーネント化を意識しよう