キュレーションサイトによる「SEOハック」が問題になっていますが、真っ当に運営しているサイトをきちんと上位に表示してもらいたいと考えたときに、何をしたらいいのでしょうか。5つのステップでテストする方法を解説します。 デジタルマーケティングに関するほかの多くのトピックと同様、SEOのガイド、チェックリスト、ハウツーに関する記事では、範囲はさまざまですがSEOテストについて説明したものが非常に多くあります。Webサイトになにか変更を加えるときは、どのようなものでもきちんとテストしなければならないからです。一番大きく影響する最適化はどれかと、いろいろな最適化パターンを常にテストしなければなりません。目的がなにであれ、テストはデジタルマーケティングにとって欠かせない要素なのです。 しかし、SEOにとって「テスト」とは実際にはなにを意味するのでしょうか。 マーケターにとってはありがたいことですが、ペ

ここでは平均的なマーケターが気づかず、解決に少し技術的要素が必要なSEO課題を取り上げます。 ここで紹介する14の技術的SEO課題の一つでも該当するなら、ぜひ読み進めてください。 これを読んで課題に対応することで、数十万円の売上機会の損失を回避できるでしょう。 なお、この記事は前編と後編の2部構成となっています。 1.指標の確認 あなたのサイトはインデックス化されていますか？この質問に対する答えは、Googleで検索することで手に入ります。 次にすべきこと： ・site: {あなたのサイトアドレス}とGoogleで検索すると、あなたのサイトのどれだけのページがランキングしている確認する ・製品ページやブログの記事などサイトの様々なページをよく確認する ・サブドメインがインデックス化されているか確認する ・インデックス化されていないページの原因を究明する 2.Robots.txtの確認 最も

最近流行っている画面を半分に分けてスクロールするレイアウトが簡単に実装出来るjQueryプラグインを発見しました。自分の備忘録を兼ねてまとめてみます。 動画で動きを撮影されている方がいらっしゃったのでご紹介いたします。 ※問題があるようであれば至急削除いたしますのでお手数ですがご連絡下さい。 jQueryプラグインのダウンロード 公式ページよりプラグインをダウンロードします。 multiscroll.js – split multi-scrolling pages plugin または以下のGitHubページ右下の「Download ZIP」ボタンからダウンロードできます。 alvarotrigo/multiscroll.js · GitHub 基本 基本的な使い方です。jQuery本体とjquery.multiscroll.min.jsを</body>直前で読み込み、以下のように記述しま

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの（サンプルによってはnav要素がないものもあります）になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>

2017年1月16日 CSS, Webデザイン, スマートフォン 画面を大胆に縦に割ったレイアウトのWebサイトが流行中。複数のセクションで分割しているサイトもありますが、中でも多く取り入れられているのが真っ二つに分けている半分割のレイアウト。インパクトがあって注目を集められる上、スクロールをせずに複数の情報を表示できます。今回はそんな縦半分割のレイアウトを使ったWebサイトの作り方と、実例をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ 縦に半分割しているWebサイトを作ってみよう！ Dropboxのガイドラインページでは、ユーザーガイドと管理者ガイドが同レベルの重要度としており、ふたつのコンテンツを横並びにして表示しています。このように複数のコンテンツを同じ重要度で見せたい時に縦分割のレイアウトが活かせます。 幅の狭いデバイスで見るとカラムが縦並びに変更されます。 今回