สำหรับหุ่น 

การตรวจสอบข้อมูลเพื่อความถูกต้อง

สวัสดีเพื่อนรัก! ดีใจที่ได้พบคุณในบล็อกของฉัน! วันนี้เราจะมาพูดถึง ความถูกต้องของ HTMLบนเว็บไซต์โดยรวมและแต่ละหน้า ความถูกต้องคือการปฏิบัติตามรหัสกับมาตรฐานบางอย่าง World Wide Web Consortium (W3C) ซึ่งเป็นชุมชนระหว่างประเทศขององค์กร พนักงาน และสาธารณะ ทำงานเพื่อพัฒนามาตรฐานเว็บ

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

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

น่าเสียดายที่บริการนี้เป็นภาษาอังกฤษทั้งหมด แต่ถ้าคุณรู้เพียงเล็กน้อยเกี่ยวกับการพัฒนาและเลย์เอาต์ คุณจะเข้าใจสาระสำคัญและข้อความของมันอย่างแน่นอน 😉

ดังนั้นในหน้าหลักจะมีสามแท็บ:

  1. ตรวจสอบโดย URI - ตรวจสอบ URL ที่ระบุ
  2. ตรวจสอบโดยการอัพโหลดไฟล์ - ตรวจสอบไฟล์ที่อัพโหลด
  3. ตรวจสอบโดยการป้อนข้อมูลโดยตรง - การตรวจสอบโดยการป้อนข้อมูลโดยตรงของซอร์สโค้ด

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

  • การเข้ารหัสอักขระ - การเข้ารหัสอักขระ WordPress ใช้ UTF-8 แต่คุณสามารถปล่อยให้ค่าเริ่มต้น “ตรวจจับโดยอัตโนมัติ” เพื่อตรวจจับการเข้ารหัสโดยอัตโนมัติ
  • ประเภทเอกสาร - ประเภทเอกสาร (HTML, XHTML, SVG ฯลฯ) เลือกช่องทำเครื่องหมายเฉพาะในกรณีที่หายไป หากไม่ได้ระบุประเภทเอกสารบนหน้าและจำเป็นต้องระบุด้วยตนเองเพื่อการตรวจสอบ
  • แสดงรายการข้อความตามลำดับ - แสดงข้อผิดพลาดและคำเตือนในรายการตามลำดับ
  • ข้อความแสดงข้อผิดพลาดแบบกลุ่มตามประเภท - ข้อผิดพลาดแบบกลุ่มและคำเตือนตามประเภท
  • แสดงแหล่งที่มา - แสดงซอร์สโค้ด
  • Show Outline - แสดงโครงสร้างของเอกสาร
  • ทำความสะอาดมาร์กอัปด้วย HTML Tidy - ทำความสะอาดมาร์กอัปโดยใช้ HTML-Tidy
  • ตรวจสอบหน้าข้อผิดพลาด - ตรวจสอบหน้าที่มีข้อผิดพลาด เช่น มีข้อผิดพลาด 404
  • เอาต์พุตแบบละเอียด - เอาต์พุตแบบละเอียด พูดตามตรง ฉันไม่ได้สังเกตเห็นความแตกต่างเมื่อเปิดใช้งานตัวเลือกนี้ หากคุณรู้ว่ามันทำอะไร แบ่งปันในความคิดเห็น ฉันจะขอบคุณมาก

เมื่อตั้งค่าทั้งหมดแล้ว ให้คลิกปุ่มตรวจสอบเพื่อเริ่มเครื่องมือตรวจสอบ HTML หากเอกสารไม่มีข้อผิดพลาด ข้อความต่อไปนี้จะปรากฏขึ้น:

การตรวจสอบเอกสารเสร็จสิ้น ไม่มีข้อผิดพลาดหรือคำเตือนที่จะแสดง

แปลเป็นภาษารัสเซียหมายความว่า: “การตรวจสอบเอกสารเสร็จสมบูรณ์แล้ว ไม่พบข้อผิดพลาดหรือคำเตือน" ยอดเยี่ยม!

หากเอกสารไม่ผ่านการตรวจสอบ เราจะเห็นข้อความง่ายๆ เกี่ยวกับการเสร็จสมบูรณ์:

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

ภาพหน้าจอด้านล่างแสดงส่วนของการตรวจสอบหน้าหลักของยานเดกซ์ เห็นสิ่งนี้แปลกฉันไม่ได้คาดหวังด้วยซ้ำเพราะยานเดกซ์เองก็มีส่วนร่วมในการพัฒนามาตรฐาน W3C... เอาล่ะ เป็นการยากที่จะปฏิบัติตามมาตรฐานทั้งหมดอย่างแน่นอนโดยเฉพาะอย่างยิ่งสำหรับพอร์ทัลขนาดใหญ่เช่นนี้ .

