Giao thức Open Graph Siêu dữ liệu cơ bản - #Dr.NguyenTrungBank #TrithuctreGroup

#Dr.NguyenTrungBank  #TrithuctreGroup

#Dr.NguyenTrung Hỗ trợ hệ thống tiếp thị Banks và Lands Toàn Cầu - Kết Nối Email:Email của anh: trung.nt.hcm@trithuctrejsc.com ok để anh thông báo gửi cho các đối tác gửi thông tin qua email mới:marketing@trithuctrejsc.com Cùng Phát Triển Thịnh Vượng

TRITHUCTREGROUP - VAYTINCHAPBANKS.COM

Hot USAorder

Post Top Ad

Chủ Nhật, 14 tháng 1, 2018

Giao thức Open Graph Siêu dữ liệu cơ bản

Giới thiệu

Các giao thức mở Graph cho phép bất kỳ trang web để trở thành một đối tượng giàu có trong một đồ thị xã hội. Ví dụ, điều này được sử dụng trên Facebook để cho phép bất kỳ trang web có cùng chức năng như bất kỳ đối tượng khác trên Facebook.
Mặc dù có nhiều công nghệ và lược đồ khác nhau tồn tại và có thể kết hợp với nhau nhưng không có một công nghệ cung cấp đủ thông tin để đại diện cho bất kỳ trang web nào trong biểu đồ xã hội. Giao thức Open Graph được xây dựng trên các công nghệ hiện có và cho phép các nhà phát triển thực hiện một điều. Sự đơn giản của nhà phát triển là một mục tiêu chính của giao thức Open Graph đã thông báo nhiều quyết định thiết kế kỹ thuật .

Siêu dữ liệu cơ bản

Để biến các trang web của bạn thành đồ thị, bạn cần phải thêm siêu dữ liệu cơ bản vào trang của bạn. Chúng tôi đã dựa vào phiên bản ban đầu của giao thức trên RDFa , điều đó có nghĩa là bạn sẽ đặt các <meta>thẻ bổ sung vào <head>trang web của mình. Bốn đặc tính bắt buộc cho mỗi trang là:
  • og:title - Tiêu đề của đối tượng của bạn như nó sẽ xuất hiện trong đồ thị, ví dụ, "The Rock".
  • og:typeLoại đối tượng của bạn, ví dụ: "video.movie". Tùy thuộc vào loại bạn chỉ định, các thuộc tính khác cũng có thể được yêu cầu.
  • og:image - Một URL hình ảnh phải đại diện cho đối tượng của bạn trong biểu đồ.
  • og:url - URL hợp quy của đối tượng của bạn sẽ được sử dụng làm ID vĩnh viễn của nó trong biểu đồ, ví dụ: "http://www.imdb.com/title/tt0117500/".
Ví dụ, sau đây là đánh dấu giao thức Đồ thị Mở cho The Rock trên IMDB :
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

Metadata tùy chọn

Các thuộc tính sau đây là tùy chọn cho bất kỳ đối tượng nào và thường được đề nghị:
  • og:audio - Một URL tới một tập tin âm thanh đi cùng với đối tượng này.
  • og:description - Một mô tả từ một đến hai đối tượng của bạn.
  • og:determiner- Từ xuất hiện trước tiêu đề của đối tượng này trong một câu. Một enum của (a, an, the, "", auto). Nếu autođược chọn, người tiêu dùng dữ liệu của bạn nên chọn giữa "a" hoặc "an". Mặc định là "" (trống).
  • og:locale- Địa phương các thẻ này được đánh dấu. Định dạng language_TERRITORYMặc định là en_US.
  • og:locale:alternate- Một mảng các ngôn ngữ địa phương khác có trong trang này.
  • og:site_name- Nếu đối tượng của bạn là một phần của một trang web lớn hơn, tên sẽ được hiển thị cho toàn bộ trang web. ví dụ, "IMDb".
  • og:video - URL tới tệp video bổ sung cho đối tượng này.
Ví dụ (đường dây phá vỡ chỉ cho mục đích hiển thị):
<meta property="og:audio" content="http://example.com/bond/theme.mp3" />
<meta property="og:description" 
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
Các giản đồ RDF (trong Turtle ) có thể được tìm thấy tại ogp.me / n .

Thuộc tính có cấu trúc

