Kiểm tra lỗi xác thực. Tính hợp lệ của mã - nó là gì và làm thế nào để kiểm tra nó? Sử dụng Trình xác thực HTML

Thẩm định- đây là việc kiểm tra xem điều gì đó có tuân thủ các tiêu chuẩn (yêu cầu) hay không. Trong bối cảnh của quản trị viên web, xác thực trang web có nghĩa là kiểm tra mã của nó để tìm sự đúng đắn Và lỗi. Nói cách khác: không được có các thẻ hoặc cấu trúc khó hiểu và tất nhiên không được có lỗi html.

Việc xác nhận có ảnh hưởng gì?

1. Xác thực trang web chủ yếu ảnh hưởng đến cách trang web được hiển thị trong trình duyệt. Mỗi trình duyệt có cơ chế xử lý mã html riêng. Nếu có lỗi trong bố cục (và chúng hầu như luôn tồn tại), thì trình duyệt sẽ tự sửa chúng và chúng tôi thấy trang web được hiển thị ở dạng chính xác. Nhưng các trình duyệt không phải lúc nào cũng có khả năng như vậy và các quản trị viên web trước đây gặp nhiều vấn đề hơn với tính chính xác của bố cục. Xác thực chính xác ảnh hưởng trực tiếp đến khả năng tương thích giữa nhiều trình duyệt.

2. Việc xác thực cũng có thể ảnh hưởng đến độ tin cậy của trang web đối với các công cụ tìm kiếm và do đó ảnh hưởng đến vị trí của trang web. Tuy nhiên, không thể nói rằng mã HTML hợp lệ là yếu tố xếp hạng nghiêm trọng. Bố cục hợp lý chỉ là một trong nhiều yếu tố chỉ được xem xét ở những khu vực còn nhiều tranh cãi.

Nhưng đối với các công cụ tìm kiếm, mã html là tất cả những gì robot tìm kiếm nhìn thấy. Nếu có sai sót ở đó thì đơn giản là anh ta đang hiểu sai một số yếu tố, điều này đôi khi có thể nghiêm trọng. Ví dụ: nếu trang web có thẻ không chính xác

..

, (ví dụ: không có thẻ đóng). Công cụ tìm kiếm sẽ không sửa bất cứ điều gì giống như trình duyệt. Kết quả là vị trí của trang web có thể bị ảnh hưởng nặng nề do những lỗi như vậy.

Ví dụ từ cuộc sống

Tôi sẽ đưa ra một ví dụ thực tế về cách xác thực có thể có tác động xấu đến trang web của bạn theo quan điểm của cả SEO và người dùng. Ngày xửa ngày xưa, tôi đang cải tiến trang web và vô tình quên đóng một thẻ

. Sau khi kiểm tra tính chính xác của việc sửa đổi trong các trình duyệt phổ biến, tôi đã thực hiện các thay đổi đối với trang web.

Sau một thời gian, khi tôi phân tích lưu lượng truy cập qua Yandex Metrica, tôi nhận thấy rằng thời gian truy cập trung bình trong trình duyệt Internet Explorer ngắn hơn nhiều. Sau khi mở trang web thông qua trình duyệt này, tôi nhận ra điều gì đang xảy ra. Toàn bộ trang web bị sai lệch; đơn giản là không thể đọc được nội dung. Và điều này tạo ra hai vấn đề cùng một lúc. Vấn đề đầu tiên là tôi đã mất tất cả lưu lượng truy cập từ IE và vấn đề thứ hai là tôi đã làm rối tung các yếu tố hành vi.

Cách kiểm tra tính hợp lệ của mã html trên một trang web

1. Trình xác thực html trực tuyến

Có một dịch vụ miễn phí trên Internet http://validator.w3.org/. Nó kiểm tra tính hợp lệ của mã html. Chúng ta hãy xem xét kỹ hơn cách thức hoạt động của dịch vụ này.