ในช่วงเริ่มต้นของการเดินทาง บล็อกของผู้ดูแลเว็บฟรีมีข้อผิดพลาดและคำเตือนมากมาย ขณะที่ฉันศึกษา ฉันสามารถลดจำนวนพวกมันได้ และเมื่อเวลาผ่านไป ฉันก็กำจัดพวกมันออกไปโดยสิ้นเชิง จากนี้ไปฉันจะปฏิบัติตามมาตรฐาน W3C แม้ว่าปลั๊กอินบางตัวจะเพิ่มขี้ผึ้งลงในครีม... เวลาจะบอกเอง!

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

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

หากคุณมีเว็บไซต์หรือบล็อกของคุณเอง คุณอาจเขียนบทความที่ไม่ซ้ำใคร โปรโมตเว็บไซต์ในเครื่องมือค้นหา ฯลฯ แต่คุณเคยคิดถึงซอร์สโค้ดของเว็บไซต์ของคุณบ้างไหม? สิ่งนี้สำคัญมากเช่นกัน เนื่องจากเสิร์ชเอ็นจิ้นจะเห็นซอร์สโค้ดของหน้าและแยกข้อความบทความและองค์ประกอบทรัพยากรอื่น ๆ ออกมา หากซอร์สโค้ดไม่ถูกต้องและไม่เป็นไปตามมาตรฐาน โรบ็อตจะประเมินคุณภาพของข้อความได้อย่างถูกต้องและ เช่น การนำทางไซต์ เป็นต้น
ดังนั้น, ความถูกต้องของรหัส- นี่คือการปฏิบัติตามซอร์สโค้ดของไซต์ด้วยบรรทัดฐานและกฎที่อธิบายโดย World Wide Web Consociatium หรือเรียกสั้น ๆ ว่า W3C หากต้องการตรวจสอบบล็อกของคุณว่าเป็นไปตามมาตรฐานเหล่านี้หรือไม่ คุณต้องไปที่ลิงก์: validator.w3.org ป้อนที่อยู่ที่ต้องการและดูผลลัพธ์

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

ก่อนอื่นฉันจะบอกว่ามีข้อผิดพลาด 12 ข้อ แต่มี 10 ข้อที่เกี่ยวข้องกับแท็กเดียวกันคือ

Rel = "แท็กหมวดหมู่"

เมื่อพิมพ์แท็กนี้ลงใน Google ฉันพบว่าไม่มีความหวังสำหรับไซต์ภาษารัสเซียเนื่องจากไม่มีการกล่าวถึงแท็กนี้ใน RuNet แม้แต่ครั้งเดียว ไม่มีปัญหา เราจะค้นหาเป็นภาษาอังกฤษ เนื่องจากไม่มีอะไรซับซ้อนเกี่ยวกับเรื่องนี้ หลังจากอ่านหัวข้อใน wordpress.org ฉันจึงรู้ว่าไม่ใช่ฉันคนเดียว ทนทุกข์ทรมานจากแท็กนี้ ในไซต์ชนชั้นกลางแห่งหนึ่ง ฉันพบวิธีการแก้ไข หากใครต้องการ เราจะวางโค้ดนี้ลงในไฟล์ function.php:

Add_filter("the_category", "add_nofollow_cat"); ฟังก์ชั่น add_nofollow_cat($text) ( $text = str_replace("rel="category tag"", "", $text); return $text; )

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

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

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

การตรวจสอบความถูกต้องของโค้ด HTML ของเว็บไซต์นั้นจำเป็นต้องรวมอยู่ในไฟล์ . แต่ไม่จำเป็นต้องประเมินค่าสูงไปถึงความสำคัญของข้อผิดพลาดในการตรวจสอบความถูกต้องในการโปรโมต SEO - มันมีขนาดเล็กมาก สำหรับหัวข้อใด ๆ ใน TOP จะมีไซต์ที่มีข้อผิดพลาดดังกล่าวจำนวนมากและไซต์เหล่านั้นก็ใช้งานได้ดี

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

วิธีตรวจสอบความถูกต้องของโค้ด HTML บนไซต์

รหัสไซต์ได้รับการตรวจสอบโดยใช้บริการออนไลน์ W3C HTML Validator หากมีข้อผิดพลาด บริการจะแสดงรายการให้คุณ ตอนนี้ฉันจะวิเคราะห์ประเภทข้อผิดพลาดที่พบบ่อยที่สุดที่ฉันพบบนไซต์

  • ข้อผิดพลาด: ID ซ้ำ min_value_62222

และเบื้องหลังข้อผิดพลาดนี้มีคำเตือนอยู่

  • คำเตือน: การเกิดขึ้นครั้งแรกของ ID min_value_62222 อยู่ที่นี่

