티스토리 2차 도메인 댓글 오류 수정 리다이렉트 코드 적용 방법

2차 도메인에서 댓글 입력 시 발생하는 로그인 오류는 1차 도메인 기준 세션 처리 때문이며, 2차 도메인에서 1차 도메인으로 자동 리다이렉트를 적용하면 사용자는 원활하게 댓글을 작성할 수 있고, UX 개선과 도메인 통일성 유지로 SEO에 영향 없이 문제를 해결할 수 있습니다.

2차 도메인 댓글 오류의 기술적 원인과 자동 리다이렉트 해결법

티스토리 블로그에서 2차 도메인을 사용 중이라면 댓글 오류가 발생할 수 있습니다. 댓글 입력 시 티스토리 블로그에 로그인 상태임에도 '로그인 에러'가 발생하는 경우입니다. 이 경우는 간단히 2차 도메인에서 1차 도메인으로 리다이렉트 해주게 되면 댓글 입력 시 불편함을 해소할 수 있습니다. 이는 티스토리의 인증 시스템이 주로 1차 도메인 기준으로 로그인 세션을 처리하기 때문에 발생하는 기술적 오류입니다.

이 문제를 해결하는 방법은 간단합니다. 2차 도메인에서 1차 도메인으로 리다이렉트하는 방법을 적용하면 댓글 작성 시 발생하는 로그인 오류를 쉽게 해결할 수 있습니다. 리다이렉트 기능을 활용하면, 사용자가 댓글을 작성하려 할 때 티스토리의 메인 도메인으로 이동하면서 댓글 작성이 원활하게 이루어지도록 하여 사용자 경험(UX)을 개선합니다.

댓글 리다이렉트 코드의 작동 원리 및 스크립트 설명

댓글 오류 해결을 위한 자바스크립트 리다이렉트 코드는 주로 두 가지 방식으로 구현됩니다: 사용자 클릭 버튼 방식과 댓글란 자동 클릭 방식입니다.

id="login-guide": 이 HTML 요소는 사용자에게 1차 도메인으로의 리다이렉트가 필요함을 안내하는 메시지를 표시하며, 클릭 시 리다이렉트 기능이 실행됩니다.
redirectToTistory() 함수: 이 자바스크립트 함수는 현재 페이지의 경로를 가져와 티스토리의 메인 도메인(1차 도메인)으로 리다이렉트합니다. 리다이렉트 후 사용자는 로그인 세션이 안정화된 상태에서 댓글을 남길 수 있습니다.

버튼을 활용한 댓글 리다이렉트 코드 (수동 방식)

사용자가 명시적으로 버튼을 클릭했을 때만 리다이렉트가 실행되는 방식입니다.

!-- 댓글 리다이렉트 안내 버튼 --
div id="login-guide" onclick="redirectToTistory()"
p티스토리 아이디로 댓글을 남기시려면/p
p여기를 눌러주세요!/p
/div
script type="text/javascript"
// redirectToTistory 함수 정의
function redirectToTistory() {
// 현재 페이지의 URL과 targetURL을 합쳐 새로운 URL을 생성
var targetURL = '1차 도메인 주소' + document.location.pathname + '#login-guide';
// 새로운 URL로 페이지를 리다이렉트 (302 임시 리다이렉트 효과)
window.location.href = targetURL;
}
/script

댓글란을 활용한 자동 리다이렉트 코드 (동적 방식)

댓글 입력 영역(`tt-cmt`)을 클릭하는 순간 자동 리다이렉트를 실행하여 사용자의 불편을 최소화합니다. 이 코드는 MutationObserver를 사용하여 댓글 영역이 동적으로 생성되는 것을 감지하는 고급 기법입니다.

script type="text/javascript"
var redirectionDone = false;
// ... (중략: MutationObserver 및 DOMContentLoaded 로직) ...
async function redirectToTistory() {
try {
const pcViewMetaTag = document.querySelector('meta[property="article:pc_view_url"]');
if (pcViewMetaTag) {
// 1차 도메인 추출 로직
const pcViewUrl = pcViewMetaTag.getAttribute('content');
const domainOnly = pcViewUrl.match(/^https?:\/\/[^\/]+/)[0];
const currentPath = window.location.pathname;
const targetURL = domainOnly + currentPath + '#login-guide';
window.location.href = targetURL; // 리다이렉트 실행
} else {
console.error('Meta tag not found');
}
} catch (error) {
console.error('Error during redirection:', error);
}
}
/script

2차도메인 댓글 오류시 댓글란을 클릭하면 자동으로 리다이렉트가 적용되는 코드 — 댓글을 작성하기 위해 댓글란을 클릭하면 자동으로 1차도메인으로 리다이렉트

댓글 오류 해결을 위한 코드 비교 및 SEO 영향

2차 도메인 댓글 오류를 해결하는 두 가지 방식의 리다이렉트 코드를 비교하고, 이 코드가 검색엔진 최적화에 미치는 영향을 분석합니다.

댓글 오류 해결을 위한 리다이렉트 코드 비교

구분	버튼 활용 방식 (수동)	댓글란 활용 방식 (자동)
UX (사용자 경험)	사용자가 클릭해야 리다이렉트 (명시적)	댓글란 클릭 시 즉시 리다이렉트 (자동화)
기술적 난이도	낮음 (간단한 HTML/JS)	높음 (DOM 관찰 및 동적 요소 처리)
SEO 영향	직접적인 영향 미미. UX 개선에 간접적 영향	UX 개선으로 이탈률 감소에 기여
주요 해결 문제	2차 도메인의 로그인 세션 인증 문제	2차 도메인의 로그인 세션 인증 문제

이러한 자바스크립트 기반 리다이렉트는 서버 측 301 영구 리다이렉트와 달리 302 임시 리다이렉트와 유사하게 동작합니다. SEO 관점에서 보면, 이는 페이지의 정상적인 색인 상태에 영향을 주지 않고 단지 사용자 편의성을 높이는 목적으로만 활용됩니다. 도메인 통일성은 Canonical 태그를 통해 유지되는 것이 정석적인 SEO 방법입니다.

Q2차 도메인 댓글 오류 해결을 위한 리다이렉트 코드가 SEO에 불리한 영향을 주지 않나요?

이 코드는 댓글 작성 시에만 일시적으로 (자바스크립트를 통한 302 유사 리다이렉트) 사용자 환경을 1차 도메인으로 전환합니다. 검색엔진 크롤러는 이 코드를 실행하지 않으므로 페이지의 색인 상태나 노출 순위에 직접적인 불이익을 주지 않습니다. 이는 순전히 사용자 경험을 위한 기술적 조치입니다.

2차 도메인 사용 시 Canonical 태그를 1차 도메인으로 설정하는 것이 댓글 오류 해결에 도움이 되나요?

Canonical 태그는 중복 콘텐츠 문제를 해결하여 SEO에 도움을 주지만, 댓글 오류와 같은 로그인 인증 세션 문제는 해결하지 못합니다. 댓글 오류는 티스토리의 내부 인증 시스템이 2차 도메인 환경에서 불안정할 때 발생하므로, 반드시 리다이렉트 스크립트와 같은 클라이언트 측 솔루션이 필요합니다.

1차 도메인 주소 대신 meta 태그를 이용해 자동으로 도메인을 가져오는 동적 코드를 사용하는 것이 더 안전한 SEO 점검 방법인가요?

meta 태그(`article:pc_view_url`)를 통해 1차 도메인을 동적으로 가져오는 방식은 나중에 1차 도메인이 변경되더라도 코드를 수정할 필요가 없어 유지보수 측면에서 더 효율적입니다. 이는 장기적인 관점에서 더 안정적인 기술적 SEO 방법이라고 볼 수 있습니다.

Daily Hub