วิธีการใช้ SEO Friendly Modal Windows

เพียงแค่มีหน้าต่างเป็นกิริยาช่วยไม่ทำร้ายหรือขัดขวางการเพิ่มประสิทธิภาพของเครื่องมือค้นหาเว็บไซต์ของคุณ อย่างไรก็ตามวิธีปฏิบัติบางอย่างอาจเป็นประโยชน์ต่อ SEO ของคุณโดยให้เนื้อหาเพิ่มเติมสำหรับหุ่นยนต์เพื่อค้นหาเมื่อพวกเขารวบรวมข้อมูลเว็บไซต์ของคุณ ผลกระทบนี้เกี่ยวข้องโดยตรงกับสไตล์หรือระบบที่คุณใช้สำหรับหน้าต่างโมดัลของคุณ แม้แต่วิธีที่คุณซ่อนเนื้อหาหน้าต่างโมดัลก็เปลี่ยนวิธีที่หน้าของคุณ "ดู" โดยกลไกการค้นหา บรรทัดล่างคือเนื้อหาเพิ่มเติมที่สามารถนำผู้ชมมายังเว็บไซต์ของคุณได้ดียิ่งขึ้น ด้วยหน้าต่างด้านขวาคุณสามารถนำเสนอเนื้อหาเพิ่มเติมโดยไม่ต้องโหลดหน้าเว็บมากเกินไป

1

เลือกประเภทหน้าต่างโมดัลที่เพิ่มเนื้อหาไปยังหน้าโดยไม่แสดงมันแทนที่จะเป็นประเภทที่ดึงเนื้อหาจากหน้าอื่น เมื่อเนื้อหาภายในหน้าต่างโมดอลของคุณปรากฏบนหน้าเครื่องมือค้นหาสามารถรวบรวมข้อมูลและจัดทำดัชนีเนื้อหานั้น หากเนื้อหาของกล่องโมดอลของคุณอยู่ในหน้าอื่นหน้าโฮสต์จะไม่ได้รับประโยชน์จากเนื้อหานั้นเมื่อจัดทำดัชนีโดยเครื่องมือค้นหา OmniWindow ใช้องค์ประกอบ DIV สำหรับเนื้อหาหน้าต่าง modal เช่นเดียวกับ Reveal ModalBox นำเสนอตัวเลือกสำหรับเนื้อหาบนหน้าและเนื้อหา modal นอกหน้า

2

หลีกเลี่ยง "display: none" หรือ "visible: hidden" เมื่อใช้ CSS เพื่อซ่อนเนื้อหาหน้าต่างโมดัล คุณลักษณะเหล่านี้ซ่อนเนื้อหาจากทุกคนรวมถึงซอฟต์แวร์รวบรวมข้อมูลและโปรแกรมอ่านหน้าจอที่ลบ CSS ทั้งหมดเพื่ออ่านเนื้อหา ให้ใช้การกำหนดตำแหน่งแบบสัมบูรณ์เพื่อสร้างค่าตำแหน่งเชิงลบและซ่อนเนื้อหานั้น สิ่งนี้ทำให้มั่นใจได้ว่าซอฟต์แวร์การอ่านหน้าจอ - ใช้งานโดยผู้ชมที่มีความบกพร่องทางสายตา - และหุ่นยนต์สามารถคลานเนื้อหานั้นได้โดยไม่ต้องปรากฏบนหน้าจนกว่าจะเรียกใช้โดยหน้าต่างโมดัล

3

ใช้ค่าแท็ก alt และคำอธิบายภาพเพื่อเพิ่มมูลค่า SEO ให้กับภาพในหน้าต่างโมดัล เมื่อใช้หน้าต่าง modal สำหรับรูปภาพเอฟเฟกต์นี้มักจะเรียกว่า "lightbox" เมื่อคุณใช้แท็ก alt ให้ใส่ชื่อเรื่องเพื่อปรับปรุง SEO

4

ใช้หน้าต่าง modal เมื่อจำเป็นเท่านั้น ในขณะที่มีเหตุผลที่ถูกต้องในการซ่อนเนื้อหาในหน้าเว็บนักหลอกลวงก็ใช้เนื้อหาที่ซ่อนอยู่กับหน้าเนื้อหาที่มีคำหลัก เนื้อหาที่ซ่อนอยู่มากเกินไปอาจนำไปสู่เว็บไซต์ของคุณที่ถูกขึ้นบัญชีดำโดยเสิร์ชเอ็นจิ้นในการทำ SEO ที่ไม่ดี

เคล็ดลับ

• หากคุณใช้หน้าต่างโมดอลของคุณสำหรับเนื้อหาที่ไม่ใช่เนื้อหา - เช่นแบบฟอร์มเข้าสู่ระบบ - ให้พิจารณาโหลดเนื้อหานั้นจากหน้าอื่นเนื่องจากไม่ได้ให้ข้อมูลแก่ผู้ใช้ในการค้นหาผ่านเครื่องมือค้นหา
• หากคุณกำลังใช้เนื้อหาที่เชื่อมโยงจากภายนอกอย่าใช้ "rel = nofollow" บนลิงก์ แม้ว่ามันจะไม่หยุดโรบอตไม่ให้คลานเนื้อหานั้น แต่ก็ตั้งขึ้นเพื่อไม่ให้ลิงก์ไปยังอันดับของหน้า

คำเตือน

• ยิ่งมีเนื้อหาและรหัสมากขึ้นในหน้าเดียวยิ่งใช้เวลาโหลดนานและการโหลดช้าก็ส่งผลต่อ SEO เช่นกัน ยอดคงเหลือเป็นกุญแจสำคัญในการสร้างหน้าเว็บที่มีประโยชน์และปรับแต่ง SEO
• อย่าใช้องค์ประกอบที่ซ่อนอยู่สำหรับการปฏิบัติ SEO ที่ "ไม่ดี" เช่นการบรรจุคำหลักหรือรวมถึงเนื้อหาหลอกลวงที่ไม่เกี่ยวข้องกับหน้าเว็บของคุณเพื่อปรับปรุงอันดับของหน้า
• มุ่งเน้นไปที่การใช้งานเมื่อสร้างหน้าต่างกิริยา การใช้เนื้อหามากเกินไปในกล่องหรือองค์ประกอบที่เป็นกิริยาช่วยมากเกินไปอาจทำให้ผู้เข้าชมหงุดหงิดและออกจากเว็บไซต์ของคุณเพื่อค้นหาสิ่งที่นำเสนอเนื้อหาในลักษณะที่ตรงไปตรงมามากขึ้น