• 主頁
  • 文章
  • 一般的
  • 如何驗證 WordPress 附加鏈接搜索框 JSON-LD 架構？ 修改搜索頁面 URL 提示

如何驗證 WordPress 附加鏈接搜索框 JSON-LD 架構？ 修改搜索頁面 URL 提示

已發表: 2020-04-25

Google - 頁面有資格獲得富媒體搜索結果

Google 默認支持Sitelinks search box 。 但我們需要確保它在 WordPress 網站上設置正確。

什麼是附加鏈接搜索框？

正如您在下面看到的，附加鏈接搜索框是一個搜索框，可以幫助用戶非常快速地搜索任何字詞。

他們不必去您的網站進行搜索。 結果顯示在 Google 搜索結果頁面 (SERP) 本身上。

它為用戶提供實時搜索建議。

附加鏈接搜索框網址

今天在 Crunchify 上，在查看其他一些問題時，我們發現我們的附加鏈接搜索框已broken 。

這需要一些時間，但我們修復了 Crunchify 上的附加鏈接搜索框 URL。 我想與所有 Crunchify 讀者分享相同的技巧。

第1步。 安裝 SEO WordPress 插件

確保您已安裝 Yoast SEO WordPress 插件。 默認情況下，多合一 SEO 包還支持 JSON-LD 和附加鏈接搜索框。

自過去幾年以來，我們一直在使用相同的方法，到目前為止還不錯。 默認情況下，Yoast SEO 插件會在您的每個頁面上添加JSON-LD schema markup 。 只需激活插件，您就可以期待您的自定義搜索頁面。

什麼是 JSON-LD？

JSON-LD 代表JavaScript Object Notation for Linked Data ，由多維數組組成）。

這是來自 Crunchify home page的 JSON-lD 示例：

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!"
} ]
}

以下是示例blog post中的 JSON-LD 示例：

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" ]
} ]
}

第2步。 驗證附加鏈接搜索網址

確保您指定了correct Sitelinks search URL 。 第 10 到 14 行在上面的代碼中突出顯示。 請仔細檢查。

默認情況下，Yoast SEO 添加以下 URL。

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

Note:如果您尚未設置 Google 自定義搜索，那麼您就可以了。 你不必修改任何東西。 但我建議根據過去 6 年的經驗使用 Google 自定義搜索結果設置。 用戶體驗和搜索結果質量比默認的 Google 搜索要好得多。

步驟 3。 更改目標搜索 URL

在 Crunchify 上，我們使用的是 Google 自定義搜索設置。 因此默認目標 URL 對我們不起作用。

我們的自定義搜索 URL 是：

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

如何更改 Yoast SEO 架構標記中的 URL？

將以下代碼片段添加到主題的 functions.php 文件並保存更改。

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' ) ;

此代碼段將為您替換和更新正確的搜索 URL：

這是一個更新的網址：

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

第四步。 等幾個星期

現在是時候等待幾週並再次檢查 Google 搜索結果頁面中的結果了。 結帳實時結果。 我們於 2020 年 4 月 24 日進行了更改，此後 Google 立即開始識別 URL 更改。

這是一個 URL： https://search.google.com/search-console/sitelinks-searchbox。 選擇一個屬性，您應該會看到結果。

確保附加鏈接搜索框 JSON-LD 架構有效

這是 Crunchify Sitelink 搜索結果的示例。

壓縮附加鏈接搜索結果

以下是更多詳細信息：

希望本教程能幫助您解決 JSON-LD Google Sitelinks 搜索框架構標記可能遇到的任何問題。 快樂的博客。