Tôi nghĩ rằng tất cả những ai quan tâm đến việc phát triển và quảng bá trang web, bằng cách này hay cách khác, đều gặp phải khái niệm về tính hợp lệ của mã. Cụm từ này ngụ ý việc viết mã HTML của một trang web theo các tiêu chuẩn nhất định được phát triển bởi World Wide Web Consortium (W3C). Việc tuân thủ các quy tắc do tiêu chuẩn này quy định là đảm bảo khả năng tương thích giữa nhiều trình duyệt, nghĩa là hiển thị chính xác trang đã tạo trong tất cả các trình duyệt, cũng như không có lỗi ảnh hưởng đến tốc độ tải và các thông số khác.

Trong Internet hiện đại, tiêu chí về chất lượng bố cục trang web đã bắt đầu đóng một vai trò quan trọng, vì giờ đây quản trị trang web cần đảm bảo hiển thị chính xác tài nguyên không chỉ trên máy tính để bàn và máy tính xách tay mà còn trên nhiều thiết bị di động với nhiều loại khác nhau. của các nghị quyết.

Bạn có thể phát hiện mã có cấu trúc và sạch sẽ như thế nào bằng cách kiểm tra tính hợp lệ của trang web, được thực hiện thông qua trình kiểm tra đặc biệt trên tài nguyên chính thức từ W3C. Đây là trình xác thực mã HTML trực tuyến có sẵn miễn phí, có tại validator.w3.org

Với sự trợ giúp của nó, bạn có thể kiểm tra tính hợp lệ của mã HTML theo ba cách:

• Xác thực bằng URI - xác minh theo địa chỉ
• Xác thực bằng cách tải lên tệp - phân tích tệp đã tải lên
• Xác thực bằng cách nhập trực tiếp - kiểm tra một đoạn mã cụ thể.

Việc chọn phương thức cần thiết được thực hiện bằng cách chuyển sang tab thích hợp:

Hãy xem điều gì sẽ xảy ra nếu chúng ta kiểm tra tính hợp lệ của một số trang web nổi tiếng trên Runet, chẳng hạn như Habrahabr. Dán nó vào trường phân tích và nhấp vào nút “Kiểm tra”. Sau vài giây, trình xác thực W3C sẽ cho chúng ta kết quả như sau:

Một kết quả khá tốt vì việc kiểm tra hầu hết các tài nguyên sẽ tạo ra hàng chục, thậm chí hàng trăm lỗi.

Nếu bạn cuộn trang xuống một chút, bạn có thể thấy chính xác nơi người kiểm tra tìm thấy lỗi và mô tả của chúng, chỉ ra các dòng. Ngoài ra, nó mô tả chi tiết chính xác vấn đề là gì, giúp bạn dễ dàng khắc phục.

Trong mọi trường hợp, nếu tìm thấy lỗi trên trang web của bạn, đừng buồn, vì thứ nhất, thực tế có rất ít trang web tuân thủ đầy đủ tiêu chuẩn W3C và thứ hai, tất cả các lỗi mà trình xác thực HTML tìm thấy -code đều có thể xảy ra. đã sửa.

Việc kiểm tra tính hợp lệ của mã HTML của một trang web cho phép bạn hiểu liệu trang web đó có cần chỉnh sửa và tối ưu hóa bố cục hay không, bởi vì sự rõ ràng và cấu trúc mã phù hợp là một thành phần quan trọng của tối ưu hóa nội bộ. Bố cục ngữ nghĩa chất lượng cao cho phép nhà thầu khác nhanh chóng hiểu mã của người khác, cũng như tăng mức độ liên quan của văn bản và tăng tốc độ tải trang.

Nhiều bài báo đã viết về tính hữu ích và sự cần thiết của việc tìm kiếm các lỗi xác thực và ở trên chúng tôi đã viết những lợi ích chính có thể đạt được bằng cách điều chỉnh mã trang web của bạn theo tiêu chuẩn W3C. Hơn nữa, các biện pháp như vậy sẽ hữu ích như nhau trong trường hợp một cổng thông tin hoặc dịch vụ lớn cũng như đối với một trang blog hoặc danh thiếp nhỏ.

