การแสดงผล SEO Manifesto: ทำไมเราต้องไปไกลกว่า JavaScript SEO

เผยแพร่แล้ว: 2020-12-12

ต้องการตรวจสอบให้แน่ใจว่าเครื่องมือค้นหาเข้าถึงเนื้อหาของคุณได้อย่างเหมาะสมและอยู่ในอันดับสูงหรือไม่?

ในเซสชัน SEJ eSummit ของเขา Bartosz Góralewiczได้นำเสนอวิธีที่ Google แสดงผลเว็บไซต์ในขนาดใหญ่และข้อมูลเชิงลึกที่ใช้ร่วมกันตามสิทธิบัตรและเอกสารของ Google

นี่คือสรุปการนำเสนอของเขา

รหัส JavaScript

ปัญหาเกี่ยวกับ JavaScript

Góralewiczและทีมของเขาพบว่าเนื้อหา 40% ที่อาศัย JavaScript ไม่ได้รับการจัดทำดัชนีหลังจาก 14 วัน

โฆษณา
อ่านต่อด้านล่าง

มันแย่ลง

สิบเปอร์เซ็นต์ของ URL ภายในโดเมนเฉลี่ยไม่ได้รับการจัดทำดัชนีโดย Google และเรากำลังพูดถึง URL ที่จัดทำดัชนีได้เฉพาะ

นี่เป็นสิ่งที่ต้องพิจารณาโดยเฉพาะอย่างยิ่งเนื่องจากแนวโน้มเหล่านี้มีการเปลี่ยนแปลงตลอดเวลาและอาจแย่ลง

ในปี 2015 Google อ้างว่าพวกเขาทำได้ดีกับการแสดงผลโดยกล่าวว่า:

“ [A] ตราบใดที่คุณไม่ได้บล็อก Googlebot ไม่ให้รวบรวมข้อมูลไฟล์ JavaScript หรือ CSS ของคุณโดยทั่วไปเราสามารถแสดงผลและทำความเข้าใจหน้าเว็บของคุณได้เช่นเบราว์เซอร์สมัยใหม่”

ตั้งแต่ปี 2017 Góralewiczและทีมของเขาได้สร้างการทดลองอื่น ๆ มากมายรวมถึงการทดสอบการปิดบังด้วย JavaScript และอื่น ๆ ซึ่งเปิดเผยปัญหาในการรวบรวมข้อมูลและการจัดทำดัชนีที่พบในเว็บไซต์ที่ใช้ JavaScript

ในปีเดียวกันนั้น Google เริ่มพูดคุยอย่างเปิดเผยเกี่ยวกับ JavaScript SEO

วันนี้แม้ว่าเราจะมี Martin Splitt ของ Google ซึ่งเป็นประโยชน์อย่างมากต่อชุมชน SEO แต่ก็ยังมีคำถามที่ยังไม่ได้รับคำตอบ

โฆษณา
อ่านต่อด้านล่าง

ในเดือนพฤศจิกายน 2019 ในงาน Chrome Developer Summit Splitt ได้ประกาศว่าค่ามัธยฐานสำหรับการแสดงผลที่ Google ได้รับการปรับปรุงจากหนึ่งสัปดาห์ต่อปีก่อนที่จะเหลือเพียง 5 วินาทีในปี 2019

อย่างไรก็ตามGóralewiczและการวิจัยเพิ่มเติมของทีม Onely พบว่า“ ความล่าช้าในการแสดงผลค่ามัธยฐานอาจแทบไม่มีอยู่จริงสำหรับเว็บไซต์ใหม่ความล่าช้าในการจัดทำดัชนีเนื้อหา JavaScript ยังคงมีอยู่มาก”

เว็บไซต์ที่ใช้ JavaScript จำนวนมากไม่ได้รับการจัดทำดัชนีและไม่ได้รับการจัดอันดับแม้จะผ่านไปสองสัปดาห์

พวกเขายังค้นพบว่า:

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

ความท้าทายอย่างหนึ่งในการวินิจฉัยการจัดทำดัชนีลดลงในขณะนี้คือคำสั่งไซต์ไม่น่าเชื่อถือและสามารถส่งคืนค่าลบเท็จจำนวนมากได้

คำสั่งไซต์

การเข้าสู่ดัชนีของ Google: ความท้าทายด้าน SEO ที่ยิ่งใหญ่

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

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

เพียงแค่ดูแบรนด์ที่ใหญ่ที่สุดบางแบรนด์ที่มีปัญหาในการจัดทำดัชนีที่สำคัญ

เปอร์เซ็นต์ของ URL ที่ไม่ได้รับการจัดทำดัชนี

