2013-05-10 31 views
6

Tôi đã triển khai thẻ Mở biểu đồ và thẻ thẻ Twitter trên trang web của mình. Cách duy nhất để các thẻ Thẻ Twitter xác nhận là HTML5 là bằng cách thay đổi chúng từ ... name = "twitter: card" ... thành ... property = "twitter: card" ... Tuy nhiên, điều này làm cho Facebook mở Trình gỡ lỗi đồ thị tới:Biểu đồ mở + Thẻ Twitter + HTML5 = không tương thích?

Cảnh báo đồ thị mở cần được sửa lỗi Thuộc tính không liên quan: Các đối tượng thuộc loại này không cho phép các thuộc tính có tên 'twitter: thẻ'.

Các thẻ biểu đồ mở, thẻ thẻ Twitter và HTML5 không tương thích?

http://developers.facebook.com/tools/debug

Trả lời

4

Công cụ xác thực cho HTML5 bạn sử dụng? Tôi không biết bất kỳ công cụ nào xử lý đúng loại đánh dấu đó. Ngay cả microdata không được hỗ trợ đúng cách bởi trình xác thực W3C cho đến thời điểm này :) Vì vậy, đề xuất chung là sử dụng trình xác thực liên quan đến dịch vụ để đánh dấu dịch vụ cụ thể.

Về khả năng tương thích - tất cả đều tương thích. Here bạn có thể tìm thấy tài liệu về hỗ trợ RDFA trong HTML5 (và hiển thị thực tế là RDFA). Here về mô tả các tên meta mới (đây là cách thẻ twitter nhận ra).

Nhưng điều duy nhất bạn thực sự cần là this one :) Có bài viết được viết về các mối quan hệ Open Graph và Twitter Cards khi Twitter thấy nó.

+0

Tôi đang sử dụng để xác nhận validator.w3.org HTML5 và nó hoạt động tốt với các thẻ Graph mở của tôi, Thẻ thẻ Twitter và microdata. Bạn đã thử nó gần đây chưa? Đối với câu hỏi ban đầu của tôi, có lẽ đây chỉ là lỗi Debugger của Facebook Open Graph Debugger? – stackoverflowrocks

+0

Bạn có chắc chắn về vi dữ liệu không? Tôi đang thử [trang] này (http://edition.cnn.com/2013/05/16/world/meast/iraq-unrest/index.html?hpt=hp_t1) [tại đây] (http: // trình xác thực .w3.org/check? uri = http% 3A% 2F% 2Fedition.cnn.com% 2F2013% 2F05% 2F16% 2Fworld% 2Fmeast% 2Firaq-unrest% 2Findex.html% 3Fhpt% 3Dhp_t1 & charset =% 28detect + tự động% 29 & doctype = Inline & group = 0 & user-agent = W3C_Validator% 2F1.3 + http% 3A% 2F% 2Fvalidator.w3.org% 2Fservices) và cho thuộc tính "itemprop" tôi thấy "Thuộc tính thuộc tính không được phép trên meta phần tử tại điểm này". – ajax

+0

Giới thiệu về Facebook. Tôi sẽ không nói rằng đó là một lỗi. Tôi nghĩ rằng đó là "phản ứng cụ thể" cho loại đánh dấu đó. :) Tôi đề nghị không chú ý nhiều về điều đó. – ajax

0

Tôi đang gặp vấn đề tương tự. Vấn đề là Twitter và Facebook đã không đồng ý về một không gian tên twitter opengraph, hoặc chỉ Twitter không có một không gian tên công cộng. Dù sao tôi hy vọng điều này không ngăn Facebook lập chỉ mục chính xác các trang này.

4

Như @ajax đề cập với url, cách để làm điều này tại là ví dụ:

<meta name="twitter:card" content="summary" /> 
<meta name="twitter:site" content="@nytimesbits" /> 
<meta name="twitter:creator" content="@nickbilton" /> 
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" /> 
<meta property="og:title" content="A Twitter for My Sister" /> 
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." /> 
<meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" /> 
Các vấn đề liên quan