ซึ่งหมายความว่า ID ตัวระบุรูปแบบซ้ำกัน ซึ่งตามกฎความถูกต้องของ HTML จะต้องไม่ซ้ำกัน แทนที่จะเป็น ID คุณสามารถใช้ CLASS สำหรับวัตถุที่ซ้ำกัน

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

ในทำนองเดียวกัน อาจมีตัวเลือกอื่น:

  • ข้อผิดพลาด: ID placeWorkTimes ซ้ำกัน
  • ข้อผิดพลาด: ID callbackCss-css ซ้ำกัน
  • ข้อผิดพลาด: ID ซ้ำ Capa_1

ต่อไปนี้เป็นคำเตือนที่พบบ่อยมาก

  • คำเตือน: แอตทริบิวต์ type ไม่จำเป็นสำหรับทรัพยากร JavaScript

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

คำเตือนที่คล้ายกันสำหรับสไตล์:

  • คำเตือน: ไม่จำเป็นต้องใช้แอตทริบิวต์ type สำหรับองค์ประกอบสไตล์และควรละเว้น

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

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

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

ฉันถือว่าคำเตือนนี้เป็นสิ่งที่ไม่พึงประสงค์อย่างมาก ไม่สะดวกสำหรับผู้ใช้ และเป็นลบด้านพฤติกรรม กำจัดออกโดยการลบองค์ประกอบเหล่านี้ - maximum-scale=1.0 และ user-scalable=no

  • ข้อผิดพลาด: มีการระบุแอตทริบิวต์ itemprop แต่องค์ประกอบไม่ใช่คุณสมบัติของรายการใดๆ

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

  • คำเตือน: เอกสารไม่ควรใช้ about:legacy-compat ยกเว้นในกรณีที่สร้างโดยระบบเดิมที่ไม่สามารถส่งออกประเภทเอกสารมาตรฐานได้

บรรทัด about:legacy-compat จำเป็นสำหรับตัวสร้าง html เท่านั้น ที่นี่คุณเพียงแค่ต้องทำ แต่ข้อผิดพลาดนั้นไม่สำคัญเลย

  • ข้อผิดพลาด: แหล่งที่มาของแท็กสิ้นสุดที่หลงทาง

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

ดังนั้น คุณจะต้องลบแท็กปิดออกจากโค้ด- เช่นเดียวกับข้อผิดพลาดนี้ แท็กอาจเกิดขึ้น

  • ข้อผิดพลาด: องค์ประกอบ img ต้องมีแอตทริบิวต์ alt ยกเว้นภายใต้เงื่อนไขบางประการ สำหรับรายละเอียด โปรดดูคำแนะนำในการจัดเตรียมข้อความทางเลือกสำหรับรูปภาพ

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

  • ข้อผิดพลาด: องค์ประกอบ ol ไม่ได้รับอนุญาตให้เป็นลูกขององค์ประกอบ ul ในบริบทนี้ (ระงับข้อผิดพลาดเพิ่มเติมจากแผนผังย่อยนี้)

