ในบทความนี้เราจะมาพูดถึงการสร้าง SPA ที่เป็นมิตรกับ SEO ได้อย่างไร ซึ่งจะเป็นประโยชน์กับเจ้าของเว็บไซต์ที่ต้องการเปลี่ยนไปใช้ Single Page Application 

#อ่านข้อมูลเพิ่มเติม….Single Page Application (SPA) คืออะไร

เครื่องมือค้นหาใดที่สามารถจัดทำดัชนีไซต์ SPA ได้: ปัจจุบันนี้มีเพียงบอตการค้นหาของ Google เท่านั้นที่รู้วิธีเรนเดอร์ Content ของไซต์ SPA เนื่องจากใช้เครื่องมือที่ใช้ Chrome 41 ในเรนเดอร์ ASK.com ใช้เอาต์พุตของ Google เครื่องมือค้นหาอื่นๆ ต้องการเนื้อหาในโค้ด HTML

จะเพิ่มประสิทธิภาพ SPA ได้อย่างไร: บอตของ Google สามารถจัดทำดัชนีแอปพลิเคชันหน้าเดียวได้ หากโครงสร้างไซต์สอดคล้องกับกฎเกณฑ์บางประการสำหรับ Google โดยจำเป็นต้องใช้เฉพาะรูปแบบ URL ที่ถูกต้องเท่านั้น 

ซึ่งเราไม่สามารถบล็อกการจัดทำดัชนีไฟล์ JS และ CSS สำหรับบอตการค้นหาของ Google ด้วยการจำกัดการจัดทำดัชนี Google จะไม่สามารถจัดทำดัชนีเนื้อหาของเว็บไซต์ SPA ได้

อย่างไรก็ตามมี 2 วิธีในการ "บังคับ" บอตการค้นหาให้จัดทำดัชนีหน้า AJAX:

1. Use "? _escaped_fragment_=".

2. Return the HTML copy to the robot by identifying it by user-agent.

การแสดงสำเนา HTML: เพื่อให้เครื่องมือค้นหาสามารถจัดทำดัชนีเนื้อหาได้ จำเป็นต้องสร้างสำเนา HTML ของหน้าต่างๆ ซึ่งสำเนา HTML คือ เวอร์ชันที่แสดงผลของหน้าไซต์ SPA 

ดังนั้น หากต้องการสร้างสำเนา HTML ของหน้า เราสามารถ

1. ใช้การเรนเดอร์บนเซิร์ฟเวอร์ของเราเอง

2. ใช้การเรนเดอร์จากภายนอก

3. ใช้จาวาสคริปต์แบบ isomorphic

กำลังประมวลผล 404 หน้า: การแสดงผลเพจบนไซต์ SPA เกิดขึ้นบนฝั่งไคลเอ็นต์ ดังนั้นหากไม่มีการแก้ไขเพิ่มเติมใดๆ โค้ดตอบกลับของเพจที่ไม่มีอยู่จะเป็น 200 OK

อย่างไรก็ตาม แอปพลิเคชันหน้าเดียวที่ได้รับการปรับปรุงต้องประมวลผลหน้าเว็บที่ไม่มีอยู่อย่างถูกต้อง และให้ข้อผิดพลาด 404 เป็นส่วนหัวของหน้า 

การตั้งค่า Google Analytics: โค้ด Universal Analytics มาตรฐานจะถูกดำเนินการเมื่อมีการโหลดหน้าใหม่ทุกหน้า ในขณะที่ SPA จะโหลดเนื้อหาแบบไดนามิก โดยการ "จำลอง" การสลับระหว่างหน้าต่างๆ เพื่อให้ Google Analytics ประมวลผลการเปลี่ยนหน้าได้อย่างถูกต้อง

ซึ่งเราต้องแน่ใจว่ามีการเปิดใช้งานตัวนับ niversal Analytics ทุกครั้งที่ URL ของไซต์เปลี่ยนแปลง โดยเราสามารถตั้งค่า Google Analytics สำหรับไซต์ SPA โดยใช้เครื่องจัดการแท็กและทริกเกอร์ "ประวัติ" หรือโดยการส่งข้อมูลด้วยตนเอง 

สรุป: SPA คือปัจจุบันและอนาคต ดังนั้นอย่ากลัวที่จะดำเนินการโปรเจกต์ดังกล่าว ซึ่งแอปพลิเคชันหน้าเดียวสามารถ "เป็นมิตร" กับเครื่องมือค้นหาได้ 

อย่างไรก็ตามเพื่อให้ SEO-Friendly SPA เราขอแนะนำให้...

1. ใช้ URL "ดั้งเดิม"

2. ใช้แอปพลิเคชัน isomorphic หรือการเรนเดอร์สำเนา HTML

3. กำหนดค่าการตอบสนองที่ถูกต้องสำหรับส่วนหัว "404 Not Found"

4. กำหนดค่า Google Analytics ให้ทำงานได้อย่างถูกต้อง

บทความที่เกี่ยวข้อง: Single-page application คืออะไร และทำไมผู้คนถึงชอบ

 

 

 

 

---Wynnsoft Solution รับทำเว็บไซต์ รับทำ SEO รับทำการตลาดออนไลน์ รับทำโฆษณา Facebook รับทำเว็บไซต์ ขอนแก่น และรับทำเว็บไซต์ทั่วประเทศ—

ข้อมูลจาก: netpeak.net