Membuat Script JSON LD Website Untuk Stuktur Data Blogger
·
2 min read
·
Label
BlogSite
Sebua situs web atau "WebSite" adalah sekumpulan halaman web terkait dan item lainnya yang biasanya disajikan dari satu domain web dan dapat diakses melalui URL.
Skema WebSite diperkenalkan pada tahun 2011 oleh Google sebagai sarana untuk membantu mesin pencari menampilkan hasil yang relevan kepada pengguna dengan lebih akurat. Tidak seperti kita manusia, yang dapat memahami konteks pencarian data, mesin pencari tidak dapat melakukan ini. Mereka hanya dapat menampilkan hasil dari data terstruktur yang mereka baca di situs Anda.
Memiliki situs web online yang kuat sangat penting bagi bisnis dan individu. Namun, hanya memiliki situs web saja tidak cukup. Anda perlu memastikan mesin pencari memahami situs web Anda dan dapat menyajikannya secara efektif kepada pengguna yang mencari informasi yang relevan. Di sinilah struktur data WebSite berperan.
Dalam artikel schema markup ini kami akan membahas struktur data WebSite, mengapa itu penting, dan cara menerapkannya di situs web Blogger anda.
1. Apa itu Struktur Data WebSite?
Skema WebSite adalah markup data terstruktur yang dirancang untuk memberikan informasi terperinci tentang situs web Anda kepada mesin pencari. Biasanya ditemukan di beranda dan terkadang halaman lain, skema ini mencakup detail penting seperti URL situs web dan tindakan pencarian potensial yang dapat dilakukan pengguna.
Tujuan utamanya adalah membantu mesin pencari memahami struktur dan navigasi situs web Anda, yang mengarah pada peningkatan visibilitas mesin pencari dan pengindeksan yang lebih akurat.
Contohnya sederhananya seperti ini, misalkan nda dan teman-teman ingin memoto rusa di Kebun Raya Bogor, jadi Anda memasukkannya ke Google, tetapi yang bisa Anda dapatkan hanya tentang Kebun Raya Bogor! Google menganggap ini yang Anda inginkan, karena tidak ada konteks bahwa Anda menginginkan informasi tentang Rusa tersebut, bukan kebun rayanya!. Itulah pentingnya skema "WebSite" menjelaskan kepada mesin pencari tentang informasi yang ada di situs web anda.
Skema WebSite pada dasarnya adalah kata atau tag dalam "kosakata bersama" yang dapat digunakan oleh perusahaan pemasaran daring Anda untuk berbicara dengan mesin pencari seperti Google, Yandex ataupun Bing untuk menyediakan pencarian yang lebih baik. Situs web Schema.org menyediakan daftar "kosakata kode bersama" ini dalam format yang mudah digunakan yang disebut JSON LD dan Mikrodata. Ini kemudian dipisahkan ke dalam kategori yang berbeda dengan subkategori masing-masing.
2. Menerapkan Struktur Data "WebSite" di Blogger
Untuk menambahkan Skema Situs Web ke situs Anda, Anda perlu menulis markup Skema dan menambahkannya ke HTML situs web anda. Jika anda menggunakan Wordpress, proses pemasangan skema WebSite sangat mudah. Wordpress telah menyedikan banyak sekali plugin untuk memasukkan struktur data WebSite.
Namun, jika anda menggunaakn situs Blogger, agak sulit. Seperti kita ketahui, di Blogger tidak ada plugin untuk memasukkan struktur data schema.org. Jadi anda harus menulisnya secara manual dan setelah itu anda letakkan di struktur html template Blogger anda.
Berikut adalah contoh lengkap struktur data schema.org untuk "WebSite".
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"@id": "<data:view.url/>#website",
"url": "<data:view.url.canonical/>",
"name":"inchimedia.blogspot.com",
"alternateName": "Web HTTP HTTPS",
"headline": "Website Untuk Para Blogger Mania",
"inLanguage": "<data:blog.locale/>",
"license": "https://inchimedia.blogspot.com",
"description": "<data:blog.metaDescription/>",
"sourceOrganization": "Inchimediatama Nusantara",
"disambiguatingDescription": "Education Blog of Inchimediatama Nusantara",
"image": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDo6ylljwvU7hLVWRd9cIciBEO4sknBzOHQGECuvW5x8ZK6LuFj890M6HCZZM9j61NaqQU3DA1_SJZELqdtiIEdUejC9zkIf_lLDFFgR3dXAQ2l2lqadxk0waF_lYet5olTZX19oEbYHYJSMaBScwIACW1pGs3TtnR7ZCu7P_FqmzX61yUasXjXmPdC6l/s320/Logo%20Inchi%20copy.png",
"copyrightNotice":"Seluruh isi artikel pada blog ini dikeluarkan dan diterbitkan oleh Inchimediatama Nusantara",
"author": "Iwan Setiawan",
"additionalType": ["CreativeWork", "Person"],
"isFamilyFriendly": "http://schema.org/True",
"keywords":[
"Social Networking",
"social media",
"tutorials",
"Web",
"seo",
"blog",
"Tech",
"blogger",
"opengraph",
"json ld",
"schema",
"blogposting",
"markup",
"struktur data",
"google",
"console",
"index",
"template"
],
<b:if cond='data:post.thumbnailUrl'>
"thumbnailUrl": "<b:eval expr='data:post.thumbnailUrl'/>",
"thumbnail": "<b:eval expr='data:post.thumbnailUrl'/>",
<b:else/>
"thumbnail": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GWbrsQnqIs5yh18u2XuzdOSswiIxBtzXixSGmhFamQ_8RXRpfPqTJmKoB8aEYwc6BQkCp1Mo8Df9SgKkFB9u3DyPeGE-MOhDx-_xF284DbVJb_iiZDZCxS_isbSVquVMc2u6aBuGoobuHjK44LC3BCuxyJdu_DTbTqToPc3Ufh01GVU/s1600/no-image-available%20copy.jpg",
"thumbnailUrl": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3GWbrsQnqIs5yh18u2XuzdOSswiIxBtzXixSGmhFamQ_8RXRpfPqTJmKoB8aEYwc6BQkCp1Mo8Df9SgKkFB9u3DyPeGE-MOhDx-_xF284DbVJb_iiZDZCxS_isbSVquVMc2u6aBuGoobuHjK44LC3BCuxyJdu_DTbTqToPc3Ufh01GVU/s1600/no-image-available%20copy.jpg",
</b:if>
"accountablePerson": "Iwan Setiawan",
"archivedAt": "<b:eval expr='data:post.url path (data:post.date.year + (data:post.date.month lt 10 ? "/0" : "/") + data:post.date.month + "/")'/>",
"contributor": "Siti Umaroh",
"creator": "Iwan Setiawan and Siti Umaroh",
"dateCreated": "<data:post.date.iso8601/>",
"datePublished": "<data:post.date.iso8601/>",
"discussionUrl": "<b:eval expr='data:post.embedCommentForm ? data:post.url fragment "comments" : data:post.commentsUrl'/>",
"mainEntity": {
"@context": "http://schema.org",
"@type": "InternetCafe",
"@id": "<data:view.url/>#localbusiness",
"name": "WARNET DAPURNET"},
"potentialAction":
{
"@type": "SearchAction",
"@id": "<data:view.url.canonical/>#search",
"name":"<data:post.title.jsonEscaped/>",
"url": "<data:view.url.canonical/>",
"object": "<data:post.title.jsonEscaped/>",
"result": "<data:post.url.canonical/>",
"instrument": "<b:if cond='data:post.labels'><data:post.labels.first.name/></b:if>",
"agent": {
"@type": "Person",
"name": "<data:post.author.jsonEscaped/>"
},
"target": "<data:blog.searchUrl/>?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>Contoh script di atas, kami buat lengkap dan anda harus menjadikan script di atas sebagai panduan pembuatan skema "WebSite". Kenapa saya bilang lengkap. Bila anda coba searching di Google, jarang sekali atau bahkan tidak ada yang menulis script struktur data "WebSite" selengkap yang di atas.
Apakah struktur data "WebSite" di atas sudah bisa digunakan. Ya, namun masih ada yang kurang. Seperti kita ketahui, tiap struktur data saling berhubungan satu sama lain. Dalam praktiknya struktur data "WebSite" akan berhubungan dengan struktur data "WebPage". Silahkan baca artikel kami sebelumnya, tentang pembuatan struktur data WebPage.
Jadi pada stuktur data WebPage anda harus menambahkan isPartOF yang diarahkan ke struktur data WebSite. Berikut contohnya.
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebPage",
"@id": "<data:view.url/>#webpage",
"url": "<data:post.url.canonical/>",
"name": "<data:post.title.jsonEscaped/>",
"headline": "<data:post.title.jsonEscaped/>",
"isPartOf":
{"@type":"WebSite",
"@id": "<data:view.url/>#website"}
}
</script>Anda perhatikan script warna merah. Itu adalah skema website yang ada di skema WebPage. Bila anda sudah menulis struktur data seperti yang kami contohkan, struktur data anda sudah sangat lengkap. Satu dengan yang lainnya saling berhubungan.
Tunggu apalagi, jika anda sudah selesai membaca artikel kami, langsung saja terapkan struktur data WebSite di blogger anda. Bila anda bingung, silahkan tinggalkan pesan di kolam komentar atau bisa hubungi saya langsung. Mudah-mudahan saya bisa bantu anda untuk menyusun struktur data di Blogger.
Ingatlah bahwa contoh skema ini hanyalah setetes air di lautan. Lubang kelinci sangat dalam, dan bisa jadi menakutkan pada awalnya jika Anda benar-benar ingin mendalaminya. Hasilnya sepadan – dalam beberapa kasus, bahkan mungkin Anda membutuhkannya bukan untuk mengungguli pesaing, tetapi untuk tetap bersaing!
Semoga ikhtisar skema situs web dari atas ke bawah ini telah menggelitik minat Anda, dan memberi Anda gambaran umum tentang betapa bermanfaatnya memanfaatkan skema ini dalam upaya pemasaran online Anda. Ada beberapa hal teknis yang sengaja saya tinggalkan untuk menyederhanakan informasi, tetapi Anda dipersilakan untuk membaca lebih lanjut di sini, atau saksikan bulan depan saat saya menulis posting yang lebih teknis yang membahas topik ini lebih dalam.
Silahkan Berkomentar, Kakak...! Bunda...!
Posting Komentar