사이트 속도는 방문자들의 관심을 끌기 위한 중요한 요소입니다. 사이트 로드 시간이 오래 걸리면 많은 방문자들이 사이트를 읽기 전에 나갈 수도 있습니다. 사이트 로드 속도를 높이고 더 많은 사람의 관심을 끄는 데 도움이 되는 몇 가지 도움말 및 유용한 정보를 소개합니다.
이미지 및 미디어 최적화
사이트에 포함된 이미지, 동영상 및 기타 멀티미디어가 많을수록 사이트의 로드 시간은 오래 걸리게 됩니다. 하지만 이미지 및 기타 멀티미디어는 방문자의 관심을 끌 수 있는 중요한 요소이므로 이미지 및 멀티미디어의 로드 속도를 최적화 하는 것이 중요합니다. 미디어 로드 속도를 향상시키는 방법은 다음과 같습니다.
이미지 파일 용량을 줄입니다. 같은 이미지라도 파일 형식이나 최적화 정도에 따라 용량 차이는 매우 클 수 있습니다. 온라인 이미지 최적화 도구를 사용하면 같은 파일이라도 50% 적은 용량으로 표시될 수 있습니다.
한 페이지에서 동시에 표시되는 이미지나 멀티미디어의 수를 줄입니다.
한 페이지에 표시할 이미지가 많다면 갤러리 위젯을 사용하실 것을 추천합니다.
타사 자바스크립트 및 링크
사이트 로드 속도를 최적화하려면 자바스크립트 및 링크를 사용하는 것이 좋습니다. 하지만 타사 자바스크립트 및 링크를 사용해야만 하는 경우 모든 자바스크립트를 사이트의 하단에 삽입하면 사용자의 체감 로드 속도가 훨씬 빨라집니다.
하단에 공통 스크립트 추가하기
내 사이트 관리자 페이지에 접속합니다. 접속방법
왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)]를 클릭합니다.
페이지 하단 Footer Code에 스크립트 및 기타 링크 코드를 추가합니다.
저장 버튼을 클릭해 적용합니다.
이제 디자인 모드에서 생성하는 모든 메뉴(페이지) 하단에 스크립트 및 링크가 자동으로 추가됩니다.
네이버 아이디로 로그인(네아로)을 사용하기 위해선 심사가 필요하며, 심사 결과에 따라 이메일로 신청자에게 안내하고 있습니다. 네아로 측에서 보내준 메일을 자세히 검토하여 조치해 보시기 바랍니다.
다음은 심사가 거절되는 주요 유형과 대처 방법입니다.
불필요한 개인정보 요구 또는 불일치
네아로 측에서는 사이트에서 꼭 필요한 개인정보만 취급하는 것을 권장합니다. 특별한 경우가 아닌한 위 이미지처럼 이메일, 별명, 프로필 사진만 필수로 체크해 주세요.
설정위치
네이버 개발자센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > API 설정의 사용 API
주의: 필수로 체크(또는 추가)한 항목은 실제 사이트 회원가입 시 사용하고 있어야 합니다. 만약 회원가입 시 사용하지 않는 항목을 사용하고 있을 경우 체크를 해제해 주세요. 회원가입 항목 추가 및 편집 방법
네아로에서 제공하지 않는 정보를 심사요청 시 미입력
네아로에서 사이트에 제공할 수 있는 정보는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대입니다. 이 중에서 생일과 연령대는 아임웹 형식과 맞지 않아 체크하여도 무의미합니다. 네아로에서 제공하는 생일은 생년이 제외된 정보이며, 아임웹은 생년월일 형식의 데이터만 받고 있습니다. 연령대의 경우에도 각 소셜 로그인 제공업체마다 구분이 달라 지원하지 않고 있습니다.
요컨대 이름, 이메일, 별명, 프로필 사진, 성별 외의 정보를 회원가입시 1개 이상 입력받고 있다면 그 사항을 검수 요청시 기재해야 합니다. (예: 상품 배송을 위해 주소정보 입력을 받는 경우)
1. 검수요청 방법
네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭
관리자 페이지에서는 개인정보 보호를 위해 소유자 계정이 아닐 경우 개인정보 관련 항목들이 암호화 처리 되고 있습니다. 개인정보 접근 권한이 없을 경우 개인정보를 취급하는 페이지들의 편집 권한이 비활성화됩니다. 이 도움말은 운영진 그룹의 개인정보 암호화 처리 해제 방법을 안내합니다.
사이트 속도는 방문자들의 관심을 끌기 위한 중요한 요소입니다. 사이트 로드 시간이 오래 걸리면 많은 방문자들이 사이트를 읽기 전에 나갈 수도 있습니다. 사이트 로드 속도를 높이고 더 많은 사람의 관심을 끄는 데 도움이 되는 몇 가지 도움말 및 유용한 정보를 소개합니다.
이미지 및 미디어 최적화
사이트에 포함된 이미지, 동영상 및 기타 멀티미디어가 많을수록 사이트의 로드 시간은 오래 걸리게 됩니다. 하지만 이미지 및 기타 멀티미디어는 방문자의 관심을 끌 수 있는 중요한 요소이므로 이미지 및 멀티미디어의 로드 속도를 최적화 하는 것이 중요합니다. 미디어 로드 속도를 향상시키는 방법은 다음과 같습니다.
타사 자바스크립트 및 링크
사이트 로드 속도를 최적화하려면 자바스크립트 및 링크를 사용하는 것이 좋습니다. 하지만 타사 자바스크립트 및 링크를 사용해야만 하는 경우 모든 자바스크립트를 사이트의 하단에 삽입하면 사용자의 체감 로드 속도가 훨씬 빨라집니다.
하단에 공통 스크립트 추가하기
내 사이트의 로딩 속도가 궁금할 때 Google 크롬 브라우저 개발자도구를 사용해 간단하게 트래픽/속도를 측정할 수 있습니다. 일반적으로 한 개 페이지가 표시되는 데 필요한 데이터 용량은 5MB 미만을 권장합니다.
만약 제작하신 사이트가 느리다고 생각되는 경우, 다음 절차에 따라 크롬 개발자도구로 내 사이트의 한 개 페이지에서 얼마나 많은 데이터가 로드되고 있는지 확인해 보세요.
1단계: 크롬 개발자도구 열기
다음처럼 개발자도구가 화면 오른쪽에 나타납니다.
2단계: 개발자도구 내 'Network' 탭에서 기록 시작
Network탭을 클릭합니다.
개발자도구 화면을 기준으로 왼쪽 상단 원형의 기록 아이콘을 클릭합니다. 또는 키보드 단축키 CTRL + E(Mac : Command + E)를 누릅니다.
3단계: '캐시 비우기 및 강력 새로고침'으로 사이트 다시 열기
캐시 비우기 및 강력 새로고침을 클릭합니다.
주의: 반드시 캐시 비우기 및 강력 새로고침으로 페이지를 새로고침 해야 정확한 측정이 가능합니다.
4단계: 트래픽/속도 확인하기
다음의 설명을 참고해 속도를 저해하는 요소들을 확인할 수 있습니다. 여러 항목들이 있지만 주로 Name, Type, Size, Time을 통해 확인합니다. 각 항목은 마우스를 클릭해 높은 순 또는 낮은 순으로 정렬이 가능합니다.
위 항목들을 확인해 비정상적으로 과부하가 걸리는 이미지나 파일이 없는지 확인해 보세요. 사이트 로드 속도를 향상 시키는 여러 방법은 아래 관련 도움말을 통해 자세히 알아보실 수 있습니다.
네이버 아이디로 로그인(네아로)을 사용하기 위해선 심사가 필요하며, 심사 결과에 따라 이메일로 신청자에게 안내하고 있습니다. 네아로 측에서 보내준 메일을 자세히 검토하여 조치해 보시기 바랍니다.
다음은 심사가 거절되는 주요 유형과 대처 방법입니다.
불필요한 개인정보 요구 또는 불일치
네아로 측에서는 사이트에서 꼭 필요한 개인정보만 취급하는 것을 권장합니다. 특별한 경우가 아닌한 위 이미지처럼 이메일, 별명, 프로필 사진만 필수로 체크해 주세요.
설정위치
네이버 개발자센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > API 설정의 사용 API
네아로에서 제공하지 않는 정보를 심사요청 시 미입력
네아로에서 사이트에 제공할 수 있는 정보는 이름, 이메일, 별명, 프로필 사진, 성별, 생일, 연령대입니다. 이 중에서 생일과 연령대는 아임웹 형식과 맞지 않아 체크하여도 무의미합니다. 네아로에서 제공하는 생일은 생년이 제외된 정보이며, 아임웹은 생년월일 형식의 데이터만 받고 있습니다. 연령대의 경우에도 각 소셜 로그인 제공업체마다 구분이 달라 지원하지 않고 있습니다.
요컨대 이름, 이메일, 별명, 프로필 사진, 성별 외의 정보를 회원가입시 1개 이상 입력받고 있다면 그 사항을 검수 요청시 기재해야 합니다. (예: 상품 배송을 위해 주소정보 입력을 받는 경우)
1. 검수요청 방법
네이버 개발자 센터 로그인 > Application > 내 애플리케이션 > 네아로 설정한 애플리케이션 클릭 > 개발 상태 항목의 네아로 검수요청 버튼 클릭
2. 검수요청시 기재 위치
아래 이미지의 3번 항목
로그인, 가입 등 스크린샷 누락
네아로 검수 요청시 다음과 같은 사항을 필수적으로 제출해야 합니다.
1. 제출사항
2. 검수요청 방법 및 첨부파일 업로드 방법
검수요청시 첨부파일 업로드: 첨부 파일 항목의 파일선택 버튼을 클릭해 파일 업로드. (파일이 여러개라면 여러번 파일 업로드)
Google 크롬, Microsoft 엣지, 파이어폭스(Firefox) 등 세계 주요 인터넷 브라우저에는 사용자의 웹 서핑 정보(인터넷 사용 기록, 쿠키 및 사이트 데이터 또는 양식 등)가 저장되지 않는 시크릿 모드라는 기능을 제공합니다.
시크릿 창을 켜면 모든 웹서비스가 로그아웃된 상태로 인터넷에 접속됩니다. 따라서 사이트 설정 변경 후 로그아웃할 필요 없이 시크릿 창만 켜서 간편하게 내 사이트의 로그인 전/후 상태를 확인할 수 있습니다.
이 도움말에서는 Google 크롬에서 시크릿 창을 켜서 로그인 및 비로그인 상태에서의 사이트를 비교, 검토하는 방법을 소개합니다.
활용방법
PC에 설치된 크롬 아이콘을 클릭해 브라우저를 켭니다.
새 창이 나타납니다. 화면에
아이콘이 나오면 정상적으로 시크릿 창이 켜진 것입니다.참고: 운영체제 및 크롬 버전에 따라 창 모양이 일부 다를 수 있습니다.
설정한 사항들이 비로그인 방문자의 화면에서 정상 작동하는지 확인합니다. 예를 들어 비로그인 상태에서 상품 가격이 보이지 않도록 설정한 경우 시크릿 창에서는 다음 그림처럼 가격이 표시되지 않습니다.
단축키로 시크릿 창 열기
PC에서 키보드 단축키로 시크릿 창을 열 수도 있습니다.
관리자 페이지에서는 개인정보 보호를 위해 소유자 계정이 아닐 경우 개인정보 관련 항목들이 암호화 처리 되고 있습니다. 개인정보 접근 권한이 없을 경우 개인정보를 취급하는 페이지들의 편집 권한이 비활성화됩니다. 이 도움말은 운영진 그룹의 개인정보 암호화 처리 해제 방법을 안내합니다.
설정방법
개인정보 접근 권한(조회,검색) 옵션을 클릭합니다.
페이지 접속 후 특정 시간이 지나면 숨어 있던 버튼이 나타나도록 제작할 수 있습니다. 이와 같은 타이머 버튼은 종종 마케팅에 활용되며, 방문자가 필수 콘텐츠를 보도록 유도하는데 사용될 수 있습니다.
이 버튼을 만들려면 코드를 사용해야 합니다. 아래 설명과 샘플 코드를 사용해 타이머 버튼을 제작해 보세요.
구현방법
코드 입력 칸에 아래의 코드를 복사하여 붙여넣습니다.
<style> .hiddenBlock { display: none; }
</style>
<p class="hiddenBlock" style="text-align: 정렬;"> <a style="font-weight: 텍스트 두께; font-size: 텍스트 크기;" class="btn btn-primary btn-lg" href="링크 주소">버튼명</a> </p>
<script type="text/javascript">$(document).ready(function(){setTimeout(function(){$('.hiddenBlock').show()},시간)});</script>
아래 그림과 설명을 참조하여 코드를 수정합니다.
지정한 시간이 지나면 버튼이 표시되는지 확인합니다.
알림 메세지 보내기
알림 메세지를 발송하여 회원들에게 중요한 소식을 무료로 전달할 수 있습니다. 모바일 App을 설치한 사용자는 알림 메세지를 푸시 알림(Push Notification) 형식으로 실시간으로 수신할 수 있으며, 비회원도 수신이 가능합니다.
발송방법
메세지 발송 방식으로 알림을 선택합니다.
아래 그림과 설명을 참고해 메세지를 작성합니다.
발송할 회원그룹을 선택합니다.
참고: 특정 회원에게만 알림 메세지를 발송하려면 사용자 관리 > 사용자 목록 에서 회원을 선택하고, 상단의 메세지 > 알림 을 클릭하여 개별 발송하세요.
상품 상세페이지에서 이미지 간격 없애기 (코드, 초급)
상품 상세설명에 삽입한 이미지의 구분을 위해 약간의 간격을 두게끔 설정되어 있습니다.
하지만 연관된 이미지를 연속으로 배치하는 경우, 이 간격이 문제가 될 수 있습니다.
이 도움말에서는 간단한 CSS 스타일 속성을 사용해 상품 상세설명에 삽입한 이미지간의 간격을 없애는 방법을 설명합니다.
적용방법
1단계: 상품 상세페이지에 코드 추가하기
글로벌 메뉴 항목에서 상품 상세페이지 메뉴를 클릭해 이동합니다.
컨텍스트 메뉴가 나오면 코드 설정을 클릭합니다.
아래의 코드를 복사합니다. (단축키: CTRL + C)
<style> .fr-view img.fr-dib {margin: 0 auto;} .fr-view img.fr-dii {margin: 0;} img.fr-dib {margin: 0;} </style>
코드 설정 빈 칸에 붙여넣습니다. (단축키: CTRL + V)
2단계: 상세설명 이미지 삽입하고 CSS 추가하기
상세설명 항목에서 이미지 첨부 아이콘을 클릭합니다.
모든 이미지가 삽입되면 텍스트 도구에서 코드보기 </> 아이콘을 클릭합니다.
이미지마다 <p> 와 </p> 태그로 감싸진 걸 확인할 수 있습니다. 첫 번째 <p> 태그의 <p 와 > 사이에 아래의 CSS 스타일 속성을 추가해 주세요.
style="margin: 0;"
<p> 태그마다 margin CSS 스타일 속성을 추가하면 아래의 그림과 같이 작성됩니다.
텍스트 도구에서 코드보기 </> 아이콘을 다시 클릭해 편집한 코드를 적용합니다.
3단계: 이미지 간격 설정여부 확인하기
상품정보 일괄 변경하기
선택한 모든 상품의 정보를 일괄 변경합니다.
1. 상품 복제하기
이미 등록한 상품을 복제할 수 있습니다. 단, 웹사이트의 성능 및 안정성 유지를 위해 전체 상품을 일괄 복제하는 기능은 제한하고 있습니다. 상품을 복제할 때는 상품을 개별 선택 후 복제해 주세요.
자세한 상품 복제 방법은 상품 복제하기 도움말에서 확인할 수 있습니다.

