Ajaxページでは“#”（ハッシュ）よりも“pushState”を使ったほうがGoogleのSEOに楽かも
[対象: 上級] Ajaxを利用しているページでは、Googleのクロールやインデックスを考えた場合、pushStateを使ったほうが“#”（ハッシュ）を使うよりも労力が少なくなりそうです。 下の質問にGoogleのMatt Cutts（マット・カッツ）が回答しました。 Ajaxのナビゲーションを管理するために“#!”から“pushState”に更新すべきだろうか？ Googleは両方ともサポートしている。だけどpushStateは特別な設定が不要だしGoogleも余分な処理をしなくて済む。 Matt Cutts氏の答えを一言でまとめると上のようになります。 ここからは僕からの補足です。 #を使ったAjaxページをSEO対応にするのは面倒 一般的に、Ajaxを使ったページではURLに“#”が含まれます。 検索エンジンは#以下をユニークなURL（の一部）として処理しません。 そこでGoogl
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
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
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
コラボGTDツール「Colabolo」に見るAIRのSQLite活用事例 | デベロッパーセンター
不思議なエクスペリエンスのコラボGTDツール「Colabolo」 アドビシステムズのRIA（Rich Internet Application）実行環境である「Adobe AIR」が公開されてからおよそ1年が経過し、国内でも本格的な導入事例が増えつつあります。そのなかでも、AIRの特徴であるローカルDB（SQLite）やメッセージングをフルに活用したAIRクライアントの実装例が、イマヒマの「Colabolo（コラボロ）」です。 Colaboloは、イマヒマが2008年9月にベータ版の無償公開を開始したコラボレーションGTD（Get Things Done）ツールです。メール・クライアント風のリッチUIを備えており、Inboxやスマートフォルダ、ドラッグ＆ドロップ操作などを利用して、個々の仕事を表す「課題」の作成や絞り込み、状態や優先度の設定、プロジェクトの各メンバーへの割り振りを行えます。
PanicGoods - Cool な Tシャツを Panic ファンの皆様に。
We've really enjoyed selling shirts and things! Thanks for buying them. Back to the Panic Front Page
FF3、IE8が対応！これがWAI-ARIA
Ajaxがもたらした恩恵 2005年にAjaxというコンセプトや実装技術が紹介され、急速に普及しはじめてから、Webは格段に使いやすくなりました。 画面遷移をせずにサーバーから新しいコンテンツを取得し、画面の一部のみを更新するこの技術は、パフォーマンスの向上を実現し、この技術をきっかけにJavaScriptは非常によく使われるようになりました。 prototype.js（http://www.prototypejs.org）やjQuery（http://jquery.com）といったJavaScriptライブラリが登場し、ブラウザ間のJavaScriptの実装の差異を気にすることなく、サーバーと通信をしたり、画面を動的に変更することが可能になりました。 また、Dojo Toolkit（http://dojotoolkit.org/）やExt JS（http://extjs.co.jp）は、
Spry framework for Ajax - SpryData
SpryDataとは SpryDataとは、Ajaxを行うためのユーティリティーでもありますが、他のライブラリーとは違いHTMLにわずかな修正を加えるだけで、動的にページを表示する機能まで有しています。さらにXMLデータをXPathで指定することで煩わしいDOMプログラムが軽減できるのが大きな魅力です。 詳しくはダウンロードしたzipファイルを解凍して articles/data_set_overview/index.html を読まれるのがよいと思います SpryDataを使う前準備 必要なのは2つのファイルです。もちろんインストールは済ませておく必要があります。 <script type="text/javascript" src="your install path/xpath.js"></script> <script type="text/javascript" src="you
Adobe Edge: 2007年8月 「Ajax したい！」Web デザイナーのための Spry 集中講座
前号ではDreamweaver CS3に組み込まれているSpry Widgetを使い、Web制作にいつも用いる各種入力フォームに「知性」を与えてみました。今回は、Webページに動的なインタフェイスを付加することで、よりリッチなユーザー体験を提供する土台を作っていきましょう。これまで解説してきたXMLデータセットのハンドリングと組み合わせて使うと、完全にデータドリブン型の動的なWebページを構築できます。ぜひ、そのための手法をあなたのノウハウに加えてください。 インターフェイス作成用 Widget Dreamweaverにはインターフェース作成用に「メニューバー」、「タブ付きパネル」、「アコーディオン」、「縮小可能なパネル(折りたたみパネル)」の4種類のSpry Widgetが搭載されています。これらも「挿入」メニュー等から簡単に作成することができます。 項目 1 項目 1.1 項目 1.2
Adobe Edge: Spry 集中講座
「Ajax したい！」Web デザイナーのための Spry 集中講座 第四回：Dreamweaver CS3 + Spry Widgetで 一歩先行く UI をあなたの Web ページに 前号では Spry の基本ともいうべき XMLデータセットの作成と表示を Dreamweaver CS3 で行う方法についてご紹介しました。そこで今回は、Spry のもうひとつの特長である「Widget」（ウィジェット）について見てみましょう。Ajax 化された Web ページの醍醐味は、ページ上で扱うデータの内容によって、動的にページが変化していくことです。Spry Widget は、その動きを司る重要な技術ですが、今回はその中でも理解しやすい「入力フォームの内容チェック」について、実践的に解説してきます。 Dreamweaver CS3 の Spry Widget Spry Widget とは、構
Adobe Edge: 2007年6月 「Ajax したい！」Web デザイナーのための Spry 集中講座
「Ajax したい！」Web デザイナーのための Spry 集中講座 第三回：Dreamweaver CS3 でコードを一行も書かずに 「Ajax する」方法 これまで2回に渡って紹介してきた Spry Framework を使っての Ajax ページ制作。今までは簡単とは言え Spry のコードを記述してきました。しかし新しい Dreamweaver CS3 では、Spry のサイト作成があたかもビヘイビアを設定するかのごとくボタンをクリックしていくだけで作成できるのです。XML データセットの登録と、それを表示するソート可能なテーブルを、今回は Dreamweaver CS3 で作成します。コードの記述は一切不要。まさに“デザイナーのための Ajax 開発ツール”の登場です。 Dreamweaver CS3 を起動すると、新しく挿入パネルに「Spry」が追加されたことに気づくはずです
Adobe Edge: 2007年3月 「Ajax したい！」Web デザイナーのための Spry 集中講座
前回はXMLのデータをSpryで読み込み、データセットを作成してテーブルに表示するところまでご説明しました。今回はそのデータセットの機能を使ったプルダウンメニューの作成と、プルダウンメニューで選択した内容によって変化するフィルタ機能を作成します。少しだけJavaScriptの関数を作成する必要がありますが、まさにAjaxの醍醐味ともいうべき、優れたユーザインタフェイスが完成しますので、ぜひ挑戦してみてください。 前回の表示されたXMLのデータを見てみると、その中に共通のカテゴリが複数あることにお気づきでしょう。これを１つのメニューにまとめ、ユーザが選択できるようにしてテーブルの表示内容をすっきりさせましょう。 まずは、 ds_category という名前のデータセットを作成して、Product.xmlのXMLデータの中から Category ノードにある値だけを取得してみましょう。スクリプ
「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」：「Apple - iPod + iTunes」はどう実装されているか｜アークウェブのブログ
「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」：「Apple - iPod + iTunes」はどう実装されているか SEの竹村です。 私は先日から「つくるぶ -デベロッパー応援プロジェクト」(運営：株式会社リクルートメディアテクノロジーラボ)にてJavaScriptまとめノートを担当させてもらっていますが、同サイトの「Flash | Ajax ベストサイトセレクション20」という企画に参加させていただきました。 Flash | Ajax ベストサイトセレクション20 http://www.tkrb.jp/modules/feature0/index.php?id=12 この企画は、たとえば「ナビゲーションがカッコいいサイトは？」というお題に対してFlashとAjaxでそれぞれマッチするサイトを紹介し、競い合うというものでした。 つくるぶのポリシーを考慮して、「実際に
Top Beachbody Coach – Canada's Top Beachbody Coach
Have you ever wondered what it takes to get in the best shape of your life? Did you know that you could simply workout from home, instead of going to the gym? This blog shares all the best health and fitness advice that you won’t be able to find anywhere else. The Best Way To Workout From Home Looking for tips to be able to workout from home? Make sure you check out our incredible article. The key
80+ AJAX-Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s re
ほぼ日刊イトイ新聞 - ほぼ日刊イトイ新聞について
2007年６月６日午前11時より、 「ほぼ日刊イトイ新聞」は、 新しいデザインになりました！驚きました？ まだちょっと慣れない？ ええ、それはそうでしょう。 なにしろ1998年の創刊からまる９年間もの間、 変わらず同じデザインでしたからね。 長く「ほぼ日」を読んでくださっているかたほど、 「ええと、あれはどこにあるんだっけ？」 「これはどうやって使うのかな？」といった感じで 戸惑われているのではないかと思います。 そんなわけで、このページでは 新しい「ほぼ日」のページの見方を わかりやすくご説明いたします。 ご一読後、ページをあちこち触ってみると わかりやすいかと思います。 それではご説明いたします。 これが、ほぼ１年をかけてリニューアルした 新しい「ほぼ日」です！ 毎日、午前11時前後に更新される 「ほぼ日」のトップページはこのようになっています。 まずはじめに、糸井重里の日替わりコラム
ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」:phpspot開発日誌
Toggler Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop ドラッグ＆ドロップで複数チェックボックスの一括チェックを可能にする「Toggler」。 Togglerを使えばマウスをクリックして上からドラッグするだけでチェックボックスの一括チェックが可能になります。 使い方も次のように簡単です。 var toggle = new Toggler('elementId'); toggle.start(); // start the toggler (enabled by default) toggle.stop(); // stop the toggler これは便利ですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
外国のネカフェから日本語メールが打てる「Ajax IME」 | 教えて君.net
Online Generators and Tools [via CSSJuice.com] | Daily Revolver