![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
最近になってやっと、ajaxコンテンツページにハッシュフラグメントを付与する仕組みを知りました。
サイトによって下記のようにハッシュフラグメントの付け方が違うようなのですが、どういった意味があるのでしょうか?
/#!/page_name
/#/page_name
#!page_name
「#!」がついているとクローラーに読み取ってもらえるのでSEOに有利ということだけ分かったのですが
スラッシュで区切ったり区切らなかったりするのには意味があるのでしょうか。
「!」をつけていないページは、SEOは気にしてないけど通常のページのように振舞わせたいということなのでしょうか。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
単純に#を#!に変換しとけばクローリングされるというわけではありません。
いいだしっぺはGoogleなのですが、
クローラーが #!page_name を見つけると
?_escaped_fragment_=page_name に変換してサーバにリクエストするので、
サーバーが_escaped_fragment_の扱いに対応してなければ変更する意味がないです。
スラッシュがあるとIDとしては使えません。
クエリとしてサーバーへ送信されたりもしないので、
URLとして見た時よりそれっぽいくらいの違いしかないですね。
JavaScriptで #/foo/bar/hoge をバラしたい時に split('/') すれば
['#', 'foo', 'bar', 'hoge']となるので、スラッシュがある方が若干便利だったりします。
参考URL:https://developers.google.com/webmasters/ajax-cr …
ご回答ありがとうございます。
「#!」をつけておくだけでクロール対応できるわけではないのですね。
サーバサイドでの処理が必要なんですね。間違った解釈をしていました。なるほど!
「/」がある場合はない場合と比べて違ったメリットがあるわけではなくて、
見た目がそれっぽいからという理由なんですね。
splitでバラせるのが若干便利ということですが、どういった場合に便利なのか想像がつきません(×u×;)
ぐぐってみてもコレといった答えがみつからず…
もしよろしければどういった状況だと便利なのかお教えいただけませんでしょうか。
追加質問で申し訳ないのですが、よろしければお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- PHP PHP ページング データベース 1 2022/06/16 10:30
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- PHP PHP MySql ページング 2 2022/09/20 06:38
- Word(ワード) Google ドキュメントで改ページを挿入する方法 1 2022/05/25 19:22
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- SEO ほぼ同一ページを削除すべき? 1 2022/05/04 09:39
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Googleモバイル検索の検索結果...
-
【jQuery】input nameの文字列...
-
JavaScriptにて動的に配列を作...
-
テキストボックスの入力をリセット
-
二つの入力欄に、同時に同じ文...
-
ボタンを押すとテキストボック...
-
doPostBack 関数について
-
jqueryでtextareaのcols、rows...
-
VBA IE フォーム名(NAME)が変...
-
name属性のないformタグの、中...
-
Javascriptでのbuttonのname属...
-
ASP.NETでNAME属性を固定にしたい
-
hiddenを動的に作成したい
-
submitボタン押下時にPOSTされ...
-
imgタグ内 name とidの違い
-
新しくフォルダを作成したい
-
カーソルが自動的に移動する方法
-
フォームの一部をPOSTで送信で...
-
出発駅A、到着駅Bを選択すると...
-
ファイル選択ダイアログが表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
Javascriptでのbuttonのname属...
-
新しくフォルダを作成したい
-
submitボタン押下時にPOSTされ...
-
JavaScriptにて動的に配列を作...
-
テキストボックスの入力をリセット
-
ラジオボタンでクリックした値...
-
jqueryでtextareaのcols、rows...
-
二つの入力欄に、同時に同じ文...
-
テキストボックスの値同士を比...
-
出発駅A、到着駅Bを選択すると...
-
ボタンを押すとテキストボック...
-
name属性のないformタグの、中...
-
フォームの一部をPOSTで送信で...
-
ファイル選択ダイアログが表示...
-
ASP.NETでNAME属性を固定にしたい
-
cookie使用時にundefinedと表示...
-
動的にTabindexの値を変えたい!
-
テキストエリアをenterキーでフ...
おすすめ情報