• 홈페이지
  • 조항
  • 일반적인
  • WordPress 사이트 링크 검색 상자 JSON-LD 스키마를 확인하는 방법은 무엇입니까? 검색 페이지 URL 팁 수정

WordPress 사이트 링크 검색 상자 JSON-LD 스키마를 확인하는 방법은 무엇입니까? 검색 페이지 URL 팁 수정

게시 됨: 2020-04-25

Google - 페이지가 리치 결과에 적합함

Google은 기본적으로 Sitelinks search box 을 지원합니다. 그러나 WordPress 사이트에서 올바른 방법으로 설정되어 있는지 확인해야 합니다.

사이트링크 검색창이란 무엇입니까?

아래에서 볼 수 있듯이 사이트링크 검색창은 사용자가 모든 용어를 매우 빠르게 검색할 수 있도록 도와주는 검색창입니다.

그들은 검색을 위해 귀하의 사이트에 갈 필요가 없습니다. 결과는 Google 검색 결과 페이지(SERP) 자체에 나타납니다.

사용자에게 실시간 검색 제안을 제공합니다.

사이트링크 검색창 URL

오늘 Crunchify에서 몇 가지 다른 문제를 살펴보는 동안 사이트링크 검색 상자가 broken 것을 발견했습니다.

시간이 좀 걸렸지만 Crunchify에서 사이트링크 검색창 URL을 수정했습니다. 모든 Crunchify 독자와 동일한 팁을 공유하고 싶습니다.

1 단계. SEO 워드프레스 플러그인 설치

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 단계. 사이트링크 검색 URL 확인

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을 교체하고 업데이트합니다.

업데이트된 URL은 다음과 같습니다.

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

4단계. 몇 주 동안 기다리십시오

이제 몇 주 동안 기다렸다가 Google 검색 결과 페이지에서 결과를 다시 확인해야 합니다. 실시간 결과를 확인하세요. 2020년 4월 24일에 변경했으며 Google은 그 직후 URL 변경을 인식하기 시작했습니다.

다음은 URL입니다: https://search.google.com/search-console/sitelinks-searchbox. 속성을 선택하면 결과가 표시됩니다.

사이트링크 검색창 JSON-LD 스키마가 유효한지 확인하세요.

다음은 Crunchify Sitelink 검색 결과의 예입니다.

Crunchify 사이트링크 검색결과

자세한 내용은 다음과 같습니다.

이 튜토리얼이 JSON-LD Google 사이트링크 검색창 스키마 마크업에 대한 문제를 해결하는 데 도움이 되기를 바랍니다. 행복한 블로깅.