W3C viết tắt của World Wide Web Consortium được tạo ra bởi Tim Berners-Lee nhằm tạo ra những tiêu chuẩn cho website. W3C trong thiết kế website là một hệ thống các tiêu chí đánh giá website dựa trên các chuẩn mực liên quan đến HTML, XHTML, SMIL, MathML, CSS …
» Làm thế nào để biết trang của bạn đã đạt chuẩn W3C hay chưa?
Trước tiên bạn có thể kiểm tra xem blog của bạn đã chuẩn W3c chưa bằng cách truy cập vào trang bên dưới điền URL trang của bạn vào và bấm Check là được.
Nếu có thông báo như bên dưới là blog của bạn đã chuẩn HTML5
» Chuẩn hóa HTML5 (W3C) có những yêu cầu nào.
Thông thường sẽ có 2 phần trong cấu tạo một tran web cần chuẩn hóa W3C là:
- Chuẩn hóa XML (code dưới dạng HTML)
- Chuẩn hóa CSS (đoạn code trước thẻ ]]><b:skin> và trong cặp thẻ <style>
Trong khuôn khổ bài viết này mình chỉ giới thiệu đến các bạn cách Chuẩn hóa XML valid HTML5 (W3c). Để chỉnh sửa CSS chuẩn hóa HTML5 thì các bạn đọc thêm bài viết sau nha:
» Cách chỉnh sửa các lỗi W3c thường gặp khi thiết kế blogspot!
1. Điều chỉnh mã HTML.
- Bạn tìm đoạn code có dạng như bên dưới tùy từng trang có thể có sự khác biệt nho nhỏ nhưng về cơ bản là như vầy:
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
- xóa toàn bộ những phần thừa thãi đi chỉ để lại mã html như bên dưới:
<html>
- Với cách này mỗi khi bạn chỉnh sửa mẫu thì bạn lại phải xóa lại vì nó sẽ được blogger tự động thêm lại sau khi bạn truy cập vào trình chỉnh sửa HTML.
2. Xóa hoàn toàn thanh nabar
- Bằng cách chèn đoạn code bên dưới vào trước thẻ <body>
<!--<body>-->
- Khi lưu lại sẽ có thông báo hỏi bạn có muốn xóa thanh Nabar không thì bạn chọn có nha.
* Xóa bỏ Styleseet (Bạn có thể bỏ qua bước này nếu thấy nó không cần thiết, thực ra nó cũng không ảnh hưởng đến W3c mình chỉ cho thêm vào thôi)
- Với cách này bạn có thể sử dụng khi bạn đã am hiểu về code. Bởi khi thêm đoạn code này sẽ có một số tiện ích của blogger không hoạt động, bởi ta đã vô hiệu hóa những đoạn mã không cần thiết của blogger để duy trì nó hoạt động.
- Tìm đoạn code:
</body>Thay thế nó thành:
<!--</body>--></body>
- Bước này bạn có thể bỏ qua nếu không thể tự code lại mã CSS và XML. Bởi bố cục của bạn sẽ bị thay đổi phá vỡ hoàn toàn.
3. Xóa đoạn code chỉnh sửa nhanh bài viết.
- Tìm đoạn code chỉnh sửa nhanh bài viết như bên dưới:
<b:include data='post' name='postQuickEdit'/>
- Khi bạn xóa đoạn code này đi thì nút chỉnh sửa nhanh bài viết của bạn sẽ biến mất và bạn không thể chỉnh sửa bài viết khi xem nó trên giao diện web, bạn chỉ có thể chỉnh sửa trong phần quản lý bài viết của bạn (Cách này hơi bất tiện với những ai thường xuyên chỉnh sửa và cập nhật bài viết, tuy nhiên vì sự nghiệp W3C thì ta phải chấp nhận thôi).
4. Xóa nút chỉnh sửa nhanh tiện ích (widget).
- Khi kiểm tra bạn sẽ thấy trên các tiện ích HTML của bạn có báo lỗi, và tất nhiên nếu căn cứ vào những gì họ thông báo rất khó tìm ra lỗi. Tuy nhiên bạn không phải lo lắng cách khắc phục rất đơn giản bạn chỉ cần tìm những đoạn code bên dưới:
<b:include name='quickedit'/>
- Lưu ý với các tiện ích HTML/Javascript thì xóa đoạn này đơn giản. Tuy nhiên với một số tiện ích do blogger cung cấp bạn sẽ không thể xóa đoạn này đi ví dụ như tiện ích người theo dõi Followers. Do vậy nếu bạn muốn sử dụng tiện ích đó hãy xem các khắc phục nó ở đây.
- Luôn check với W3C khi tạo mới một widget để phát hiện và sửa lỗi theo hướng dẫn.
5. Thiếu thuộc tính alt trong hình ảnh - (required attribute "alt" not specified) Thuộc tính alt giúp bạn có thể tạo ra một văn bản thay thế cho bức ảnh, điều này rất có lợi khi hình ảnh bị lỗi hoặc tốc độ mạng của người xem chậm thì văn bản thay thế đó sẽ hiển thị thay cho bức ảnh, Từ đó giúp trang của bạn chuyên nghiệp hơn và tải nhanh hơn (không nhiều). Đặc biệt thuộc tính alt này ảnh hưởng rất lớn trong việc Google Index hình ảnh của chúng ta.
- Ví dụ nếu bạn chèn hình ảnh như bên dưới là sai so với chuẩn w3c<img src="URL_ANH" />Chèn đúng phải là
<img src="URL_ANH" alt="mô tả cho hình ảnh" />
6. Lưu ý khi sử dụng một số tiện ích đặc biệt.
Có một số tiện ích của blogger bạn nên biết khi sử dụng. Ví dụ nếu sử dụng tiện ích lưu trữ (Archive), thì hãy sử dụng kiểu hiển thị dạng Thứ bậc.
7. Lỗi liên quan đên sử dụng các liên kết.
- Thông thường các liên kết được chèn vào trang của bạn theo cú pháp của thẻ <a> như bên dưới:
<a href="/search/label/Game" target="_blank">Tên</a>
- Với những liên kết mà tên chỉ có một từ game như trên thì sẽ không xuất hiện các lỗi w3c. Tuy nhiên với những liên kết mà có nhiều từ Game Mobile cách nhau bởi dấu cách như bên dưới:
<a href="/search/label/Game Mobile" target="_blank">Tên</a>
- Lúc này nếu kiểm tra trên w3c thì bạn sẽ thấy xuất hiện lỗi và khắc phục rất đơn giản bạn chỉ cần thêm vào giữa khoảng trống của liên kết %20 . Khi đó bạn sẽ được như sau:
<a href="/search/label/Game%20Mobile" target="_blank">Tên</a>
8. Thiếu thuộc tính type - (required attribute "type" not specified)
Lỗi này do khai phải CSS hoặc JavaScript bị thiếu thuộc tính type.
- Ví dụ viết như bên dưới là sai:
<style> , <script>
Viết đúng phải là <style type="text/css"> <script type="text/javascript">
P/s trước kia khi cần khai báo một đoạn JavaScript người ta thường sử dụng thuộc tính language tuy nhiên hiện nay ta phải sử dụng thuộc tính type mới chính xác.
P/s trước kia khi cần khai báo một đoạn JavaScript người ta thường sử dụng thuộc tính language tuy nhiên hiện nay ta phải sử dụng thuộc tính type mới chính xác.
Mẹo: Để tối ưu w3c và cũng để tăng tốc độ load cùng với SEO thì tốt nhất với những đoạn css và scripts bạn nên chèn vào một file và upload lên host riêng rồi chèn vào mẫu của bạn.
9. Sử dụng thẻ <marquee> - (element "marquee" undefined)
Thẻ marquee để chạy chữ, hình ảnh được rất nhiều người đang sử dụng, tuy nhiên thẻ này không được quy định trong các thẻ HTML mà chuẩn W3C đề ra. Chính vì vậy nêu muốn có một đoạn chữ hay hình ảnh chạy trên blog bạn hãy sử dụng các đoạn CSS3 hoặc Jquery
10. Sử dụng các ký tự đặc biệt - (cannot generate system identifier for general entity)
Trong HTML một số ký tự đặc biệt như < > / & . . . thì không được phép viết trực tiếp mà phải sử dụng các ký tự mã hóa thay thế. Các bạn có thể mã hóa nó bằng công cụ namkna đã cung cấp tại đây . Dưới đây là một ví dụng
Viết & là sai - chính xác phải là &amp;
11. Trùng lặp ID CSS - (ID "X" already defined)
ID và class trong CSS có chức năng tương tự nhau giúp bạn có thể định hình giao diện hiển thị cho các thành phần xml.
- Class có thể dùng nhiều lần cho các phần tử xml
- id thì chỉ được dùng một lần duy nhất cho một phần tử.
<div id="namkna1">Archive</div> .... <h1 id="namkna1">Heading 1</h1>
- Viết chính xác phải là
<p id="namkna1">Archive</p> ..... <h1 id="namkna2">Heading 1</h1>
12. Trùng lặp thuộc tính - (duplicate specification of attribute X)
- Lỗi này gặp ở rất nhiều người mới tìm hiểu về SEO, nhiều người không để ý đã sử dụng thuộc tính class cho các phần tử HTML bị trùng lặp nhau.
- ví dụ như bên dưới là sai:
<p>- Viết đúng phải là
<p class = "class1 class2">
13. Các thẻ cũ không được sử dụng trong HTML
- Sau khi cập nhật mới thì W3C đã loại bỏ một số thẻ định dạng cũ và thay vào đó là sử dụng css. Những đoạn sau bạn không nên sử dụng trong w3c: <font> <u> <center> <strike>.
- Không sử dụng thẻ <embed> để chèn Flash (element "embed" undefined. Khi chèn Flash thì thẻ <embed> không được sử dụng ( tuy nhiên sẽ được sử dụng trong phiên bản HTML5 ) mà phải thay thế bằng thẻ <object>
14.Thiếu thẻ đóng - (end tag for "X" omitted, but OMITTAG NO was specified)
Lỗi này rất nhiều người đang mắc phải. Với những thẻ 'lưỡng tính' như: br, hr, link, img, meta, input . . . thì bắt buộc phải có dấu xổ chéo '/' ở trong thẻ đóng>.
- Ví dụ: Nếu viết như bên dưới là sai
<br>, <hr>, <link>, <img>, <meta>, <input>
Viết đúng sẽ là <br />, <hr />, <link />, <img />, <meta />, <input />
- Giờ kiểm tra đảm bảo hết lỗi liền.15. Sử dụng nút like chia sẻ dành cho HTML 5
Các nút like nhúng dưới dạng thẻ <a ...> sẽ bị lỗi khi check w3c. Để khắc phục hiện tượng này bạn chỉ cần dùng thẻ dành riêng cho HTML5 sẽ khắc phục được lỗi đó ngay.
- Với nút like và share của facebook các bạn có thể truy cập vào đây để lấy mã inframe chèn vào blog của bạn.
- Với nút like Googe +1 bạn có thể truy cập vào trang này để tìm hiểu, Tất nhiên nếu không hiểu nhiều về tiếng anh bạn có thể chèn đoạn code bên dưới vào vị trí bạn muốn để hiển thị nút google +1 của bạn nha;
<div class="g-plusone" data-size="tall" ></div>
16. Vô hiệu hóa thẻ <b:include data='blog' name='all-head-content'/>
- Nếu từng nghiên cứu về SEO thì hẳn bạn sẽ thấy tầm quan trọng của thẻ <b:include data='blog' name='all-head-content'/>, Nếu không muốn nói là thẻ này rất quan trọng. Tuy nhiên nếu sử dụng đoạn code này thì phần đầu blog của bạn sẽ rất dài dòng và không đạt theo chuẩn của w3c. Để khắc phục bạn có thể thay đổi đoạn đó thành đoạn bên dưới rồi lưu lại:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/> </b:if> </b:if>
17. Thứ tự thẻ không đúng.
- Bạn chỉ cần hiểu đơn giản như sau ta phải đi tất rồi mới đi giày chứ không thể đi giày rồi mới đi tất. Thứ tự xml ở dây cũng vậy. Một số thứ tự bạn cần lưu ý như sau:
a) Thẻ <span> không thể chứa thẻ <p>
- Vụ dụ trường hợp sai.
<span class='namkna'> <p> Đây là blog của Namkna </p> </span>- Viết đúng phải là:
<p> <span class='namkna'> Đây là blog của Namkna </span> </p>
b) Thẻ <li> không thể chứa thẻ <ul>
- Một số trường hợp kiểu bên dưới có thể được chấp nhận ví dụ trong menu.
<li> <ul> ....</ul> </li>- Tuy nhiên nếu trong thẻ <ul> không chứa thẻ <li> con sẽ có báo lỗi. Do vậy viết đúng phải là
<ul> <li>....</li> </ul>hoặc:
<li> <ul> <li>....</li> </ul> </li>
18. Chèn thuộc tính style vào trong xml
- Một số người chèn class trực tiếp vào trong mã xml như bên dưới là sai:
< img style="width:100px; height:200px; boder:1px" src="Link ảnh" al = "Mô tả"/>- Nếu đúng phải là:
<img class="thuoctinh1" src="Link ảnh" alt="Mô tả"/>thêm đoạn mã định dạng vào trước thẻ ]]></b:skin>
.thuoctinh1{width:100px; height:200px; boder:1px}
19. Lỗi chữ "text run is not in Unicode Normalization from c"
- Lỗi này do nhiều nguyên nhân như bạn copy từ một trang khác hoặc lỗi hệ thống từ google.
- Giải pháp đánh lại đoạn văn bản đó.
20. Thêm thuộc tính alt cho hình ảnh nút xóa comment
- Bình thường nút xóa nhận xét trên blog của bạn không có thuộc tính alt do vậy nếu kiểm tra w3c bạn sẽ thấy có báo lỗi không chuẩn html5 do vậy để khắc phục bạn có thể xóa nút chỉnh sửa nhanh đó hoặc thêm vào nó thuộc tính alt. Tất nhiên để tiện quản lý commeent thì tốt nhất là sửa lỗi mà vẫn giữ được nút đó.
- Tìm đoạn code bên dưới:
<img src='//www.blogger.com/img/icon_delete13.gif'/>Thay thế tất cả những đoạn tìm được bằng đoạn code bên dưới:
<img src='//www.blogger.com/img/icon_delete13.gif' alt='Delete commnet'/>- Bạn có thể chỉnh sửa văn bản in đậm theo ý thích của bạn
Trước mắt mình mới thử với những lỗi này nếu phát hiện thêm lỗi nào nữa mình sẽ cập nhật cho các bạn.
Nhận xét
Mình áp dụng thì không hiển thị thống kê số lượng đã truy cập với không hiển thị avatar khi nhận xét. Giúp mình được không? @@
Trả lờiXóaNếu xóa bỏ styleseet và dùng đoạn bước 2 thì một số tiện ích của blogger sử dụng chung js mặc định của blog như commnet, thống kê, sẽ gặp lỗi đó.
XóaGiờ để nó hiển thị phải viết riêng cho nó một đoạn script khác. Cái này thì mình ko làm được :) Làm được thì thành người của google mất :)
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaanh ơi có thể chỉ giúp em 1 chút được không em có cai blog này http://noithatxuanphu150.blogspot.com/
Trả lờiXóanhưng cái theme là em tải trên mạng về nên không biết thay đổi banner như thế nào anh có thể chỉ giúp được không ạ thanhk anh!
Mẫu đó để thay đổi hình ảnh đại diện ở header thì chỉ cần vào bố cục và chỉnh sửa tiện ích TIÊU ĐỀ BLOG và tải ảnh của bạn lên là được mà. '
Xóa- Với tiện ích slider thì chỉ cần tìm hình ảnh nằm ngay sau đoạn: <div class='fp-thumbnail'> và thay thành hình ảnh của bạn là được.
bài viết hay
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaE check nhiều site blogspot ở việt nam nhưng chỉ thấy mỗi bác Duy Phạm là fix được hết tất cả các lỗi, công nhận phục bác ấy thật. cảm ơn anh Nam về bài viết hay, em làm theo cũng đã fix dc khá nhiều lỗi trên blog của em rồi. chúc anh sức khỏe!!!
Trả lờiXóaem cũng vọc từ đấy ra bác ạ nhưng không biết còn lỗi nào không bác check giúp em với
Xóaoivl.blogspot.com
cái comment em cũng copy của bác đấy luôn nhưng em chỉ để phân cấp bậc 2 vì là template lĩnh vực dành cho mobile
XóaBlog tớ cũng đạt chuẩn w3c có điều ko hài lòng vì tốc độ load vẫn còn chậm. Chủ yếu là do cái công cụ tìm kiếm tùy chỉnh của google. Bỏ đi thì ko được mà ko thể làm gì khác được :(
XóaVừa check blog anh Huy xong, công nhận pro thật, vậy là trollvl là blog thứ 2 ở Việt Nam em gặp đã chuẩn w3c :D, Anh có phiền k giúp em fix cái lỗi này dc k anh Huy "dgetType=Label&widgetId="
XóaTổ chức W3C sắp đưa ra chuẩn mới cho HTML5 nên những gì bây giờ là chuẩn sẽ bị lỗi thời và lại bị coi là lỗi :D
XóaBạn đang vướng phải cái thứ 10 mà blog này nói
XóaThì mình lại theo nó thôi bác :D
XóaCái này là lỗi có dấu đỏ " & " nó ấy anh
XóaNhận xét này đã bị quản trị viên blog xóa.
XóaPR trá hình :3
XóaPhần đó chỉ cần xóa hết những đoạn <b:include name='quickedit'/> đi là được. dgetType=Label&widgetId=
XóaChuẩn mới cũng không khác nhiều chuẩn cũ đâu. Nó chỉ nâng cấp và đòi hỏi cao hơn thôi chứ nền tảng nó vẫn như cũ mà :)
XóaMình thấy chuối nhất là cái nút like, làm theo chuẩn w3c nó hoạt động không khớp giữa /2014/04/huong-dan-thiet-ke-blogspot-chuan-w3c-toi-uu-seo.html?showComment=1397263577165#r_c3003574579393544332
Xóavà /2014/04/huong-dan-thiet-ke-blogspot-chuan-w3c-toi-uu-seo.html :)
Xóa mất cái tiện ích người theo dõi mới chuẩn được :)
Ủa, anh xem kỹ lại đi chứ em thấy mấy blogspot nước ngoài họ để mục đó mà check vẫn chuẩn như thường ấy anh
XóaVừa check lại blog anh xong,die hết lỗi rồi, keke, vậy là cái blog thứ 3 ở Việt Nam em gặp là namkna.blogspot.com :V
Xóafix đơn gian mà bạn thích fix lỗi nào mình chỉ cho
Trả lờiXóablog của bác duy mình nghiên cứu rồi mình có thể rip giống 99% của bác đấy
Thật k đấy hay chém gió thế bác :v
XóaFix dùm em lỗi khi viết label tiếng việt với bác, em chả biết thế nào, viết label tiếng anh nó ok mà có tiếng việt zô là nó bị lỗi mới điên nó báo lỗi sau "Line 244, Column 71: Text run is not in Unicode Normalization Form C."
à chính xác là k phải viết label bằng tiếng việt mà là đoạn hiển thị tên label ấy
Xóaex: ref='http://www.tensite.com>Thủ Thuật.....thì lỗi cái đoạn Thủ Thuật
em áp dụng giống bác duy label en 100% dấu space thì em thay bằng "-"
Xóachắc chỉ có pro như bác duy mới biết template của em có phần nào giống của bác ý, vì em toàn copy của bác đấy thôi không biết bác đấy biết có trách em không nữa
Lỗi đó có thể thiếu thẻ meta
Xóa<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
Em thử thêm đoạn meta trên vào mà nó vẫn k hết lỗi trên anh Nam, em nhớ hồi trước em cũng thử thêm vào rồi nhưng vẫn k fix dc.
XóaEm kiểm tra xem lỗi có thể xuất phát từ một đoạn scipts, kiểm tra và xóa nó đi là oke mà.
Xóadạ, cảm ơn anh, để em tìm thử xem
XóaCó tiện ích người theo dõi vẫn chuẩn,bỏ đi phí quá
Trả lờiXóaBật tiện ích đó lên-vào mẫu cut nó ra ngoài rồi thêm như 1 tiện ích của mình
Xóa^^ cut là lấy code của nó sau đó thì tắt nó đi :D
XóaÝ tưởng này khá hay. Tuy nhiên không phải vào mẫu cut mà là view source nó rồi lấy code sử dụng: Chỉnh sửa tiện ích Followers chuẩn HTML5 cho blogspot
Xóa2 Lỗi dưới này là gì và cách fix sao vậy bạn?
Trả lờiXóa- Line 161, Column 31: script element between head and body.
<script type='text/javascript'>
Line 161, Column 31: Cannot recover after last error. Any further errors will be ignored.
<script type='text/javascript'>
Cám ơn!
Bạn vào mẫu cut đoạn code <script....> bạn đang để giữa đoạn </head> và <body> chuyển nó vào trước thẻ </head> 2 lỗi đó sẽ tự động biến mất.
Xóahttp://law-cuncon.blogspot.com/2014/04/line-21-column-128-did-not-start.html
Trả lờiXóado ko chen vao duoc vao cmt nen em nhung link nay vao. anh oi 4 loi nay sua kieu gi?
1. Lỗi …
Xóan.css?targetBlogID=3748931207861647194&zx=44f19b50-6af9-40b9-9784-99ba137c9e4a…
em chú ý ký tự & 3m chỉ cần thêm amp;amp; vào sau nó như lỗi số 10 trong bài viết trên anh đã hướng dẫn.
2. Lỗi đó em kiểm tra lại đoạn script trước thẻ /head như lỗi số 8 trong bài viết.
- Nếu script chèn trực tiếp thì mã hóa nó đi. E có thể dùng Tools sau
3. Lỗi 3 và 4 chỉ cần xóa đoạn: class='loading' đi là được.
Lỗi này vào đâu sửa vậy bạn? vào chỉnh sửa html nhưng k tìm ra đoạn code đó :(
XóaLỗi này vào đâu sửa vậy bạn? vào chỉnh sửa html nhưng k tìm ra đoạn code đó :(
Xóasory viết lại để thông báo về mail
Tôi để ý mấy blog loại bỏ 2 file CSS mặc định cùng ít JS kéo theo nhưng 2 file CSS vẫn còn nằm ở phần head của mẫu chưa đẩy hết về cuối mẫu như blog DuyPham
Trả lờiXóaĐoạn đó đặt đầu hay cuối cũng không khác biệt nhau nhiều. Bởi trình duyệt và google đều bỏ qua nó.
XóaBạn thêm đoạn code ở bước 4 trong bài viết này nha: XEM NGAY
Xóa1. Line 5007, Column 34: there is no attribute "data-size"
Xóa< div class="g-plusone" data-size="tall" >
cái plus vẫn lỗi :(
2. Line 4959, Column 28: character "&" is the first character of a delimiter but occurred as data
if (gapi.iframes && gapi.iframes.getContext) {
mình đã thay thành
if (gapi.iframes && gapi.iframes.getContext)
nhưng vẫn thấy nó báo lỗi. view showcode thì thấy nó vẫn ở dạng &&. Làm sao để fix đây :(
thay && bằng & amp; vẫn thấy lỗi :(
Xóa1. ĐOạn nút google +1 của bạn lỗi vì không có thẻ đóng.
XóaBạn sửa nó thành:
<div class='g-plusone' data-size='tall'/>
hoặc thêm thẻ đóng vào sau nó như sau:
<div class='g-plusone' data-size='tall'></div>
2. phải có 2 lần amp; nha bạn. Phải như này: &amp;
1, đã thay đủ kiểu vẫn lỗi :(
Xóa2, đã thấy trong chình sửa html như vậy nhưng view showcode thì nó lại thành && và vẫn báo lỗi
Theo em lỗi của bác fix như sau:
Xóa1. g-plusone thì bác thay đoạn code <div class="g-plusone" data-size="tall" ></div> thành <div class='g-plusone' data-count='true' data-href='http://endgamek.blogspot.com' data-size='medium' data-width='100'></div>
Cái data-size='medium' data-width='100'> là tùy bác chỉnh nhé
2. Bác tìm đến đoạn này <form action='#' name='pager20'><div><span id='vwg-pager-first bỏ name='pager20'(cái này em k chắc lắm)
còn mấy cái kia thử thay & thành & thử thế nào.
cám ơn bác trước nhưng cái nút +1 vẫn lỗi. Chẳng lẽ lại bỏ nó đi :(
Xóacòn cái && em thay trong chỉnh sửa html thành & amp;rồi nhưng view showcode nó vẫn là && và vẫn lỗi bác à
Để lại URL trang của bạn đây để mình kiểm tra nha.
Xóaendgamek.blogspot.com xem dùm mình với nha. thank
XóaBạn xóa cả đoạn bên dưới đi. ĐOạn đó để lại cũng không có tác dụng gì nha bạn.
Xóa<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0754359228090110871755\46blogName\75T%E1%BA%A3i+Game+Mi%E1%BB%85n+Ph%C3%AD+-+Tai+Game+Dien+Thoai\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://endgamek.blogspot.com/search\46blogLocale\75vi\46v\0752\46homepageUrl\75http://endgamek.blogspot.com/\46blogFollowUrl\75https://plus.google.com/104534300996139085243\46vt\75-6319323190000633197',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
anh Nam giúp em với mấy lỗi này với: XEM ẢNH
Trả lờiXóa1. Em sửa tất cả các đoạn: <script Language="Javascript"> thành <script type="text/javascript">
Xóa2. Có thể viết gọn lại đoạn mã chèn file js đó như sau:
<script src='Link before Change' type="text/javascript"/>
Lỗi thứ 3 thêm vào sau ký tự & đoạn sau: amp;amp;
- Lỗi thứ 4 và thứ 5. Đoạn meta mô tả phải đặt sau thẻ mở <head> Hãy chuyển lại vị trí của nó nha.
đối với lỗi 4 và 5, khi em di chuyển thẻ meta lên sau thẻ <head> thì nó lại phát sinh thêm lỗi XEM ẢNH
Xóalỗi phát sinh thêm: XEM NGAY
Xóaak, sẵn anh cho em hỏi thẻ meta thì như thế nào là chuẩn anh Nam nhỉ?
XóaMỗi người có một cách hiểu và lựa chọn khác nhau. Đoạn mã meta và tiêu đề hiện tại anh sử dụng như sau:
Xóa<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta content='uoQr0Bkf3zSjJVGNJfeEH4R0hwnMlPeQuxGMEDVGgdg' name='google-site-verification'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:if cond='data:blog.metaDescription == ""'>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
<b:else/>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Nó chưa phải là tối ưu nhưng nó có thể hiển thị tất cả những gì mình cần nói với công cụ tìm kiếm.
Các lỗi mà e gặp phải đa phần trong bài viết này đã có hướng dẫn khắc phục. như xóa đoạn chỉnh sửa nhanh tiện ích, không chèn trực tiếp css vào trong xml,... em đọc và xem bài viết sẽ có hướng khắc phục dần các lỗi em gặp phải.
XóaAnh vui lòng giúp em fix một số lỗi này dc k ạ, cảm ơn anh Ảnh lỗi
Trả lờiXóa- Lỗi dầu tiên. HTML5 không hỗ trợ thẻ nhúng inframe do vậy e hãy dùng công cụ mã hóa của a TẠI ĐÂY để mã hóa trước khi chèn nó vào trong blog nha.
Xóa- Lỗi thứ 2. Blog của em sử dụng ngôn ngữ là Unicode nhưng em đã đi copy bài viết ở một trang khác sử dụng phương thức gõ khác nên nó bị lỗi đó. Các duy nhất là em ngồi đánh lại toàn bộ bài viết hoặc đoạn văn lỗi đó thôi.
- Lỗi 3 em chỉ cần thêm vào sau ký tự & đoạn mã amp;amp; và lưu lại là oke.
- Lỗi 4 xem lại đoạn mã comment e đang dùng có đúng đoạn comment phân cấp của blogger hay không.
- L:ỗi 5: Xóa đoạn chỉnh sửa nhanh bài viết như mình đã hướng dẫn trong bài viết trên nha.
- Lỗi 6: bỏ thuộc tính width='100%' trong đoạn inframe đi. Vì không được chèn css vào trong mã xml. Để điều chỉnh độ rộng hãy dùng css như sau:
#comment-editor{width:100%}
- Lưu lại những lỗi đó sẽ biến mất :)
Dạ, mấy lỗi kia em sẻ xem cố gắng khắc phục, cái lỗi thứ 2 em thề là em không coppy bài của ai cả anh ạ, em soạn thảo bài viết ở chế độ html và em tự viết hết mà sao lỗi dc nhỉ :(
XóaLỗi đó em chỉ cần gõ lại những phần trước dấu ngắt thôi là nó sẽ hết lỗi nha em. Sau khi gõ lại là hết lỗi thôi. Em thử đi đảm bào thành công.
XóaDạ, e nghĩ k phải lỗi ấy anh ơi, em check bài viết nào cũng dính lỗi ấy hết ấy anh ơi, à đúng rồi, trang chủ của em thì ok hết rồi nhưng trang bài viết vẫn còn hơn 10 lỗi nữa chưa fix dc anh ạ, hôm qua có nhờ anh Huy bên trollvl giúp fix dc mấy lỗi cũng hên, em rảnh rảnh vừa check site anh phần bài viết thì nó cũng có mấy lỗi giống giống em, nếu anh fix dc thì chỉ giúp em cách fix với nhé, hoặc anh update thêm trong phần bài viết để mọi người cùng xem học hỏi anh ơi. Cảm ơn anh.
XóaPhần bài viết thì có một số lỗi hiện tại không fix được như lỗi liên quan đến khung comment. Cuối bài viết trên anh vừa cập nhật một lỗi mới liên quan đến bài viết đó em xem nha.
XóaBạn ơi, blog mình chỉ còn một lỗi duy nhất nữa đạt chuẩn. Mình ko biết nó báo lỗi vì nguyên nhân gì, Bạn vui lòng chỉ mình cách khắc phục lỗi này với. Cảm ơn bạn
Trả lờiXóahttp://2.bp.blogspot.com/-f19crFS2usg/U09-IVnFnQI/AAAAAAAAAnE/kajAjj_s80c/s1600/Untitled.jpg
Bạn kiểm tra lại đoạn script trước thẻ head xem có đoạn nào thiếu thẻ đóng thành phần không nha. Như ở bước 8 trong bài viết mình đã hướng dẫn rồi đó,
XóaBây giờ blog còn trao đổi link k? Lần trc mình reply đặt rồi mà k thấy pm lại.
Trả lờiXóa- Link blog: http://thegioiblogs.blogspot.com
- Tên blog: Thế Giới Blog
- Link Favicon: http://www.iconj.com/ico/2/q/2qvewewx5p.ico
- Mô tả: Thế Giới Blog - Chia Sẻ Cùng Bạn
Hiện tại mình khong còn đặt text link nữa bạn ak.
XóaCho mình hỏi, của mình nhiều lỗi ntn thì phải bắt đầu từ đâu :(
Trả lờiXóahttp://validator.w3.org/check?uri=http%3A%2F%2Fwww.internet-cmc.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
Bạn kiểm tra theo từng bước trong bài viết của mình. Những lỗi đó là những lỗi cơ bản đa phần blog nào cũng gặp phải bạn ak.
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaĐể sửa lỗi phần 10 thì chỉ cần xóa các phần phần là được à bạn Nam
Trả lờiXóaCác phần b:include name='quickedit'/
XóaĐúng thế bạn ak. ĐÓ là các nút chỉnh sửa nhanh tiện ích và bài viết xóa đi không sao hết.
XóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóa
Trả lờiXóaMình đã fix khá nhiều cái, nhưng cái nút like, g+ và share thì luôn báo lỗi.
Có cách nào thêm mấy nút này mà không dính lỗi không admin?
Cám ơn admin!
Code google :
Xóa<div class='g-plusone' data-size='tall'/>
code facebook"
<div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'/>
Trên chỉ là đoạn mã thôi còn đoạn js thì như nhau nha bạn. Giữ đoạn js cũ của bạn.
vừa gửi cmt đi mà biến mất tiêu đâu là sao nhỉ
Trả lờiXóaviết lại, Nam xem giúp mình cái blog check nó báo toàn lỗi dấu & và > có đúng không và cách sửa như thế nào bây giờ, dấu > mình sửa thế nào hả bạn
Trả lờiXóaVới ký tự & thì bạn sửa nó thành &
XóaCòn báo lỗi ký tự > thì bạn xem mục 7. Lỗi liên quan đên sử dụng các liên kết. để khắc phục nha.
nó báo như gì là sao a?
Trả lờiXóaErrors found while checking this document as XHTML 1.0 Strict!
Result: 247 Errors, 156 warning(s)
a chi giup em vơi nha!!
Đó là dòng thông báo lỗi trang của em chưa chuẩn theo HTML5, em kéo xuống dưới một chút trang đó sẽ hiển thị những lỗi em đang gặp phải và khắc phục tương ứng với các cách a hướng dẫn trong bài nha.
XóaHiện tại a kiểm tra trang của e có hơn 200 lỗi, a không thể hướng dẫn cụ thể từng lỗi, e áp dụng theo bài viết nếu lỗi nào không biết thì comment anh sẽ hướng dẫn cho.
"10. Sử dụng các ký tự đặc biệt - (cannot generate system identifier for general entity)
Trả lờiXóaTrong HTML một số ký tự đặc biệt như < > / & . . . thì không được phép viết trực tiếp mà phải sử dụng các ký tự mã hóa thay thế. Các bạn có thể mã hóa nó bằng công cụ namkna đã cung cấp tại đây."
Anh cho em hỏi cái này mình sửa chỗ nào hay toàn bộ văn bản a?
Báo lỗi ký tự > ở bước 7 và bước 10 em vừa đưa là rất hay nhầm lẫn đó nha.
XóaĐoạn lỗi dạng như bước 10 chỉ áp dụng nếu lỗi đó liên quan đến mã scripts thôi nha.
Còn lối liên quan đến liên kết thì bước 7 và kết hợp sửa:
Viết & là sai - chính xác phải là &amp;
E chỉ cần xóa đoạn code chỉnh sửa nhanh bài viết ở bước 3 và bước 4 trong bài viết trên hướng dẫn đi là được.
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóathere is no attribute X
Trả lờiXóa✉
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
Line 219, column 242: there is no attribute "vinput"
…width:150px;color:#636363;' type='text' value='Search this Site' vinput='...'/>
seotop.gucafe.net
giúp mình với
mình ko thể xóa nó nếu xóa nó thì làm lỗi tăng mà để thì 1 lỗi:((
Bạn có thể xem bài viết này để xóa nó đi nha" Cách xóa tiện ích Attribution trong blogspot
XóaCảm ơn để mình kiếm lại,nhớ là đã xóa nó nhiều lần rồi
XóaNếu xóa rồi thì nó sẽ không còn đâu em ak, e nên kiểm tra lại coi chừng xóa nhầm :)
Xóahttps://lh6.googleusercontent.com/-NnfWDCDorwY/U9Hwh6edNSI/AAAAAAAAXvA/Sjb_W_Z417g/s0/53d1f08587ab2.png
Trả lờiXóaHiện tại blog của em bị lỗi 100% dấu ">" anh có thể giúp em được không a
Trong các thẻ của em có thuộc tính Style ví dụ:
Xóa<div style='float:left;background:#F0F2F3;'>
Em phải loại bỏ nó đi và dùng class như su:
1. Sửa nó thành:
<div class='thuoctinh1'>
2. Rồi thêm đoạn bên dưới vào trước thẻ ]]></b:skin>
.thuoctinh1{float:left;background:#F0F2F3;}
TRên chỉ là ví dụ em làm tương tự với các đoạn khác nha.
1. E sửa:
Trả lờiXóa/*
-----------------------------------------------
Tên Template : Quest
Tác giả : Văn Việt
Created Date : 22/07/2014
----------------------------------------------- */
thành:
/*
Tên Template : Quest
Tác giả : Văn Việt
Created Date : 22/07/2014
*/
2. xóa các đoạn bên dưới đi:
/* Profile ----------------------------------------------- */
/* Comments----------------------------------------------- */
Anh Namkna hướng dẫn cho em sửa 3 lỗi này với :D
Trả lờiXóaLine 40, Column 16: Stray end tag head.
</script></head>
Error Line 41, Column 67: An body start tag seen but an element of the same type was already open.
<body class='home blog main cat-5-id cat-17-id' id='blog' style=''>
Error Line 41, Column 67: Cannot recover after last error. Any further errors will be ignored.
<body class='home blog main cat-5-id cat-17-id' id='blog' style=''>
Anh ráng giúp cho em nha. Cám ơn anh nhiều lắm :)
1. Dòng 40 bạn xem hướng dẫn mục 8 nha.
Xóa2 lỗi dòng 40+41. sửa đoạn:
<body class='home blog main cat-5-id cat-17-id' id='blog' style=''>
thành:
<body>
Ta có thể bỏ đi vì thẻ body chỉ cần khai báo thông qua thẻ
body{....} là đủ không cần thêm class và id
Em sửa được cái lỗi thứ nhất rồi. Còn 2 cái kia em làm theo cách của anh thì lại xuất hiện thêm 20 mấy lỗi nữa. Còn cách sửa nào khác không anh Nam :(
XóaĐoạn code thứ 2 không hề phát sinh lỗi em ak, code nguyên bản là <body> do vậy đổi về như thế sẽ không xuất hiện lỗi. Một blog ta có thể sử dụng 2 đoạn như sau:
Xóa<body>
hoặc:
<body expr:class='"loading" + data:blog.mobileClass'>
Lỗi phát sinh thì em kiểm tra xem nó báo lỗi liên quan đến mục khác có thể do thủ thuật e mới thêm cho trang của e.
Compressing and resizing http://3.bp.blogspot.com/…XtqI/AAAAAAAAEr4/F7NYgVyRVV0/s1600/2.jpg could save 5,2 KiB (78% reduction).
Trả lờiXóanam kha co thể khắc phục lỗi này dùm mình ko
rỏ ràng mình đã chèn ảnh và nén nó xún tới mức ko thể nhìn rõ được nhưng up lên nó cứ nói như dòng ở trên đầu trên trang : PageSpeed Insights của google...
so với hình của namkha đăng thì dung lượng của mình chỉ bằng 1 phần nhỏ của namkha mà vẫn báo là còn namkha thì ko bị
XóaCủa mình vẫn bị đó chứ bạn :)/ Khắc phục lỗi này thì ta để hình ảnh sau dấu mắt more của bài viết khi đó hình ảnh được tải chỉ là thumbmail 72x72 pixel dung lượng sẽ giảm nhiều đó.
Xóauhm cảm ơn nhiều
XóaAnh ơi giúp em sửa mấy cái lỗi dấu & với
Trả lờiXóaEm đọc hướng dẫn ở bước 10. Sử dụng các ký tự đặc biệt - (cannot generate system identifier for general entity)
XóaNhận xét này đã bị tác giả xóa.
XóaAnh ví dụ đoạn:
Xóasearch/label/Soft-Uninstaller?&max-results=10'
thì em sửa thành"
search/label/Soft-Uninstaller?&amp;max-results=10'
có 2 lần amp;amp; nha em.
Cảm ơn anh, ok hết rồi
XóaTemplate của Nam chỉ chuẩn HTML5 ở trang chủ thôi, chứ ở bài viết chứ mắc hơn 200 lỗi chắc fix cả tháng mới xong.
Trả lờiXóaChỉnh ở bài viết thì không khó lắm căn bản mấy hôm nay bận quá không có time chỉnh. Với lại mặc định nhiều phần như đăng ảnh khi post cũng không dùng của blog được. Hay phần xoá comment bỏ đi cũng phí.
Xóaai biểu xóa comment làm gì thay hệ thống commnet khác là được chứ gì
XóaCăn bản mềnh thích dùng cái mặc định của blogger hơn :)
Xóahttp://validator.w3.org/check?uri=http%3A%2F%2Fwww.vanvietblog.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0
XóaAnh Nam ơi, anh có thể giúp em chính sửa lỗi này không ạ? Em tìm tớ widget mà sửa không thành anh ạ?
Nhận xét này đã bị tác giả xóa.
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaNhận xét này đã bị tác giả xóa.
Trả lờiXóahttp://www.learnvietnamese247.com/ Các Bác giúp em với, kiểm tra w3c thấy quá trời lỗi mà không biết khắc phục thế nào đây, nhân tiện xem dùm em xem code này chuẩn seo chưa vậy, e tính seo lên :)
Trả lờiXóaVề cơ bản, blogspot chuẩn W3c rồi, nên cứ yên tâm!
XóaVậy hả bạn, vì template này mình down trên mạng, nên ko biết có an toàn không? tư vấn dùm mình nhé.
XóaBlog của mình gặp toàn mấy lỗi dấu ">" chẳng biết làm thế nào. Adm giúp với.
Trả lờiXóahttp://validator.w3.org/check?uri=http%3A%2F%2Fwww.nhatthienkt.com%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=1&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices#line-509
Lỗi này không sao bạn nhé!
XóaNhưng vẫn vẫn muốn chuẩn HTML5 thì fix hết chứ adm. hì (^.^)
Xóaban oi lam on cho minh mot chut minh thich cai mau nay :http://www.marvel-bt.blogspot.com/ , minh tai ve up len blog cua minh nhung cai tien ich trinh dien bai dang moi nhat do ko hien thi ban co the giup minh cho no hien thi dc ko,cam on ban rat nhieu: blog cua minh:http://amthucso.blogspot.com/
Trả lờiXóaban oi cai loi nay thi sua nhu the nao giup minh voi
Trả lờiXóa…www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'
Lỗi này không sửa được bạn nhé, cái này phải để như thế, blogspot không chuẩn Full hết được đâu, lỗi đọc thui chứ không phải w3c!
XóaBạn ơi xem qua cho mình cái blog này với, http://muabannhadatthaibinh.blogspot.com/ , blog báo lỗi ở trong w3c, mình không biết sửa như thế nào
Trả lờiXóahttps://validator.w3.org/nu/?useragent=Validator.nu%2FLV+http%3A%2F%2Fvalidator.w3.org%2Fservices&doc=http%3A%2F%2Fmuabannhadatthaibinh.blogspot.com%2F%23
Bạn ơi, mình bị lỗi này thì phải sửa làm sao:
Trả lờiXóaLine 481, Column 24: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree)
http://validator.w3.org/check?uri=dtpshare.blogspot.com&charset=%28detect+automatically%29&doctype=Inline&group=0
http://dtpshare.blogspot.com/
Bạn ơi mình cần bản sưa lỗi cho trang web của mình: mình trả công bạn làm: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.hmapro.vn%2F
Trả lờiXóa