หาก Google ไม่จัดทำดัชนีหน้าเว็บของคุณกิจกรรม SEO อื่น ๆ ทั้งหมดจะไม่สำคัญเลย

โฆษณา
อ่านต่อด้านล่าง

สิ่งที่ดีทั้ง SEO และ Googler เริ่มต้นการสนทนาเกี่ยวกับปัญหาการจัดทำดัชนีและเรามีแหล่งข้อมูลที่ดีกว่าเพื่อตรวจสอบความถูกต้องดังกล่าว

และปัญหาการจัดทำดัชนีส่วนใหญ่สามารถแก้ไขได้จริงผ่านทางเทคนิค SEO

นี่คือวิธีการ

Batch-Optimized Rendering: มันทำงานอย่างไร

Google กำลังดูเว็บไซต์ของคุณจากมุมมองที่ปรับให้เหมาะสมกับการแสดงผลและสถาปัตยกรรมการดึงข้อมูล (BOR)

เมื่อพิจารณาจากมุมมองแบบเคียงข้างกันสิ่งที่ Google เห็นนั้นแตกต่างจากสิ่งที่ผู้ใช้เห็นในเบราว์เซอร์

การแสดงผลที่ปรับให้เหมาะสมกับแบทช์

BOR ทำงานอย่างไร?

โฆษณา
อ่านต่อด้านล่าง

ขั้นตอนที่ 1: BOR ข้ามทรัพยากรทั้งหมดที่ไม่จำเป็นในการสร้างตัวอย่างเพจของคุณ

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

ซึ่งรวมถึง:

  • สคริปต์ติดตาม (Google Analytics, Hotjar ฯลฯ )
  • โฆษณา
  • รูปภาพ

เพียงแค่ลบทรัพยากรเพิ่มเติมเหล่านี้ออกก็สามารถประหยัดเวลาในการโหลดสคริปต์และการแสดงผลได้มากกว่า 50% วิธีนี้ช่วยประหยัดทรัพยากรได้มากในส่วนของ Google

ขั้นตอนที่ 2: ตั้งค่าของนาฬิกาเสมือน

ขั้นตอนที่สองที่ Google กำลังดำเนินการคือกำหนดมูลค่าของนาฬิกาเสมือน (ซึ่งเราจะพูดถึงด้านล่างนี้อีกเล็กน้อย)

ขั้นตอนที่ 3: สร้างเค้าโครงของเว็บไซต์

เมื่อเวลาของนาฬิกาเสมือนนั้น“ หมดลง” เค้าโครงของเว็บไซต์จะถูกสร้างขึ้น

โฆษณา
อ่านต่อด้านล่าง

มีสองแนวคิดหลักที่ต้องจำ:

  • นาฬิกาเสมือนจริง
  • เค้าโครง

นาฬิกาเสมือนคืออะไร?

Virtual Clock วัดค่าใช้จ่ายในการแสดงผลของเว็บไซต์

เป็นงบประมาณในการแสดงผลจากฝั่งของ Google และเว็บไซต์ต่างๆจะได้รับ "งบประมาณ" เพียงเล็กน้อย

เมื่อการแสดงผลหยุดชั่วคราวเพื่อดึงทรัพยากร (oe, สคริปต์, ไฟล์ CSS, ขนาดภาพ ฯลฯ ) นาฬิกาเสมือนนั้นไม่ก้าวหน้า มันจะก้าวหน้าเมื่อเราแสดงผลจริงเท่านั้น

ซึ่งหมายความว่าหากคุณมี CSS, JavaScript หรือทรัพยากรอื่น ๆ ภายในเว็บไซต์ของคุณจำนวนมากคุณต้องมี“ เวลาเสมือน” มากขึ้นในนาฬิกาเสมือน

แต่ไม่มีการรับประกันว่าคุณจะได้เวลานาฬิกาเสมือนจริงเท่าใด

ในขณะที่เราไม่รู้ว่าขีด จำกัด คืออะไร (และเราอาจไม่เคยรู้มาก่อน) แต่เราสามารถเข้าใจได้ว่าเว็บไซต์ของเรามีทรัพยากรมากแค่ไหน

โฆษณา
อ่านต่อด้านล่าง

การใช้ Chrome DevTools คุณสามารถทำให้ CPU ช้าลงและดูว่ามีผลต่อการเขียนสคริปต์และการแสดงผลอย่างไร

ลองใช้เว็บไซต์ของ H & M เป็นตัวอย่าง

เพิ่มเวลาได้ถึง 25 เท่า

เราสามารถดูได้ว่า H&M อาจมีปัญหากับการแสดงผลและการจัดทำดัชนีได้อย่างไร

Chrom DevTools - CPU ช้า

