+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のテストライブラリJasmineでテストを書いていて嵌ったのでメモ テストしたいコードはこんな感じ function Details() { this.id = 0; this.name = ""; } Details.prototype.getData = function (url, id) { var self = this; $.ajax({ url: url, type: "GET", datatype: "json", data: { id: id }, }).done(function (data) { self.id = data.Id; self.name = data.Name; }).fail(function (message) { alert(message); }); }; まあこんな感じのよくあるjQueryを使ったAjaxでデータを取得す
[レベル: 上級] Ajaxで生成されたコンテンツを確実にクロール、インデックスするためのガイドラインをGoogleは公開しています。 このガイドラインで推奨している構成のサポートをGoogleは近いうちに終了するとのことです。 先日、米サンノゼで開催されたSMX WestでGoogleのGary Illyes（ゲイリー・イリーズ）氏が明らかにしました。 GooglebotにAjaxをクロールさせるための構成 AjaxコンテンツをGooglebotにクロール、インデックスさせるには、”#!“や”?_escaped_fragment_=“、”HTMLスナップショット“などの独特な仕様に従う必要があります。 Googleが推奨するこの構成のサポートを近々終了するらしいのです。 サポート終了の詳細は不明 ガイドラインのサポートを打ち切ることとその後はどうすればいいのかなど、詳しいことは早ければ”
[対象: 上級] Ajaxを利用しているページでは、Googleのクロールやインデックスを考えた場合、pushStateを使ったほうが“#”（ハッシュ）を使うよりも労力が少なくなりそうです。 下の質問にGoogleのMatt Cutts（マット・カッツ）が回答しました。 Ajaxのナビゲーションを管理するために“#!”から“pushState”に更新すべきだろうか？ Googleは両方ともサポートしている。だけどpushStateは特別な設定が不要だしGoogleも余分な処理をしなくて済む。 Matt Cutts氏の答えを一言でまとめると上のようになります。 ここからは僕からの補足です。 #を使ったAjaxページをSEO対応にするのは面倒 一般的に、Ajaxを使ったページではURLに“#”が含まれます。 検索エンジンは#以下をユニークなURL（の一部）として処理しません。 そこでGoogl
The current version of Nginx (1.0.x) doesn’t seem to support HTTP OPTIONS requests. It returns 405 "Method Not Allowed" whenever this request is sent. Here’s an example using curl from the terminal: $ curl -X OPTIONS busydudes.com <html> <head><title>405 Not Allowed</title></head> <body bgcolor="white"> <center><h1>405 Not Allowed</h1></center> <hr><center>nginx/1.0.11</center> </body> </html> HTT
apacheとかで以下のような設定をすると、SameOriginPolicyの制約をぶっちぎってドメインを跨いだ通信が出来るみたい。 Header add Access-Control-Allow-Origin "*"「*」を指定した場合はどんなドメインからでもどんとこいという感じ。 ただし複数指定は出来ないみたい。 また、Basic認証とか何らかの認証を噛ます場合、以下の設定も有効にする必要があるみたいです。 Header add Access-Control-Allow-Credentials "true"しかしこの設定を有効にした場合、前述のAccess-Control-Allow-Originはワイルドカード指定を許可してくれません。 でもマルチドメインでアクセスしたい。詰んだ。 と思ったんですが以下のように設定するとマルチドメインでアクセスできました。 SetEnvIf Orig
昨日の日記の続きで、Ajaxに固有なセキュリティ問題について検討します。タイトルはXSSとなっていますが、今回紹介する脆弱性はXSSではありません。 作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWeから、Ajaxを利用したアプリケーションの概念図を引用します（本書P20の図1-23）。 Ajaxのアプリケーションでは、XMLHttpRequestメソッド等でデータを要求し、サーバーはXML、JSON、タブ区切り文字列など適当な形式で返します。ブラウザ側JavaScriptでは、データ形式をデコードして、さまざまな処理の後、HTMLとして表示します。以下に、Ajaxのリクエストがサーバーに届いた後の処理の流れを説明します。 サーバー側でデータを作成、取得 データ伝送用の形式（XML、JSON、タブ区切り文字列等）にエンコード
Tim Bray(GoogleのAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判 例にtwitterのtwitter.com/#!/timbrayを挙げている。 #!の働き サーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する 何故#!を使うのか ajaxのアプリは古いブラウザでは基本的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能 なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。 つまり
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
I'm always amazed at the creative ways developers use Google's APIs. I'm always pleased when we are able to add a new feature to the API, as I know that someone, somewhere will do something cool and unexpected with it. The latest addition is to the Image Search API. You can now restrict results by various licenses applied to each image. There are two different ways to use this feature. In the Java
AJAXサイトをクローラブルにする - 検索エンジンフレンドリーなAJAX実装方法 AJAXアプリ（サイト）をクローラブル（crawlable）にするための技術的アプローチ。Googleが公開した最新ドキュメントを基に解説します。 公開日時：2010年03月05日 19:53 米Googleが、AJAXベースのウェブサイトをコンテンツを検索エンジンに登録する方法についての、最新ドキュメントを公開しました。昨年10月に検討段階の実装方法が公式サイトで紹介されましたが、それのアップデート版になります。 最初におさらいをします。AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能です。しかし、いまブラウザで表示している内容と対になるURLが存在しないために、クローラが個々のコンテンツをクロールできないこと、また、仮にステートフルU
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 APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
What is the AJAX Libraries API? The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including: jQuery jQuery UI prototype scri
Google AJAX Search APIにGimageSearchができたのはいつだったか知らんけど、GimageSearch.IMAGETYPE_FACESってオプションがあってこれで検索結果を顔っぽい画像に限定できる。 たぶんImage検索でURLのケツに「&imgtype=face」を付けるのと同じ効果だと思われる。 同一人物の顔ばかり大量に並べたらおもろいかと思って並べてみた。 なんかこんなジャケのレコードがあったような。 http://jackmaster.phac.cc/useless/gfs/ Google AJAX Search APIがアホな用途に使われてないのは結果を最大32件までしか出せないからだと思う。普通に使う分には32で十分だろってGoogleの人も言ってるんだけど普通に使うくらいだったら使いたくないのです。どうにか制限を越えようと思案した結果dateran
Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time. We’ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く