Một số thuộc tính có thể có thêm siêu dữ liệu đính kèm với chúng. Chúng được chỉ định theo cách giống như các siêu dữ liệu khác với propertyvà content, nhưng propertysẽ có thêm :.
Các og:imagebất động sản có một số đặc tính cấu trúc tùy chọn:
  • og:image:url- Tương tự og:image.
  • og:image:secure_url - Một url thay thế để sử dụng nếu trang web yêu cầu HTTPS.
  • og:image:type- Một loại MIME cho hình ảnh này.
  • og:image:width - Số pixel rộng.
  • og:image:height - Số lượng pixel cao.
  • og:image:alt- Một mô tả về những gì trong hình ảnh (không phải là một chú thích). Nếu trang xác định một og: image cần chỉ định og:image:alt.
Ví dụ hình ảnh đầy đủ:
<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="A shiny red apple with a bite taken out" />
Các og:videothẻ có các thẻ giống hệt như og:imageĐây là một ví dụ:
<meta property="og:video" content="http://example.com/movie.swf" />
<meta property="og:video:secure_url" content="https://secure.example.com/movie.swf" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />
Các og:audiothẻ chỉ có 3 thuộc tính đầu tiên có sẵn (vì kích thước không có ý nghĩa cho âm thanh):
<meta property="og:audio" content="http://example.com/sound.mp3" />
<meta property="og:audio:secure_url" content="https://secure.example.com/sound.mp3" />
<meta property="og:audio:type" content="audio/mpeg" />

Mảng

Nếu một thẻ có thể có nhiều giá trị, chỉ cần đặt nhiều phiên bản của cùng một <meta>thẻ trên trang của bạn. Thẻ đầu tiên (từ trên xuống dưới) được ưu tiên trong các xung đột.
<meta property="og:image" content="http://example.com/rock.jpg" />
<meta property="og:image" content="http://example.com/rock2.jpg" />
Đặt thuộc tính được cấu trúc sau khi bạn khai báo thẻ gốc. Bất cứ khi nào một phần tử gốc được phân tích cú pháp, thì thuộc tính được cấu trúc này được coi là đã được thực hiện và một thuộc tính khác được bắt đầu.
Ví dụ:
<meta property="og:image" content="http://example.com/rock.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image" content="http://example.com/rock2.jpg" />
<meta property="og:image" content="http://example.com/rock3.jpg" />
<meta property="og:image:height" content="1000" />
có nghĩa là có 3 hình ảnh trên trang này, hình ảnh đầu tiên là 300x300, giữa có kích thước không xác định, và cuối cùng là 1000px tall.

Các loại đối tượng

Để đối tượng của bạn được đại diện trong đồ thị, bạn cần chỉ định loại của nó. Điều này được thực hiện bằng cách sử dụng thuộc og:typetính:
<meta property="og:type" content="website" />
Khi cộng đồng đồng ý về lược đồ cho một loại, nó sẽ được thêm vào danh sách các loại toàn cầu. Tất cả các đối tượng khác trong hệ thống kiểu là CURIEs của biểu mẫu
<head prefix="my_namespace: http://example.com/ns#">
<meta property="og:type" content="my_namespace:my_type" />
Các loại toàn cầu được nhóm thành các ngành dọc. Mỗi chiều dọc có không gian tên riêng. Các og:typegiá trị cho không gian tên luôn luôn được đặt trước bằng không gian tên và sau đó là một khoảng thời gian. Điều này nhằm giảm sự nhầm lẫn với các kiểu tên người dùng được định nghĩa mà luôn có dấu hai chấm trong đó.

Âm nhạc

og:type giá trị:
  • music:durationinteger = = 1 - Độ dài của bài hát tính bằng giây.
  • music:albummusic.album array - Album bài hát này là từ.
  • music:album:discinteger = = 1 - Đĩa nào của bài hát này được bật.
  • music:album:trackinteger = = 1 - Theo dõi ca khúc này.
  • music:musicianmảng thông số - Nhạc sĩ làm bài hát này.
  • music:songmusic.song - Bài hát trong album này.
  • music:song:disc- Số nguyên > = 1 - Tương tự như music:album:disctrong ngược lại.
  • music:song:track- Số nguyên > = 1 - Tương tự như music:album:tracktrong ngược lại.
  • music:musicianprofile - Người tạo nhạc này.
  • music:release_datedatetime - Ngày phát hành album.
  • music:song- Tương tự với những người trên music.album
  • music:song:disc
  • music:song:track
  • music:creatorprofile - Người tạo danh sách phát này.
  • music:creatorprofile - Người tạo ra trạm này.

