ฉันกำลังทำงานกับแอปพลิเคชันที่ใช้การนำทางตามเหตุการณ์แฮชเชนจ์ เนื้อหาส่วนใหญ่โหลดผ่านการโทร ajax หลังจากการเปลี่ยนแปลงแฮช (และแสดงโดยการฉีด DOM)
จากมุมมองของ SEO - เครื่องมือค้นหาสามารถจัดทำดัชนีเนื้อหาที่ถูกแทรกนี้ได้หรือไม่
เครื่องมือค้นหาสามารถติดตามลิงก์แฮชของฉัน (เช่น href = "# page = 1") ได้หรือไม่
ถ้าไม่ - การแก้ไขปัญหาใด ๆ นอกเหนือจากการมีเนื้อหาแบบคงที่ในหน้าของฉันเพียงเพื่อเหตุผล SEO?
ขอบคุณ
ฉันพบหัวข้อที่คล้ายกันใน SO แต่ไม่พบคำตอบที่น่าพอใจดังนั้นโปรดยกโทษให้ฉันถามอีกครั้ง
คำตอบ:
https://github.com/balupton/history.js/wiki/Intelligent-State-Handling
^ เข้าสู่ข้อดีและข้อเสียของการแฮชและแฮงค์ URL และนำเสนอทางเลือกอื่น
เป็นไปได้ที่Google จะสามารถติดตามลิงก์แฮชของคุณได้ แต่จะต้องมีการเปลี่ยนแปลงฝั่งเซิร์ฟเวอร์
เครื่องมือค้นหาสามารถจัดทำดัชนีเนื้อหาที่ฉีดนี้หรือไม่
ตอบ - ใช่ & ไม่ใช่
ไม่:หากคุณฉีดเนื้อหาโดยเพียงแค่เปลี่ยนแฮชแท็กแล้วโปรแกรมรวบรวมข้อมูลจะไม่สามารถทำดัชนีเนื้อหาได้ แฮชแท็กปกติเหล่านี้มีความหมายสำหรับการนำทางหน้าเดียวกัน (มากก่อนการมาถึงของ AJAX) และไม่เปลี่ยนสถานะของหน้าเว็บ ดังนั้นเพื่อป้องกันการจัดทำดัชนีหน้าเดียวกันซ้ำหลายครั้งโปรแกรมรวบรวมข้อมูลได้รับการตั้งโปรแกรมให้ละเว้นทุกสิ่งหลังจากแฮชแท็กใน URL
ใช่:คุณมีสองรอบการทำงาน:
ตราบใดที่มีความเกี่ยวข้องกับ SEO ทั้งวิธีแก้ไขปัญหา / การทำงานจะทำงานได้ดีพอ ๆ กันหากใช้อย่างถูกต้อง แต่ข้อใดที่ดีกว่านอกเหนือจากการทำ SEO เป็นการสนทนาอีกเรื่องหนึ่ง
เพื่อให้คำตอบของ legoscia สมบูรณ์ ( /programming//a/11582278/1518423 ) คุณสามารถใช้ไลบรารีเบราว์เซอร์แบบไม่มีหัวที่ด้านเซิร์ฟเวอร์เพื่อให้ HTML แบบคงที่กับ google bot
เนื่องจากคุณใช้งาน ajax อย่างหนักดูเหมือนว่าคุณชอบ javascript ดังนั้นนี่คือเบราว์เซอร์ที่ไม่มีส่วนหัวจาวาสคริปต์ที่สามารถใช้งานได้จาก node.js: http://zombie.labnotes.org/
หวังว่านี่จะทำงานให้คุณสนุก!
ในขณะที่มีเครื่องมือค้นหาที่สนับสนุนการตระเวนเนื้อหา ajax, URL ดั้งเดิมและเนื้อหาหน้าคงที่ยังคงมีความน่าเชื่อถือมากขึ้นสำหรับการมองเห็นเครื่องมือค้นหา
เมื่อส่วนที่สำคัญ (ขนาดใหญ่) ของหน้าต้องโหลดใหม่โดยปกติแล้วเป็นที่พึงปรารถนาว่าเนื้อหาอาแจ็กซ์สามารถรวบรวมข้อมูลได้ ในกรณีเช่นนี้การเปลี่ยนเส้นทางมักจะเป็นทางเลือกที่มีศักยภาพ (แต่ไม่พึงประสงค์)
ฉันขอแนะนำให้เขียนโค้ดหน้าเว็บในขั้นต้นเพื่อให้มันเปลี่ยนเส้นทางเมื่อส่วนใหญ่ / สำคัญของหน้าจะต้องโหลดใหม่ ( ขั้นที่ 1 ) ความหมายเรายึดกับ URL แบบดั้งเดิม<a href="/webmasters//page/1">(หรือสิ่งที่คล้ายกัน) <a href="#page=1">มากกว่า
หลังจากนั้นให้เขียนจาวาสคริปต์ (jQuery) เพื่อสกัดกั้นการเปลี่ยนเส้นทางและใช้ ajax เพื่อโหลดส่วนของหน้าเว็บที่จะเปลี่ยนหากหน้าเปลี่ยนเส้นทาง ( ขั้นที่ 2 )
<a id="page1" href="/page/1">Page 1</a>
<script>
$("#page1").click(function () {
/*
* Perform ajax here to replace a portion of the page.
*/
return false; // prevent redirection
});
</script>ขั้นตอนแรกส่งผลให้หน้าเว็บที่มีเนื้อหาคงที่และ URL แบบดั้งเดิมที่ใช้งานได้แม้ไม่มีจาวาสคริปต์ในขณะที่ขั้นตอนที่สองทำให้หน้าเว็บเป็นแบบไดนามิก (หลีกเลี่ยงเนื้อหาคงที่)