Bạn có thể ẩn microdata bằng CSS không?

Question

giả sử tôi có một số tài liệu html có nhiều văn bản. Có phải "tốt" (~ không tệ :)) để có các phần tử chứa vi dữ liệu và ẩn các phần tử đó để người dùng không thực sự nhìn thấy chúng không?

Hãy nói rằng tôi có điều này:

<div style="display:none" itemscope...>some microdata describing div below</div> 
<div> There is actual text that is described by microdata</div> 

Vấn đề là theo cách này nó có thể được dễ dàng hơn để mô tả div 2. Bạn không cần phải thực hiện thay đổi trong toàn bộ văn bản, chỉ cần thêm một số yếu tố và ẩn chúng. Tôi muốn tạo trình soạn thảo HTML đơn giản có thể hỗ trợ tạo microdata và cách này có vẻ dễ thực hiện hơn và dễ sử dụng hơn (trước tiên hãy tạo nội dung thực, sau đó chú thích nó).

Answer 1

Ẩn nội dung được đánh dấu bằng loại lỗi Microdata là điểm của nó, dự định thêm thông tin bổ sung về nội dung đã hiển thị trên trang. Lý lẽ chính cho điều này là mọi người luôn nhớ cập nhật nội dung hiển thị, nhưng thường xuyên quên cập nhật nội dung mà họ không thể nhìn thấy, vì vậy nội dung 'meta' bị ẩn thường xuyên lỗi thời và không chính xác. Thay vào đó, Microdata có cách tiếp cận mô tả nội dung hiển thị là, vì vậy nếu nội dung thay đổi dữ liệu mà nó tạo ra thay đổi. Hãy ví dụ này from the spec:

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Jack</span> 
    <span itemprop="family-name">Bauer</span> 
    </span> 
</h1> 

Nếu bạn thay đổi none nội dung hiển thị của markup Microdata thực sự thay đổi:

<h1 itemprop="fn"> 
    <span itemprop="n" itemscope> 
    <span itemprop="given-name">Tim</span> 
    <span itemprop="family-name">Berners-Lee</span> 
    </span> 
</h1> 

Vì vậy Microdata là gần như chắc chắn không phải những gì bạn muốn sử dụng trong tình huống của bạn. Những gì bạn thực sự nên sử dụng thay vì phụ thuộc vào chính xác những gì bạn muốn thông tin này cho. Nếu bạn muốn thêm dữ liệu ẩn để xử lý bằng tập lệnh trên trang web của mình thì hãy sử dụng data-* attributes. Nếu bạn muốn thêm thông tin mô tả bổ sung mà không phải tất cả người dùng cần xem, hãy cân nhắc sử dụng ARIA. Đặc biệt, trong trường hợp của bạn, aria-describedby.

Answer 2

Bạn sẽ làm bất kỳ điều gì với dữ liệu ẩn? Tôi muốn sử dụng nhận xét HTML hoặc thuộc tính tiêu đề.

HTML Comments:

<!-- This is an HTML Comment --> 
<div>Content</div> 

Tiêu đề Thuộc tính:

<div title="some information describing div">Content of div</div> 

comments HTML là, tất nhiên, cũng giống như ý kiến ​​trong các ngôn ngữ lập trình, ngoại trừ họ đi qua cho khách hàng. Thuộc tính phần tử tiêu đề chuẩn (có sẵn cho tất cả các phần tử html) chứa thông tin bổ sung về phần tử và được sử dụng như một chú giải công cụ khi di chuột qua phần tử.

Ví dụ, HTML cho tốc độ chấp nhận của bạn lên đó là:

<div class="accept-rate cool" title="this user has accepted an answer for 4 of 6 eligible questions">67% accept rate</div> 

nào nếu bạn di chuột qua nó nó nói "thành viên này đã chấp nhận một câu trả lời cho 4 của 6 câu hỏi đủ điều kiện".

Answer 3

schema.org có một phương pháp thực tế cho "ẩn" dữ liệu vĩ mô:

http://schema.org/docs/gs.html#advanced_missing

Nếu bạn đang cố gắng tác động đến SEO sau đó "giấu" dữ liệu đánh dấu ngữ nghĩa của bạn từ người dùng nhưng giữ nó máy có thể đọc được (cho robot/nhện) không đánh bại mục đích.

Nếu đánh dấu schema.org của bạn được định dạng đúng, Google sẽ không phạt bảng xếp hạng chỉ mục của bạn nếu bạn "ẩn" các giá trị.