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

มีเรื่องแบบนี้ Google เร็วๆ นี้ (ตามข่าวลือ - ตั้งแต่วันที่ 21 เมษายน 2558) เริ่มจัดอันดับเว็บไซต์ที่แย่มากที่ไม่ผ่านการตรวจสอบใน Google Webmasters เพื่อให้ง่ายต่อการดู อุปกรณ์มือถือโอ้.

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

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

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

ก่อน	หลังจาก

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

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

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

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

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

เวอร์ชันไซต์ไม่ได้เป็นเพียงสิ่งล่อใจที่เป็นไปได้ของนักพัฒนา รายการเพิ่มเติมของค่าใช้จ่าย (หรือรายได้ หากเราพูดถึงผู้รับเหมา) และการแสดงความกังวลสำหรับผู้เยี่ยมชมแหล่งข้อมูล ตามแถลงการณ์ล่าสุดจากตัวแทนของ 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 หรือ Mobile Checker ของ W3C ก็กำลังประเมินการปรับไซต์ให้เหมาะสมสำหรับอุปกรณ์มือถือด้วยเช่นกัน

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

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

สวัสดีเพื่อนรัก!

อุปกรณ์พกพาได้ครองโลก วันนี้พวกเขาไม่ได้ไปหาขนมปังโดยไม่มีโทรศัพท์ด้วยซ้ำ

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

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

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

พวกเขาทั้งหมดทำงานบนหลักการเดียวกันเกือบทั้งหมด:

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

มีบริการที่สามารถทดสอบไซต์ของคุณทางออนไลน์ได้

ทางเลือกเช่นเคยเป็นของคุณ!

ไม่คิดเงิน

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

ผู้รับผิดชอบ... ขอบคุณแอปพลิเคชันนี้ คุณสามารถดูลักษณะของไซต์บน Kindle, iPad, Android, iPhone ได้อย่างง่ายดาย

ส่องไอแพด... หนึ่งในความนิยมมากที่สุด เครื่องมือฟรีการทดสอบซึ่งคุณสามารถดูการแสดงผลของเว็บไซต์ของคุณเองบน iPhone และ iPad

Opera Mini Simulator... Opera emulator มีฐานข้อมูลขนาดใหญ่มาก อุปกรณ์พกพา... ข้อเสียเปรียบเพียงอย่างเดียวของมันคือการขาดโหมดออนไลน์ นั่นคือ ในการทดสอบทรัพยากรของคุณ คุณจะต้องดาวน์โหลดและติดตั้งซอฟต์แวร์ที่จำเป็น

โกเมซ... ประเมินความเข้ากันได้ของทรัพยากรของคุณกับอุปกรณ์เคลื่อนที่ด้วยพารามิเตอร์ 30 ตัว ซึ่งช่วยให้คุณได้รับการประเมินที่สมบูรณ์ที่สุด สำหรับการใช้งานฟรี คุณต้องป้อนข้อมูลติดต่อของคุณ

MobiReady... เครื่องมือทดสอบที่ยอดเยี่ยมที่วัดการตอบสนองของการออกแบบ การตรวจสอบเป็นไปตามมาตรฐาน W3C (World Wide Web Consortium) ที่ดีที่สุด

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

จ่าย

การทดสอบข้ามเบราว์เซอร์... ตรวจสอบเบราว์เซอร์ต่างๆ 130 ตัวและระบบปฏิบัติการ 25 ระบบ ได้แก่ Blackberry, Android, iPad, iPhone หากต้องการใช้งาน คุณจะต้องจ่าย $ 29.95 ต่อเดือน

BrowserStack... ให้การเข้าถึงฐานข้อมูลขนาดใหญ่อย่างรวดเร็ว มีค่าใช้จ่ายสูงถึง $ 19 เป็นเวลาหนึ่งเดือน แต่ยังมีรุ่นฟรีอีกด้วย