วิธีการวัด 'โหลดนาฬิกาเสมือน' ของเว็บไซต์ของคุณ

Góralewiczขอแนะนำสองตัวเลือกในการวัด "โหลดนาฬิกาเสมือน" ของคุณ

โฆษณา
อ่านต่อด้านล่าง
  • ใช้ Onely's Too Long; เครื่องมือไม่ได้ Render (TL; DR) ซึ่งคำนวณต้นทุนในการแสดงผลหน้าเว็บตั้งแต่ 0-100
  • จำลอง BOR ใน Chrome DevTools ของคุณ (นี่คือคำแนะนำโดยละเอียด)

เค้าโครงหน้าของคุณ

เมื่อนาฬิกาเสมือนหมดเวลาเลย์เอาต์จะถูกสร้างขึ้นไม่ว่าจะผ่านไปครึ่งทางแล้วหรือไม่ก็ตาม

สิ่งนี้นำไปสู่ความท้าทายที่อาจเกิดขึ้นมากมาย

ที่สำคัญที่สุดนี่คือจุดสิ้นสุดของ JavaScript SEO และการเริ่มต้นการแสดงผล SEO

การเรนเดอร์ให้ความสำคัญอย่างมากกับการจัดวางรูปแบบกับแนวคิดทั้งหมดนี้

เรื่องตำแหน่งของเนื้อหา

เราทราบดีอยู่แล้วว่าข้อความที่ปรากฏในครึ่งหน้าบนมีความสำคัญมากกว่าข้อความใต้บรรทัด

ปรากฎว่ามันส่งผลต่อวิธีที่ Google จะรวบรวมข้อมูลเนื้อหานั้นด้วย

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

สิ่งนี้แสดงให้เห็นว่า Javascript SEO เป็นเพียงส่วนเล็ก ๆ ของภูเขาน้ำแข็ง เน้นเฉพาะว่า Google สามารถเห็นเนื้อหาของเราได้หรือไม่

โฆษณา
อ่านต่อด้านล่าง

การแสดงผลเป็นวิธีที่เหนือกว่านั้น

การแสดงผล SEO Manifesto: ทำไมเราต้องไปไกลกว่า JavaScript SEO

เป็นหัวข้อที่กว้างกว่ามากเพราะนอกจาก Google จะเห็นเนื้อหาแล้วตอนนี้เรายังสนใจ:

เค้าโครงของหน้า

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

การแสดงผลเป็นกลุ่มเทียบกับรูปภาพ

บริการเรนเดอร์ของ Google ใช้ภาพจำลอง นี่คือตัวอย่างของวิธีการเล่น

ตัวอย่างการแสดงผลชุดรูปภาพ

ลิงค์เกี่ยวกับอะไร?

มูลค่าของลิงก์ขึ้นอยู่กับตำแหน่งและแอตทริบิวต์

เรารู้จักสิ่งนี้มาระยะหนึ่งแล้ว แต่สิ่งนี้น่าสนใจยิ่งขึ้นเมื่อเราพิจารณารูปแบบเพิ่มเติมจาก Google

ตำแหน่งลิงค์

ตำแหน่งของลิงก์ภายในเพจมีความสำคัญ

โฆษณา
อ่านต่อด้านล่าง

ซึ่งจะส่งผลต่อวิธีที่ Google จะรวบรวมข้อมูลลิงก์นั้นและประเภทของ "การให้คะแนน" ที่ Google จะกำหนดให้กับลิงก์นั้น

นอกจากนี้ลิงก์ที่อยู่ในส่วนที่สำคัญของเพจอาจได้รับการกำหนดมูลค่าที่สูงกว่าเมื่อเทียบกับลิงก์ในส่วนที่สำคัญน้อยกว่า

ตามเอกสารการจัดอันดับตามพฤติกรรมของผู้ใช้และ / หรือสิทธิบัตรข้อมูลคุณลักษณะ (แบบจำลอง Surfer ที่สมเหตุสมผล) มีคุณสมบัติอื่น ๆ อีกมากมายที่เกี่ยวข้องกับลิงก์ ได้แก่ :

  • ข้อความรอบข้าง: คำก่อนและ / หรือหลังลิงก์;
  • ประเภทของลิงค์ (เช่นรูปภาพ / ข้อความ)
  • ข้อความจุดยึดที่เชื่อมโยงกับลิงก์ในเชิงพาณิชย์อาจเป็นอย่างไร
  • จำนวนลิงก์ในเอกสารต้นทาง
  • ขนาดตัวอักษร

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

โปรดทราบว่า Google ในการใช้รูปแบบนักท่องที่เหมาะสมอย่างเต็มที่จำเป็นต้องแสดงหน้าเว็บอย่างสมบูรณ์

