วิธีเตรียมแบ็กเอนด์ WordPress ของคุณอย่างเหมาะสมสำหรับ SEO

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

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

SEO เทคนิคคืออะไร?

เอาล่ะ เพื่อให้เข้าใจวิธีตั้งค่าไซต์ WordPress สำหรับ SEO อย่างถูกต้อง เราต้องวิเคราะห์ว่า Technical SEO คืออะไร อย่างแรกและสำคัญที่สุด ในปัจจุบันยังไม่มีคำจำกัดความที่ชัดเจนของ “เทคนิค SEO คืออะไร” แต่เราสามารถสรุปภาพรวมคร่าวๆ ได้: ด้วยเทคนิค SEO เราตั้งใจที่จะผสมผสานกลยุทธ์ต่างๆ ที่ถูกสร้างขึ้นเพื่อ “ให้ Google รู้ว่ามีอะไรบ้าง ไซต์ของฉันด้วยวิธีที่รวดเร็วที่สุด” SEO ด้านเทคนิคเป็นสิ่งที่บริษัทองค์กรต่างๆ เช่น Apple, Amazon และ TESLA ดูแลเป็นอย่างดี SEO ทางเทคนิคนั้นซับซ้อนพอๆ กับการพัฒนา front-end และไม่ว่าจะมีบทความออนไลน์มากมายเพียงใด ก็จำเป็นต้องมีความรู้เชิงลึกเกี่ยวกับ HTML, CSS และ Javascript (โดยเฉพาะ)

WordPress เป็นสถาปัตยกรรมที่เป็นมิตรกับ SEO หรือไม่?

น่าเศร้าที่มันไม่ใช่ WordPress เป็นศัตรูอันดับหนึ่งของผู้เชี่ยวชาญด้าน SEO หลายคน เนื่องจากเป็นสิ่งที่เรียกว่า "สถาปัตยกรรมแบบเดิม" (เพิ่มเติมในภายหลัง) แม้ว่าสิ่งนี้อาจดูน่ากลัว แต่ก็มีข้อสังเกต: WordPress สามารถเพิ่มประสิทธิภาพสำหรับ SEO ด้านเทคนิคได้ก่อนที่จะมีไหวพริบ นักพัฒนา SEO ทราบดีว่า WordPress นั้น “จำกัด” สำหรับงานด้านเทคนิค ดังนั้นพวกเขาจึงพัฒนาเครื่องมือต่างๆ มากมาย เช่น Yoast เพื่อช่วยคุณสร้างสถาปัตยกรรมที่ดีขึ้น แม้ว่าคุณจะไม่ใช่ผู้เชี่ยวชาญ PHP ก็ตาม ในปี 2019 หากคุณทำงานกับสถาปัตยกรรม WordPress จำเป็นต้องมีแบ็กเอนด์ที่เหมาะสม

“ฉันไม่รู้วิธีเขียนโค้ด ฉันควรดูอะไรก่อน”

ดังที่กล่าวไว้ข้างต้น Technical SEO นั้นเกี่ยวข้องกับโค้ดอย่างมาก ไม่ว่าบล็อกที่น่าสงสัยจะพูดอะไรทางออนไลน์ก็ตาม ไม่ต้องกังวล แต่ถ้าคุณไม่ใช่ผู้เชี่ยวชาญด้านการเข้ารหัส เนื่องจากคุณเพียงแค่ต้องเรียนรู้ 3 ภาษาหรือดีกว่านั้น ไวยากรณ์ HTML เป็นสิ่งจำเป็น เนื่องจากเมื่อวางแผนกลยุทธ์ SEO ด้านเทคนิครูปแบบใด ๆ คุณจะต้องตรวจสอบส่วนหัว ชื่อหน้า คำอธิบายเมตาและแท็กเพิ่มเติม โปรดทราบว่า Googlebot (โปรแกรมรวบรวมข้อมูลของ Google เอง) สามารถอ่าน HTML ได้อย่างละเอียด ดังนั้นจึงจำเป็นต้องมี "โครงร่าง" ของ HTML ที่สมบูรณ์แบบ