Xin chào. Tôi sẽ trả lời ngay câu hỏi của bạn: bài học này có đáng để bạn đọc không? Hãy đến một dịch vụ rất hữu ích và miễn phí, nhập địa chỉ trang web của bạn vào đó và nếu bạn thấy trang web của mình có lỗi thì bài học đó rất đáng đọc. Ví dụ về hiển thị lỗi khi sử dụng trình xác nhận trực tuyến này:

Hiện tại không có lỗi nào như vậy trên blog của tôi, tôi đã loại bỏ chúng (tổng cộng có hơn 70 lỗi và hơn 80 cảnh báo). Để làm rõ, tôi sẽ cho bạn biết mã hợp lệ là gì và tại sao chúng ta cần nó.

Mã hợp lệ là mã đáp ứng tiêu chuẩn.

Bạn có thể kiểm tra tính hợp lệ của HTML, CSS, tất cả các loại đánh dấu vi mô và hơn thế nữa. Hôm nay tôi sẽ nói về hợp lệ trong HTML.

• Mã hợp lệ là không cần thiết nhưng số lượng lỗi phải ở mức tối thiểu, nếu không trang web của bạn sẽ không tương thích với nhiều trình duyệt. Tính hợp lệ của mã là cần thiết chủ yếu để đảm bảo rằng trang web của bạn hiển thị chính xác trong tất cả các trình duyệt.
• Robot tìm kiếm “nói chuyện” với trang web của bạn bằng HTML, vì vậy điều quan trọng là phải trình bày nội dung trên trang web một cách rõ ràng và rõ ràng với tất cả “thẻ đóng”, v.v.
• Tính hợp lệ của HTML ảnh hưởng đến SEO, nhưng không đáng kể (tất nhiên trừ khi bạn có hàng trăm, thậm chí hàng nghìn lỗi). Tôi khuyên bạn nên đọc những quan sát thú vị của Devaki, “Tác động của chất lượng HTML đến thứ hạng của họ”.
• Khi tôi làm cho mã hợp lệ trên trang web của mình, tôi đã tìm và sửa những lỗi ngu ngốc của mình (thẻ lặp lại, chữ cái bị thiếu, v.v.).
• Bạn không nên “vỡ mông” nếu một số lỗi khó sửa hoặc việc sửa nó sẽ gây hại cho chức năng của trang web. Điều chính là làm cho nó thuận tiện cho người dùng.

Dưới đây tôi sẽ phân tích các lỗi chính được người xác thực chỉ ra. Nếu đột nhiên lỗi của bạn không có trong danh sách bên dưới, hãy viết nó vào phần bình luận, chúng ta sẽ cùng nhau tìm ra lỗi và tôi sẽ bổ sung giải pháp cho vấn đề này trong bài học này. Nhân tiện, vâng, bạn có thể tìm thấy các lỗi được trình xác nhận w3c chỉ ra ở đây:

Mỗi lỗi có một gợi ý - đây là số dòng trong mã nguồn của trang và từ đó bạn có thể xác định gần đúng dòng này nằm trong tệp chủ đề nào. Chúng tôi xem mã nguồn của trang bằng CTRL+U (trong các trình duyệt chính).

Trước khi bắt đầu, hãy tạo một bản sao lưu mẫu trang web của bạn.

Ngoài ra, để dễ dàng tìm ra lỗi trong mã nguồn hơn, bạn có thể sử dụng trình xác thực HTML cho Mozilla Firefox. Sau khi cài đặt và truy cập mã nguồn của trang, bạn sẽ thấy các lỗi tương tự mà dịch vụ validator.w3.org chỉ ra. Bằng cách nhấp vào tên lỗi (ở góc dưới bên trái), bạn sẽ tự động được chuyển hướng đến dòng chứa mã không hợp lệ này.

Tìm lỗi trong HTML bằng trình xác nhận w3c và sửa chúng

Hãy tìm lỗi của bạn trong danh sách bên dưới và nhấp vào nó, nó sẽ tự động “cuộn” bạn đến đúng nơi.

1. Không có khoảng cách giữa các thuộc tính.

…rel="biểu tượng phím tắt" href="http://arbero.ru/favicon.ico" ; type="image/x-icon" Chỉ cần xóa dấu chấm phẩy.

2. Thuộc tính chiều rộng trên phần tử td đã lỗi thời. Thay vào đó hãy sử dụng CSS.

