บริการ Google สำหรับตรวจสอบรุ่นมือถือ หาก Google ระบุว่า "หน้านี้ไม่เหมาะสำหรับอุปกรณ์เคลื่อนที่ อีมูเลเตอร์อุปกรณ์พกพา: Android Studio และ Apple Xcode

สวัสดีตอนบ่ายเพื่อน วันนี้ฉันจะก้าวออกจากเครื่องมือโฆษณาเล็กน้อยและเริ่มต้นคอลัมน์ใหม่ในบล็อก เรียกว่า "เว็บมาสเตอร์" และจะรวมเนื้อหาที่เป็นประโยชน์ในการปรับปรุงประสิทธิภาพและคุณภาพของไซต์ หน้า Landing Page ฉันจะเริ่มต้นด้วยภาพรวมของเครื่องมือเจ๋ง ๆ สำหรับตรวจสอบเว็บไซต์เพื่อความคล่องตัว

ตรวจสอบความเร็วเว็บไซต์ด้วย Google

Google มี 2 เครื่องมือสำหรับสิ่งนี้

# 1 PageSpeed ​​Insights

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

แท็บ "สำหรับมือถือ" มีรายงานเกี่ยวกับความเร็วในการโหลดเว็บไซต์สำหรับ อุปกรณ์มือถือและ - สำคัญ! - คะแนนความสะดวกสบายไซต์สำหรับสมาร์ทโฟน แท็บ "สำหรับคอมพิวเตอร์" ตามลำดับ การวิเคราะห์เดียวกันสำหรับเดสก์ท็อป

ส่วนที่ดีที่สุดคือบริการนี้ให้คุณดาวน์โหลด ปรับให้เหมาะสมรูปภาพ, css และสคริปต์เพื่อใช้บนเว็บไซต์ของคุณ นี่แหละ ความช่วยเหลือฟรีจากกูเกิล

ดังที่คุณเห็นจากภาพหน้าจอ ฉันกำลังมีปัญหาร้ายแรงกับเวอร์ชันมือถือ เป็นอย่างไรบ้าง?

# 2 Testmysite.Withgoogle

อันที่จริง นี่เป็นเครื่องมือเดียวกัน แต่มีกระดาษห่อหุ้มที่สวยงาม ฉันพบบริการนี้เมื่อวันก่อนและถูกแบบฟอร์มการรายงานติดสินบน

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

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

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

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

คุณเป็นอย่างไรบ้างกับการเคลื่อนไหว?

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

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

ความเป็นมิตรกับเว็บไซต์สำหรับอุปกรณ์มือถือ

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

• ไม่มีแอนิเมชั่นการออกแบบและรูปภาพ "หนัก"
• ความเร็วในการโหลดทรัพยากร (ควรน้อยที่สุด);
• ไม่จำเป็นต้องเลื่อนในแนวนอน
• ไม่มีปลั๊กอิน Silverlight และ Java applet;
• การนำทางไซต์อย่างง่าย
• โค้ดมีเมตาแท็กวิวพอร์ต

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

การทดสอบจริงบนอุปกรณ์พกพา

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

การปรับขนาดหน้าต่างเบราว์เซอร์

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

เปลี่ยนเป็นโหมดนักพัฒนาซอฟต์แวร์ในเบราว์เซอร์

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

• Mozilla: คุณสามารถเปลี่ยนไปใช้โหมดนักพัฒนาซอฟต์แวร์ได้โดยเลือกตัวเลือก "การออกแบบที่ตอบสนอง" ในเมนู "พัฒนา" กด ชุดค่าผสม Ctrl+ กะ + ม; โดยคลิกที่ปุ่ม "โหมดการออกแบบที่ตอบสนอง" บนแถบเครื่องมือของนักพัฒนาเว็บ
• Chrome: เปลี่ยนเป็นโหมดมือถือโดยกด F12 จากนั้นเลือกไอคอนเวอร์ชันมือถือ (สมาร์ทโฟนที่มุมซ้ายบนของหน้าต่างที่ปรากฏขึ้น)

ใน Opera คุณสามารถเปลี่ยนเป็นโหมดนักพัฒนาซอฟต์แวร์เพื่อตรวจสอบเวอร์ชันมือถือได้โดยกด Ctrl + Shift + i แต่มีวิธีอื่น เบราว์เซอร์เวอร์ชันพิเศษ - Opera Mobile Classic Emulator - ให้คุณประเมินการออกแบบมือถือได้หลายวิธี มีเวอร์ชันของโปรแกรมสำหรับระบบปฏิบัติการหลัก

อีมูเลเตอร์อุปกรณ์พกพา: Android Studio และ Apple Xcode

คุณสามารถตรวจสอบเวอร์ชันมือถือของเว็บไซต์ (Yandex และ Google) ได้โดยใช้โปรแกรมจำลองอุปกรณ์มือถือ ซึ่งสำหรับ Android และ Apple คือ Android Studio หรือ Apple Xcode ตามลำดับ

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

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