เมื่อดูหน้าบนไซต์ WordPress ของคุณ คุณควรวิเคราะห์หัวเรื่องของคุณ (<h2> </h2>) และเพิ่มประสิทธิภาพด้วยคำหลักหางยาว ในขณะที่ <h1> ของคุณควรใช้คำหลักที่มุ่งเน้น หลังจาก HTML แล้ว CSS ก็มีความสำคัญเช่นกัน แต่คุณไม่จำเป็นต้องเรียนรู้ทุกตัวเลือก คุณสมบัติ และค่า ควรพิจารณา CSS เมื่อใช้แทนส่วนหัวที่กล่าวถึงข้างต้น (คุณจะนึกไม่ถึงจำนวนหน้า WordPress ที่ใช้ CSS sprites แทนการจัดรูปแบบ h1,h2)

แล้วจาวาสคริปต์ล่ะ?

Javascript สำหรับเทคนิค SEO ควรได้รับการพิจารณาแยกจากอีกสองภาษาส่วนหน้า Googlebot (แม้ว่าจะเพิ่งอัปเดตเมื่อเร็วๆ นี้) ก็อ่าน Javascript ไม่ได้ ดังนั้นหากคุณมีแอปที่มาพร้อมเครื่อง หีบเพลงที่มีข้อความอันมีค่าจำนวนมากหรือรูปแบบใด ๆ ที่รวมอยู่ในสคริปต์ คุณสามารถถือว่ามันหายไปจาก Google อย่างไรก็ตาม เมื่อเร็ว ๆ นี้ Google ได้เปิดตัว "คิวการแสดงผล" สำหรับ Javascript (โดยเฉพาะฝั่งไคลเอ็นต์) ซึ่งโดยพื้นฐานแล้ว "รับทราบ" ข้อเท็จจริงที่ว่าเนื้อหาบางส่วนสูญหายภายในกระบวนการรวบรวมข้อมูล ในทางปฏิบัติ นี่หมายความว่า Google จะอ่านเนื้อหาของคุณ (ซึ่งรวมอยู่ในสคริปต์เฉพาะ) หลังจาก HTML และ CSS ของคุณ ซึ่งจะทำให้การจัดอันดับช้าลงอย่างมีประสิทธิภาพ

มีวิธีแก้ไขหรือไม่?

WordPress เป็นสถาปัตยกรรมที่ใช้จาวาสคริปต์มาก มีแอคคอร์เดียน ตัวเลื่อน และปลั๊กอินมากมายที่ขับเคลื่อนโดย jQuery, Vue และเฟรมเวิร์กอื่น ๆ ซึ่งมีขนาดใหญ่และแสดงผลฝั่งไคลเอ็นต์ วิธีที่ง่ายที่สุดในการแก้ไขปัญหานี้คือการนำ Javascript ที่แสดงผลฝั่งเซิร์ฟเวอร์ไปใช้ ซึ่งเป็นเรื่องที่ซับซ้อนและต้องการนักพัฒนาที่มีความรู้อย่างมากเกี่ยวกับ Next.js และเฟรมเวิร์กการแสดงผลฝั่งเซิร์ฟเวอร์อื่นๆ แน่นอนว่านี่คือสิ่งที่ต้องใช้เวลา ทรัพยากร และบุคคลเฉพาะทางวิชาชีพ ซึ่งเป็นสิ่งที่หลายบริษัทไม่สามารถรับมือได้

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

ฟิลด์ที่กำหนดเองทั้งหมด!

หากมีสิ่งหนึ่งที่ดีที่ PHP ทำในสถาปัตยกรรม WordPress นั่นก็คือการใช้ฟิลด์ที่กำหนดเอง ช่องที่กำหนดเองมีความสำคัญสำหรับ SEO ด้านเทคนิค โดยเฉพาะอย่างยิ่งเมื่อวางแผนการใช้งาน GTM (Google Tag Manager) และข้อมูลที่มีโครงสร้าง โดยเฉพาะอย่างยิ่ง ประการที่สอง ได้กลายเป็นส่วนพื้นฐานของโลก SEO ด้วยคุณสมบัติ คุณลักษณะ และผลลัพธ์ที่หลากหลายซึ่งทำได้จากการใช้มาร์กอัปของ Schema.org (เพิ่มเติมในภายหลัง) สิ่งสำคัญคือต้องจำไว้ว่าฟิลด์ที่กำหนดเองนั้นต้องการความรู้เกี่ยวกับ PHP บางรูปแบบ ดังนั้นจึงค่อนข้างมีประโยชน์ในการเรียนรู้ไวยากรณ์ทั่วไป

พูดถึงสคีมา…

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