td valign="center" width="80" Height="80" >

Hãy biến đổi một cái gì đó tương tự như hình thức

td style="align:center; width:80; Height: 80;">

3. Phần tử img phải có thuộc tính alt, ngoại trừ trong một số điều kiện nhất định. Để biết chi tiết, hãy tham khảo hướng dẫn về cách cung cấp văn bản thay thế cho hình ảnh.

Một trong những sai lầm phổ biến nhất. Không có đủ văn bản thay thế cho hình ảnh. Chúng tôi viết thẻ alt.

4. Phần thiếu tiêu đề. Hãy cân nhắc sử dụng phần tử h2-h6 để thêm tiêu đề xác định cho tất cả các phần.

phần id="bình luận" >

Khối phần phải chứa một số thẻ h2-h6, nếu không, chỉ cần đổi tên phần từ thành div

5. Phần tử hgroup đã lỗi thời. Để đánh dấu các tiêu đề phụ, hãy cân nhắc việc chỉ đặt tiêu đề phụ vào phần tử p sau phần tử h1-h6 chứa tiêu đề chính,

hoặc đặt tiêu đề phụ trực tiếp bên trong phần tử h1-h6 chứa tiêu đề chính, nhưng được phân tách khỏi tiêu đề chính bằng dấu câu và/hoặc bên trong, ví dụ: phần tử span class="subheading" với kiểu dáng khác biệt. Để nhóm các tiêu đề và tiêu đề phụ, tiêu đề thay thế hoặc dòng giới thiệu, hãy cân nhắc sử dụng phần tử tiêu đề hoặc div.

Tương tự như điểm trước. Chỉ cần thay đổi cụm từ hgroup thành div. Bạn có thể sử dụng công cụ Tìm/Thay thế Tất cả trong trình soạn thảo văn bản của mình để tăng tốc các quy trình như thế này.

6. Phần tử "noindex" không xác định

Để làm cho thẻ noindex hợp lệ, chúng tôi viết nó dưới dạng một nhận xét, nghĩa là như thế này:

Không thể lập chỉ mục

7. Thẻ kết thúc cho phần tử "div" chưa mở

Thẻ div đóng là không cần thiết. Hãy loại bỏ nó.

8. Loại văn bản không cho phép thêm yếu tố “li” vào đây; thiếu một trong các thẻ bắt đầu "ul", "ol", "menu", "dir"

Sử dụng thẻ "li" không chính xác: thiếu thẻ "ul", "ol", v.v. Hãy kiểm tra.

9. Thẻ kết thúc cho "div" bị bỏ qua, nhưng OMITTAG NO đã được chỉ định

Thẻ div đóng bị thiếu.

10. Không có thuộc tính “viền”

alt="" width="1" chiều cao="1" border=" 0"/>

Chúng tôi chỉ cần xóa cụm từ border="0".

11.Nhân vật"<" is the first character of a delimiter but occurred as data

Không sử dụng thẻ “<" перед обычными словами, используйте лучше разные кавычки.

12. Đã thấy " khi mong đợi một tên thuộc tính. Nguyên nhân có thể: = thiếu ngay trước đó.

Trích dẫn bổ sung, loại bỏ nó.

13. Thuộc tính căn chỉnh trên phần tử img đã lỗi thời. Thay vào đó hãy sử dụng CSS.

Không sử dụng giá trị căn chỉnh bên trong thẻ img. Viết nó ra một cách riêng biệt, dưới dạng này:

đây là hình ảnh (img src)

14. Giá trị không hợp lệ cho thuộc tính href trên liên kết phần tử: Ký tự không hợp lệ trong đoạn đường dẫn: không phải là điểm mã URL.

Phần kết luận

Nếu bạn có bất kỳ lỗi nào trên trang web của mình không có trong danh sách này, hãy viết nó vào phần bình luận. Hãy cùng tìm hiểu và tôi sẽ bổ sung vào bài viết. Tôi nhắc lại, nếu có lỗi nào đó không thể sửa được thì đừng bận tâm.

Tôi vẫn gặp lỗi trên blog của mình (mặc dù hôm qua vì lý do nào đó mà mã không có lỗi):

