검색 엔진의 방식대로 내 웹사이트 페이지 소스 코드 확인하기

Zaemit은 SSR (Server Side Rendering, 서버 사이드 렌더링)을 사용해 검색 엔진이 전체에서 페이지의 콘텐츠를 볼 수 있도록 합니다.

Zaemit은 검색 엔진 로봇에 최적화된 페이지의 전용 버전을 생성해 로봇이 크롤링, 메타 태그 확인, 필요한 정보를 추출할 수 있도록 했습니다.

마우스를 오른쪽 클릭한 후 소스 보기를 통해 해당 버전의 페이지 코드를 확인할 수 없습니다.

페이지 소스 코드를 확인하려면, 브라우저 설정에서 사용자 에이전트를 변경해야 합니다.

검색 엔진 로봇이 확인하는 페이지 소스 코드를 보려면: Google Chrome(구글 크롬)

1. Google Chrome에서 확인하고자 하는 웹페이지를 엽니다.

2. 웹페이지 빈 공간에서 마우스 우측 클릭 후 페이지 소스 보기(또는 소스보기)를 클릭합니다.

3. F12를 눌러 개발자 도구에 액세스합니다.

4. 오른쪽 상단에서

Customize and Control DevTools를 클릭합니다.

5. 드롭다운 메뉴에서 More Tools를 클릭합니다.

6. Network conditions을 클릭합니다.

7. User Agent 옆의 Select automatically 옵션 선택을 해제합니다.

8. 드롭다운 메뉴에서 Googlebot을 선택합니다.

9. 현재 소스페이지를 새로고침합니다.

검색 엔진 로봇이 확인하는 페이지 소스 코드를 보려면: Safari(사파리)

1. Safari에서 해당 페이지에 접속합니다.

2. 웹페이지 빈 공간에서 마우스 우측 클릭 후 페이지 소스 보기(또는 소스보기)를 클릭합니다.

3. 브라우저 메뉴에서 개발자용 탭을 추가합니다.

1) 상단 메뉴에서 Safari를 클릭합니다.

2) 환경설정을 클릭합니다.

3) 고급 탭을 클릭합니다.

4) 메뉴 막대에서 개발자용 메뉴 보기 상자를 선택합니다.

4. 상단에서 개발자용을 클릭합니다.

5. 사용자 에이전트에 마우스 오버한 후 다른 위치를 선택합니다.

6. 텍스트 상자에 다음 문자열을 붙여 넣습니다.

Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36

7. OK 를 클릭해 확인합니다. 페이지 보기가 자동으로 새로고침 됩니다.

도움말을 통해 문제를 해결하지 못하셨나요?
1:1 문의를 남겨주시면 빠르고 정확하게 도와드릴게요.