SEO対策をサーバーサイドレンダリングせずにやっていく - Qiita
2019/05/08 追記 【大ニュース】 なんとGoogleBotのJSレンダリングエンジンがChrome74相当になって、ES6に対応するようです...！ ここで書かれた内容の多くはすでに古くなっているかもしれません...！ https://webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html もう時は2018年の後半となり、React・Vue・AngularといったモダンJavaScriptフレームワークは開発現場でよく見かける存在となりました。 一方で、依然としてこれらを利用して開発をする場合には「Googlebotがそれらをレンダリングできない可能性がある」という問題がついてまわります。 そのため、サーバーサイド側で前もってJavaScriptをレンダリングしておく、サーバーサイドレンダリングという技
JavaScriptで生成されたコンテンツもリンクも静的なものと同等にGoogleは評価する。ただし時間がかかることも
[レベル: 中級] ウェブページのコンテンツやリンクが JavaScript によって生成されたものであっても、きちんとレンダリングされていれば静的なコンテンツやリンクとまったく同じように評価されます。 ただし最終的な処理が完了するまでに、より長い時間がかかることがあります。 JS コンテンツも JS リンクも同等 Google の John Mueller（ジョン・ミューラー）氏が Twitter のフォロワーから次の質問を尋ねられました。 DOM の中で完全にレンダリングされれば、ほかのリンクのように JS リンクは PageRank を渡しますか？ ミューラー氏はこのように答えました。 渡す。どのようにして出現しようがリンクはリンクだ。もしそうじゃなかったら本当にはうまく機能しないだろう。 We've talked about this often :). Yes, a link i
javascriptを使ったSEO対策まとめ - Qiita
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です） クリックやスクロールでDOMを生成するコンテンツはインデックスされない ページロード時点ではhtml内に生成されていないが、あるイベントが起きた時にDOM要素を生成するパターン。 Qiitaで言うとTOPページ下部にある「もっと見る」とかがそうですね。 Googlebotはjavascriptを実行することはできるのですが、clic
世界で最も美しくSEOに適した無限スクロールを実装するサイト、QUARTZ (qz.com)
[対象: 上級] この記事では、非常に華麗な無限スクロールを実装しているサイトを紹介します。 美しく、見やすい、SEOも考慮できた QUARTZ の無限スクロール そのサイトは、ニュースメディアサイトの QUARTZ です。 「百聞は一見にしかず」で、実際に QUARTZ に訪問して見てください。 注目してほしいのはブラウザに表示されるURLです。 無限スクロールで下がっていくと、今あなたが見ている記事に対応したURLに自動的に切り替わります。 下方向だけでなく上に戻ればまたそれに対応してURLが変わります。 titleタグももちろん切り替わります。 個別のURLをブラウザのアドレスバーに入れれば、直接そのコンテンツを閲覧できます。 そして、そこから無限スクロールが始まります。 記事に与えられた個別のURLは、そのURLできちんとGoogleにインデックスされています。 Mozのランドもイ
AJAX クロール: ウェブマスターおよびデベロッパー向けガイド - ウェブマスター ツール ヘルプ
概要 検索結果に表示したいコンテンツで AJAX アプリケーションを実行している場合、Google が新しく作成したプロセスを実装すると、Google によるサイトのクロールとインデックス登録が可能になります。このプロセスは、Google 以外の検索エンジンでもうまく機能する可能性があります。AJAX コンテンツはブラウザによって動的に生成されるためにクロールで検出することができず、検索エンジンで AJAX アプリケーションを処理することは困難でした。この問題に対応するメソッドも既にありますが、このメソッドでコンテンツを最新の状態に保つには、手動で定期的に保守を行う必要があります。 一方、以下のスキームでは、検索エンジンでスケーラブルにコンテンツをクロールし、インデックスに登録できます。また、ウェブマスターが継続的に手動で保守を行わなくても常に最新のコンテンツがインデックスに登録されます。
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 ::SEM R (#SEMR)
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 AJAXアプリ（サイト）をクローラブル（crawlable）にするための技術的アプローチ。Googleが公開した最新ドキュメントを基に解説します。 公開日時：2010年03月05日 19:53 米Googleが、AJAXベースのウェブサイトをコンテンツを検索エンジンに登録する方法についての、最新ドキュメントを公開しました。昨年10月に検討段階の実装方法が公式サイトで紹介されましたが、それのアップデート版になります。 最初におさらいをします。AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能です。しかし、いまブラウザで表示している内容と対になるURLが存在しないために、クローラが個々のコンテンツをクロールできないこと、また、仮にステートフルU
SEOやサイト運営上、よく使ってる15のブックマークレット
使用頻度の高いブックマークレットを 15個ご紹介します。手軽に拡張できる ブックマークレットもあまたに数があります。 以前記事にしたブックマークレット検索エンジン も今後、ますます数が増えて行くと期待しています。 ※お使いのブラウザに沿った方法で登録してください。 960 Grid グリッドを表示してレイアウトを確認できます。僕の課題です・・・ 960 Grid Systemで配布しています。 960 Grid W3T Short URL to Twitter たまに使うようになりました。Twitter投稿の際のURL短縮はグリモンで 間に合うので本当にたまにですが。。。見てるページのURLを短縮して Twitterに飛んでくれます。Bookmarklet Directoryにありました。 W3T Short URL to Twitter Google Trends 見てるページをGoog
GoogleはJavascriptリンクを読んで、PageRankを渡し、アンカーテキストも評価する
「検索エンジンのロボットは、Javascriptを読めない」、これは厳密に言えば正しくありません。 Javascriptの記述自体は読みとることができるし、外部のファイルさえ読んでいるようです。 ただすべてのJavascriptが読めるわけではないし、意味を解釈できているか、実行できるのかは、さまざまなパターンがあるようではっきりしません（少なくとも僕は知りません）。 Javascriptで記述したリンクも、通常はリンクとして処理されません。 人間のユーザーにとっては、aタグのリンクもJavascriptのリンクも違いはなく同じ役割を果たします（「Javascriptの実行をオフにしたら？」、という突っ込みはなしで）。 しかし、検索エンジンにとってはリンクではないのです。 したがって、PageRankも渡さないし、アンカーテキストも評価になりません。 ところが、Googleが先日開催したG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「SEO×SNS×ブログ」で作る最効率化収益システム｜うきだいらブログβ