GitHub - verlok/vanilla-lazyload: LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plaiYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
State of SEO for SPA 2019 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? メタ この記事はNode学園2018にて話した内容を記事として編纂 +その後の変化を加筆修正したものです。 スライドはこちら。 https://speakerdeck.com/kazuyaseki/seo-for-spa-cfb3706f-ae1d-4c6f-a83f-96dc2452f32b 追記 2019/5/8 遂に Google bot が扱うレンダリングエンジンが Chrome 最新版(現時点では 74)相当となりました！ https://webmasters.googleblog.com/2019/05/the-new-ev
Google、SEOに適したLazyloadの仕様を公開
[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイス ドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにする viewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡単に言えば、スクリーンに表示される領域）。 つまり、重要なコンテンツが viewport に入ったときは確実に読み込ませます。 IntersectionObserver API と polyfill を実装するように Google は指示しています。 2. 無限スクロールでは paginated loading を使う 無限スクロールを採用している場合は、paginated loading を実装します。 paginated
AJAX クロール: ウェブマスターおよびデベロッパー向けガイド - ウェブマスター ツール ヘルプ
概要 検索結果に表示したいコンテンツで AJAX アプリケーションを実行している場合、Google が新しく作成したプロセスを実装すると、Google によるサイトのクロールとインデックス登録が可能になります。このプロセスは、Google 以外の検索エンジンでもうまく機能する可能性があります。AJAX コンテンツはブラウザによって動的に生成されるためにクロールで検出することができず、検索エンジンで AJAX アプリケーションを処理することは困難でした。この問題に対応するメソッドも既にありますが、このメソッドでコンテンツを最新の状態に保つには、手動で定期的に保守を行う必要があります。 一方、以下のスキームでは、検索エンジンでスケーラブルにコンテンツをクロールし、インデックスに登録できます。また、ウェブマスターが継続的に手動で保守を行わなくても常に最新のコンテンツがインデックスに登録されます。
AjaxアプリケーションのSEOについて調べてみた | keisuke tsukayoshi
Backbone.jsやEmber.js、AngularJSなどの流行りのMVCフレームワークを用いたAjaxアプリケーションのSEOについて少ししらべてみました。SEOというかクローラー対策っぽいですが。ブログ的には始めての開発系の記事。 AjaxアプリケーションのSEO的な問題 そもそもどうしてAjaxアプリケーションがSEO的にやばいかというと、一旦空のHTMLを読み込んだあとJavaScriptを使ってクライアントサイドでコンテンツをレンダリングする仕組み上、Googleのクローラーのような特殊な環境だと内容を正常に読めないというのが現状らしい。というわけでこれを如何にして読み込ませるかが本件のゴールになります。 STEP1:Ajaxアプリであることをクローラーに伝える #!(ハッシュフラグメント)をURLにつける URLに#!(ハッシュフラグメント)が含まれているとクローラーはそ
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO
最新Google検索結果タイトル表示ルール、押さえないとやばいよ
最新のGoogle検索結果表示ルールで悩んでいます ※3月13日追記：私が見ている環境ではほぼ改善されているようです。 最近、Googleの検索結果表示の変更に悩まされています。 先日「何という改悪！Google結果表示変更によるタイトルの特徴」でも触れた通り、Googleの検索結果の表示がいくつか変更されました。そしてさまざまな影響が出てきています。 変更点おさらい 1.タイトル文字サイズが一回り大きくなった 2.タイトル下カテゴリ文字サイズが一回り小さくなった 3.タイトルリンクの下線がなくなった 4.詳細文の行高さが縮まった 5.表示されるタイトル文字数が変わった これは6と同様 6.表示されるタイトルの分かち部分にルールが追加された 検索時にクリックする判断基準は？ ユーザーが検索した時に、何を基準にクリックしているかアンケートを取ってみました。 568人：56.74%「タイトルで
canonicalは検索エンジンだけのものじゃない - Web > SEO
canonicalは、GoogleとYahoo!、マイクロソフトが共同で策定した仕様です。 正しいサイトのURLを検索エンジンに指定することができるもので、これをうまく活用すると重複コンテンツやリンク価値の分散、無駄なインデックスのなどの様々な問題を防止することができます。 特に大量の動的ページを含む大規模サイトでは様々な意図でcanonicalが活用されていて、canonicalは無くてはならないものになっているサイトも少なくありません。 しかしcanonicalを活用しているのは検索エンジンだけではありません。Facebookやはてなブックマーク、Twitterなどソーシャルメディアもカノニカルを参考にしています。 そのような中、canonicalを検索エンジン対策、SEOのためだけに使っているとソーシャルメディア側で問題が起きる場合もありますので注意が必要です。 実際にどのような形で
Google 検索から自分のサイトの画像を削除する | Google 検索セントラル | Documentation | Google for Developers
自身のサイトでホストしている画像を検索結果から削除する 緊急の場合の画像の削除方法 自身のサイトでホストしている画像を Google の検索結果から早急に削除するには、削除ツールを使用します。緊急でない場合の画像の削除方法で説明されているように自身のサイトから画像を削除またはブロックしない限り、削除リクエストの期限が切れると Google の検索結果に画像が再び掲載される可能性があります。 緊急でない場合の画像の削除方法 Google の検索結果からサイトの画像を削除する方法には、次の 2 つがあります。 robots.txt の disallow ルール noindex X-Robots-Tag HTTP ヘッダー 効果はどちらの方法も同じです。サイトにあった方法を選択してください。Googlebot は HTTP ヘッダーを抽出するために URL をクロールする必要があるため、同時に両
Googleが正式回答したスマホサイトのSEO - ku-sukeのブログ
こちらの記事のざっくりまとめです Google Finally Takes A Clear Stance On Mobile SEO Practices Official Google Webmaster Central Blog: Recommendations for building smartphone-optimized websites （モバイル・スマホという言葉が出ますが、基本どちらもスマホを指しています。） 結論から言うとレスポンシブデザインがSEO上はオススメ あくまでSEOの観点ですが、スマホにかぎらず様々な表示領域をもつデバイスに対応するため、レスポンシブデザイン（画面幅に合わせてレイアウトが変わる奴。）が適用できるならそれが一番いいとのこと。 ※レスポンシブデザインに関しては、日本ではまだ定着していないため賛否両論があるようですが、個人的には本気でやるなら有りかな
Google検索を支える「Googlebot」がAJAX・JavaScriptのクリックに対応、現実のユーザーっぽい挙動が可能に
By Mechanekton Googlebot(グーグルボット)とは、Googleのウェブクロール用ロボットのことで、Googleの検索用インデックスに新しいページや更新されたページを次々とダウンロードして回収していくための一連のプログラムとプロセスのことで、Googlebotによってインターネット上の数十億のページを取得（クロール）するため、クローラとも呼ばれています。 しかし所詮はプログラムなので、例えばAJAXやJavaScriptを駆使しまくっているとなかなかうまくクロールしてくれず、AJAXなどもクロールできはするものの、人間が実際にクリックするのとは挙動が違うため、Google自身も「AJAX クロール: ウェブマスターおよびデベロッパー向けガイド」というのを出しており、その中でAJAXをより効果的にGooglebotにクロールさせるためのスキームを推奨せざるを得ないほどでし
Googleからのお願い、「CSS・JavascriptをGooglebotがクロールするのをブロックしないで」
[対象: 初級] CSSファイルやJavascriptファイルへのGooglebotのクロールをrobots.txtでブロックしないようにしてほしいと、GoogleのMatt Cutts(マット・カッツ)氏が“公共メッセージ”を流しました。 もし、JavascriptやCSSにGooglebotがクロールするのをブロックしているとしたら、少しだけ時間を取ってその記述をrobots.txtから削除してほしい。 JavascriptやCSSをクロールさせてもらえればそのページでどんなことが起こっているかをより適切に理解できる。 帯域幅のようなリソースを浪費しないようにとブロックする人がたくさんいるけれど、Googlebotはかなり高性能なのでそういったものを速すぎるくらいにクロールしたりはしない。 ほかにもFlashがJavascriptを含んでいるのを知らなくてJavascriptをブロック
robots.txtでブロックしたページが検索結果に出るのはなぜ?
検索エンジンのロボットのクローリングを拒否するために、robots.txtでブロックしたはずのページが、検索結果に出現することがあります。 robots.txtの指示を無視している、あるいは理解できていないのでしょうか？ GoogleのMatt Cutts（マット・カッツ）氏が回答しています。 Uncrawled URLs in search results 要点をまとめます。 Googleは、決してrobots.txtを無視したり、理解できていなかったりするわけでありません。 ある条件のもとでは、robots.txtでブロックされたページをSERPに表示することがあります。 たいていの場合は、ブロックページに多くのリンクが張られている場合です。 リンクが張られているということは、参照する（検索する）ユーザーが多いと考えられます。 Googleとしては、ユーザーが求めている情報を返すことが
Meta robots noindex/nofollow/noarchiveタグの使い方 » 海外SEO情報ブログ・メルマガ
個の記事では、サーチエンジンのロボット（クローラ）の動きを制御するmetaタグについて解説します。 取り上げるのは、次の３つのmeta Robotsタグです。 noindex nofollow noarchive 順に説明します。 Meta robots noindex タグ noindexタグは、HTMLのheadセクションに次のコードを記述します。 <meta name="robots" content="noindex"> ※XHTMLで記述するときは、最後を「/>」で終了します。 noindexタグは、ウェブページをインデックスさせたくない、言い換えると検索結果に表示させたくないときに使います。 検索結果に出したくないページがあるときは、noindexタグが使えます。 他によくある使い道としては、まったく同じウェブページを複数公開する場合があります。 いわゆるミラーページを準備する
SEO:「ハイフンとアンダースコアは異なる扱い」 Google Matt Cuttsがコメント ::SEM R (#SEMR)
SEO:「ハイフンとアンダースコアは異なる扱い」 Google Matt Cuttsがコメント グーグル、-と_（ハイフンとアンダーバー（アンダーバー）は異なるものとして処理、ただし、検索ランキングを決定する小さなシグナルなので、SEOへの直接的な影響は大してない。 公開日時：2011年08月18日 06:17 検索エンジンはページの関連性（レリバンシー）判断においてURLの文字列も（マイナーながら）評価対象としているが、文字列の -（ハイフン）と_（アンダースコア、アンダーバー）は同様に扱われるのか、異なるものと扱われるのかという話題は昔からたびたび登場する。 かつては「ハイフンとアンダースコアは異なる、キーフレーズ、複数のキーワードをURLに含める場合は、ハイフンがよい」というのが定説であったが2007年にGoogleが「ハイフンもアンダースコアも同様に扱う、両者に区別はないという説明
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Seamless JavaScript Rendering for SEO, AEO, and LLM Visibility
SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版）
http://jp.startup-dating.com/2013/06/top-10-developer-tips-mobile-seo-in-apples-app-store-i-phone-ipad-ios7-infographic-by-searchmancom
http://5509.me/wp-content/uploads/2010/11/crawlerserver2.png
グーグル「SSL化して検索キーワード見えなくするよ」 Web担当者「ええぇ? (not provided)って何!」 | 初代編集長ブログ―安田英久 | Web担当者Forum