บริการเว็บตรวจสอบการออกแบบมือถือ

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

การตรวจสอบการเพิ่มประสิทธิภาพของหน้าเว็บสำหรับอุปกรณ์มือถือ

แหล่งข้อมูลอื่นๆ ที่ให้คุณตรวจสอบเวอร์ชันมือถือของไซต์ได้ ประเมินความสามารถในการปรับตัวเพิ่มเติม และไม่เพียงแต่แสดงให้เห็นว่าไซต์จะมีลักษณะอย่างไรบนอุปกรณ์ต่างๆ บริการที่มีชื่อเสียงที่สุดคือ Google Mobile Friendly และ Yandex WebMaster (ตรวจสอบหน้าเว็บ) ตัวตรวจสอบ Bing หรือตัวตรวจสอบมือถือจาก W3C จะประเมินการปรับไซต์ให้เหมาะสมสำหรับอุปกรณ์มือถือด้วยเช่นกัน

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

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

ในกรณีนี้ Google จะเริ่มจัดอันดับไซต์ที่ต่ำมากซึ่งไม่ได้รับการทดสอบโดย Google Webmasters ในไม่ช้า (มีข่าวลือ - ตั้งแต่วันที่ 21 เมษายน 2015) ตั้งแต่วันที่ 21 เมษายน 2015) (มีข่าวลือว่าตั้งแต่วันที่ 21 เมษายน 2015) เพื่อให้ง่ายต่อการดูบนอุปกรณ์เคลื่อนที่

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

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

ฉันจะบอกคุณว่าต้องทำอย่างไร:

ก่อน	หลังจาก

• ชิ้นแรกซึ่งช่วยแก้ไขปัญหาโดยไม่ต้องมีท่าทางเพิ่มเติม

ใน robots.txt เพิ่มบรรทัด:
อนุญาต: /wp-content/themes/ Template_Name/style.css

(หากไฟล์ที่มีสไตล์อยู่ในที่อยู่อื่น ให้ลงทะเบียน หากมีหลายไฟล์ที่มีสไตล์ ให้แทรกบรรทัดสำหรับแต่ละไฟล์)

• วินาทีที่สอง, ถ้าเราเห็นข้อความว่า “ องค์ประกอบแบบโต้ตอบอยู่ใกล้กันเกินไป" แสดงที่ google.com/webmasters/tools/mobile-friendly
  เพียงกำหนดเยื้องเพิ่มเติมสำหรับลิงก์และปุ่มในสไตล์ให้กับคลาสที่ต้องการ คว้าระยะขอบหรือช่องว่างภายในจาก 5px

  บางครั้งบล็อก Adsense สามารถสร้างปัญหาดังกล่าวได้ บางทีคุณอาจต้องแทรกบล็อกที่ใหญ่กว่าหรือใช้แบบอักษรที่ใหญ่กว่า

ป.ล. ตอนแรกฉันคาดว่าคุณเป็นคนทำหลัก

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

ทั้งหมดนี้จะทำงานอย่างไร?

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

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

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

เพียงป้อนที่อยู่ของเว็บไซต์หรือหน้าแล้วคลิก "วิเคราะห์" ขณะตรวจสอบหน้าหลักของเว็บไซต์ของเพื่อนชาวไครเมีย krimeo.ru ของฉันผ่านการทดสอบ ฉันเห็นว่าหน้าดังกล่าวได้รับการปรับให้เหมาะกับอุปกรณ์มือถือ

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

น่าสนใจ ... เทมเพลตของบล็อกนี้ก็ตอบสนองฉันเข้าถึงทั้งจากแท็บเล็ตและจากสมาร์ทโฟนหลายครั้ง ... ทำไม Google ถึงไม่ชอบมัน

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

นอกจากนี้ยังเป็นที่น่าแปลกใจที่เมื่อเรียกดูไซต์บนสมาร์ทโฟน รูปภาพทั้งหมดจะถูกปรับให้เข้ากับขนาดหน้าจอได้อย่างสมบูรณ์แบบ และไม่มี "การติดขัด" เกิดขึ้น ฉันตัดสินใจทำการทดลองและทำให้ขนาดของรูปภาพปรับเปลี่ยนได้ กล่าวคือ ยิ่งขนาดหน้าจอของอุปกรณ์เล็กลง ภาพบนเว็บไซต์ก็จะยิ่งเล็กลง ลองจับมุมของเบราว์เซอร์ด้วยเมาส์และทำให้เล็กลง ..
ตอนนี้เว็บมาสเตอร์บางคนอาจมีปัญหาที่แตกต่างกัน: ถ้า Google มีพฤติกรรมเช่นนี้ด้วยภาพขนาดย่อ ขนาดใหญ่ซึ่งหมายความว่าด้วยภาพประกอบของบทความสถานการณ์จะเหมือนเดิมและสิ่งนี้สำคัญกว่า หน้าแรก... ในการทำเช่นนี้ คุณต้องทำให้รูปภาพสามารถปรับได้สำหรับทั้งไซต์ โดยใช้วิธีการเรียกใช้ js-script แต่นั่นไม่ใช่ทั้งหมด โฟลเดอร์แคชและกฎสำหรับการบันทึกรูปภาพจะต้องทำซ้ำใน .htaccess

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