Nội dung văn bản của tập lệnh phần tử không ở định dạng bắt buộc: Khoảng trắng, tab, dòng mới hoặc dấu gạch chéo nhưng đã tìm thấy< instead.

Nếu bạn biết cách khắc phục thì mình xin cảm ơn. Tôi là người hơi cầu toàn. 🙂

Bạn có làm cho mã HTML của trang web hợp lệ không?

Tôi chúc bạn nhận được mã HTML hợp lệ trên trang web của mình, thông báo về mã này trông như thế này:

P.s. Bạn có thường xuyên làm cơ thể mình quá tải không? Sau đó, bạn cần một chương trình giải độc. Khôi phục lại sức mạnh và cân bằng năng lượng.

Chào mọi người! Hôm nay tôi sẽ cho bạn biết nó là gì tính hợp lệ của mã trang web, tại sao nó lại cần thiết và cách kiểm tra và khắc phục nó bằng các dịch vụ xác thực W3C trực tuyến khác nhau (html, CSS). Vì vậy, hãy bắt đầu với lý thuyết. Chính xác thì thuật ngữ này là gì?

Hiệu lực của mã là mức độ mã trang web của bạn tuân thủ các tiêu chuẩn quốc tế được chấp nhận, viết tắt là W3C. Nói cách khác, cách đây rất lâu, một số quy tắc chung về viết mã đã được áp dụng, nếu không tuân thủ các tiêu chuẩn W3C, có thể dẫn đến việc hiển thị trang web của bạn không chính xác trên nhiều trình duyệt máy tính và thiết bị di động khác nhau. Ngoài ra, trong một số trường hợp đặc biệt hiếm gặp, điều này có thể dẫn đến các biện pháp trừng phạt từ các công cụ tìm kiếm, cũng như việc áp dụng các bộ lọc khác nhau có thể làm chậm quá trình phát triển dự án của bạn. Nhưng điều này rất hiếm khi xảy ra, vì ngay cả Yandex và bản thân Google cũng có mã không hợp lệ 100%, tức là có lỗi.

Trên thực tế, bạn có thể có một câu hỏi: tại sao tôi cần phải dành thời gian chỉnh sửa mã trang web của mình để nó trở nên hợp lệ, nếu nó không ảnh hưởng gì cả? Như tôi đã viết ở trên, điều này là cần thiết để đảm bảo rằng trang web của bạn hiển thị chính xác (không có lỗi) trong các trình duyệt khác nhau. Ngày nay, như bạn đã biết, nhiều loại mẫu điện thoại ngày càng trở nên phổ biến: iPhone, Android, Điện thoại thông minh và các loại khác, đã được toàn bộ dân số trên trái đất sử dụng. Ngày nay, mỗi người thứ ba đều có điện thoại di động của riêng mình, qua đó anh ta có thể trực tuyến và truy cập trang web của bạn. Con số này cao hơn khoảng 20-30 lần so với những người có máy tính, máy tính xách tay, máy tính bảng riêng.

Đó là, bạn hiểu được vấn đề. Đối tượng người sử dụng thiết bị di động là lớn nhất, đó chính là điều chúng ta cần hướng tới. Và nếu bạn nhớ có bao nhiêu thiết bị di động đã được ra mắt trong 10 năm qua và bao nhiêu mẫu máy mới tiếp tục được ra mắt sau mỗi sáu tháng, thì rõ ràng là sẽ rất ngu ngốc nếu bỏ lỡ lượng truy cập (khách truy cập) như vậy. Ngoài ra, các công nghệ mới không đứng yên và với sự ra đời của ngôn ngữ html5 cập nhật, trang web cũ của bạn được tạo ra từ năm 200 có thể trở thành một kẻ phá bĩnh lớn trong bối cảnh của mạng toàn cầu.

Làm cách nào để kiểm tra tính hợp lệ của mã html và CSS trên trang web của bạn?