การซ้อนแท็กไม่ถูกต้องที่นี่ ใน

    ควรมีเท่านั้น
  • - ในตัวอย่างนี้ องค์ประกอบเหล่านี้ไม่จำเป็นเลย

    ในทำนองเดียวกัน อาจมีข้อผิดพลาดอื่นๆ เช่นนี้:

    • ไม่อนุญาตให้องค์ประกอบ h2 เป็นลูกขององค์ประกอบ ul ในบริบทนี้
    • องค์ประกอบ a ไม่ได้รับอนุญาตให้เป็นลูกขององค์ประกอบ ul ในบริบทนี้
    • ไม่อนุญาตให้องค์ประกอบ noindex เป็นองค์ประกอบลูกขององค์ประกอบ li ในบริบทนี้
    • ไม่อนุญาตให้องค์ประกอบ div เป็นลูกขององค์ประกอบ ul ในบริบทนี้

    ทั้งหมดนี้ต้องได้รับการแก้ไข

    • ข้อผิดพลาด: ไม่อนุญาตให้ใช้แอตทริบิวต์ http-equiv ในเมตาองค์ประกอบ ณ จุดนี้

    แอตทริบิวต์ http-equiv ไม่ได้มีไว้สำหรับองค์ประกอบ meta แต่จำเป็นต้องลบหรือเปลี่ยนใหม่

    ข้อผิดพลาดที่คล้ายกัน:

    • ข้อผิดพลาด: ไม่อนุญาตให้ใช้แอตทริบิวต์ n2-lightbox บนองค์ประกอบ a ณ จุดนี้
    • ข้อผิดพลาด: ไม่อนุญาตให้ใช้แอตทริบิวต์ asyncsrc บนสคริปต์องค์ประกอบ ณ จุดนี้
    • ข้อผิดพลาด: ไม่อนุญาตให้ใช้ราคาแอตทริบิวต์ในตัวเลือกองค์ประกอบ ณ จุดนี้
    • ข้อผิดพลาด: ไม่อนุญาตให้ใช้แฮชสตริงแอตทริบิวต์ในช่วงองค์ประกอบ ณ จุดนี้

    ที่นี่คุณยังต้องลบแอตทริบิวต์ n2-lightbox, asyncsrc, price, hashstring หรือแทนที่ด้วยตัวเลือกอื่น ๆ

    • ข้อผิดพลาด: แท็กเริ่มต้นไม่ถูกต้องใน img ใน head

    หรือเช่นนี้:

    • ข้อผิดพลาด: แท็กเริ่มต้นไม่ถูกต้องใน div in head

    ไม่ควรใส่แท็ก img และ div - ข้อผิดพลาดนี้จำเป็นต้องได้รับการแก้ไข

    • ข้อผิดพลาด: CSS: ข้อผิดพลาดในการแยกวิเคราะห์

    ในกรณีนี้ ไม่ควรมีเครื่องหมายอัฒภาคหลังเครื่องหมายวงเล็บในสไตล์

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

    • คำเตือน: แอตทริบิวต์ชุดอักขระในองค์ประกอบสคริปต์ล้าสมัย

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

    • ข้อผิดพลาด: สคริปต์องค์ประกอบต้องไม่มีชุดอักขระของแอตทริบิวต์ เว้นแต่จะระบุแอตทริบิวต์ src ด้วย

    ในข้อผิดพลาดนี้ คุณต้องลบแอตทริบิวต์ charset="uft-8" ออกจากสคริปต์ เนื่องจากจะแสดงการเข้ารหัสนอกสคริปต์ ฉันคิดว่าข้อผิดพลาดนี้จำเป็นต้องได้รับการแก้ไข

    • คำเตือน: หัวข้อว่างเปล่า

    นี่คือส่วนหัว h1 ว่างเปล่า ต้องลบแท็กออก

    หรือใส่ชื่อระหว่างพวกเขา ข้อผิดพลาดเป็นสิ่งสำคัญ

    • ข้อผิดพลาด: ปิดแท็ก br

    แท็ก br เป็นแบบเดี่ยว แต่ทำราวกับว่ากำลังปิดคู่ เราจำเป็นต้องลบ / ออกจากแท็ก

    • ข้อผิดพลาด: การอ้างอิงอักขระที่มีชื่อไม่สิ้นสุดด้วยเครื่องหมายอัฒภาค (หรือ & ควรหนีเป็น &.)

    เหล่านี้เป็นอักขระ HTML พิเศษ คุณต้องเขียนให้ถูกต้องหรือ © ดีกว่าที่จะแก้ไขข้อผิดพลาดนี้

    • ข้อผิดพลาดร้ายแรง: ไม่สามารถกู้คืนได้หลังจากข้อผิดพลาดครั้งล่าสุด ข้อผิดพลาดใดๆ เพิ่มเติมจะถูกละเว้น

    นี่เป็นข้อผิดพลาดร้ายแรง:

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

    • ข้อผิดพลาด: CSS: ขวา: มีเพียง 0 เท่านั้นที่สามารถเป็นหน่วยได้ คุณต้องใส่หน่วยหลังหมายเลขของคุณ

    คุณต้องเขียนค่าเป็น px:

    นี่เป็นข้อผิดพลาดที่คล้ายกัน:

    • ข้อผิดพลาด: CSS: Margin-top: มีเพียง 0 เท่านั้นที่สามารถเป็นหน่วยได้ คุณต้องใส่หน่วยหลังหมายเลขของคุณ
    • ข้อผิดพลาด: องค์ประกอบที่ไม่ปิด a

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

    1. เช็คลิงค์
    ตรวจสอบไซต์หรือเพจว่ามีลิงก์เสียหรือไม่

    2. ตัวตรวจสอบ URL
    ตรวจสอบความพร้อมของเว็บไซต์ในส่วนต่างๆ ของโลก

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

    4. ยูนิคอร์น
    การทดสอบหลายครั้งสำหรับไซต์ โดยเฉพาะ HTML 1.0 และการตรวจสอบความถูกต้องของฟีด

    5. เครื่องมือตรวจสอบ CSS
    การตรวจสอบเอกสาร Cascading Style Sheets (CSS) และ (X)HTML

    6. เครื่องมือตรวจสอบฟีด RSS
    ตรวจสอบไวยากรณ์ของฟีด RSS

    7. การเข้าถึงอย่างมีสไตล์
    ทดสอบไซต์ว่าสอดคล้องกับมาตรฐาน WCAG 1.0

    8. ความคมชัดของสี
    ตรวจสอบคอนทราสต์ของสีระหว่างองค์ประกอบด้านหน้าและด้านหลังของไซต์

    9. เครื่องมือตรวจสอบ WDG HTML
    เครื่องมือตรวจสอบหน้าเว็บ HTML

    10.ดร. การตรวจสอบความถูกต้องของไซต์วัตสัน
    การตรวจสอบเว็บไซต์ที่ครอบคลุมในหลายด้าน: HTML, ลิงก์, ลิงก์รูปภาพ, ความเร็วในการโหลด, SEO

    11. ตัวตรวจสอบหุ่นยนต์
    บริการตรวจสอบไฟล์ robots.txt

    12. ส่วนขยาย Firebug Firefox
    ส่วนขยายสำหรับ Firefox พร้อมชุดเครื่องมือทดสอบ

    13. ผลกระทบต่อโหลด
    การทดสอบไซต์ภายใต้สภาวะที่รุนแรงของการโหลดที่เพิ่มขึ้นบนไซต์

    14.ตัวตรวจสอบการเข้าถึง
    อีกหนึ่งบริการทดสอบเว็บไซต์ให้เป็นไปตามมาตรฐาน

    15. Viewlike.us - บริการใช้งานไม่ได้
    แสดงให้เห็นว่าไซต์มีลักษณะอย่างไรด้วยความละเอียดหน้าจอที่แตกต่างกัน

    ตรวจสอบโค้ด html ที่ระบุโดยใช้ลิงก์ไปยังหน้า หรือเพียงในรูปแบบของไฟล์ที่อัปโหลดหรือข้อความที่คัดลอก จัดทำรายการความคิดเห็นพร้อมคำแนะนำในการแก้ไข
    http://validator.w3.org/

    การตรวจสอบ CSS (เครื่องมือตรวจสอบ CSS)

    ตรวจสอบสไตล์เอกสารหรือสไตล์ชีตที่อยู่ในไฟล์แยกต่างหาก
    http://jigsaw.w3.org/css-validator/

    ตรวจสอบฟีด RSS และ Atom

    ตรวจสอบว่าฟีด RSS และ Atom ทำงานอย่างถูกต้อง
    http://validator.w3.org/feed/

    ตรวจสอบการสะกดบนหน้าเว็บ

    เน้นข้อผิดพลาดในหน้า URL ที่กำหนด
    http://webmaster.yandex.ru/spellcheck.xml

    แสดงข้อผิดพลาดในข้อความที่คัดลอกไปยังหน้าต่างการยืนยัน
    http://api.yandex.ru/speller/

    การตรวจสอบโครงสร้างหน้าเว็บ

    แสดงโครงสร้างของเว็บเพจ เกี่ยวข้องกับการตรวจสอบเอกสาร HTML5
    ตัวอักษรซีริลลิกแสดงไม่ถูกต้อง (:.

    http://gsnedders.html5.org/outliner/

    การตรวจสอบเนื้อหาเพื่อความเป็นเอกลักษณ์
    เวอร์ชันฟรีแสดงได้สูงสุด 10 หน้าบนอินเทอร์เน็ตพร้อมข้อความบางส่วนที่ตรงกับหน้าของคุณ

    http://www.copyscape.com
    ตรวจสอบความเป็นเอกลักษณ์ของข้อความที่ป้อนลงในแบบฟอร์ม ในเวอร์ชันฟรี คุณสามารถรอผลลัพธ์ได้

    http://www.miratools.ru/Promo.aspx
    ตรวจสอบความเป็นเอกลักษณ์ของทั้งข้อความที่ป้อนและข้อความที่ URL ที่กำหนด แสดงระดับความเป็นเอกลักษณ์เป็นเปอร์เซ็นต์

    โปรแกรมเดสก์ท็อปสำหรับตรวจสอบความเป็นเอกลักษณ์ของเนื้อหาจากการแลกเปลี่ยนการเขียนคำโฆษณา พวกเขาทำงานมาเป็นเวลานาน แต่มีคุณภาพสูง Etxt มีเวอร์ชันสำหรับระบบปฏิบัติการสามระบบ: Mac, Linux และ Windows
    http://advego.ru/plagiatus/
    http://www.etxt.ru/antiplagiat/

    แสดงไซต์ที่มีเนื้อหาคล้ายกันและมีโครงสร้างภายในคล้ายกัน
    http://similarsites.com

    ตรวจสอบ cms ของเว็บไซต์

    ตรวจสอบสัญญาณของซ.ม.ที่มีชื่อเสียงที่สุด
    http://2ip.ru/cms/

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

    กำลังตรวจสอบการเข้าถึงจากอุปกรณ์มือถือ

    ประเมินความสามารถในการดูเพจจากอุปกรณ์มือถือและแสดงรายการความคิดเห็นและข้อผิดพลาด
    http://validator.w3.org/mobile/

    ตรวจสอบการใช้งานเว็บไซต์สำหรับโทรศัพท์ Google
    https://www.google.com/webmasters/tools/mobile-friendly/

    แสดงความเร็วในการโหลดไซต์บนอุปกรณ์มือถือ
    https://testmysite.withgoogle.com/intl/ru-ru

    ไซต์นี้เป็นโปรแกรมจำลองสำหรับการออกจากระบบโทรศัพท์มือถือ แสดงเว็บไซต์ผ่านสายตาของรุ่นที่เลือก
    http://www.mobilephoneemulator.com/

    การตรวจสอบการเข้าถึงสำหรับคนพิการ

    บริการตรวจสอบเพจสำหรับผู้พิการทางสายตา พร้อมใช้งานออนไลน์และเป็นปลั๊กอินสำหรับ Firefox
    http://wave.webaim.org/

    การดูเนื้อหาไซต์ผ่านสายตาของโรบ็อตการค้นหา

    แสดงข้อความไซต์ใกล้กับสิ่งที่ตัวสร้างดัชนีการค้นหาเห็น
    http://www.seo-browser.com/

    การกระจายเบราว์เซอร์ข้อความ Lynx สำหรับระบบ win32 ก่อนใช้งานคุณต้องแก้ไข lynx.bat โดยระบุเส้นทางไปยังไดเร็กทอรีด้วย lynx
    http://www.fdisk.com/doslynx/lynxport.htm

    ลบมาร์กอัปทั้งหมดและแสดงข้อความหน้า เมตาแท็กและแท็กชื่อ จำนวนลิงก์ภายนอกและภายใน แสดงตัวอย่างหน้าเว็บใน Google
    http://www.browseo.net

    ตรวจสอบโครงสร้างลิงค์ของเว็บไซต์

    การตรวจสอบลิงก์ที่เสียหาย

    แสดงรายการลิงก์ขาออกสำหรับ URL และตรวจสอบการตอบสนอง สามารถตรวจสอบซ้ำได้ กล่าวคือ ย้ายจากเอกสารหนึ่งไปยังอีกเอกสารหนึ่งโดยอิสระ
    http://validator.w3.org/checklink

    เครื่องมือฟรีแวร์สำหรับตรวจสอบลิงก์ที่เสียหาย ในการทำงานคุณต้องติดตั้งลงในคอมพิวเตอร์ของคุณ สแกนไซต์ซ้ำ สร้างรายงาน ซึ่งมีประโยชน์สำหรับการสร้างแผนผังเว็บไซต์
    http://home.snafu.de/tilman/xenulink.html

    ตรวจสอบการเชื่อมโยงและชื่อหน้า

    สแกนหน้าเว็บไซต์ได้สูงสุด 500 หน้าในเวอร์ชันฟรี ตรวจสอบจำนวนลิงค์ภายนอกและภายใน แสดงข้อมูลเกี่ยวกับหน้าที่สแกน: การซ้อน รหัสตอบกลับ ชื่อเรื่อง ข้อมูลเมตา และส่วนหัว
    http://www.screamingfrog.co.uk/seo-spider/

    ตรวจสอบโครงสร้างลิงค์และน้ำหนักของหน้าภายใน

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

    การตรวจสอบรหัสตอบกลับของเซิร์ฟเวอร์ การเปิดเผยไซต์โดยโรบ็อตการค้นหา ลักษณะทางเทคนิคของไซต์

    การตรวจสอบส่วนหัว HTTP และการตอบกลับของเซิร์ฟเวอร์ การเปิดเผยหน้าสำหรับโรบ็อต

    ตรวจสอบรหัสตอบกลับของเซิร์ฟเวอร์ คาดการณ์ความเร็วในการโหลดหน้าเว็บโดยขึ้นอยู่กับปริมาณเป็นไบต์ของข้อมูล แสดงเนื้อหาของแท็ก head html ลิงก์ภายในและภายนอกสำหรับหน้าเว็บ และเนื้อหาของหน้าเว็บผ่านสายตาของโรบ็อตการค้นหา
    http://urivalet.com/

    ตรวจสอบรหัสตอบกลับของเซิร์ฟเวอร์ ทำให้สามารถตรวจสอบการเปลี่ยนเส้นทาง (รหัสตอบกลับ 301, 302) ส่วนหัวที่แก้ไขล่าสุด ฯลฯ
    http://www.rexswain.com/httpview.html

    แสดงปริมาณและเนื้อหาของข้อมูลที่ถ่ายโอนเมื่อโหลดเพจ
    http://www.websiteoptimization.com/services/analyze/

    ตรวจสอบการเปลี่ยนเส้นทาง การใช้แอตทริบิวต์ตามรูปแบบบัญญัติ เมตาแท็ก และบางแง่มุมของความปลอดภัยของเว็บไซต์ ให้คำแนะนำในการปรับปรุงการโหลดหน้าเว็บ
    http://www.seositecheckup.com

    ตรวจสอบข้อมูลโดเมนและที่อยู่ IP

    บริการ WHOIS ของศูนย์รับจดทะเบียนโดเมนศูนย์ RU ให้ข้อมูลเกี่ยวกับที่อยู่ IP และโดเมนทั่วโลก บางครั้งก็ค้าง
    https://www.nic.ru/whois/?wi=1

    บริการ Whois จาก RosNIIROS (RIPN) ให้ข้อมูลสำหรับโดเมนในโซน RU และที่อยู่ IP จากฐานข้อมูล RIPE (ยุโรป)
    http://www.ripn.net:8080/nic/whois/

    กำหนดที่โฮสต์โดเมนและแสดงที่อยู่ IP ของไซต์ด้วย
    http://www.whoishostingthis.com

    ตรวจสอบว่าที่อยู่ IP รวมอยู่ในบัญชีดำสำหรับการส่งอีเมลหรือไม่
    http://whatismyipaddress.com/blacklist-check
    http://ru.smart-ip.net/spam-check/

    กำลังตรวจสอบระเบียน MX สำหรับโดเมน กำลังตรวจสอบเซิร์ฟเวอร์ SMTP สำหรับโดเมน การตรวจสอบ IP ในรายชื่อผู้รับจดหมาย
    https://mxtoolbox.com/

    ค้นหาฐานข้อมูลเครื่องหมายการค้าจดทะเบียนในสหรัฐอเมริกา
    http://tmsearch.uspto.gov/

    กำลังตรวจสอบไฟล์ robots.txt

    ตรวจสอบความพร้อมใช้งานของหน้าไซต์เพื่อสร้างดัชนีโดยหุ่นยนต์ Yandex
    http://webmaster.yandex.ru/robots.xml

    ตรวจสอบความถูกต้องของไฟล์ robots.txt
    https://www.websiteplanet.com/webtools/robots-txt

    การตรวจสอบสถานที่

    การตรวจสอบความพร้อมของไซต์ ช่วยให้คุณสามารถเชื่อมต่อเว็บไซต์เดียวได้ฟรีโดยมีตัวเลือกการตรวจสอบยืนยันเพียงเล็กน้อย
    http://www.siteuptime.com

    กำลังตรวจสอบความเร็วในการโหลดไซต์ ส่งรายงานทางอีเมล มีบริการชำระเงินสำหรับการตรวจสอบความพร้อมใช้งานของไซต์
    http://webo.in

    ตรวจสอบความเร็วในการโหลดหน้าเว็บไซต์
    http://www.iwebtool.com/speed_test

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

    การมองเห็นเว็บไซต์ในเครื่องมือค้นหา

    บริการที่แสดงคำหลักสำหรับเว็บไซต์ซึ่งอยู่ในผลการค้นหาของ Google 20 อันดับแรก (ยี่สิบอันดับแรก) เมื่อเวลาผ่านไป ข้อมูลเกี่ยวกับปริมาณการค้นหาและการโฆษณา
    http://www.semrush.com/

    ตำแหน่งใน TOP50 Yandex และ Google TIC ของเว็บไซต์และการประชาสัมพันธ์ของหน้าหลัก การแสดงตนในไดเร็กทอรีที่สำคัญ การมองเห็นที่ด้านบนสำหรับการสืบค้นที่มีความถี่สูง
    http://pr-cy.ru/

    การตรวจสอบการแบนและระดับความน่าเชื่อถือของไซต์

    การตรวจสอบความน่าเชื่อถือของเว็บไซต์ บริการที่อ้างว่าวัดความน่าเชื่อถือของ Yandex (ไม่มีใครสามารถตรวจสอบได้อยู่แล้ว :)
    http://xtool.ru/

    ตรวจสอบการซ้อนทับของตัวกรอง Panda และ Penguin จาก Google บริการนี้ช่วยให้คุณมองเห็นได้ว่าไซต์ขัดข้องในวันที่อัปเดต Panda และ Penguin หรือไม่
    http://feinternational.com/website-penalty-indicator/

    ตรวจสอบอันดับหน้าของหน้าเว็บไซต์ (เมื่อคัดลอก URL ลงในเครื่องมือคุณต้องลบตัวอักษรตัวสุดท้ายแล้วเขียนใหม่อีกครั้ง)
    http://www.prchecker.net/

    ตรวจสอบประวัติการพัฒนาเว็บไซต์

    แสดงประวัติการพัฒนาเว็บไซต์และทำให้สามารถดูภาพหน้าจอของหน้าเก่าได้
    http://www.archive.org/web/web.php

    ประวัติตำแหน่งเว็บไซต์ใน TOP Google (วลีสำคัญ, หน้า, ส่วนหัว), ตัวบ่งชี้ PR, TIC, อันดับของ Alexa, จำนวนลิงก์ย้อนกลับสำหรับเว็บไซต์ยอดนิยม
    http://SavedHistory.com

    ปลั๊กอิน SEO สำหรับตรวจสอบเว็บไซต์

    SEO Doctor เป็นส่วนเสริมสำหรับ Firefox แสดงลิงก์บนหน้าและให้อินเทอร์เฟซที่สะดวกสำหรับบริการ SEO ต่างๆ
    http://www.prelovac.com/vladimir/browser-addons/seo-doctor/

    SeoQuake เป็นส่วนเสริมสำหรับ Firefox แสดงลักษณะที่สำคัญที่สุดของเว็บไซต์: TIC, PR, ลิงก์ย้อนกลับ, อันดับ Alexa
    ใช้งานได้กับผลลัพธ์ของ Google และ Yandex ให้ความสามารถในการวิเคราะห์คู่แข่งได้อย่างรวดเร็ว

    http://www.seoquake.com/

    IEContextHTML เป็นส่วนเสริมสำหรับ Internet Explorer ตรวจสอบการจัดทำดัชนีลิงก์ใน Yandex และ Google แสดงรายการลิงก์ภายนอกและภายใน และอนุญาตให้คุณนำเข้าข้อมูลจากหน้าเว็บ

    การเปิดเผยไซต์ในเครื่องมือค้นหาขึ้นอยู่กับตำแหน่งของไซต์
    รายการพร็อกซีเซิร์ฟเวอร์ฟรีที่อัปเดต รวมถึงพร็อกซีเซิร์ฟเวอร์รัสเซียด้วย
    http://www.checker.freeproxy.ru/checker/last_checked_proxy.php

    http://spys.ru/proxys/ru/
    พร็อกซีฟรีที่ไม่เปิดเผยตัวตนพร้อมความสามารถในการแนะนำตัวเองจากสามประเทศ ทำงานร่วมกับการค้นหาของ Google

    โปรแกรมจำลองการค้นหาของ Google ในประเทศต่าง ๆ โดยการตั้งค่าพารามิเตอร์การค้นหา
    http://searchlatte.com/
    http://isearchfrom.com/

    ตรวจสอบตำแหน่งใน Yandex และ Google

    บริการนี้ช่วยให้สามารถตรวจสอบตำแหน่งของไซต์เชิงลึก (สูงสุด 500) ตามภูมิภาคใน Yandex

    การวิเคราะห์เครือข่ายของเว็บไซต์ การตรวจสอบลิงก์ย้อนกลับ

    การวิเคราะห์ลิงก์ย้อนกลับ

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

    http://ahrefs.com

    กำลังตรวจสอบลิงก์ย้อนกลับไปยังไซต์
    ตรวจสอบการมีอยู่ของลิงก์ย้อนกลับไปยังไซต์ในรายการ URL ที่เสนอ (สูงสุด 100 หน้า)

    http://webmasters.ru/tools/tracker

    ตรวจสอบความนิยมของเว็บไซต์บนโซเชียลมีเดีย

    PlusOneChecker
    แสดงจำนวนการถูกใจ (บวกหนึ่ง) บน Google+ คุณสามารถป้อนรายการ URL ที่จะตรวจสอบได้ทันที

    http://www.plusonechecker.net/

    Facebook กราฟ API Explorer

    จำนวนที่ใช้ร่วมกัน
    แสดงความนิยมบน Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs

    http://sharedcount.com

    โซเชียลเจ๋งๆ
    แสดงความนิยมของหน้าแรกของเว็บไซต์บน Twitter, Google+, Facebook, Delicious, StumbleUpon

    สำหรับไซต์ของรัสเซีย บางครั้งข้อมูลอาจไม่ถูกต้อง

    http://www.coolsocial.net

    ความนิยมทางสังคม
    การรวบรวมข้อมูลทางสังคม

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

    https://socialcrawlytics.com

    การตรวจสอบไซต์เพื่อหาไวรัส
    ดร.เว็บ

    ตรวจสอบ URL ที่ระบุเพื่อหารหัสที่น่าสงสัย แสดงสคริปต์ที่โหลดและผลลัพธ์ของการตรวจสอบ

    http://vms.drweb.com/online/
    รวมไวรัส

    ตรวจสอบ URL เพื่อหาไวรัสด้วยเครื่องสแกน 30 เครื่อง

    https://www.virustotal.com/#url

    

มีคำถามอะไรไหม?

ข้อความ

ส่ง

อีเมล