วิธีการ: การลบชื่อหน้าใน WordPress
เผยแพร่แล้ว: 2023-05-23สารบัญ
ทำไมต้องซ่อนชื่อหน้า?
ไม่ใช่ว่าทุกหน้าในไซต์ของคุณจำเป็นต้องมีชื่อ แม้ว่าชื่อเรื่องจะเป็นที่คาดหมายในบล็อกโพสต์ แต่ก็ไม่ได้ดูดีเสมอไปในหน้าอื่นๆ การออกแบบบล็อกที่ดีนั้นไม่เป็นที่ยอมรับสำหรับส่วนอื่นๆ ของเว็บไซต์เสมอไป ในบทความนี้ เราจะลบชื่อเพจใน WordPress
ตัวอย่างเช่น การมีชื่อ "หน้าแรก" ในหน้าแรกของคุณนั้นไม่จำเป็นและอาจดูไม่เป็นมืออาชีพเล็กน้อย เรื่องราวที่คล้ายกันกับ "เกี่ยวกับ" หรือ "บริการ" ของคุณ หน้าดังกล่าวจะสื่อถึงตัวมันเองและการมีหัวเรื่องอยู่ด้านบนอาจซ้ำซ้อน องค์ประกอบของชื่อเรื่องอาจขัดขวางการออกแบบโดยรวมของคุณ คุณอาจพิจารณาปรับแต่งสไตล์โดยใช้ CSS เพื่อรวมเข้าด้วยกันอย่างกลมกลืนมากขึ้น อย่างไรก็ตาม การตัดสินใจที่ดีที่สุดคือการลบออกทั้งหมด สามารถใช้พื้นที่นี้เพื่อวางภาพฮีโร่ที่ดึงดูดใจหรือองค์ประกอบที่มีสไตล์อื่นๆ ได้
บ่อยครั้งที่คุณอาจไม่ต้องการละทิ้งชื่อทั้งหมด อาจเป็นเพราะตำแหน่งหรือรูปแบบธีมที่ไม่เหมาะกับคุณ หากชื่อหน้าของคุณวางแปลกหรือขัดแย้งกับการออกแบบของคุณ คุณสามารถปกปิดชื่อนั้นและวางส่วนหัว H1 ในตำแหน่งที่เหมาะสมกว่าได้
แต่โปรดจำไว้ว่า การลบชื่อเรื่องนั้นไม่ง่ายเหมือนการลบรูปภาพหรือย่อหน้าข้อความ ส่วนหัวมีอิทธิพลต่อ SEO และวิธีที่เครื่องมือค้นหาเข้าใจโครงสร้างของหน้าเว็บของคุณ ดังนั้น ก่อนที่คุณจะตัดสินใจซ่อนเนื้อหาทั้งหมด มีข้อควรพิจารณาบางประการที่ควรทราบ
ข้อควรพิจารณาเกี่ยวกับ SEO
เครื่องมือค้นหา เช่น Google ใช้บอทที่เรียกว่าโปรแกรมรวบรวมข้อมูลเพื่อสำรวจเว็บไซต์และจัดทำดัชนีหน้าเว็บ ขณะที่พวกเขาตรวจสอบไซต์ของคุณ พวกเขาพิจารณาองค์ประกอบต่างๆ เช่น ชื่อ ข้อความ และโครงสร้างลำดับชั้นของหน้าเพื่อทำความเข้าใจเนื้อหา ขั้นตอนนี้เป็นเครื่องมือสำคัญในการนำเสนอหน้าที่เกี่ยวข้องแก่ผู้ใช้ที่ค้นหาคำเฉพาะ และเว็บไซต์ที่ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุด SEO จะได้รับอันดับที่สูงขึ้นเล็กน้อย
ตัวอย่างเช่น หากคุณใช้ Google "วิธีเพิ่มความเร็วไซต์ WordPress ของคุณ" คุณจะสังเกตเห็นว่าชื่อส่วนย่อยของผลการค้นหามักจะสอดคล้องกับชื่อบทความ ชื่อของเพจถูกกำหนดโดยแท็กชื่อ HTML หรือหากไม่มี ส่วนหัว H1 หากไม่มีเลย เครื่องมือค้นหาจะตั้งค่าเริ่มต้นเป็นส่วนหัวแรกที่พบหรือสตริงข้อความแบบสุ่ม โดยถือว่าบทบาทของชื่อเรื่อง ซึ่งอาจส่งผลให้เกิดการแสดงผลที่ไม่น่าดูในตัวอย่างข้อมูลของเครื่องมือค้นหา
คุณเห็นประเด็นที่เรากำลังทำอยู่หรือไม่? การกำจัดส่วนหัว H1 ของคุณโดยไม่มีสิ่งทดแทนที่เหมาะสมอาจขัดขวาง SEO และอัตราการคลิกผ่านของคุณ แม้ว่าคุณเพียงแค่ซ่อนชื่อหน้าโดยไม่ลบออก แต่โปรแกรมรวบรวมข้อมูลของเครื่องมือค้นหามักจะไม่สนใจองค์ประกอบที่ซ่อนอยู่ ทำให้เป็นการออกกำลังกายที่ไร้ประโยชน์ ลำดับชั้นที่ชัดเจน ซึ่งรวมถึงองค์ประกอบ H1 และส่วนหัว H2 หรือ H3 ที่เหมาะสม ช่วยให้โปรแกรมรวบรวมข้อมูล (และผู้ใช้) เข้าใจเนื้อหาของเพจได้ง่ายขึ้น อย่างไรก็ตาม ส่วนหัว H1 ไม่จำเป็นสำหรับ SEO อย่างไรก็ตาม สิ่งเหล่านี้มีประโยชน์สำหรับการจัดเตรียมโครงสร้างหน้าและแนะนำเป็นอย่างยิ่ง
ดังนั้นแนวทางการดำเนินการที่ดีที่สุดคืออะไร หนึ่งในวิธีแก้ปัญหาที่ง่ายที่สุดคือการใช้ปลั๊กอินอย่าง Yoast SEO เครื่องมือนี้ช่วยให้คุณตั้งค่า "ชื่อ SEO" สำหรับแต่ละหน้า ด้วยวิธีนี้ คุณสามารถรักษาผลการค้นหาที่น่าดึงดูดใจในขณะที่ละทิ้งหัวข้อที่น่ารำคาญนั้นไปโดยไม่มีผลกระทบเชิงลบใดๆ
จะซ่อนหน้าและชื่อโพสต์โดยใช้ตัวเลือกปรับแต่ง WordPress ได้อย่างไร
กลยุทธ์ที่เรากำลังพูดถึงมักจะปลอดภัยและจะไม่สร้างปัญหาใดๆ อย่างไรก็ตาม ตามกฎทองของการพัฒนาเว็บ คุณต้องสำรองข้อมูลไซต์ของคุณเสมอก่อนที่จะรวมโค้ดที่กำหนดเองใดๆ หรือติดตั้งปลั๊กอินใหม่ มีวิธีการเลือกปกปิดชื่อจากโพสต์หรือเพจ ซึ่งเราจะสำรวจในภายหลัง แต่ก่อนอื่น เรามาเจาะลึกกันว่าคุณจะทำให้ชื่อโพสต์และหน้าทั้งหมดใน WordPress หายไปได้อย่างไรโดยใช้เคล็ดลับ CSS เล็กๆ น้อยๆ เชื่อหรือไม่ว่าโค้ดเพียงบรรทัดเดียวก็สามารถทำให้ชื่อเรื่องเหล่านั้นจางหายไป
เริ่มต้นจากแดชบอร์ด WordPress ของคุณ ไปที่ลักษณะที่ปรากฏ > ปรับแต่งและค้นหาเมนู CSS เพิ่มเติม กล่องรหัสจะปรากฏขึ้นซึ่งคุณควรวางรหัสต่อไปนี้:
.รายการชื่อ {
จอแสดงผล: ไม่มี;
}
ทันทีที่คุณป้อนรหัสนี้ คุณควรเห็นว่าชื่อเรื่องทั้งหมดในการแสดงตัวอย่างทางขวามือหายไปราวกับมีเวทมนตร์ มันตรงไปตรงมาอย่างนั้น เมื่อคุณเข้าชมโพสต์หรือเพจแต่ละรายการ หัวเรื่องก็จะหายไปด้วยเช่นกัน แต่คุณจะสังเกตได้ว่าวิดเจ็ตต่างๆ เช่น โพสต์ล่าสุด จะยังคงแสดงชื่อที่คุณตั้งค่าไว้ในแบ็กเอนด์โดยไม่มีปัญหา
หากโค้ดนี้ไม่ให้ผลลัพธ์ตามที่คาดไว้ ขั้นตอนต่อไปคือการระบุคลาส CSS ที่ธีมใช้แสดงชื่อเรื่อง ในการแสดงตัวอย่างเว็บไซต์ทางขวามือของ Theme Customizer คุณสามารถคลิกขวาที่ชื่อโพสต์แล้วเลือก 'ตรวจสอบ' ขึ้นอยู่กับเบราว์เซอร์ของคุณ ตัวเลือกนี้อาจมีป้ายกำกับว่า 'ตรวจสอบองค์ประกอบ' หรือ 'ตรวจสอบ'
หน้าจอใหม่จะปรากฏขึ้นพร้อมกับส่วนของโค้ดที่ไฮไลต์ สแกนโค้ดที่ไฮไลต์เพื่อระบุชื่อคลาส H1 หรือ H2 ซึ่งอาจมีลักษณะดังนี้: <h2 class="entry-title heading-size-1">
แทนที่จะเป็น "entry-title" อาจมีป้ายกำกับว่า "post-title", "page-title" หรือบางอย่างในบรรทัดเหล่านั้น ตอนนี้ ใช้โค้ด CSS ที่เราเสนอไปก่อนหน้านี้ และแทนที่ “ชื่อรายการ” ด้วยคลาส CSS ใดก็ตามที่ธีมของคุณใช้ ใช้สิ่งนี้และควรทำงานได้อย่างสมบูรณ์ ทำให้ชื่อเหล่านั้นหายไปอย่างง่ายดาย
- วิธีซ่อนชื่อหน้าอย่างรวดเร็วโดยใช้ตัวเลือกปรับแต่ง
บางทีวัตถุประสงค์ของคุณอาจไม่ใช่การกำจัดชื่อเพจของคุณทั้งหมด จะเกิดอะไรขึ้นหากเป้าหมายของคุณคือการปกปิดชื่อเพจ (แต่ไม่ใช่โพสต์) บนไซต์ของคุณเพียงอย่างเดียว ในสถานการณ์เช่นนี้ การปรับเปลี่ยนโค้ด CSS ข้างต้นเพียงเล็กน้อยก็เพียงพอแล้ว เพียงเพิ่ม ".page" ลงในโค้ด นี่คือลักษณะที่ปรากฏ:
.page .entry-title {
จอแสดงผล: ไม่มี;
}
วิธีนี้จะซ่อนชื่อหน้าทั้งหมดบนเว็บไซต์ WordPress ของคุณทันที
- วิธีซ่อนชื่อหน้าอย่างรวดเร็วโดยใช้ตัวเลือกปรับแต่ง
คุณสนใจที่จะปกปิดชื่อเพจเพียงเพจเดียวใน WordPress หรือไม่? คุณมีสองทางเลือก: ติดตั้งปลั๊กอินหรือใช้โค้ด CSS ข้างต้นในเวอร์ชันที่กำหนดเองซึ่งระบุหน้าตาม ID มีปลั๊กอินที่ออกแบบมาเพื่อปกปิดชื่อเรื่องโดยเฉพาะ เช่น ปลั๊กอินซ่อนหน้าและชื่อเรื่องโพสต์ที่เป็นที่รู้จักอย่างกว้างขวาง แทนที่จะดาวน์โหลดปลั๊กอินขนาดเล็ก (ซึ่งอาจมีความเสี่ยงด้านความปลอดภัยหากไซต์ของคุณโฮสต์ปลั๊กอินมากเกินไป) คุณอาจพิจารณาใช้เครื่องมือสร้างเพจ
Elementor เป็นตัวอย่างที่ดี รวมความสามารถในการซ่อนชื่อหน้าโดยใช้สวิตช์เปิด/ปิดอย่างง่าย เพียงไปที่หน้าใดก็ได้ในแบ็กเอนด์ คลิก 'แก้ไขด้วย Elementor' จากนั้นกดเฟืองการตั้งค่าที่มุมล่างซ้าย ถัดไป เปิดใช้งานสวิตช์ 'ซ่อนชื่อ' และ voila ชื่อเพจของคุณจะหายไป
ทางเลือกสุดท้ายเกี่ยวข้องกับการปรับแต่งโค้ด CSS ก่อนหน้าเพื่อกำหนดเป้าหมายเฉพาะบางหน้าแทนที่จะเป็นทั้งหมด เริ่มแรก คุณต้องระบุ ID ของเพจที่คุณต้องการกำหนดเป้าหมาย ในการดำเนินการนี้ ให้ไปที่ 'ทุกหน้า' ในแบ็กเอนด์และวางเคอร์เซอร์เหนือชื่อเรื่อง ที่มุมซ้ายล่างของหน้าจอ ตัวอย่างที่อยู่ลิงก์จะปรากฏขึ้น ภายในสตริงนี้ คุณจะพบ "post=" ในตอนท้าย ตัวเลขที่ตามหลังข้อความนี้คือ ID ของเพจ ตอนนี้ ใช้ ID ที่คุณระบุ คุณสามารถกำหนดเป้าหมายเพจนั้นโดยใช้ CSS คุณจะแทนที่ "0" ด้วย ID ที่คุณพบ เช่น:
.page-id-0 .entry-title {
จอแสดงผล: ไม่มี;
}
หากวิธีการข้างต้นไม่ได้ผลลัพธ์ตามที่ต้องการ อาจเป็นเพราะธีมของคุณใช้คลาส CSS อื่น หากต้องการทราบ ให้ไปที่หน้าที่คุณกำลังพยายามแก้ไขและกด F12 สิ่งนี้จะเรียกคอนโซลนักพัฒนาซอฟต์แวร์ใน Chrome จากนั้น กด Ctrl-F แล้วป้อน "body" โดยใช้ลูกศรนำทางเพื่อดำเนินการต่อจนกว่าคุณจะเห็น "<body class=" และรายการคลาสจำนวนมาก
ค้นหาอันที่มี ID ของเพจและสลับคลาสในโค้ดที่กล่าวถึงก่อนหน้านี้ ตัวอย่างเช่น หากคุณพบคลาสที่มีป้ายกำกับว่า "page-id-113" ในรายการ รหัสที่คุณจะใช้จะมีลักษณะดังนี้:
.page-id-113 .entry-title {
จอแสดงผล: ไม่มี;
}
3. ซ่อนชื่อโดยใช้ปลั๊กอิน WordPress
คุณอาจกำลังคิดว่า ทำไมไม่ปล่อยให้ชื่อหน้าว่างเปล่า เป็นเรื่องง่ายที่จะลบชื่อเรื่อง: ไปที่ หน้า > หน้าทั้งหมด วางเมาส์เหนือหน้า เลือกแก้ไขด่วน ล้างช่องชื่อเรื่อง แล้วคลิกอัปเดต
หรือคลิกชื่อเรื่องหรือวางเมาส์เหนือชื่อเรื่องแล้วเลือกแก้ไข ค้นหาหัวข้อที่ด้านบน นำข้อความข้างในออก แล้วกดอัปเดต เมื่อคุณกลับไปที่หน้าจอเพจ สิ่งเหล่านี้จะถูกระบุว่าเป็น "(ไม่มีชื่อเรื่อง)" และจะไม่ปรากฏบนไซต์สดของคุณอีกต่อไป
แม้ว่าวิธีนี้อาจดูเหมือนเป็นวิธีที่ตรงไปตรงมาที่สุด แต่ก็ไม่แนะนำจริงๆ ลิงก์ถาวรมีบทบาทสำคัญใน SEO และ WordPress มักจะสร้างลิงก์จากชื่อของคุณ ในกรณีที่ไม่มีชื่อ ก็จะหันไปใช้ตัวเลขหรือชุดอักขระตามอำเภอใจ ซึ่งอาจส่งผลให้ SEO ถูกลงโทษ
คุณมีตัวเลือกในการปรับลิงก์ถาวร (หรือ "URL slug") ด้วยตนเอง แต่สิ่งสำคัญคือต้องอย่าลืมทำเช่นนี้กับการแก้ไขแต่ละครั้ง นอกจากนี้ โพสต์และเพจที่ไม่มีชื่อจะแสดงเป็น "(ไม่มีชื่อ)" ในแบ็กเอนด์ WordPress ของคุณ ลองนึกภาพว่ามีคะแนนหรือแม้แต่เอนทิตีที่ไม่ระบุชื่อหลายร้อยรายการบนไซต์ของคุณ การตามล่าหาสิ่งที่คุณต้องการท่ามกลางความยุ่งเหยิงนี้อาจกลายเป็นความโกลาหลในองค์กรอย่างรวดเร็ว
นอกจากนี้ นี่ไม่ใช่แค่ปัญหาที่เกิดขึ้นกับคุณเท่านั้น หน้าหรือโพสต์ที่ไม่มีชื่ออาจแสดงเป็น "(ไม่มีชื่อ)" ที่ส่วนหน้าของเว็บไซต์ของคุณ ทั้งนี้ขึ้นอยู่กับธีมของคุณ ตัวอย่างเช่น หากหน้านั้นรวมอยู่ในเมนูหรือคุณกำลังใช้วิดเจ็ตโพสต์ล่าสุด การทำเช่นนี้อาจทำให้เว็บไซต์ของคุณไม่สามารถนำทางได้ และนั่นเป็นสถานการณ์ที่คุณต้องการหลีกเลี่ยงอย่างแน่นอน
ยิ่งไปกว่านั้น หากปัญหาเหล่านี้ยังน่ากลัวไม่พอ การลบชื่อออกจะทำให้มีช่องว่างขนาดใหญ่ในเค้าโครงหน้าของคุณจากที่เคยเป็นชื่อเรื่อง นั่นเป็นวิธีสุดท้ายสำหรับวิธีการลบชื่อเพจ WordPress ที่ค่อนข้างใช้ไม่ได้ผล
แม้จะดูเหมือนง่ายในการลบชื่อ แต่ขอแนะนำให้เลือกใช้แนวทางอื่นๆ เช่น การใช้ปลั๊กอินหรือการป้อนโค้ด CSS การปกปิดชื่อมีแนวโน้มว่าจะมีประสิทธิภาพและมีกลยุทธ์มากกว่าการลบทิ้งทั้งหมด