Có rất nhiều dịch vụ như vậy trên Internet, tuy nhiên, hầu hết tất cả chúng đều không ổn và thậm chí bằng tiếng Anh, nơi sẽ không dễ hiểu những gì đang được nói. Tuy nhiên, vẫn có một trong số đó bình thường hơn, nó không chỉ đưa ra lời giải thích mà còn cho biết lỗi nằm ở dòng mã nào. Vì vậy, hãy làm quen - jigsaw.w3.org.

Bằng cách truy cập trang web này, bạn có thể kiểm tra tính hợp lệ của mã trang web của mình theo ba cách. Trong tab “Kiểm tra URI”, hãy nhập địa chỉ trang web của bạn và dịch vụ sẽ cung cấp cho bạn toàn bộ danh sách các lỗi chỉ được tìm thấy trong các mã trên trang chính! Nếu, giống như tôi, bạn không hiểu biết nhiều về mã và khi xem mã trang web của mình, bạn không thể tìm thấy dòng cần sửa, thì bạn chỉ cần tải lên tệp kiểu CSS (thiết kế trang web) của mình trong “kiểm tra tệp đã tải lên " chuyển hướng. .

Trong trường hợp này, bạn sẽ biết bạn cần chèn mã vào tệp nào. Nhân tiện, bạn có thể làm điều đó thậm chí còn dễ dàng hơn. Ví dụ: nếu trang web của bạn đang chạy trên một số công cụ, thì bạn sẽ chỉ cần truy cập bảng quản trị blog trong trình soạn thảo “giao diện” “”, chọn một tệp, ví dụ: tiêu đề (header.php), sao chép mã và dán nó vào tab “kiểm tra văn bản đã nhập” vào dịch vụ. Đây là cách cá nhân tôi kiểm tra blog của mình.

Vì vậy, trên trang cá nhân của tôi có 44 lỗi, rất ít so với các trang khác. Nhân tiện, chú Yandex có tới 155 lỗi, ah-ah-ah. Thôi được rồi, đừng nói chuyện buồn nữa.

Để giúp bạn sửa những điểm không chính xác này trong mã dễ dàng hơn, hãy để tôi chỉ cho bạn một số ví dụ trên blog của tôi. Đầu tiên, hãy chú ý đến dòng chữ 26. Dòng này biểu thị một dòng mã. Để tìm thấy nó nhanh chóng, hãy đặt mã mà bạn đã chèn vào dịch vụ jigsaw.w3.org vào bất kỳ trình soạn thảo html nào, nhãn dòng sẽ được hiển thị.

Lưu ý rằng một số thẻ luôn được đánh dấu màu đỏ trong mã. Đây chính là nơi bạn cần tìm kiếm và chỉnh sửa code. Thông thường, nó cần phải được loại bỏ hoàn toàn hoặc phải thêm các thẻ bị thiếu vào đó. Ngoài ra, trong tiêu đề và ở cuối dòng chữ còn có những lời khuyên bằng tiếng Anh về những việc cần làm để sửa lỗi.

ví dụ 1. Ở đây bạn cần bỏ dấu ngoặc kép được đánh dấu màu đỏ <> . Chúng không được ở bên trong mã, nơi chúng đã tồn tại ở đầu và cuối.

Ví dụ 2. Thiếu thẻ đóng ở cuối mã /> . Lưu ý rằng nếu ở đầu mã có một dòng khác, cũng có thẻ không được đóng thì nó cũng phải được đóng lại, nếu không lỗi sẽ không biến mất.

Ví dụ 3. Ở đây bạn chỉ cần bỏ dòng lặp đi lặp lại: “ href=""> .

Nhân tiện, trước hết bạn nên sửa lỗi, những lỗi được đánh dấu chéo chứ không phải dấu chấm than, vì những lỗi này không quá quan trọng. Ngoài ra, trước khi sửa bất cứ thứ gì, hãy làm điều này vì khả năng cao là bạn sẽ làm hỏng nó. Sau khi bạn làm sạch hoàn toàn mã, tôi khuyên bạn nên xem cách trang web của bạn được hiển thị trong các trình duyệt khác nhau trên các nền tảng PC và điện thoại khác nhau. Dịch vụ trực tuyến miễn phí browsershots.org có thể giúp bạn điều này.