เหตุใด Googlebot จึงเห็นว่าบล็อกไม่ได้รับการปรับให้เหมาะกับอุปกรณ์เคลื่อนที่

เนื่องจากมีข้อจำกัดที่ไม่จำเป็นมากมายใน robots.txt

มีข้อ จำกัด เพียงอย่างเดียวในไฟล์ robots.txt เสมือนของ WordPress ที่สร้างขึ้นโดยอัตโนมัติ:

ไม่อนุญาต: / wp-admin

และนี่คือสิ่งที่ Google เขียนเกี่ยวกับสาเหตุที่ผู้สร้าง WordPress สร้าง robots.txt แบบนี้โดยค่าเริ่มต้น:

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

User-agent: * Disallow: / wp-admin Disallow: / wp-includes Disallow: / wp-content / plugins Host: Your_site แผนผังเว็บไซต์: http: // Your_site / sitemap_index.xml (แผนผังเว็บไซต์โดย WordPress SEO โดย Yoast) User -agent : Googlebot-Image Allow: / wp-content / uploads / User-agent: YandexImages Allow: / wp-content / uploads /

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

เราสามารถเห็นความประหลาดใจดังกล่าวในรูปแบบของอัลกอริธึมที่เหมาะกับอุปกรณ์พกพาตั้งแต่วันที่ 21 เมษายน 2558 Google "ทำลาย" เรา)) คุณอาศัยอยู่อย่างสงบสุขหรือไม่? นี่คือแพนด้าสำหรับคุณ! น้อย? มีเพนกวินด้วย! ส่งออกไป? รับที่เหมาะกับมือถือ!

เอาท์พุต

ตัดสินใจว่าจะทำอย่างไรกับข้อมูลนี้ ไม่ว่าจะเปลี่ยนไปใช้การออกแบบที่ตอบสนองหรือไม่นั้นเป็นเรื่องส่วนตัวสำหรับผู้ดูแลเว็บทุกคน แต่กฎใหม่เหล่านี้มีผลบังคับใช้แล้ว

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

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

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

ในตอนแรก Google ทำเครื่องหมายไซต์ในตัวอย่างข้อมูลซึ่งจะแสดงอย่างถูกต้องบนโทรศัพท์มือถือ

นอกจากนี้ Google ได้สร้างเครื่องมือเพื่อช่วยผู้ดูแลเว็บในการตรวจสอบความถูกต้องของการแสดงเว็บไซต์บนอุปกรณ์มือถือ:
https://www.google.com/webmasters/tools/mobile-friendly/

เมื่อวันที่ 21 เมษายน Google ได้เปิดตัวอัลกอริธึมใหม่ที่เรียกว่า Mobilegeddon in the West ตอนนี้ผ่านการทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่ได้สำเร็จเป็นหนึ่งในปัจจัย SEO ที่ Google พิจารณา จนถึงตอนนี้ ยังไม่มีการเปลี่ยนแปลงที่สำคัญใน SERP แต่คุณสามารถเตรียมตัวได้เลย

คุณจะทำให้ไซต์ของคุณตอบสนองต่อ Google ได้อย่างไร ความลับนั้นง่ายมาก คุณต้องตั้งค่างานสำหรับโปรแกรมเมอร์/ผู้ออกแบบเลย์เอาต์ของคุณ ถ้าไม่มีเวลารอก็ ... คุณสามารถใช้ MobileCheat 🙂

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

วิธีเลี่ยงการทดสอบ Google ด้วย MobileCheat

มีเพียงสองสิ่งที่ต้องทำ:

1. เพิ่มเมตาแท็กวิวพอร์ตลงในโค้ด

2. ปิดโรบ็อตเข้าถึงไฟล์ CSS หรือโฟลเดอร์ที่ไฟล์เหล่านั้นอยู่ผ่าน robots.txt

ตัวอย่างเช่น นี่คือวิธีที่บล็อกของฉันผ่านการทดสอบเริ่มต้น:

เมื่อปิด CSS รูปภาพจะเปลี่ยน:

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

คุณคิดอย่างไรเกี่ยวกับเรื่องนี้? Google จะนับสิ่งนี้เป็นการตอบโต้กับอัศวินหรือคิดทุกอย่างไว้ล่วงหน้าแล้วจะตรวจสอบและรุกฆาตเว็บไซต์ทันทีหรือไม่? 🙂