「もっと見る」のMFI対応はページネーションがベスト？ #SMX Munich 2017
[レベル: 中級] この記事では、モバイル ファースト インデックスの導入にともなう、次のような構成のモバイルサイトの対応について解説します。 モバイル向けサイトのリストページは、アイテムの表示件数を初期状態では PC 版よりも少なくしている 「もっと見る」のような要素でアイテムを追加表示する 「もっと見る」のタップを繰り返してアイテムをさらに追加表示する モバイル UX 向上のための「もっと見る」 モバイルサイトでのリストページでは、「もっと見る」や「次の○件」のようにして、タップすることでさらに多くのアイテムを表示するユーザーインターフェイスが使われることがあります。 多過ぎるアイテムを一度に表示すると、表示速度が落ちるし見づらくなるからです。 ユーザー体験を向上させるための UI です。 ただし、モバイルサイトでこうした UI を採用していても、PC サイトではもっと多くのアイテムを
Items
Codex This is a list of items from last.fm's GetHypedTracks Page 1 Shape Glasser (#1 / ID 1) Souls Like the Wheels The Avett Brothers (#2 / ID 2) Prism Tim Hecker (#3 / ID 3) Taking Over Joe Goddard (#4 / ID 4) Brave This Storm Trivium (#5 / ID 5) Radiance Tim Hecker (#6 / ID 7) Live Room Tim Hecker (#7 / ID 8) Live Room Out Tim Hecker (#8 / ID 9) Black Refraction Tim Hecker (#9 / ID 14) Stigmata
javascriptを使ったSEO対策まとめ - Qiita
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です） クリックやスクロールでDOMを生成するコンテンツはインデックスされない ページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic
ページネーションしたページはnoindexにすべき？ rel=“prev/next”とnoindexは併用可能？
[レベル: 上級] ページネーション（ページ送り）したページには noindex robots metaタグを記述したほうがいいのでしょうか？ また、rel=”prev”とrel=”next”を設定しているページにnoindexを記述しても問題ないのでしょうか？ 9月11日のオフィスアワーで、GoogleのJohn Mueller（ジョン・ミューラー）氏がこの質問に回答しています。 質問者: ページネーションしたページにnoindexタグを付けるのは良いやり方ですか？ また、rel=”prev”とrel=”next”を記述したページにnoindexを付けるのはどうでしょうか？ ミューラー氏: 何をインデックスさせたくて、何をインデックスさせたくないのかによる。 ページネーションしたページが十分な価値をユーザーに提供しているのであれば、インデックスさせる意味があるだろう。たいした価値をユーザ
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス ::SEM R (#SEMR)
「SEO的に優れた無限スクロールの実装方法」Googleからのアドバイス Googleが検索エンジンに配慮した無限スクロールの導入方法を公式ブログでアドバイス。クローリングできるようページ分割したものを用意するのが原則。プログレッシブ・エンハンスメントを前提に設計しよう。 公開日時：2014年02月14日 02:16 米Googleは2014年2月13日、検索エンジンフレンドリーな無限スクロール（Infinite Scroll）の導入方法についてのアドバイスを公式ブログに掲載した。John Mueller, Maile Ohyed, Joachim Kupkeの3人による上級者向けの投稿だ。 本記事では、翻訳ではなく、軽く Google のアドバイスの要点を押さえつつ、私個人の意見を述べていく。 無限スクロールとは Twitter や Facebook でも導入されているので既にお馴染みか
ユーザーのためが最強のSEO！nanapiのSEOで何をしているか : けんすう日記
nanapiのSEOってすごいの？ いやあ、最近、nanapiのSEOについて聞かれることが多くなってきました。 もともと「いいコンテンツをつくるのが最強のSEOだぜ！」という思想のもと、特に何も施策していなかったのですが、辻さんという、ハイパーなコンサルタントの方に入ってもらってから、めきめきとランクがあがっていきました。 参考：#cssnitelp24 辻大先生による、「事例で考える、SEOの力」 - Togetter →nanapiの事例でお話いただいています というわけで、nanapiのSEOで何をやっているかを紹介します。 そもそもうまくいってんの？ そこそこうまくいってそうです。 一般ワードでも結構上位に来るものが多くなってきました。 「結婚」・・・1位 競合が強そうな儲かる系のワードも 「副業」・・・3位 と、中々の成績です。 製品の説明系も 「line」・・・3位 となって
Googleウェブマスターツール「URLパラメータ」機能の正しい設定方法 at #SMX Advanced Seattle 2012
[対象: 上級] SMX Advanced Seattle 2012からテクニカルなセッションをレポートします。 ページネーションとGoogleウェブマスターツールの「URLパラメータ」機能の実装方法ついてです。 URLパラメータはGoogleのMalie Ohye（マイリー・オーイェ）さんのプレゼンテーションからになります。 比較的高度な内容になりますが頑張ってみましょう。 ページネーションとURLパラメータ機能 ページネーション rel=”prev/next”は予想以上にうまく働いている。 ※鈴木補足: Googleマイリーさんより rel=”prev/next”を使った2ページ目以降が極めて稀に出てくることがある。出したくないならnoindexタグをつける。ただし99%は1ページ目が検索結果に出る。 ※鈴木補足: 最後のはGoogleマイリーさんより ページネーションされたページ群は
rel=“prev”とrel=“next”のページネーションにおける正しい使い方
[対象: 上級] 今日の記事は、rel=”prev”とrel=”next”によるページネーションを扱ったかなり難易度が高いトピックになります。 rel=”prev/next”とビューオールページを用いたGoogleが推奨するページネーション処理を確実に理解している状態でないと意味不明でしょう。 Google、ページネーション問題を解決するrel=“next”タグとrel=“prev”タグをサポート開始 Googleが推奨するビューオールページとページ分割のベストプラクティス 僕自身の理解度を深めるための記事とも言えます。 なので今日は興味がある方だけ読んでください。 ページネーションについての処理方法をGoogleのMaile Ohye(マイリー・オイェ)さんがビデオで解説しました。 使用しているスライドと補足説明がWebmaster Centralブログの記事でも公開されています。 マイ
グーグル rel=”next”とrel=”prev”要素について解説 - ページネーション処理の新機能 ::SEM R (#SEMR)
グーグル rel=”next”とrel=”prev”要素について解説 - ページネーション処理の新機能 グーグルが2011年9月に発表したページネーション処理の新しい機能「すべて表示」1ページに集約と rel=next rel=prev によるページ送り処理を紹介。 公開日時：2011年12月02日 21:59 グーグルは2011年12月2日、ページネーション（Pagination、ページ送り）を検索エンジンに適切に伝達するための新しいタグ（要素）「rel="next"とrel="prev"」についての日本語解説記事を公開した。また同日、複数にまたがる記事が1ページに収まった「すべて表示」ページのアルゴリズム的な処理方法についての記事も公開している。 rel="next"とrel="prev"要素と「すべて表示 ページネーションにまつわる「すべて表示」や「rel="next" rel="p
ページネーションはSEOのための「魔法のテクニック」なのか （後編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Pagination with rel=“next” and rel=“prev”
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
Google、ページネーション問題を解決するrel=“next”タグとrel=“prev”タグをサポート開始
[レベル：中〜上級] ※長い記事になりますが、ものすごく重要な仕組みなので確実に理解してほしい内容です。 ひと続きのコンテンツを複数のページに分割する“Pagination”（ページネーション）によって起こる可能性がある、重複コンテンツ問題に対処するために、rel=“next”要素とrel=“prev”要素のサポートをGoogleが開始しました。 「ページネーション」は、いわゆる「ページ送り」のことです。 一連の長い記事を複数のページに分けたり、多数のカテゴリがある時にいくつかのまとまりに分けたりするときによく使われます。 ページネーションを利用していた場合、rel=”canonical”タグを使って2ページ目より後のページを1ページ目に正規化することをGoogleは推奨していません。 上は僕がセミナーで使ったスライドの一部分です。 詳しいことはブログでも説明しています。 ページネーション
Googleが推奨する、ページネーション(ページ分割)でのrel=”canonical”タグの使用法 from SMX Advanced 2011
今日の記事もSMX Advanced 2011のセッションレポートになります。 大規模ECサイトを運用しているサイト管理者に特に関係してくる、「ページネーション(Pagination)」におけるrel=”canonical”タグの使い方がトピックです。 「ページネーション」とは、ひとまとまりのコンテンツが複数のページにまたがったときに利用する、「ページ分割・ページ送り」のことです。 ※余談ですが、綴りは“pagenaton”ではなくて“pagination”です（何度か間違えてた）。発音は、「ペィジネィション」よりも「パァジネィション」の方が近いです（今回気付いた）。 ページネーションでできあがった2ページ目から後のページをrel=”canonical”を使って1ページ目に正規化する利用法を、Googleは推奨していません。 × ページ2 ⇒ ページ1 × ページ3 ⇒ ページ1 × ペー
ページネーションはSEOのための「魔法のテクニック」なのか （前編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pagination Strategies In The Real World