การนำทางอย่างรวดเร็ว
Google อธิบายวิธีการตรวจสอบให้แน่ใจว่าลิงก์ทำงานอย่างถูกต้องกับ JavaScript ในตอนแรกของซีรี่ส์ Lightning Talks ใหม่
Google Lightning Talks เป็นการนำเสนอในรูปแบบสั้นๆ ที่อาจมีการแบ่งปันกันในการประชุม Google Webmaster Conference ทั่วโลก
เนื่องจากกิจกรรมที่เข้าร่วมด้วยตนเองจะถูกยกเลิกในอนาคตอันใกล้ Google จึงกำลังปรับเนื้อหาการประชุมสำหรับเว็บ
วิดีโอในซีรีส์ Google Lightning Talks มีกำหนดเผยแพร่ตลอดทั้งปี
Martin Splitt ของ Google ในลิงก์ & JavaScript
Splitt อุทิศส่วนแรกของ Lightning Talks เพื่อพูดคุยถึงหัวข้อ "รายการโปรดของทุกคน": ลิงก์
โดยเฉพาะอย่างยิ่ง - ลิงก์ในเว็บแอป JavaScript
Splitt ทำหน้าที่เชื่อมโยงบทบาทที่สำคัญสำหรับทั้งผู้ใช้และโปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหา
นอกจากนี้ เขายังระบุสิ่งที่ควรทำและไม่ควรทำในการรวมลิงก์กับฟังก์ชันการทำงานของ JavaScript
ลิงก์มีความสำคัญต่อมนุษย์และบอท
ลิงก์มีจุดประสงค์ที่ชัดเจนในการให้ผู้ใช้นำทางไปมาระหว่างส่วนต่างๆ ของเนื้อหา
แต่เจ้าของไซต์ต้องคำนึงถึงบทบาทของลิงก์ที่เล่นสำหรับบอทและเครื่องมือค้นหาด้วย
สิ่งแรกและสำคัญที่สุด - ลิงก์ช่วยให้โปรแกรมรวบรวมข้อมูลสามารถค้นหาหน้าอื่นๆ ของเว็บไซต์ได้
โปรแกรมรวบรวมข้อมูลค้นหาและจัดทำดัชนีหน้าอื่นๆ ของเว็บไซต์โดยติดตามลิงก์จากหน้าหนึ่งไปยังอีกหน้าหนึ่ง
โดยการติดตามลิงก์ โปรแกรมรวบรวมข้อมูลจะได้รับความเข้าใจเกี่ยวกับโครงสร้างเว็บไซต์และสถาปัตยกรรมข้อมูล
ซึ่งจะเป็นประโยชน์สำหรับการทำความเข้าใจว่าหน้าใดบ้างที่อาจเกี่ยวข้องกับหัวข้อที่กำหนด
ที่เกี่ยวข้อง: บทนำสู่ JavaScript สมัยใหม่สำหรับ SEOs
การสร้างลิงก์ด้วย JavaScript - สิ่งที่ควรทำและไม่ควรทำ
การสร้างลิงก์ไม่ได้ตรงไปตรงมาอย่างที่คุณคิด Martin Splitt เตือน
โดยเฉพาะอย่างยิ่งเมื่อต้องเพิ่มฟังก์ชัน JavaScript ลงในลิงก์
JavaScript อนุญาตให้ไซต์ปรับแต่งลิงก์ได้หลายวิธี แต่การทำเช่นนี้อาจทำให้โปรแกรมรวบรวมข้อมูลใช้ลิงก์ไม่ได้
นี่คือสิ่งที่ Splitt แนะนำ
ทำ: ทำให้มันตรงไปตรงมา
วิธีที่ง่ายที่สุดในการวางลิงก์บนไซต์คือการใช้แท็ก ahref
นอกจากนี้ยังเป็นการดีที่จะอัปเกรดลิงก์มาตรฐานด้วยฟังก์ชัน JavaScript ตราบใดที่ยังคงตรงตามเงื่อนไขบางประการ
ตัวอย่างของลิงค์ตรงไปตรงมา
อย่า: ละเว้นแอตทริบิวต์ ahref
เมื่อเพิ่มฟังก์ชัน JavaScript ลงในลิงก์ คุณอาจพิจารณาละเว้นแอตทริบิวต์ ahref
“นั่นไม่ใช่ความคิดที่ดี”Splitt พูดว่า
เหตุผลก็คือเพราะลิงก์จะทำงานก็ต่อเมื่อ JavaScript ทำงานอย่างถูกต้องเท่านั้น
หากไม่มีแอตทริบิวต์ ahref โปรแกรมรวบรวมข้อมูลจะไม่สามารถระบุได้ว่าลิงก์ไปที่ใด เนื่องจากโปรแกรมรวบรวมข้อมูลไม่ได้เรียกใช้ JavaScript
ห้าม: ใช้ URL หลอก
นอกจากนี้ยังไม่ช่วยในการเพิ่มแอตทริบิวต์ ahref โดยไม่มี URL ที่เป็นประโยชน์ หรือมี "URL หลอก" เช่นในตัวอย่างด้านล่าง:
ผลลัพธ์จะเหมือนกับลิงก์ที่ไม่มีแอตทริบิวต์ ahref ซึ่งหมายความว่าไม่ใช่ความคิดที่ดี
อย่า: ใช้ปุ่ม
การใช้ปุ่มอาจดูเหมือนเป็นตัวเลือกที่เหมาะสมสำหรับการเพิ่มลิงก์ไปยังหน้า แต่นั่นก็ไม่ใช่ความคิดที่ดีเช่นกัน
หลักการง่ายๆ คือ หากลิงก์ทริกเกอร์สิ่งที่เกิดขึ้นบนหน้าปัจจุบัน ลิงก์นั้นน่าจะเป็นปุ่ม
ในทางกลับกัน หากลิงก์นำผู้ใช้ไปยังเนื้อหาอื่นที่ไม่เคยอยู่ในหน้ามาก่อน ก็ควรเป็นลิงก์มาตรฐาน
อย่า: พึ่งพาตัวจัดการการคลิก
เจ้าของไซต์ไม่ควรจำลองลิงก์โดยใช้องค์ประกอบ HTML อื่นๆ และใช้ตัวจัดการการคลิกใน JavaScript เป็นต้น
สิ่งนี้จะทำลายคุณสมบัติการช่วยสำหรับการเข้าถึงในตัวและไม่ใช่ความคิดที่ดี
ทำ: ใช้ HTML เชิงความหมาย
สิ่งสำคัญที่สุดคือ – ใช้มาร์กอัป HTML เชิงความหมายและชี้ลิงก์ของคุณไปยัง URL ที่เหมาะสม
URL ที่เหมาะสมคืออะไรซึ่งจะอธิบายในหัวข้อถัดไป
ใช้ “เหมาะสม”URL
URL เหล่านี้เป็นตัวอย่างทั่วไปของสิ่งที่ถือเป็น “URL ที่เหมาะสม”:
เป็น URL ที่เหมาะสมเนื่องจากมีแอตทริบิวต์ต่อไปนี้:
- โปรโตคอล
- เจ้าภาพ
- เส้นทางสู่เนื้อหาเฉพาะ
- ตัวระบุส่วนย่อย (ไม่บังคับ)
ที่เกี่ยวข้อง: SEO & JavaScript: ข้อดี ข้อเสีย & ความไม่แน่นอน
ระวังตัวระบุชิ้นส่วน
เนื่องจากตัวระบุส่วนย่อยเป็นทางเลือก และชี้ไปยังตำแหน่งภายในเนื้อหาเดียวกัน โปรแกรมรวบรวมข้อมูลจึงไม่สนใจ
สิ่งสำคัญอย่างยิ่งที่ควรทราบหากคุณสร้างแอปพลิเคชันหน้าเดียวที่มีลิงก์ที่เต็มไปด้วยตัวระบุส่วนย่อย
โปรแกรมรวบรวมข้อมูลจะไม่ติดตามลิงก์ ดังนั้นพวกเขาจะไม่เข้าใจเว็บแอป
สรุป
นี่คือประเด็นสำคัญของคุณจากภาคแรกของ Google Lightning Talks:
- ใช้มาร์กอัปลิงค์ที่เหมาะสม
- อย่าใช้แฟรกเมนต์เพื่อโหลดเนื้อหาต่าง ๆ ในแอปหน้าเดียว
- สร้างเว็บไซต์ที่ทำงานร่วมกับ JavaScript ได้ดีและจะพบลิงก์ต่างๆ