Video

og:type giá trị:
  • video:actor- Tương tự như video.movie
  • video:actor:role
  • video:director
  • video:writer
  • video:duration
  • video:release_date
  • video:tag
  • video:seriesvideo.tv_show - Tập truyện này thuộc về tập nào.
Chương trình truyền hình nhiều tập. Siêu dữ liệu giống với video.movie .
Một video không thuộc bất kỳ thể loại nào khác. Siêu dữ liệu giống với video.movie .

Không có Dọc

Đây là những vật thể được xác định trên toàn cầu mà không phù hợp với chiều dọc nhưng vẫn được sử dụng rộng rãi và được đồng ý.
og:type giá trị:
article - URI không gian tên: http://ogp.me/ns/article#
  • article:published_timedatetime - Khi bài viết được xuất bản lần đầu tiên.
  • article:modified_timedatetime - Khi bài viết được thay đổi lần cuối.
  • article:expiration_timedatetime - Khi bài viết hết hạn.
  • article:authormảng thông số - Nhà văn của bài báo.
  • article:sectionstring - Tên phần cấp cao. Ví dụ công nghệ
  • article:tagchuỗi mảng - Gắn nhãn từ gắn với bài báo này.
book - URI không gian tên: http://ogp.me/ns/book#
profile - URI không gian tên: http://ogp.me/ns/profile#
  • profile:first_namestring - Một cái tên thường được trao cho một cá nhân bởi cha mẹ hoặc tự chọn.
  • profile:last_namestring - Một cái tên được thừa hưởng từ gia đình hoặc hôn nhân và thông thường cá nhân đó được biết đến.
  • profile:usernamestring - Một chuỗi ngắn duy nhất để xác định chúng.
  • profile:genderenum (nam, nữ) - Giới tính của họ.
website - URI không gian tên: http://ogp.me/ns/website#
Không có tài sản bổ sung nào khác ngoài những tài sản cơ bản. Bất kỳ trang web không được đánh dấu nào đều phải được coi là og:typetrang web.

Các loại

Các loại sau được sử dụng khi định nghĩa các thuộc tính trong giao thức Open Graph.
KiểuSự miêu tảChữ
BooleanBoolean đại diện cho một giá trị đúng hay saiđúng, sai, 1, 0
Ngày giờMột DateTime đại diện cho một giá trị tạm thời bao gồm một ngày (năm, tháng, ngày) và một thành phần thời gian tùy chọn (giờ, phút)ISO 8601
EnumMột loại bao gồm các giá trị chuỗi cố định có giới hạn (liệt kê các thành viên).Một giá trị chuỗi là một thành viên của bảng liệt kê
PhaoMột điểm số dấu chấm động 64 bitTất cả các chữ cái phù hợp với các định dạng sau: 

1.234 
-1.234 
1.2e3 
-1.2e3 
7E-10
Số nguyênSố nguyên ký tự 32 bit. Trong nhiều ngôn ngữ các số nguyên trên 32 bit trở nên trôi nổi, vì vậy chúng tôi giới hạn giao thức Open Graph để dễ sử dụng đa ngôn ngữ.Tất cả các chữ cái phù hợp với các định dạng sau: 

1234 
-123
ChuỗiMột dãy ký tự UnicodeTất cả các literal bao gồm các ký tự Unicode không có ký tự thoát
URLMột dãy các ký tự Unicode xác định một tài nguyên Internet.Tất cả các URL hợp lệ sử dụng các giao thức http: // hoặc https: //

Thảo luận và hỗ trợ

Bạn có thể thảo luận về Open Graph Protocol trong nhóm Facebook hoặc trên danh sách gửi thư của nhà phát triển . Nó hiện đang được Facebook tiêu thụ ( xem tài liệu của họ ), Google ( xem tài liệu của họ ), và mixi . Nó đang được xuất bản bởi IMDb, Microsoft, NHL, Posterous, Rotten Tomatoes, TIME, Yelp, và nhiều người khác.

Triển khai

Cộng đồng mã nguồn mở đã phát triển một số công cụ phân tích cú pháp và xuất bản. Hãy để nhóm Facebook biết nếu bạn đã xây dựng một cái gì đó tuyệt vời quá!

Một plugin WordPress đơn giản nhẹ bổ sung thêm siêu dữ liệu Open Open vào các trang web được cung cấp bởi WordPress.

Không có nhận xét nào:

Đăng nhận xét

Post Top Ad