• Beranda
  • Artikel
  • Umum
  • Bagaimana cara memvalidasi kotak pencarian tautan situs WordPress Skema JSON-LD? Ubah Tips URL Halaman Pencarian

Bagaimana cara memvalidasi kotak pencarian tautan situs WordPress Skema JSON-LD? Ubah Tips URL Halaman Pencarian

Diterbitkan: 2020-04-25

Google - Halaman memenuhi syarat untuk hasil kaya

Google secara default mendukung Sitelinks search box . Tetapi kita perlu memastikan bahwa cara penyiapannya benar di situs WordPress.

Apa itu kotak pencarian Sitelinks?

Seperti yang Anda lihat di bawah, kotak pencarian Sitelink adalah kotak pencarian yang membantu pengguna untuk mencari istilah apapun dengan cara yang sangat cepat.

Mereka tidak harus pergi ke situs Anda untuk mencari. Hasil muncul di Halaman Hasil Pencarian Google (SERP) itu sendiri.

Ini memberi pengguna saran pencarian real-time.

URL Kotak Pencarian Tautan Situs

Hari ini di Crunchify, saat melihat beberapa masalah lain, kami menemukan bahwa kotak pencarian Sitelinks kami broken .

Butuh beberapa waktu tetapi kami memperbaiki URL Kotak Pencarian Sitelinks di Crunchify. Saya ingin berbagi tips yang sama dengan semua pembaca Crunchify.

Langkah 1. Instal plugin SEO WordPress

Pastikan Anda telah menginstal plugin Yoast SEO WordPress. Semua dalam Satu Paket SEO juga mendukung JSON-LD dan dukungan kotak Pencarian Tautan Situs secara default.

Kami menggunakan yang sama sejak beberapa tahun terakhir dan sejauh ini bagus. Secara default, plugin Yoast SEO menambahkan JSON-LD schema markup di setiap halaman Anda. Cukup aktifkan plugin dan Anda siap mengharapkan halaman pencarian kustom Anda.

Apa itu JSON-LD?

JSON-LD adalah singkatan dari JavaScript Object Notation for Linked Data , yang terdiri dari array multi-dimensi).

Berikut adalah contoh JSON-lD dari home page Crunchify :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
"@context" : "https://schema.org" ,
"@graph" : [ {
"@type" : "WebSite" ,
"@id" : "https://crunchify.com/#website" ,
"url" : "https://crunchify.com/" ,
"name" : "Crunchify" ,
"inLanguage" : "en-US" ,
"description" : "Largest free Technical and Blogging resource site for Beginner. We help clients transform their great ideas into reality!" ,
"potentialAction" : [ {
"@type" : "SearchAction" ,
"target" : "https://crunchify.com/search/?q={search_term_string}" ,
"query-input" : "required name=search_term_string"
} ]
} , {
"@type" : "CollectionPage" ,
"@id" : "https://crunchify.com/#webpage" ,
"url" : "https://crunchify.com/" ,
"name" : "Crunchify \u2022 Largest free Technical and Blogging resource site for Beginner. We help clients transform their great ideas into reality!" ,
"isPartOf" : {
"@id" : "https://crunchify.com/#website"
} ,
"inLanguage" : "en-US" ,
"description" : "Largest free Technical, Blogging resource site for Beginners. We help clients transform their great ideas into reality!"
} ]
}