2. 상품 삭제하기
일괄 삭제하려는 상품을 모두 선택하고, 삭제 버튼을 클릭합니다.
3. 판매상태 일괄 변경하기 (판매중, 품절, 숨김)
일괄 변경하려는 모든 상품을 선택하고, 상태 변경 버튼을 클릭합니다.
판매중, 품절, 숨김 중 원하는 상태를 클릭합니다.
4. 상품 카테고리 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 카테고리 변경 버튼을 클릭합니다.
카테고리를 선택합니다.
변경방식 선택 옵션에서 카테고리 변경 방식(변경, 추가, 제거)을 선택합니다. (선택한 상품에 새로운 카테고리를 추가하거나, 이미 카테고리가 적용되어 있다면 변경 또는 제거할 수 있습니다.)
5. 기획전 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 기획전 변경 버튼을 클릭합니다.
기획전을 선택합니다.
변경방식 선택 옵션에서 기획전 변경 방식(변경, 추가, 제거)을 선택합니다. (선택한 상품을 새로운 기획전에 추가하거나, 이미 기획전에 포함되어 있다면 기획전을 변경 또는 제거할 수 있습니다.)
6. 판매가 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 판매가 변경 버튼을 클릭합니다.
판매가 변경 방식을 선택합니다.
판매가 변경 방식에 따라 가격을 설정합니다.
가격 변경 대상 옵션에서 변경할 대상을 선택합니다. 판매가격과 필수옵션가격 모두, 필수옵션, 선택옵션 등 원하는 변경 대상을 설정할 수 있습니다.
참고사항
[쇼핑 > 쇼핑 환경설정]의 쇼핑 기본설정에서 상대적인 가격으로 옵션 표시 및 관리가 활성화 된 경우, 상품 판매가만 변경하더라도 옵션 구매 가격에 영향을 주게 됩니다.
7. 할인 설정 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 할인 설정 버튼을 클릭합니다.
적용 가능 할인 옵션에서 선택한 상품들에 적용 가능한 할인 옵션을 선택합니다.
적립금 지급 기준 옵션에서 선택한 상품을 구입 후 지급받을 수 있는 적립 비율을 설정합니다.
기본 설정을 따름 선택 시 [쇼핑 > 쇼핑 환경설정]에서 설정한 적립금 지급 비율을 따르게 됩니다.

