+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
[レベル: 中級] JavaScriptによって動的に生成される展開型コンテンツをGoogleはインデックスしません。 GoogleのGary Illyes（ゲイリー・イリーズ）氏が、あらためて注意を喚起しました。 PSA: If you put contents in a javascript array and only expand them when you click e.g. "…", those contents won't be indexed by Google — Gary Illyes (@methode) 2015, 11月 4 公共サービス情報: JavaScript Arrayにコンテンツを格納していて、たとえば「…」をクリックしたときにだけそのコンテンツが展開するとしたら、そのコンテンツはGoogleにはインデックスされないだろう。 Googlebotはクリッ
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
[レベル: 上級] Googleは、今からさかのぼること2009年に公開した、Ajaxクロールの推奨構成を終了することを公式にアナウンスしました。 以前の推奨構成を保持したままでもインデックスされ続けますが、現状に即した技術を利用するように促しています。 ごく限られたJavaScriptしか実行できなかった当時、GoogleはAjaxによって生成されるコンテンツを確実にクロール、インデックスするために特殊な構成をウェブマスターに提唱しました。 この構成を、ざっと簡単に説明すると次のようになります。 ウェブページのレンダリングをすませた、いわゆる“スナップショット”を事前に作成しておき、AjaxページにGooglebotがアクセスしたときには準備済みのスナップショットを返す。 Googlebotにスナップショットを取得させるために、AjaxページのURLに含まれる「#」（ハッシュ、フラグメン
[レベル: 上級] GoogleのMaile Ohye（マイリー・オーイェ）さんによる、Googleのレンダリング処理SMX Advanced 2015でのセッションを1つ前の記事でレポートしました。 トピックは、現在のGooglebotのレンダリング能力に関してでした。 この記事では、Googlebotのレンダリングについてセッション終了後にマイリーさんにもう一歩突っ込んで聞いてきたことを共有します。 たとえソースコードに存在しなかったとしても、ブラウザで見えていればそのコンテンツをGooglebotは認識できるとのことでした。 しかしHTMLタグは、セマンティック的な役割を果たすものとして依然として意味を持ちます。 Ajax生成コンテンツの認識 Ajax（JavaScript）で生成されたコンテンツで、ブラウザでは見えるけれどHTMLのソースコードには存在しないとしてもGoogleは認
[レベル: 上級] Ajaxで生成されたコンテンツを確実にクロール、インデックスするためのガイドラインをGoogleは公開しています。 このガイドラインで推奨している構成のサポートをGoogleは近いうちに終了するとのことです。 先日、米サンノゼで開催されたSMX WestでGoogleのGary Illyes（ゲイリー・イリーズ）氏が明らかにしました。 GooglebotにAjaxをクロールさせるための構成 AjaxコンテンツをGooglebotにクロール、インデックスさせるには、”#!“や”?_escaped_fragment_=“、”HTMLスナップショット“などの独特な仕様に従う必要があります。 Googleが推奨するこの構成のサポートを近々終了するらしいのです。 サポート終了の詳細は不明 ガイドラインのサポートを打ち切ることとその後はどうすればいいのかなど、詳しいことは早ければ”
[対象: 上級] “#”（ハッシュ）が入ったAjaxのURLを、Googleがそのまま検索結果に表示するようになる日が近いうちに来るかもしれません。 #以降も含めたURLをインデックス SEOコンサルタントのJohn Doherty（ジョン・ドハーティ）氏がこんなツイートを投稿していました。 Google is definitely indexing Ajax now, including URLs behind a hash. Game changing. — John Doherty (@dohertyjf) 2014, 8月 23 グーグルは、ハッシュ (#) のあとに付いたURLも含めて、今間違いなくAjaxをインデックスしている。大変革が起きている。 具体的なURLは明かせないと言いつつ、自分が関与していないサイトで何度か目撃したとのことです。 通常のAjaxをインデックスさせる
[対象: 上級] JavaScriptやCSSなどの外部リソースを取得してレンダリングする機能がFetch as Googleに追加されました。 この記事では、レンダリングを実行するGooglebotの動きに関する2つの事象を紹介します。 AjaxのURLを取得できない Cookieを受け入れる AjaxのURLを取得できない Googleの推奨仕様に従った、“#!”を用いたAjaxのURLを新しいFetch as Googleでは取得できなくなってしまいました。 以前は取得可能でした。 現在は、元からある「取得」と新しい「レンダリングして取得」の両方ともが不可能です。 しかしGoogleのJohn Mueller（ジョン・ミューラー）がこのことをAaron Bradley（アーロン・ブラッドレー）氏によるGoogle+の投稿で知り、次のようにコメントしています。 修正してサポートしなけれ
[対象: 上級] GoogleのJohn Mueller（ジョン・ミューラー）氏は、Ajaxを利用する場合は、「example.com/#!/xyz」のように「#!」を使ってURLを構成するよりも、HTML5で採用されたHistory APIやpushStateの機能を使うことを勧めました。 「HTML5のpushState/replaceState」の使用を推奨 John Mueller氏は、SEO系のフォーラムに投稿された「#!」の使い方に関する2つの別々の質問に、次のようにアドバイスしました。 非難されるかもしれないのを承知で言うと、HTML5で新しいサイトを運用しているなら、HTML5のHistory APIを利用し通常のURLを使ってコンテンツを提供した方がいい。 ナビゲーションにはJSを使いブラウザのURLを変える、しかし最初の読み込みで静的なコンテンツを返す。 より新しい代替
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデックスに登録させる方法を紹介します。 １．はじめに 「Googleが推奨するSEOに適した無限スクロールの構成方法」で「無限スクロールのページにpushStateを実装する。（ことを推奨）」とあります。 同じページにサンプルへのリンクが掲載されていますが、自前の実装らしく、汎用的に使えるようなサンプルが紹介されているサイトはひとつもみつかりませんでした。 ということで、配布されているjQueryプラグインを組み合わせて、SEO対策つきの無限スクロールを実装してみたいと思います。 利用するjQueryプラグインはタイトルのとおり、jQuery.pjaxとjQuery.bottomの2つです。 defunkt / jquery-pjax jimyi / jq
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
息抜き程度の記事です。 Ajaxでウェブサイトを構築する際などに、URLに#（ハッシュ）が入ってしまうことが良くあると思います。 GoogleはURLに#（ハッシュ）が入っていると、#以降をインデックスしないはずでしたが・・・ あれ？ハッシュバンもしていないのにインデックスしている？ でもこれはsite:で検索したものなので、それでかもしれない。 なら、ウェブページの文言で引っ張ってみよう。 ※いずれも画像が汚くなってしまいすいません そもそも#以降をインデックスしないというのは私の思い違いだったのだろうか・・・。 しかし、#はページ内リンクにも用いられますので、#以降もインデックスしてしまうと同一ページで複数URLをインデックスしてしまうこともあるはず。 （そんなものGoogleの技術からしたらはじけるでしょうけど） いろいろな人にも聞いてみましたがはっきりしたことは分かりませんでした。
こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、URLが変わるから履歴に残るし、良いことばっかり！！SEO的にも「#!」を使ったやつより良いよっていうのを何かで読みました！！！ これからWebサービスを作るなら、導入したいですね！！！ これpjaxを使えば簡単に導入できるんです！！！よし！！！ PJAX!! pjaxとは、GithubのChris Wanstrathって人が作ってるjqueryプラグインです。 上で説明した、History APIとajaxを使った非同期の画面遷移を簡単に導入すること
This is a place devoted to giving you deeper insight into the news, trends, people and technology behind Bing. As a member of the Bing Index team I am often asked by web publishers and Content Management Systems (CMS) companies to provide coding best practices for their web sites. Today, I am pleased to share a fundamental improvement to our previous coding best practices related to AJAX. AJAX URL
[対象: 上級] Ajaxを利用しているページでは、Googleのクロールやインデックスを考えた場合、pushStateを使ったほうが“#”（ハッシュ）を使うよりも労力が少なくなりそうです。 下の質問にGoogleのMatt Cutts（マット・カッツ）が回答しました。 Ajaxのナビゲーションを管理するために“#!”から“pushState”に更新すべきだろうか？ Googleは両方ともサポートしている。だけどpushStateは特別な設定が不要だしGoogleも余分な処理をしなくて済む。 Matt Cutts氏の答えを一言でまとめると上のようになります。 ここからは僕からの補足です。 #を使ったAjaxページをSEO対応にするのは面倒 一般的に、Ajaxを使ったページではURLに“#”が含まれます。 検索エンジンは#以下をユニークなURL（の一部）として処理しません。 そこでGoogl
Products Moz Pro Your all-in-one suite of SEO essentials. Moz Local Raise your local SEO visibility with complete local SEO management. STAT SERP tracking and analytics for enterprise SEO experts. Moz API Power your SEO with our index of over 44 trillion links. Compare SEO Products See which Moz SEO solution best meets your business needs. Moz Data Power your SEO strategy & AI models with custom d
とあるとこで、とある話をしたので、とあるスライド置いときますよ。 要点を言うと、jQuery MobileでAjax遷移してると、普通にGoogle Analytics置いてても作動しないから気をつけてねって話です。 GATC for jQuery Mobile 僕はこうゆう感じでとりあえず対応しています。作動させるタイミングとフラグメント識別子を記録させるのがポイントです。あとはご自身のサイトに合わせてカスタマイズしていただければと思います。 //Account Setting var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-xxxxxxx-x']); //Async Snippet (function () { var ga = document.createElement('script'); ga.async = true;
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae7da0ffbe9de52c37d4c7760022f8a4618cd8f7/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2022%2F08%2F20120607_Google-periodic.jpeg)
