วิธีทำให้ Slider SEO ของคุณเป็นมิตร
เผยแพร่แล้ว: 2020-05-13SEO เป็นสิ่งสำคัญในการทำให้ผู้คนค้นพบเว็บไซต์ของคุณ ไม่สำคัญหรอกว่าเว็บไซต์และบริการของคุณจะยอดเยี่ยมแค่ไหนถ้าไม่มีใครหาคุณเจอ แต่คุณรู้หรือไม่ว่าคุณสามารถใช้ตัวเลื่อนเพื่อวัตถุประสงค์ในการทำ SEO ได้? แถบเลื่อนเป็นองค์ประกอบการออกแบบที่ได้รับความนิยมมากที่สุดที่คุณสามารถหาได้บนไซต์ WordPress ดังนั้นจึงเหมาะสมที่จะใช้สำหรับ SEO ในการทำเช่นนั้น แถบเลื่อนต้องสนับสนุนเครื่องมือ SEO ที่สำคัญที่สุด
คุณรู้จักตัวเลื่อนที่เป็นมิตรกับ SEO ได้อย่างไร?
ขึ้นอยู่กับนักพัฒนาว่าตัวเลื่อนไม่ดีสำหรับ SEO หรือไม่ เมื่อคำนึงถึงสิ่งนี้ มาดูห้าอันดับแรกของตัวเลื่อนที่เป็นมิตรต่อ SEO
- มันไม่ได้ขึ้นอยู่กับแฟลช Flash เป็นเทคนิคแบบเก่าซึ่งค่อนข้างเป็นที่นิยมเนื่องจากมีเอฟเฟกต์แฟนซี ความนิยมลดลงเนื่องจากไม่มีเครื่องมือค้นหาใดที่สามารถรวบรวมข้อมูลผลลัพธ์ได้ หากตัวเลื่อนใช้แฟลช แสดงว่าไม่เป็นมิตรกับ SEO และคุณไม่ควรใช้ตัวเลื่อนนั้นในไซต์ของคุณ
- ช่วยให้คุณสามารถเขียนข้อความแสดงแทนลงในรูปภาพของคุณได้ ข้อความแสดงแทนช่วยให้เครื่องมือค้นหาจัดทำดัชนีภาพของคุณ เป็นสิ่งสำคัญอย่างยิ่งเมื่อคุณสร้างแถบเลื่อนรูปภาพอย่างง่าย ซึ่งไม่มีข้อความอื่น
- ความสามารถในการตั้งค่าแท็ก H ที่เหมาะสม แท็ก H เช่น h1 หรือ h2 ช่วยให้คุณจัดโครงสร้างเนื้อหาได้ดีขึ้น เนื้อหาที่มีโครงสร้างที่ดีมีความสำคัญจากมุมมองของ SEO ตามจริงแล้ว ควรมีแท็ก h1 เพียงแท็กเดียวในแต่ละหน้าของไซต์ของคุณ ดังนั้นหากตัวเลื่อนของคุณสร้างส่วนหัวที่มีแท็ก h1 เท่านั้น และคุณไม่สามารถเปลี่ยนแปลงได้ ให้ทิ้งปลั๊กอิน WordPress นี้
- ความสามารถในการเขียนข้อความโดยไม่มีแท็ก H เนื้อหาทั้งหมดไม่จำเป็นต้องเป็นหัวเรื่อง ปลั๊กอินตัวเลื่อนที่ดีช่วยให้คุณเพิ่มข้อความเป็นย่อหน้าได้เช่นกัน
- มีโครงสร้าง HTML ที่ถูกต้อง เสิร์ชเอ็นจิ้นมีหน้าการจัดทำดัชนีที่ยากลำบากซึ่งมีโครงสร้าง HTML ที่ไม่ถูกต้อง หากตัวเลื่อนของคุณมีรหัสที่ไม่ถูกต้อง มันจะทำให้ไซต์และตัวเลื่อนของคุณสร้างดัชนียากขึ้น
วิธีการใช้แถบเลื่อนของคุณเพื่อวัตถุประสงค์ SEO?
แน่นอน คุณสามารถใช้ตัวเลื่อนเพื่อวัตถุประสงค์ในการทำ SEO ได้ก็ต่อเมื่อเป็นมิตรกับ SEO ตามความเป็นจริงแล้ว Smart Slider 3 เป็นตัวเลื่อนที่เป็นมิตรกับ SEO ซึ่งหมายความว่าคุณสามารถใช้เพื่อทำ SEO ได้ ข้อความใดๆ ที่คุณเขียนไปยัง Smart Slider 3 โดยใช้เลเยอร์นั้นเครื่องมือค้นหาจะรวบรวมข้อมูลได้ มาดูกันว่ามีเครื่องมือใดบ้างในการสร้างแถบเลื่อนที่เป็นมิตรกับ SEO!
จัดโครงสร้างตัวเลื่อนของคุณโดยใช้เลเยอร์ส่วนหัว
แท็กหัวข้อที่คุณเพิ่มในไซต์ของคุณจะ กำหนดโครงสร้างของหน้าเว็บของคุณ เมื่อผู้คนเรียกดูไซต์ของคุณ พวกเขาจะค้นหาข้อมูล หัวเรื่องให้ผู้อ่านได้ทราบถึงข้อมูลที่จะได้รับจากย่อหน้าถัดไป นอกจากนี้ยังเป็นการดีที่จะแบ่งข้อความเพื่อเพิ่มความชัดเจน
จุดประสงค์หลักอื่นๆ ของหัวข้อนี้คือการ จัดโครงสร้างเนื้อหาของคุณ เพื่อให้โครงสร้างชัดเจนขึ้นสำหรับผู้อ่าน คุณสามารถใช้ขนาดแบบอักษรต่างๆ สำหรับส่วนหัวได้ ตัวอย่างเช่น ลดขนาดฟอนต์สำหรับหัวเรื่องล่างแต่ละอันที่คุณเพิ่ม พูดอีกอย่างหนึ่งก็คือ หากคุณเพิ่มส่วนหัว h2 ที่มีขนาดแบบอักษร 32px ให้ใช้ต่ำกว่าสำหรับส่วนหัว h3
เพิ่มเนื้อหาที่เป็นมิตรกับ SEO ลงในแถบเลื่อนของคุณ
หัวข้อมีความสำคัญสำหรับ SEO แต่ก็ไม่สามารถช่วยได้มากหากไม่มีเนื้อหาที่ดี ข้อความที่ยอดเยี่ยมนั้นคือสิ่งที่คุณสามารถวางลงในเลเยอร์ข้อความได้ คุณควรปฏิบัติต่อข้อความเหล่านี้ในลักษณะเดียวกับที่คุณปฏิบัติกับข้อความ SEO อื่นๆ ตรวจสอบให้แน่ใจว่ามันเขียนได้ดีและน่าสนใจสำหรับผู้อ่าน จากนั้นวางบนตัวเลื่อนของคุณในรูปแบบที่ชัดเจน
หากคุณต้องการเพิ่มคำบรรยายภาพ คุณควรใช้เลเยอร์ข้อความสำหรับสิ่งนั้นด้วย ช่วยให้เสิร์ชเอ็นจิ้นสามารถรวบรวมข้อมูลข้อความและ ช่วยจัดอันดับ SEO ของคุณ นอกจากนี้ เลเยอร์ยังตอบสนองได้จริงและสามารถอ่านได้บนอุปกรณ์พกพา ขออภัย สิ่งนี้ไม่เป็นความจริงสำหรับข้อความที่เป็นส่วนหนึ่งของรูปภาพ ตามความเป็นจริง การตอบสนองเป็นส่วนสำคัญของ SEO
เพิ่มข้อความแสดงแทนให้กับรูปภาพของคุณเพื่อช่วยให้เครื่องมือค้นหาจัดทำดัชนีภาพเหล่านั้น
Smart Slider 3 มีช่องสำหรับป้อนข้อความแสดงแทนสำหรับทุกเลเยอร์ของรูปภาพและรูปภาพพื้นหลัง ซึ่ง ช่วยให้เครื่องมือค้นหารวบรวมข้อมูลได้ ราวกับว่าเป็นภาพนิ่ง แน่นอน คุณควรหลีกเลี่ยงการใช้รูปภาพที่มีความละเอียดสูงเกินไป มันทำให้การโหลดเว็บไซต์ช้าลง ซึ่งอาจทำให้ผู้ใช้ได้รับประสบการณ์ที่ไม่ดี
อีกจุดสำคัญในการสร้างภาพที่เป็นมิตรกับ SEO คือ ชื่อจริงของรูปภาพ จากมุมมองของ SEO ชื่อที่เกี่ยวข้องนั้นดีกว่าชื่อทั่วไปมาก ตัวอย่างเช่น หากคุณเพิ่มรูปภาพที่แสดงสะพานโกลเดนเกต อย่าตั้งชื่อเป็น DSC1523.jpg ตั้งชื่อให้เหมือน Golden_Gate_Bridge_San_Fransisco.jpg แทน
Slider SEO ทำงานอย่างไรในชีวิตจริง?
หากคุณรู้สึกว่าการใช้แถบเลื่อนเพื่อวัตถุประสงค์ในการทำ SEO ดีเกินกว่าจะเป็นจริง ให้ดูตัวอย่างในชีวิตจริง เพื่อเป็นหลักฐาน เรามีหน้า Landing Page สองสามหน้าซึ่งมีเฉพาะตัวเลื่อน แน่นอน ทุกสไลเดอร์สร้างด้วย Smart Slider 3 หนึ่งในหน้าเหล่านี้คือหน้าผลิตภัณฑ์ของ Smart Slider 3 Free ถัดจาก Real Time Slide Editor คุณจะพบรูปภาพต่อไปนี้:
อย่างที่คุณเห็น ชื่อของรูปภาพคือ realtimeeditor.png และแท็ก Alt คือ “Smart Slider Free – Slide Editor” ด้วยเหตุนี้ Google จึงรู้จักรูปภาพและสามารถจัดทำดัชนีได้ ค้นหารูปภาพด้วยคำสำคัญต่อไปนี้: “Smart Slider Free Slide Editor” คุณจะสังเกตเห็นว่ารูปภาพปรากฏขึ้นเป็นผลลัพธ์ที่ 6 เนื่องจากเป็นหนึ่งในผลงานแรกๆ อันดับที่ 6 นี้จึงค่อนข้างดี
เครื่องมือค้นหาสามารถอ่านข้อความจากแถบเลื่อนได้หรือไม่
แน่นอนพวกเขาสามารถ! ตัวอย่างเช่น มาดูที่ลึกยิ่งขึ้นของเทมเพลตตัวเลื่อนไล่ระดับสี หน้าของแถบเลื่อนนี้ไม่ได้รับการปรับให้เหมาะกับ SEO เราใช้เพื่อแสดงเทมเพลตเท่านั้น อย่างไรก็ตาม เสิร์ชเอ็นจิ้นสามารถอ่านเนื้อหาจากแถบเลื่อน มาทำการค้นหาง่ายๆ สำหรับ “ผู้ใช้ที่มีความสุขมากกว่า 70.000 คน” แม้ว่าหน้านั้นจะไม่ได้รับการปรับให้เหมาะสมสำหรับ SEO แต่จะแสดงขึ้นในหน้าแรก Google ไม่เพียงแต่สามารถค้นหาหน้านี้ได้ แต่ยังอ่านทั้งส่วนหัว h2 และย่อหน้าด้านล่าง
ดังที่คุณเห็นจากภาพหน้าจอ เครื่องมือค้นหาเช่น Google สามารถอ่านข้อความจาก Smart Slider 3 ซึ่งหมายความว่า คุณสามารถใช้ Smart Slider 3 สำหรับ SEO ได้
เสิร์ชเอ็นจิ้นอัจฉริยะแค่ไหน?
นักพัฒนาซอฟต์แวร์ของ Google ได้ใช้ความพยายามอย่างมากในการทำความเข้าใจหน้าเว็บให้ดีขึ้น พวกเขาไม่อาศัยเพียงแหล่งที่มาของหน้าเพื่อเรียนรู้สิ่งที่อยู่บนหน้าอีกต่อไป ซึ่งหมายความว่าพวกเขาเรียกใช้รหัสบนเว็บไซต์หรืออย่างน้อยก็พยายามทำเช่นนั้น เหตุใดจึงดีสำหรับไซต์ WordPress ของคุณ เนื่องจากการพัฒนาเว็บมีการพัฒนาไปมากในช่วงหลายปีที่ผ่านมา มีเนื้อหาที่สร้างด้วย JavaScript มากขึ้นเรื่อยๆ บนเว็บไซต์สมัยใหม่
แน่นอนว่าเสิร์ชเอ็นจิ้นไม่ได้ดูหน้าเว็บเหมือนที่ผู้ใช้ทำ ผู้ใช้เช่นโต้ตอบกับเพจ พวกเขาคลิกที่องค์ประกอบหรือรูปภาพที่เคลื่อนไหว พวกเขาตรวจสอบแท็บและหีบเพลง ผู้เยี่ยมชมเลื่อนขึ้นและลงเพื่อดูเอฟเฟกต์ที่น่าสนใจ ในทางกลับกัน ค้นหาบ็อตเพียงแค่รวบรวมข้อมูลหน้าเหมือนเมื่อหน้าโหลดเสร็จ