(즉시/기간할인을 선택한 경우) 적용대상 을 선택하고, 할인 금액 또는 할인 비율을 설정합니다. 할인기간을 설정할 수도 있습니다.
8. 판매기간 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 판매기간 변경 버튼을 클릭합니다.
판매기간 설정여부를 선택합니다.
판매기간을 설정합니다. 일 단위로 선택하거나, 시작일과 종료일을 지정해 직접 판매기간을 설정할 수도 있습니다.
참고사항
현재 시간이 판매기간에 해당하지 않으면 상품은 판매대기 상태로 자동 설정됩니다. 상품 상세페이지에는 현재 판매기간이 아님을 표시하고 구매자의 주문은 제한됩니다.
9. 재고 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 재고 변경 버튼을 클릭합니다.
재고 사용여부를 선택합니다.
재고를 사용으로 설정한 경우, 변경할 재고를 설정해야 합니다.
재고 변경 대상을 선택합니다.
참고사항
10. 상품 뱃지 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 뱃지 변경 버튼을 클릭합니다.
변경대상 옵션에서 추가 또는 제거, 대체할 뱃지를 선택합니다.
변경방식 선택 옵션에서 위 2번 과정에서 선택한 뱃지의 변경 방식을 선택합니다.
11. 상품 상세 공통 일괄 변경하기
일괄 변경하려는 모든 상품을 선택하고, 상품 상세 공통 변경 버튼을 클릭합니다.
왼쪽 열에서 상품 상세 상단 드롭다운 메뉴를 클릭하고, 상품 상세 상단 또는 상품 상세 하단 중 어느 부분을 변경할지 선택합니다.
위 2번 과정에서 선택한 항목에 따라 오른쪽 열에 상품 상세 상단 또는 상품 상세 하단 목록이 나타납니다. 그중 일괄 변경하려는 항목을 선택합니다.
상품정보 일괄 변경하기 (선택하기)
모든 페이지의 상품을 한번에 선택하여, 상품정보를 일괄 변경할 수 있습니다. 판매가, 재고 수, 할인 설정, 판매기간 변경 등 다양한 상품정보를 빠르고 간편하게 일괄적으로 변경해 보세요.
1단계: 상품관리로 이동하기
내 사이트 관리자 페이지의 상품관리 메뉴로 이동합니다.
2단계: 상품 일괄 선택하기
상품정보를 변경하려는 모든 상품을 일괄 선택합니다.
1. 전체 상품 선택하기
모든 상품을 일괄 선택할 수 있습니다.
판매상태 탭이 전체 인지 확인하고, 전체선택 체크박스를 클릭합니다.
일괄 선택 안내 문구가 나오면 전체 상품 N개 선택 을 클릭합니다.
2. 특정 판매상태(판매중, 품절, 숨김)의 모든 상품 선택하기
판매중, 품절, 숨김과 같은 특정 판매상태의 모든 상품을 선택할 수 있습니다.
판매상태 탭(판매중, 품절, 숨김)을 클릭합니다.
전체선택 체크박스를 클릭합니다.
일괄 선택 안내 문구가 나오면 [판매상태] 상품 N개 모두 선택 을 클릭합니다.
3. 검색결과 내 모든 상품 선택하기
검색결과에서 조회되는 모든 페이지의 상품을 선택할 수 있습니다.
검색 키워드를 입력하고, 키보드 Enter 를 눌러 원하는 상품을 검색합니다.
검색결과가 나오면 전체선택 체크박스를 클릭합니다.
일괄 선택 안내 문구가 나오면 검색결과 내 모든 상품 선택 을 클릭합니다.
4. 상품 카테고리 내 모든 상품 선택하기
특정 카테고리에 포함된 모든 상품을 선택할 수 있습니다.
카테고리를 선택합니다.
전체선택 체크박스를 클릭합니다.
일관 선택 안내 문구가 나오면 [카테고리명] 상품 N개 모두 선택 을 클릭합니다.
5. 기획전 내 모든 상품 선택하기
특정 기획전에 포함된 모든 상품을 선택할 수 있습니다.
기획전을 선택합니다.
전체선택 체크박스를 클릭합니다.
일관 선택 안내 문구가 나오면 [기획전명] 상품 N개 모두 선택 을 클릭합니다.
6. 특정 판매상태에서 특정 상품 카테고리의 모든 상품 선택하기
특정 카테고리에 포함된 상품 중 특정 판매상태의 모든 상품을 선택할 수 있습니다.
상품 목록에서 판매상태 탭(판매중, 품절, 숨김)을 클릭합니다.
상품 카테고리를 클릭합니다.
전체선택 체크박스를 클릭합니다.
일괄 선택 안내 문구가 나오면 [카테고리명] [판매상태] 상품 N개 모두 선택 을 클릭합니다.