Adres çubuğuna url'yi değiştirmeden sayfadaki URL'yi nasıl değiştirebilirim

Question

http://mysite.com/index.php var.

Ve bir alt menü

• ev hakkımızda =>http://mysite.com/index.php
• =>http://mysite.com/about.us.php
• ürünler =>http://mysite.com/products.php

Ama her isteği işlemek için http://mysite.com/index.php istiyorum ve sadece Ajax isteğini kullanarak içeriği değiştirin. Bu şekilde, site sadece içerik bölümünü yükler ve gezinmek için çok daha hızlı ve kolaydır. vb Ürünleri http://mysite.com/product içerik, biliyorum

göreceksiniz sadece URL google http://mysite.com/index.php ve ben Hakkımızda içeriğe http://mysite.com/about-us ilişkilendirmek istiyorum çünkü

sorun burada, SEO Bunu sadece PHP'yi okuyarak ve Ajax'ı anında yazarak yapabilirim, ancak bunu yaparken tüm sayfa her seferinde yeniden yüklenecektir. Tüm sayfayı yeniden yüklemeden bunu yapmanın bir yolu var mı? İhtiyacım olan şey, alt menüde düzenli bir çapa bulundurmak, "http://mysite.com/contact-us" işaretini gösteren exampel için tıklatıldığında, bu sayfayı açmak yerine Ajax isteğini işleyin.

Ve eğer bu mümkün olursa, Google bunu muhtemelen siyah şapka olarak görecek, değil mi?

Sana http://www.imhackingyou.com/sucker beni ziyarete ama okumaya addressbar değiştirmek couldlet bunu yapabilmek için çünkü Selamlar Alex

Answer 1

sayfayı değiştirmeden adres çubuğundaki URL'yi değiştiremezsiniz http://www.bankofamerica.com/login

Answer 2

Bu, bir AJAX sorunu değil, bir yönlendirme sorunudur. Eğer başka bir araç (öksürük ASP.NET MVC öksürük) kullanılarak olsaydı

, sadece bir rota eklemek istiyorum (ve PHP bunu yapmanın bir yolu var umutluyum)

gibi URL'ler kabul

/home 
/products 
... 

ve iyi bir MVC veya RESTful URL sisteminin dışında kullanıldığında

/index.php?area=home 
/index.php?area=products 

Bu

tipik bir yeniden yazma motoru ile gerçekleştirilir, diyelim ki, onları yönlendirilir. IIS'de ISAPI Rewrite kullanıyorum, ancak LAMP yığında çalışıyorsanız, Apache'nin aynı özellikleri sağlayan bir modül sağladığını düşünüyorum. (Google .htaccess)

UYARI: RANT

1. kaçının JavaScript ile tüm uygulama yazmaya çalışıyorum, bu değer ne için,

   AŞAĞIDAKİ Ve. Sunucu bir sebepten dolayı orada.Bir web geliştiricisi olarak işinizin bir parçası, işinizi olabildiğince çok sunucunuza emdirmektir. Tarayıcı performansı ve uyumluluk sorunları, istemcide her şeyi yapmaya çalıştığınızda çıldırmanıza neden olacak.

2. kaçınmak geri yayınları şartlar bir çok mantıklı ama bunu her sayfa için geçerli çalışmalısınız bir gümüş kurşun değil. Bir bağlantı tıklandığında genellikle yeni bir sayfa yüklemek mantıklıdır. O (gerekli altyapının en sunucu tarafı olduğundan) ve aynı şeyi almak için bir AJAX isteği daha değil yavaş olduğunu daha stabil, kullanıcı beklediği.

Kuralları:

1. geri düğmesine kırmak ASLA. Dikkatli bir planlama olmadan, çoğu AJAX uygulaması bu kuralı bozar.
2. bakınız kural # 1. Bir rewrite engine ile gerçekleştirilebilir olmalıdır, ancak AJAX kullanmak için iyi bir neden olduğunu varsayarak, sen daha iyisi hashbang karma sonra kısmını değiştirerek javascript ile URL'ler değiştirebilir veya benzeri

Answer 3

Bu sesler:

window.location.hash = "#!about-us"; 

• http://mysite.com/
• http://mysite.com/#!about-us
• http://mysite.com/#!products

bir SEO açısından hashbang hakkında daha fazla bilgi için

Answer 4

http://www.seomoz.org/blog/how-to-allow-google-to-crawl-ajax-content Nasıl Shopify sonra yapar kontrol? Kendi web sitesine gidin Özellikler linke tıklayın ve URL görürsünüz diyor ki:

http://www.shopify.com/tour/sell-online

Sonra alt bağlantılardan birini tıklayın ve göreceksiniz ki kullanmadan URL Değişikliği adres bir karma ama sayfa çevirme yok.

Onların hepsi sayfadaki gizli div 'ler dahil edilecek göründüğü için içeriğini değiştirmek için ajax kullanarak sanmıyorum, ama ne olursa olsun, sen görünüşte istemci tarafı hileler kullanarak URL'yi değiştirebilir.

Answer 5

BURADA ÇÖZÜM VAR: nasıl çalıştığını

window.history.pushState(data, title, url) 

İşte Rob açıklar ve çalışan bir örnek vardır: Ajax otomatik şeyi daha çabuk yapmaz anlamak

http://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate