<link ref="canonical" href="..." /> 설정하기 (DISQUS config 활용)

m.logPrint() is working!

<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].

docuK1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.

Table of Contents is filled out.

Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.

<cite> and <refer> tags are rendered to show bubble reference.

<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.


Current styles (dark/bright mode, font-family, font-size, line-height) are shown.

disqus.js with id="disqus-js" is loaded.

kakao.js with id="kakao-js-sdk" is loaded.

New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.

m.delayPad=512;
m.wait=1024;
wait 1358ms.

▼ Hide

Toggle a mess

Go (FS)

TofC

DocuK Log

Backward

Forward

RRA

Lists

CmtZ

CmtX

Handle CmtZ

Log in

▲

Go: Fuzzy search

out focus

[--The following is copied!--]

이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ. (If this article was helpful, please click the ad once. Thank you. ;)

Dark Bright

Mode: Bright; Font: Noto Sans KR; font-size: 18.0px (10.0); line-height: 1.6;
width: 1280, height: 720, version: 3.1.1
Canonical URI: https://kipid.tistory.com/entry/link-ref-canonical-href-설정하기-DISQUS-config-활용
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/291
document.referrer: Empty

This document is rendered by docuK (See also SEE (Super Easy Edit) of docuK and pure SEE).

<link ref="canonical" href="..." /> 설정하기 (DISQUS config 활용)

<link ref="canonical" href="..." /> setting by using DISQUS config (window.disqus_config function).

For SEO (Search Engine Optimization), link ref="canonical" tag is important

[01]

Ref. [01] 구글 검색 센터 :: rel="canonical" 및 다른 메서드로 표준 URL을 지정하는 방법

[02]

Ref. [02] yoast.com :: rel=canonical: the ultimate guide, 2023-03-22

.

출처:

[02]

Ref. [02] yoast.com :: rel=canonical: the ultimate guide, 2023-03-22

:: When you have several choices for a product’s URL, canonicalization is the process of picking one of them. Luckily, it will be obvious in many cases: one URL will be a better choice than the others. But in some cases, it might not be as obvious. This is nothing to worry about. Even then, just pick one! Not canonicalizing your URLs is always worse than canonicalizing the “wrong one”.

TPH1.Posting History

▼ Show/Hide

• 2023-10-25 : First posting.

▲ Hide

Table of Contents

PH1.Posting History

1.Using DISQUS setup - window.disqus_config function

1.1.DISQUS setup

1.2.Retrieving this.page.url from window.disqus_config (function)

2.Just use SEE (Super Easy Edit) of docuK

RRA1.References and Related Articles

T1.Using DISQUS setup - window.disqus_config function

▼ Show/Hide

T1.1.DISQUS setup

DISQUS 는 댓글 위젯을 제공하면서 다음과 같은 setting 을 각 페이지마다 하라고 요구한다.

/**
 *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
 *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
**/
window.disqus_config=function () {
	this.page.identifier="pure-SEE"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
	this.page.url=`https://kipid.tistory.com/entry/${this.page.identifier}`; // Replace PAGE_URL with your page's canonical URL variable
};

약간은 생소한 function 형태인데, 여기서 어떻게 this.page.url 을 뽑아내고 <link ref="canonical" href="..." /> 에 적용시킬 수 있을지 알아보자.

T1.2.Retrieving this.page.url from window.disqus_config (function)

그냥 function 을 call 하는게 아니라 apply 를 써서 JSON object 에 function 을 묶어주는 방법을 쓰면 this.page.url 을 뽑아낼 수 있다.

window.m=window.m||{};
m.disqusVars={page:{}};
window.disqus_config.apply(m.disqusVars); // 이렇게 호출하면 m.disqusVars 에서 function 을 call 하는 형태가 되어서 page variable 을 가지는 JSON object 가 들어가서 error 없이 잘 동작한다.

$('link[rel="canonical"]').remove();
	// 우선 이미 link tag with rel="canonical" 가 있다면 모두 지워주자.

($("head")||$("#docuK-style")).append(`<link rel="canonical" href="${m.disqusVars.page.url}" />`);
	// 그리고 canonical url 을 지정해줘서 Search Engine 들이 여러 url 을 갖지만 동일한 contents 를 가르키는 하나의 canonical url 로 검색 결과를 유도하도록 만들자.

m.disqusVars.page.url; // 이와 같이 url 을 뽑아낼 수 있다. 이건 ChatGPT 도 잘 답변 못해주는... 역시 아직은 인간이 더 똑똑한듯? 곧 이 글 통해서 ChatGPT 가 배우긴 할테지만서도ㅋ.

▲ Hide

T2.Just use SEE (Super Easy Edit) of docuK

▼ Show/Hide

이런 복잡한 과정을 거치면서 힘겹게 글을 작성하기 싫다면, 제가 만든 MarkDown 언어인 SEE of docuK

[03]

Ref. [03] Super Easy Edit (SEE) of docuK: 사용 설명서 (Manual | Documentation | Tutorial).

를 사용해 보시길...

▲ Hide

TRRA1.References and Related Articles

▼ Show/Hide

1. Ref. [01] 구글 검색 센터 :: rel="canonical" 및 다른 메서드로 표준 URL을 지정하는 방법
2. Ref. [02] yoast.com :: rel=canonical: the ultimate guide, 2023-03-22
3. Ref. [03] Super Easy Edit (SEE) of docuK: 사용 설명서 (Manual | Documentation | Tutorial).

▲ Hide

이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ. (If this article was helpful, please click the ad once. Thank you. ;)