Berikut adalah contoh JSON-LD pada contoh blog post :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
{
"@context" : "https://schema.org" ,
"@graph" : [ {
"@type" : "WebSite" ,
"@id" : "https://crunchify.com/#website" ,
"url" : "https://crunchify.com/" ,
"name" : "Crunchify" ,
"inLanguage" : "en-US" ,
"description" : "Largest free Technical and Blogging resource site for Beginner. We help clients transform their great ideas into reality!" ,
"potentialAction" : [ {
"@type" : "SearchAction" ,
"target" : "https://crunchify.com/search/?q={search_term_string}" ,
"query-input" : "required name=search_term_string"
} ]
} , {
"@type" : "ImageObject" ,
"@id" : "https://crunchify.com/step-by-step-guide-to-enable-https-or-ssl-correct-way-on-apache-tomcat-server-port-8443/#primaryimage" ,
"inLanguage" : "en-US" ,
"url" : "https://cdn.crunchify.com/wp-content/uploads/2020/04/Apache-tomcat-running-on-port-8443-over-HTTPS.png" ,
"width" : 1261 ,
"height" : 451 ,
"caption" : "Apache tomcat running on port 8443 over HTTPS"
} , {
"@type" : "WebPage" ,
"@id" : "https://crunchify.com/step-by-step-guide-to-enable-https-or-ssl-correct-way-on-apache-tomcat-server-port-8443/#webpage" ,
"url" : "https://crunchify.com/step-by-step-guide-to-enable-https-or-ssl-correct-way-on-apache-tomcat-server-port-8443/" ,
"name" : "Step by Step guide to Enable HTTPS or SSL correct way on Apache Tomcat Server - Port 8443 \u2022 Crunchify" ,
"isPartOf" : {
"@id" : "https://crunchify.com/#website"
} ,
"inLanguage" : "en-US" ,
"primaryImageOfPage" : {
"@id" : "https://crunchify.com/step-by-step-guide-to-enable-https-or-ssl-correct-way-on-apache-tomcat-server-port-8443/#primaryimage"
} ,
"datePublished" : "2020-04-24T06:08:30+00:00" ,
"dateModified" : "2020-04-24T17:44:01+00:00" ,
"author" : {
"@id" : "https://crunchify.com/#/schema/person/b40f3806c0a1ef3372253a9198e0562f"
} ,
"description" : "It's been almost 12 years I started using Apache Tomcat. I believe when I did my 1st under grade project, it was on Tomcat version 1.x. Now it's already" ,
"potentialAction" : [ {
"@type" : "ReadAction" ,
"target" : [ "https://crunchify.com/step-by-step-guide-to-enable-https-or-ssl-correct-way-on-apache-tomcat-server-port-8443/" ]
} ]
} , {
"@type" : [ "Person" ] ,
"@id" : "https://crunchify.com/#/schema/person/b40f3806c0a1ef3372253a9198e0562f" ,
"name" : "App Shah" ,
"image" : {
"@type" : "ImageObject" ,
"@id" : "https://crunchify.com/#authorlogo" ,
"inLanguage" : "en-US" ,
"url" : "https://secure.gravatar.com/avatar/d8c1b220ca438566d5e5d0e70be7ef5e?s=96&d=mm&r=g" ,
"caption" : "App Shah"
} ,
"description" : "I'm an Engineer by profession, Blogger by passion & Founder of Crunchify, LLC, the largest free blogging & technical resource site for beginners. Love SEO, SaaS, #webperf, WordPress, Java. With over <a href=\"https://crunchify.com/advertise/\" target=\"_blank\" rel=\"noopener noreferrer\">16 millions+</a> pageviews/month, Crunchify has changed the life of over thousands of individual around the globe teaching Java & Web Tech for FREE. Get latest update on <a target=\"_blank\" href=\"https://www.facebook.com/Crunchify\" class=\"crunchify-social-icon-facebook\" rel=\"noopener noreferrer\"><i class=\"fab fa-facebook\" style=\"margin: 0px 5px\"></i></a> and <a target=\"_blank\" href=\"https://twitter.com/Crunchify\" class=\"crunchify-social-icon-twitter\" rel=\"noopener noreferrer\"><i class=\"fab fa-twitter\" style=\"margin: 0px 0px 0px 5px;\"></i></a>.\r\n\r\n<div style=\"clear:both\"></div>" ,
"sameAs" : [ "https://facebook.com/Crunchify" , "https://twitter.com/Crunchify" ]
} ]
}

Langkah 2. Validasi URL pencarian Tautan Situs

Pastikan Anda memiliki correct Sitelinks search URL yang ditentukan. Baris 10 hingga 14 disorot dalam kode di atas. Silakan periksa.

Secara default, Yoast SEO menambahkan URL di bawah ini.

  • "target": "https://crunchify.com/?s={search_term_string}"

Note: Jika Anda belum mengatur pencarian Google Custom maka Anda baik-baik saja. Anda tidak perlu mengubah apa pun. Tetapi saya akan menyarankan untuk menggunakan penyiapan hasil Google Custom Search berdasarkan pengalaman 6 tahun terakhir . Pengalaman pengguna dan kualitas hasil penelusuran jauh lebih baik daripada Google Penelusuran default.

Langkah-3. Ubah URL pencarian target

Di Crunchify, kami menggunakan pengaturan Google Custom Search. Dan karenanya URL target default tidak akan berfungsi untuk kami.

URL pencarian kustom kami adalah:

  • https://crunchify.com/search/?q=java

Bagaimana cara mengubah URL di markup skema Yoast SEO?

Tambahkan cuplikan kode di bawah ini ke file functions.php tema Anda dan simpan perubahan.

1
2
3
4
5
// Yoast - change ld+json search url
function crunchify_change_json_ld_search_url ( ) {
return trailingslashit ( home_url ( ) ) . 'search/?q={search_term_string}' ;
}
add_filter ( 'wpseo_json_ld_search_url' , 'crunchify_change_json_ld_search_url' ) ;

Cuplikan kode ini akan menggantikan dan memperbarui URL Penelusuran yang benar untuk Anda:

Berikut adalah URL yang diperbarui:

  • "target": "https://crunchify.com/search/?q={search_term_string}"

Langkah-4. Tunggu beberapa minggu

Sekarang saatnya menunggu beberapa minggu dan periksa kembali hasil di Halaman Hasil Pencarian Google. Lihat hasil langsung. Kami membuat perubahan pada 24 April 2020 dan Google mulai mengenali perubahan URL segera setelah itu.

Berikut adalah URL: https://search.google.com/search-console/sitelinks-searchbox. Pilih properti dan Anda akan melihat hasilnya.

Pastikan Kotak Pencarian Sitelinks Skema JSON-LD valid

Berikut adalah contoh hasil pencarian Crunchify Sitelink.

Hasil pencarian tautan situs Crunchify

Berikut adalah rincian lebih lanjut:

Semoga tutorial ini akan membantu Anda memperbaiki masalah apa pun yang mungkin Anda miliki untuk markup skema kotak pencarian Google Sitelinks JSON-LD. Selamat ngeblog.