검색 엔진의 방식으로 페이지의 소스 코드 확인하기
2 분 분량
Wix 사이트는 서버 사이드 렌더링(SSR)을 사용해 페이지의 HTML을 방문자가 브라우저로 보는 버전으로 변환합니다.
브라우저의 설정 내에서 사용자 에이전트를 변경해 검색 엔진의 조회 방식으로 페이지의 소스 코드를 확인할 수 있습니다. 사용자 에이전트는 사용 중인 브라우저를 식별합니다. Googlebot과 같은 웹 크롤러를 사용자 에이전트로 선택하면 봇이 크롤링하는 콘텐츠를 확인할 수 있습니다.
다음 도움말을 참고하세요.
Google Chrome에서 페이지의 소스 코드 확인하기
Google Chrome의 개발자 도구를 사용해 검색 엔진의 방식으로 페이지의 소스 코드를 확인할 수 있습니다.
Google Chrome으로 소스 코드를 확인하려면:
- Google Chrome에서 사이트 내 원하는 페이지를 엽니다.
- 페이지의 소스 코드 보기를 엽니다.
- Windows: 마우스로 페이지를 오른쪽 클릭한 후 페이지 소스 보기를 (또는 소스 보기) 클릭합니다. 또는, 키보드에서 Ctrl + U 키를 누를 수 있습니다.
- Mac: 키보드에서 Cmd + Option + U를 누릅니다.
- 개발자 도구를 엽니다.
- Windows: 키보드에서 F12 키를 누릅니다.
- Mac: 키보드에서 Cmd + Option + I를 누릅니다.
- 오른쪽 상단의 DevTools 맞춤 설정 및 제어
아이콘을 클릭합니다.
- 도구 더보기에 마우스오버한 후 네트워크 조건을 클릭합니다.
![Google Chrome의 개발자 도구에서 추가 도구를 선택하기](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2022/10/17/2883013d-b806-4d02-be08-9c3285f9d577/fbacce51-b2b5-418f-adf7-75636bfbb3bb.jpg)
- 사용자 에이전트 아래에서 브라우저 기본값 사용을 선택 해제합니다.
- 드롭다운 메뉴에서 Googlebot을 선택합니다.
![Google Chrome에서 사용자 에이전트로 Googlebot을 선택하기](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2022/10/17/34348262-01d0-41eb-8538-7c5b87e27bdd/4158cc44-80a0-4545-811b-0c8a6d2c3f2e.jpg)
- 페이지를 새로고침합니다.
Safari에서 페이지의 소스 코드 확인하기
Safari의 개발 탭을 사용해 검색 엔진의 방식으로 페이지의 코드를 확인할 수 있습니다.
Safari에서 소스 코드를 확인하려면:
- 상단 메뉴에서 Safari를 클릭합니다.
- 설정을 선택합니다.
- 고급을 선택합니다.
- 메뉴 막대에서 개발자용 메뉴 보기 체크 상자를 선택합니다.
![메뉴 막대에서 개발자용 메뉴 보기 체크 상자가 선택된 Safari의 설정 패널 스크린샷.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/12/11/564d8add-8f96-4a16-ae6b-49f30b911334/08b12edb-41a0-42cf-9716-8440062175c2.jpg)
체크 상자를 선택하면 상단 메뉴에 개발자용 탭이 표시됩니다.
![A screenshot of a top menu with Develop selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/12/11/839b38a9-fda8-4de4-a4d1-b2ed44219796/1beb75c5-1472-4245-be87-06c56cdbf465.jpg)
![A screenshot of a top menu with Develop selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/12/11/839b38a9-fda8-4de4-a4d1-b2ed44219796/1beb75c5-1472-4245-be87-06c56cdbf465.jpg)
- Safari에서 사이트 내 원하는 페이지를 엽니다.
- 상단 메뉴에서 개발을 클릭합니다.
- 사용자 에이전트에 마우스오버합니다.
- 하단에서 기타를 선택합니다.
- 입력란 내 텍스트를 다음의 텍스트로 변경합니다: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; Googlebot/2.1; +http://www.google.com/bot.html) Safari/537.36
- 확인을 클릭해 확인합니다.
도움이 되었나요?
|