Rabu, 16 Oktober 2013

Seo Google schema.org


Memulai dengan schema.org





Kebanyakan webmaster akrab dengan tag HTML pada halaman mereka. Biasanya, tag HTML memberitahu browser bagaimana menampilkan informasi yang disertakan dalam tag. Misalnya, <h1> Avatar </ h1> memberitahu browser untuk menampilkan teks string "Avatar" dalam pos 1 format. Namun, tag HTML tidak memberikan informasi apapun tentang apa yang teks string berarti-"Avatar" bisa merujuk ke film 3D sangat sukses, atau bisa merujuk kepada jenis gambar profil-dan ini bisa membuat lebih sulit bagi pencari mesin untuk cerdas menampilkan konten yang relevan kepada pengguna.

Schema.org menyediakan koleksi kosakata bersama webmaster dapat digunakan untuk mark up halaman mereka dengan cara yang dapat dipahami oleh mesin pencari utama: Google, Microsoft, dan Yahoo! Yandex

Anda menggunakan schema.org kosakata, bersama dengan format yang microdata , untuk menambahkan informasi ke konten HTML Anda. Sedangkan tujuan jangka panjang adalah untuk mendukung lebih luas format, fokus awal adalah pada Microdata. Panduan ini akan membantu Anda kecepatan sampai dengan microdata dan schema.org, sehingga Anda dapat mulai menambahkan markup untuk halaman web Anda.
Bagaimana untuk menandai konten Anda menggunakan microdata
Mengapa menggunakan microdata?
itemscope dan ItemType
itemprop
Item tertanam
Menggunakan kosakata schema.org
jenis dan sifat schema.org
Jenis Diharapkan, teks, dan URL
Pengujian markup Anda
Topik lanjutan: versi mesin-dimengerti informasi
Tanggal, waktu, dan durasi
Mantri dan referensi kanonik
Informasi yang hilang / implisit
Memperluas schema.org
1. Bagaimana untuk menandai konten Anda menggunakan microdata
1a. Mengapa menggunakan microdata?

Halaman web Anda memiliki arti dasar bahwa orang mengerti ketika mereka membaca halaman web. Tapi mesin pencari memiliki pemahaman yang terbatas dari apa yang dibahas pada halaman tersebut. Dengan menambahkan tag tambahan untuk HTML halaman web Anda-tag yang mengatakan, "Hei mesin pencari, informasi ini menggambarkan film ini tertentu, atau tempat, atau orang, atau video yang"-Anda dapat membantu mesin pencari dan aplikasi lain lebih memahami konten Anda dan menampilkannya dalam yang berguna, cara yang relevan. Microdata adalah seperangkat tag, diperkenalkan dengan HTML5, yang memungkinkan Anda untuk melakukan hal ini.
1b. itemscope dan ItemType

Mari kita mulai dengan contoh konkret. Bayangkan Anda memiliki halaman tentang film Avatar-halaman dengan link ke sebuah trailer film, informasi tentang direktur, dan sebagainya. Kode HTML Anda mungkin terlihat seperti ini:<div> <h1> Avatar </ h1> <span> Direktur: James Cameron (lahir 16 Agustus 1954) </ span> <span> fiksi </ span> <a href="../movies/avatar-theatrical-trailer.html"> Trailer </ a> </ Div>


Untuk memulai, mengidentifikasi bagian halaman yang "tentang" film Avatar. Untuk melakukan hal ini, tambahkan elemen itemscope dengan tag HTML yang membungkus informasi tentang item tersebut, seperti ini:<Div itemscope > <h1> Avatar </ h1> <span> Direktur: James Cameron (lahir 16 Agustus 1954) </ span> <span> fiksi </ span> <a href="../movies/avatar-theatrical-trailer.html"> Trailer </ a> </ Div>


Dengan menambahkan itemscope , Anda menetapkan bahwa HTML terkandung dalam <div> ... </ div> blok adalah tentang item tertentu.