Làm cách nào khác để bạn có thể nhanh chóng kiểm tra tính hợp lệ của mã html và CSS trên trang web của mình?

Nếu jigsaw.w3.org không đủ đối với bạn thì đây là một số dịch vụ bổ sung để kiểm tra tính hợp lệ của mã html của trang web: www.validome.org, watson.addy.com,

Tóm lại, tôi muốn nói rằng nếu bạn phát hiện ra một vài lỗi lầm ở bản thân thì bạn không cần phải lo lắng về điều đó, vì ngày nay nó không còn quan trọng nữa. Nhìn chung, các thử nghiệm về chủ đề này đã được thực hiện trong một thời gian dài, từ đó cho thấy rõ rằng mã hợp lệ kém không ảnh hưởng đến kết quả tìm kiếm của một trang web. Nhưng than ôi, Internet là một môi trường mà mọi thứ thay đổi nhanh chóng. Hôm nay nó có thể không quan trọng, nhưng ngày mai Yandex sẽ thêm thuật toán bổ sung này vào chính nó và vị trí tìm kiếm có thể bị chùng xuống (rơi). Vì vậy, nếu bạn có thêm thời gian để mày mò mã trang web của mình, tốt hơn hết bạn nên làm ngay bây giờ.

Có một điều như vậy Thẩm định hoặc hiệu lực mã số. Xác thực là quá trình kiểm tra mã để đảm bảo không có lỗi. Mã không có lỗi được gọi là có hiệu lực. Thậm chí còn không đúng khi nói “không có lỗi”; sẽ chính xác hơn nếu nói “mã không mâu thuẫn với các tiêu chuẩn W3C hiện hành”. Bạn có thể kiểm tra lỗi HTML bằng cách sử dụng dịch vụ:

Bạn có thể kiểm tra lỗi CSS bằng cách sử dụng dịch vụ:

Khi triển khai bố cục, mọi quản trị viên web đều phải kiểm tra tính chính xác của mã và tính hợp lệ của trang web của mình. Nhưng hầu hết các trang web (ngay cả những trang phổ biến nhất), nếu bạn kiểm tra tính hợp lệ của mã của chúng, đều có lỗi. Hãy cùng tìm hiểu xem điều này có liên quan gì.

Thông thường, khái niệm “trang web hợp lệ” và “trang web chính xác” là khác nhau. Trong hầu hết các trường hợp, bạn có thể sử dụng mã giúp trang web hiển thị chính xác trên tất cả các trình duyệt, tuy nhiên, mã đó sẽ không hợp lệ.

Hiệu lực và SEO

Tính hợp lệ của mã có ảnh hưởng lớn đến việc quảng bá trang web trên công cụ tìm kiếm. Có thông tin cho rằng các công cụ tìm kiếm xếp hạng các trang không hợp lệ thấp hơn các trang hoàn toàn hợp lệ. Ngoài ra, tính không hợp lệ ngụ ý việc hiển thị trang web không chính xác trong các trình duyệt khác nhau, điều này sẽ khiến khách truy cập sợ hãi, có nghĩa là nó sẽ ảnh hưởng đến tỷ lệ thoát và các yếu tố hành vi, do đó có thể dẫn đến mất vị trí của trang web trong tìm kiếm. Tính hợp lệ của một trang web là một trong những chỉ số về chất lượng của nó.

Mã hợp lệ-không hợp lệ

Nhưng, như đã lưu ý ở trên, nó xảy ra đúng không hợp lệ mã số. Một ví dụ nổi bật về điều này là Hack CSS(tức là các thuộc tính thay đổi cách hiển thị phần tử mong muốn trong các trình duyệt khác nhau). Chúng rất thường không hợp lệ. Tất nhiên, bạn có thể từ chối sử dụng các cách hack như vậy, nhưng theo quy luật, mã hợp lệ sẽ dài hơn và phức tạp hơn nhiều, vì vậy trong những trường hợp như vậy, tốt hơn hết bạn nên chọn sử dụng các bản hack thay vì theo đuổi tính hợp lệ. Theo quy định, mã như vậy không gây hại và chỉ được phát hiện khi được kiểm tra bằng trình xác thực.