เรียกดู... ออกแบบมาเพื่อลบออกจาก Android, iPad, iPhone คุณจะต้องจ่าย $ 1 สำหรับห้าภาพหน้าจอ

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

โปรแกรมดูหลายเบราว์เซอร์... แอปพลิเคชั่นข้ามเบราว์เซอร์ที่มีอีมูเลเตอร์มือถือและเบราว์เซอร์สำหรับการทดสอบในทุกรูปแบบ มีค่าใช้จ่ายสูงถึง $ 140 และยังมีรุ่นสาธิตฟรีอีกด้วย

อุปกรณ์ทุกที่... เครื่องมือที่ยอดเยี่ยมที่ทำให้สามารถตรวจสอบเนื้อหาเว็บได้ตรงจุดโดยการทดสอบทรัพยากรแบบเรียลไทม์ สามารถจ่ายได้ ($ 100 ต่อเดือน) หรือฟรี

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

รุ่นมือถือสำหรับเครื่องมือค้นหา

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

คุณสามารถตรวจสอบการปรับรุ่นมือถือสำหรับ Google ได้โดยใช้บริการ Mobile Friendly ฉันได้กล่าวถึงในรายการเครื่องมือฟรีแล้ว

และสำหรับยานเดกซ์ก็มีเครื่องมือที่คล้ายกันในสำนักงานของเว็บมาสเตอร์เวอร์ชันทดสอบในปัจจุบัน (https://beta.webmaster.yandex.ru/)

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

ขอแสดงความนับถือ! อับดุลลิน รุสลัน

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

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

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

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

ตรวจสอบคุณภาพของเลย์เอาต์มือถือโดยใช้ Google Chrome

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

หน้าจะถูกแปลงเป็นโหมดการสลับอุปกรณ์ ซึ่งคุณสามารถเลือกหนึ่งในอุปกรณ์เคลื่อนที่ยอดนิยม ประเภทเครือข่าย (GPRS, 2G, 3G, 4G เป็นต้น) โดยระบุพารามิเตอร์การแสดงผลที่เข้มงวด สิ่งนี้ทำให้คุณสามารถจำลองการทำงานของไซต์บนอุปกรณ์มือถือเฉพาะได้ ท่ามกลาง อุปกรณ์ที่ใช้ได้รวมถึง iPad เวอร์ชันต่างๆ ไอแพดมินิ, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, ซัมซุงกาแล็กซีและอุปกรณ์ยอดนิยมอื่นๆ

โดยการเลือกอุปกรณ์เฉพาะ คุณสามารถตรวจสอบไซต์บนอุปกรณ์เคลื่อนที่ได้ ตัวอย่างเช่น การแสดง หน้าแรกไซต์ "Nubex" บน iPad 3:

และใน Samsung Galaxy S4:

ที่นี่คุณไม่เพียงแต่สามารถเห็นการแสดงผลของไซต์บนอุปกรณ์ใดอุปกรณ์หนึ่งเท่านั้น แต่ยังทำงานได้อย่างสมบูรณ์กับไซต์ ราวกับว่ามีแกดเจ็ตที่จำเป็นอยู่ตรงหน้าคุณ ไม่ต้องสงสัยเลยว่าเครื่องมือนี้ไม่สามารถถูกแทนที่ได้เมื่อพัฒนาไซต์เวอร์ชันมือถือ แต่วิธีที่ไซต์ของคุณจะแสดงบนอุปกรณ์จริง - คุณต้องตรวจสอบอุปกรณ์จริง นี่เป็นสิ่งสำคัญอย่างยิ่งหากคุณต้องการตรวจสอบการแสดงผลของไซต์ในเบราว์เซอร์ "ดั้งเดิม" (Safari - สำหรับ iPad / iPhone, IE - สำหรับ Windows Phoneเป็นต้น)

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

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

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

# 1 PageSpeed Insights

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

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

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

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

# 2 Testmysite.Withgoogle

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

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

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

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

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

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