Tapi itu tidak semua yang membantu untuk menentukan bahwa ada item yang sedang dibahas tanpa menentukan jenis item apa itu. Anda dapat menentukan jenis item menggunakan ItemType atribut segera setelah itemscope .<Div itemscope ItemType = "http://schema.org/Movie" > <h1> Avatar </ h1> <span> Direktur: James Cameron (lahir 16 Agustus 1954) </ span> <span> fiksi </ span> <a href="../movies/avatar-theatrical-trailer.html"> Trailer </ a> </ Div>


Ini menentukan bahwa item yang terkandung dalam div sebenarnya Movie, sebagaimana didefinisikan dalam hirarki tipe schema.org. Barang jenis disediakan sebagai URL, dalam hal ini http://schema.org/Movie .

Kembali ke atas
1c. itemprop

Apa informasi tambahan yang bisa kita berikan mesin pencari tentang film Avatar? Film memiliki sifat menarik seperti aktor, sutradara, peringkat.Untuk label sifat item, gunakan itemprop atribut. Misalnya, untuk mengidentifikasi direktur film, add itemprop = "sutradara" ke elemen melampirkan nama direktur. (Ada daftar lengkap dari semua properti yang Anda dapat mengaitkan dengan film di http://schema.org/Movie.)<div itemscope ItemType ="http://schema.org/Movie"> <H1 itemprop = "Nama" > Avatar </ h1> Direktur <span>: <rentang itemprop = "sutradara" > James Cameron </ span> (lahir 16 Agustus 1954) </ span> <Rentang itemprop = "Genre" > Fiksi ilmiah </ span> <A href = ".. / Film / avatar-teater-trailer.html" itemprop = "Trailer" > Trailer </ a> </ Div>


Perhatikan bahwa kami telah menambahkan tambahan <span> ... </ span> tag untuk melampirkan itemprop atribut ke teks yang sesuai pada halaman. <span> tag tidak mengubah cara halaman diberikan oleh web browser, sehingga mereka adalah elemen HTML nyaman untuk digunakan dengan itemprop .

Search engine sekarang dapat memahami tidak hanya itu http://www.avatarmovie.com adalah URL, tetapi juga bahwa itu adalah URL untuk trailer untuk film fiksi ilmiah Avatar, yang disutradarai oleh James Cameron.

Kembali ke atas
1d. Item tertanam

Kadang-kadang nilai suatu barang milik sendiri bisa item lain dengan mengatur sendiri sifat. Sebagai contoh, kita dapat menentukan bahwa sutradara film adalah item Orang tipe dan Person memiliki sifat nama dan tanggal lahir . Untuk menetapkan bahwa nilai properti adalah item lain, Anda mulai baru itemscope segera setelah sesuai itemprop .
<div itemscope ItemType ="http://schema.org/Movie"> <H1 itemprop = "nama" &g; Avatar </ h1> <Div itemprop = "sutradara" itemscope ItemType = "http://schema.org/Person" > Direktur: <span itemprop="name"> James Cameron </ span> (kelahiran <span itemprop="birthDate"> 16 Agustus 1954) </ span> </ Div> <span itemprop="genre"> Fiksi ilmiah </ span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer"> Trailer </ a> </ Div>


Kembali ke atas
2. Menggunakan kosakata schema.org
2a. jenis dan sifat schema.org

Tidak semua halaman web tentang film dan orang-di samping jenis Film dan Orang diuraikan dalam bagian 1, schema.org menggambarkan berbagai jenis barang lainnya, yang masing-masing telah menetapkan sendiri sifat yang dapat digunakan untuk menggambarkan barang.

Terluas jenis item adalah Hal , yang memiliki empat sifat: nama , keterangan , url , dan gambar . Jenis yang lebih spesifik berbagi properti dengan jenis yang lebih luas. Misalnya, tempat adalah jenis yang lebih spesifik Hal, dan LocalBusiness adalah jenis yang lebih spesifik Place. Item lebih spesifik mewarisi sifat induknya. (Sebenarnya, LocalBusiness adalah jenis yang lebih spesifik Tempat dan jenis yang lebih spesifik Organisasi, sehingga mewarisi sifat dari kedua jenis induk.)

Berikut satu set jenis item yang umum digunakan:
Karya kreatif: CreativeWork , Buku , Film , MusicRecording , Resep , tvseries ...
Tertanam benda-benda non-text: AudioObject , ImageObject , VideoObject
Peristiwa
Organisasi
Orang
Tempat , LocalBusiness , Restaurant ...
Produk , Penawaran , AggregateOffer
Ulasan , AggregateRating

Anda juga dapat melihat daftar lengkap semua jenis barang , yang terdaftar pada satu halaman.

Kembali ke atas
2b. Jenis Diharapkan, teks, dan URL

Berikut adalah beberapa catatan yang perlu diingat saat menambahkan markup schema.org ke halaman web Anda.
Lebih baik, kecuali untuk teks tersembunyi. Secara umum, semakin banyak konten yang Anda mark up, semakin baik. Namun, sebagai aturan umum, Anda harus mark up hanya konten yang dapat dilihat oleh orang-orang yang mengunjungi halaman web dan tidak konten dalam div tersembunyi atau elemen halaman tersembunyi lainnya.
Jenis Diharapkan vs teks. Saat browsing jenis schema.org, Anda akan melihat bahwa banyak properti menetapkan "tipe yang diharapkan".Ini berarti bahwa nilai properti itu sendiri dapat menjadi item tertanam (lihat bagian 1d: item embedded). Tapi ini bukan keharusan-itu baik-baik saja untuk memasukkan teks hanya biasa atau URL. Selain itu, setiap kali tipe diharapkan ditentukan, juga baik untuk menanamkan item yang merupakan jenis anak dari jenis yang diharapkan. Misalnya, jika jenis yang diharapkan adalah Place, itu juga OK untuk menanamkan LocalBusiness a.
Menggunakan properti url. Beberapa halaman web tentang barang tertentu. Sebagai contoh, Anda mungkin memiliki halaman web tentang satu orang, yang bisa Anda mark up menggunakan jenis item Person. Halaman lain memiliki koleksi item yang dijelaskan pada mereka. Sebagai contoh, situs perusahaan Anda bisa memiliki halaman daftar karyawan, dengan link ke halaman profil untuk setiap orang. Untuk halaman seperti ini dengan koleksi item, Anda harus mark up setiap item secara terpisah (dalam hal ini sebagai rangkaian Orang) dan menambahkan properti url ke link ke halaman yang sesuai untuk setiap item, seperti ini:

<div itemscope itemtype="http://schema.org/Person"> <A href = "alice.html" itemprop = "url" > Alice Jones </ a> </ Div> <div itemscope itemtype="http://schema.org/Person"> <A href = "bob.html" itemprop = "url" > Bob Smith </ a> </ Div>

Kembali ke atas
2c. Pengujian markup Anda

Sama seperti web browser sangat penting untuk menguji perubahan tata letak halaman web Anda, dan compiler kode penting untuk kode Anda menulis pengujian, Anda juga harus menguji markup schema.org Anda untuk memastikan itu diterapkan dengan benar. Google menyediakan potongan kaya alat uji, yang dapat Anda gunakan untuk menguji markup Anda dan mengidentifikasi kesalahan apapun.
3. Topik lanjutan: versi mesin-dimengerti informasi

Banyak halaman dapat digambarkan dengan menggunakan hanya itemscope , ItemType , dan itemprop atribut (dijelaskan di bagian 1) bersama dengan jenis dan sifat didefinisikan pada schema.org (dijelaskan dalam bagian 2).

Namun, terkadang properti item sulit bagi mesin untuk memahami tanpa disambiguasi tambahan. Bagian ini menjelaskan bagaimana Anda dapat memberikan versi mesin-dimengerti informasi ketika menandai halaman Anda.
Tanggal, waktu, dan durasi: menggunakan waktu dengan tag datetime
Mantri dan referensi kanonik: gunakan tautan tag dengan href
Hilang Informasi / implisit: gunakan meta tag dengan konten .

Kembali ke atas
3a. Tanggal, waktu, dan durasi: menggunakan tag waktu dengan datetime

Tanggal dan waktu bisa sulit bagi mesin untuk memahami. Pertimbangkan tanggal "04/01/11". Apakah ini berarti 11 Januari 2004? 4 Januari 2011?Atau April 1, 2011? Untuk membuat tanggal ambigu, gunakan waktu tag bersama dengan datetime atribut. Nilai dari datetime atribut tanggal yang ditentukan dengan menggunakan YYYY-MM-DD Format. Kode HTML di bawah menentukan tanggal jelas sebagai April 1 Januari 2011.<time datetime="2011-04-01"> 04/01/11 </ waktu>


Anda juga dapat menentukan waktu dalam sehari, menggunakan jj: mm atau jj: mm: ss Format. Kali diawali dengan huruf T dan dapat disediakan bersama dengan tanggal, seperti ini:<time datetime="2011-05-08T19:30"> 8 Mei 7:30 pm </ waktu>


Mari kita melihat ini dalam konteks. Berikut ini beberapa HTML menggambarkan konser berlangsung pada 8 Mei 2011. Event markup termasuk nama acara, deskripsi, dan tanggal acara
<Div itemscope ItemType = "http://schema.org/Event" > <Div itemprop = "Nama" > Spinal Tap </ div> <Rentang itemprop = "description" > Salah satu band paling keras yang pernah reuni untuk yang tak terlupakan dua hari pertunjukan. </ span> Tanggal Acara: <time itemprop="startDate" datetime="2011-05-08T19:30"> 8 Mei 7:30 pm </ waktu> </ div>


Jangka waktu dapat ditentukan dengan cara analog menggunakan waktu tag dengan datetime atribut. Jangka waktu yang diawali dengan huruf P(singkatan dari "periode"). Berikut adalah bagaimana Anda dapat menentukan waktu resep masak dari 1 ½ jam:<Waktu itemprop = "cookTime" datetime = "PT1H30M" > 1 1/2 jam </ waktu>


H digunakan untuk menunjuk jumlah jam, dan M digunakan untuk menunjuk jumlah menit.

Tanggal, waktu, durasi dan standar yang ditentukan oleh tanggal / waktu standar ISO 8601 .

Kembali ke atas
3b. Mantri dan referensi kanonik: gunakan link dengan href
Mantri

Beberapa properti dapat mengambil hanya terbatas nilai yang mungkin. Programmer sering menyebutnya "enumerations." Sebagai contoh, sebuah toko online dengan item untuk dijual bisa menggunakan Penawaran jenis item untuk menentukan rincian tawaran tersebut. The ketersediaan properti biasanya dapat memiliki salah satu dari hanya beberapa kemungkinan nilai- Dalam saham , Habis stok , Pre-order , dan sebagainya. Sama seperti jenis barang ditetapkan sebagai URL, nilai yang mungkin untuk pencacahan pada schema.org juga dapat ditetapkan sebagai URL.

Berikut ini adalah item untuk dijual, ditandai dengan jenis dan sifat Penawaran yang relevan:
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name"> Blend-O-Matic </ span> <span itemprop="price"> $ 19,95 </ span> <span itemprop="availability"> Tersedia hari ini! </ span> </ Div>


Dan di sini adalah item yang sama, tetapi menggunakan tautan dan href untuk tegas menentukan ketersediaan sebagai salah satu nilai yang diijinkan:
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name"> Blend-O-Matic </ span> <span itemprop="price"> $ 19,95 </ span> <link itemprop="availability" href="http://schema.org/InStock"/> Tersedia hari ini! </ Div>


Schema.org memberikan mantri untuk beberapa sifat-biasanya di mana pun ada sejumlah nilai-nilai khas untuk sebuah properti, ada pencacahan sesuai yang ditentukan dalam schema.org. Dalam kasus ini, nilai yang mungkin untuk ketersediaan ditentukan dalam ItemAvailability .
Referensi Canonical

Biasanya, link yang ditentukan dengan menggunakan <a> elemen. Sebagai contoh, link HTML berikut ke halaman Wikipedia untuk Catcher in the Rye buku.
<div itemscope itemtype="http://schema.org/Book"> <span itemprop="name"> The Catcher in the Rye </ span> - oleh <span itemprop="author"> JD Salinger </ a> Berikut adalah buku <a itemprop = "url" href = "http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye"> Halaman Wikipedia </ a>. </ Div>


Seperti yang Anda lihat, itemprop = "url" dapat digunakan untuk menentukan link ke halaman di situs lain (dalam hal ini Wikipedia) membahas item yang sama. Link ke situs pihak ke-3 dapat membantu mesin pencari untuk lebih memahami item yang Anda gambarkan pada halaman web Anda.

Namun, Anda mungkin tidak ingin menambahkan link terlihat pada halaman Anda. Dalam hal ini, Anda dapat menggunakan penghubung elemen sebaliknya, sebagai berikut:
<div itemscope itemtype="http://schema.org/Book"> <span itemprop="name"> The Catcher in the Rye </ span> - <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /> oleh <span itemprop="author"> JD Salinger </ span> </ Div>


Kembali ke atas
3c. Hilang Informasi / implisit: gunakan meta tag dengan konten

Kadang-kadang, sebuah halaman web memiliki informasi yang mungkin berguna untuk mark up, tetapi informasi tidak dapat ditandai karena cara itu muncul pada halaman. Informasi dapat disampaikan dalam sebuah gambar (misalnya, gambar yang digunakan untuk mewakili peringkat 4 dari 5) atau objek Flash (misalnya, durasi klip video), atau mungkin tersirat tetapi tidak dinyatakan secara eksplisit pada halaman (misalnya, mata uang harga).

Dalam kasus ini, gunakan meta tag bersama dengan isi atribut untuk menentukan informasi. Pertimbangkan contoh ini-gambar menunjukkan pengguna 4 dari 5 rating bintang:
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name"> Blend-O-Matic </ span> <span itemprop="price"> $ 19,95 </ span> <img src="four-stars.jpg" /> Berdasarkan 25 peringkat pengguna </ Div>


Berikut ini adalah contoh lagi dengan informasi rating mark up.
<div itemscope itemtype="http://schema.org/Offer"> <span itemprop="name"> Blend-O-Matic </ span> <span itemprop="price"> $ 19,95 </ span> <Div itemprop = "ulasan" itemscope ItemType = "http://schema.org/AggregateRating" > <img src="four-stars.jpg" /> <meta itemprop="ratingValue" content="4" /> <meta itemprop="bestRating" content="5" /> Berdasarkan <rentang itemprop = "ratingCount" > 25 peringkat </ span> pengguna </ Div> </ Div>

Teknik ini harus digunakan dengan hemat. Hanya gunakan meta dengan konten untuk informasi yang sebaliknya tidak dapat ditandai up.

Kembali ke atas
3d. Memperluas schema.org



Kebanyakan situs dan organisasi tidak akan memiliki alasan untuk memperpanjang schema.org. Namun, schema.org menawarkan kemampuan untuk menentukan sifat tambahan atau sub-jenis untuk jenis yang ada. Jika Anda menarik dalam melakukan ini, membaca lebih lanjut tentang mekanisme ekstensi schema.org .

Tags:

0 Responses to “Seo Google schema.org”

Posting Komentar

Template information

Subscribe

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio. Duis mollis

© 2013 Premium Tubagus. All rights reserved.
Designed by SpicyTricksPublished by satu-delapan