Schema เป็นโปรแกรมโอเพนซอร์ซและมีการอัปเดตทุกวัน ดังนั้น หากคุณยังไม่ได้สร้างฟิลด์ที่กำหนดเองสำหรับโปรแกรมนั้น คุณควรทำทันที ตามสมมุติฐาน คุณสามารถใช้ปลั๊กอินได้ เช่น แอป Schema แต่ด้วยมาร์กอัป Schema วิธีที่ดีที่สุดคือเขียนโค้ดด้วยตนเองโดยใช้คุณสมบัติและแอตทริบิวต์ที่เหมาะสมกับเนื้อหาของคุณมากที่สุด

ความเร็ว: WordPress ปัญหาที่ใหญ่ที่สุด

ดังที่ได้กล่าวไว้ข้างต้น WordPress คือสิ่งที่เรียกว่า “สถาปัตยกรรมดั้งเดิม” โดยที่เราตั้งใจว่าไลบรารี เฟรมเวิร์ก และเอ็นจิ้นที่กำลังเคลื่อนย้ายจะถือว่า "ล้าสมัย" และ "เก่า" ในโลกของ front และ backend ในปัจจุบัน ด้วยเหตุนี้ จึงค่อนข้างง่ายที่จะเข้าใจว่าทำไมไซต์ WordPress บางไซต์จึงทำงานได้ไม่ดีและรวดเร็ว ความเร็วเป็นปัจจัยในการจัดอันดับที่สำคัญมากสำหรับการจัดอันดับของ Google และมีวิธีต่างๆ มากมายในการปรับปรุงสำหรับกลยุทธ์ SEO ทางเทคนิค

ก่อนอื่นคุณควรลดการใช้ปลั๊กอินกราฟิกเช่น WPBakery : การเขียนโค้ด CSS ด้วยตนเองสามารถช่วยคุณประหยัดเวลา (ไม่ได้ล้อเล่น) อย่างน้อย 1 วินาทีในการโหลดหน้า ตามหลักการแล้ว นักพัฒนาจะต้องสร้างเว็บไซต์ที่มีประสิทธิภาพดี แต่การเพิ่มประสิทธิภาพความเร็ว โดยเฉพาะอย่างยิ่งเมื่อบีบอัดรูปภาพและทรัพยากรเล็กน้อยอื่นๆ สามารถทำได้โดยทุกคน

วิธีวางแผนแบ็กเอนด์ของคุณอย่างเหมาะสมเพื่อการเพิ่มประสิทธิภาพการรวบรวมข้อมูล

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

ด้วยการใช้เครื่องมือต่างๆ เช่น ScreamingFrog หรือ Deepcrawl คุณจะสามารถวิเคราะห์และสรุปได้ว่าหน้าใดที่มีการรวบรวมข้อมูลมากที่สุด และโดยทั่วไป คุณจะเห็นว่า Google รวบรวมข้อมูลเนื้อหา เช่น ไฟล์ธีม มากกว่าหน้า Landing Page จริงอย่างไร แน่นอนว่านี่เป็นปัญหาใหญ่ เนื่องจากคุณกำลังเสียเวลากับ Googlebot อย่างมีประสิทธิภาพโดยปล่อยให้เขารวบรวมข้อมูลไซต์ของคุณซึ่งไม่ได้เน้นที่คำหลัก ดังนั้นจึงจำกัดศักยภาพในการจัดอันดับของคุณ เมื่อสิ่งนี้ได้รับการยอมรับโดยการวิเคราะห์ไฟล์บันทึกที่เหมาะสม คุณสามารถลบทรัพยากรเหล่านั้นที่กำลังรวบรวมข้อมูลจากงบประมาณการรวบรวมข้อมูลของ Googlebot ได้โดยไม่อนุญาตในไฟล์ robots.txt ของคุณ คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำได้ที่นี่

แล้วมือถือล่ะ?

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

บน WordPress นักพัฒนาแอปบางรายได้สร้างปลั๊กอิน AMP ซึ่งคุณจะสร้าง ปรับปรุง และเพิ่มประสิทธิภาพได้ ในที่สุดแล้ว ความเร็วมือถือของไซต์ WordPress ของคุณ AMP (Accelerated Mobile Pages) เป็นสิ่งที่สามารถช่วยแสดงผลลัพธ์บน Google ได้ หากเนื้อหา/ผลิตภัณฑ์ของคุณไม่ได้เน้นไปที่เนื้อหารูปแบบยาวมากนัก

สรุป

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