เรื่องเด่นเพิ่มเติม - CNN

ตามเอกสารการจัดอันดับตามพฤติกรรมของผู้ใช้และ / หรือสิทธิบัตรข้อมูลคุณลักษณะ (แบบจำลอง Surfer ที่สมเหตุสมผล) มีคุณสมบัติอื่น ๆ อีกมากมายที่เกี่ยวข้องกับลิงก์ ได้แก่ :

โฆษณา
อ่านต่อด้านล่าง
  • ข้อความรอบข้าง: คำก่อนและ / หรือหลังลิงก์
  • ประเภทของลิงก์ (เช่นรูปภาพ / ข้อความ)
  • ข้อความจุดยึดที่เชื่อมโยงกับลิงก์ในเชิงพาณิชย์อาจเป็นอย่างไร
  • จำนวนลิงก์ในเอกสารต้นทาง
  • ขนาดตัวอักษร.

ยิ่งไปกว่านั้น Google ไม่ได้วิเคราะห์หน้าเว็บในระดับบล็อก

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

โปรดทราบว่า Google ในการใช้รูปแบบนักท่องที่เหมาะสมอย่างเต็มที่จำเป็นต้องแสดงหน้าเว็บอย่างสมบูรณ์

ส่วนใดที่ทำและไม่ได้รับการจัดทำดัชนี?

สิ่งที่Góralewiczและทีมของเขาค้นพบจากการวิจัยเก้าเดือนคือ Google ใช้การวิเคราะห์พฤติกรรมที่คล้ายกันมากในการเลือกว่าควรแสดงผลส่วนใดของเว็บไซต์และส่วนใดที่สามารถข้ามไปได้

ในการวินิจฉัยการจัดทำดัชนีบางส่วนทีมงาน Onely ได้ตรวจสอบเว็บไซต์ยอดนิยมเพื่อดูว่าส่วนใดของโครงร่างที่กำหนดได้รับการจัดทำดัชนีและส่วนใดที่ไม่ได้จัดทำดัชนี

โฆษณา
อ่านต่อด้านล่าง

สิ่งที่พวกเขาค้นพบคือดูเหมือนว่า Google จะละเลยบางส่วนของเว็บไซต์ด้วยความกระตือรือร้นมากกว่าส่วนอื่น ๆ

ตัวอย่างเช่นดูเหมือนว่า Google จะประสบปัญหาในการแสดงส่วน "รายการที่เกี่ยวข้อง" และ "คุณอาจสนใจด้วย"

Google มักจะจัดทำดัชนีเนื้อหาหลักของคุณ

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

Google ได้กล่าวว่าพวกเขาจะขัดจังหวะสคริปต์เมื่อมันหนัก แต่เราไม่รู้ว่ามันหมายถึงอะไรจนถึงตอนนี้

การจัดทำดัชนีบางส่วน: การค้นพบที่สำคัญ

คุณอาจคิดว่าการจัดทำดัชนีบางส่วนไม่ใช่ปัญหาที่สำคัญ

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

แต่สิ่งนี้นำไปสู่ปัญหาที่สำคัญยิ่งขึ้น - หลังจาก 14 วัน 10% ของ URL จะไม่ได้รับการจัดทำดัชนี

โฆษณา
อ่านต่อด้านล่าง

นี่เป็นวิธีที่เหนือกว่า JavaScript SEO เนื่องจากการแสดงผลเกิดขึ้นโดยมีและไม่มี JavaScript

JavaScript ไม่ใช่เหตุผลหลักในการแสดงผล

เมื่อรู้สิ่งที่เรารู้แล้วตอนนี้เราควรเรียกมันว่า JavaScript SEO หรือไม่?

ซื้อกลับบ้าน

เพื่อสรุปการนำเสนอของเขาGóralewiczได้แบ่งปันประเด็นต่อไปนี้:

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

ดูการนำเสนอนี้

ตอนนี้คุณสามารถรับชมการนำเสนอแบบเต็มของGóralewiczได้จาก SEJ eSummit ในวันที่ 2 มิถุนายน

แหล่งข้อมูลเพิ่มเติม:

โฆษณา
อ่านต่อด้านล่าง
  • พื้นฐาน JavaScript สำหรับผู้เชี่ยวชาญด้าน SEO
  • บทนำสู่การแสดงผลของ SEO
  • เครื่องมือค้นหา (& ทำไม) เครื่องมือค้นหาแสดงผลหน้า

เครดิตรูปภาพ

ภาพเด่น: Paulo Bobita
ภาพหน้าจอทั้งหมดถ่ายโดยผู้แต่งกรกฎาคม 2020