TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
SEOにも強いクローラブルなAJAXコンテンツを作成するために :: 5509
AJAXコンテンツが増えるにつれて問題になるのは、SEOというか、検索エンジンにどうクローリング、インデックスさせるのか、という点ですよね。 この前JavaScriptの実装を担当した松本クリニックは、AJAXでほぼ全てのページを切り替えるっていうのが最大のポイントなんですけど、これの良いところはWordPressで全てのページを生成してて、JSオンでもオフでも見られるんですね。つまり、クローラはオフのコンテンツを見るような作りにしてあります。 で、こういうのって小規模～中規模なサイトならまだいいと思いますけど、大規模なサイトになってきたりするとページは存在しないでデータだけが存在したりする（ハンドラにリクエストをかけてJSONだけを返してもらって内容を入れ替える、など・・・）わけで、実現が難しくなるんですね。 この問題に対してGoogleが現在公表している方法は、HTML snapsho
Javascriptリンクにnofollowを付けられるのか
リンクにnofollow属性を付けると、サーチエンジンがリンクをたどることを禁止し、PageRankやアンカーテキストを渡さないようにできます。 従来、検索エンジンはJavascriptを理解することができず、したがってJavascriptで書かれたリンクを、評価できませんでした。 結果的にJavascriptは、nofollowリンクのようにPageRankもアンカーテキストも渡さないリンクだったのです。 しかし、Googleに限っていて言えば、状況は変わっています。 Google, Matt Cutts（マット・カッツ）氏のビデオをご覧ください。 Can I use “nofollow” in JavaScript? “Googleは、一部のJavascriptをクロールするようになったんだ。 また、Javascriptリンクに付いているnofollowもサポートするようになっているよ
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
Google Mapsで緯度・経度を調べるための一行のコード - POP*POP ～ 世界のニュースをクオリティ重視で
Google Mapsで緯度・経度を調べたい・・・というときのために知っておくと便利な一行コードのご紹介。 使い方は簡単で、緯度・経度を調べたい地点を中心に表示させたあと、次のコードをアドレスバーに入力するだけ。 javascript:void(prompt(”,gApplication.getMap().getCenter())); すると次のようなダイアログが出てくれます。コピーしやすくていいですね。 ↑ 簡単ですね。 ちなみに以下のような方法もありますが、今回のやり方のほうがシンプルでいいかもですね。覚えておくと便利なのではないでしょうか。 Going My Way: Google Mapsに現在の緯度経度情報をわかりやすく表示するGmapExtras Life is beautiful: Google Map で任意の場所の緯度と経度を知る方法 元記事は以下よりどうぞ。 » Get
IE での Google Maps API (groundwalker.com)
自分が普段 Firefox なものだから，ページ作ったときにはまず，Firefox (しかも on Mac)で確認して，おーけー，とか思ってしまうけど，一般的には IE on Win なわけです。いやいや確認してみると javascript まわりでやっぱりエラーがでてたりしてデバッグしたり，ぐぐったりするはめになる。 で，今回 Google Maps API 関連での注意事項 for IE を覚え書きとしてまとめてみたりする。 onloadを使う body中に google map の初期化コードを書いて実行させると，たとえ Firefox ではまともに表示されても，IEではエラーになる場合がある。エラーになる場合とならない場合があるようだが，どこぞの情報によれば，<div></div>等のブロック要素がネストしているような場合，エラーが発生しやすいようだ。 で，結局のところ，初期化コー
【メモ】 Google AJAX Search APIを利用して検索欄を設置。 : NOBODY:PLACE - MUTTER
膨大な数のエントリーがあるにもかかわらず、 このサイトにはそれを検索する手段がありませんでした。 なぜかってそれはひとえに、MovableTypeの用意している検索が重いから(*1)。 時間掛かるし、負荷も大きいし…と言うわけで、 このたび、Googleを利用したサイト内検索を付けてみました。 サイト内検索 とはいえ、ただ検索ボックスを付けるのも何なので、 Google AJAX Search APIを利用した検索ボックスを。 以下、導入に当たってのメモ。 参考サイト clmemo@aka: Google AJAX Search でブログ内検索 FFTT : Google AJAX Search API まず、Google APIを利用できるようにしなくてはならないので、 Googleアカウントを用意した上で、API Keyを取得する。 手順をざっくり書き出すとこんな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