내 사이트에 대한 설명을 추가할 수 있습니다. 사이트 설명에 작성된 내용은 다음처럼 구글 검색결과에 표시됩니다.
사이트 이름 및 설명은 네이버, 구글 등의 검색결과에 영향을 줍니다. 검색엔진에 내 사이트 노출 시 작성하신 내용들이 반영되지 않는 경우 다음 도움말을 참조하시길 바랍니다.
사이트 개설 초기 입력했던 사이트 이름을 변경할 수 있습니다. 사이트 이름은 구글 검색결과에 다음과 같이 표시됩니다.
페이지 단위로 제목과 설명을 추가할 수 있습니다. 각 페이지가 포함하는 콘텐츠를 잘 설명하는 제목 및 설명은 검색 노출에 도움을 줍니다.
주의: 네이버 검색로봇의 사이트 정보 수집주기는 전적으로 네이버에서 결정하기 때문에 이에 대한 안내가 불가한 점 양해 바랍니다.
네이버 검색로봇이 내 사이트에 방문해 정보를 수집하는 주기를 설정할 수 있습니다. 수집주기를 빠르게 설정할 수록 네이버 검색로봇이 더 자주 내 사이트에 방문해 정보를 수집합니다.
네이버 웹마스터 도구에 사이트맵을 제출할 수 있습니다.
빈칸에 sitemap.xml 을 입력합니다.
네이버 웹마스터 도구에 내 사이트 RSS 주소를 제출할 수 있습니다.
왼쪽 메뉴에서 [요청 > RSS 제출]을 클릭합니다.
내 사이트 RSS 주소를 입력합니다.
네이버 웹마스터 도구를 사용해 네이버에 사이트를 등록하면 보다 효율적으로 네이버 검색결과에 노출 시킬 수 있습니다.
내 사이트 도메인을 입력합니다. 예시) http://mydomain.com
녹색 메타 태그를 복사합니다. *네이버 웹마스터 도구 창을 닫지 마세요!
Meta Code 항목에 위 3단계에서 복사한 메타 태그를 붙여넣습니다.참고: Header Code 란에 붙여도 작동하지만, 코드 구분을 위해 Meta Code 란에 붙여넣으실 것을 추천합니다.
자동 등록 방지 문자를 입력합니다.
디자인 모드는 PC버전을 제작하는 중 자동으로 모바일 버전도 구성됩니다. 이 과정에서 여러 연관된 위젯들을 적절하게 콘텐츠 단위로 묶어 배치하지 않는 경우, 모바일에서 알맞지 않은 모양 및 순서로 표시될 수 있습니다.
다음 그림은 디자인 모드에서 이미지 위젯과 텍스트 위젯을 사용해 제작한 페이지로 일견 문제가 없어 보입니다.
그러나 뷰포트를 모바일로 전환하면 다음처럼 순서에 맞지 않게 표시되는 걸 확인할 수 있습니다.
그 이유는 PC 뷰포트에서 위젯들을 다음 그림처럼 한 줄로 배치했기 때문입니다. 한 줄에 배치한 위젯들은 그리드 시스템에 따라 모바일 화면의 부족한 너비에 자동으로 반응하여 한줄 씩 내려가게 됩니다.
이에 따라 사용자는 PC 뷰포트에서 위젯 배치 시 다음 그림처럼 연관된 위젯들을 하나로 묶어 배치해야 합니다.참고: 연관 위젯들을 하나로 묶어 배치하는 방법은 아래 튜토리얼 7번 애니메이션을 참조해주세요.
이처럼 묶어 배치한 위젯들은 모바일 뷰포트 전환 시 다음처럼 묶음 단위로 한줄 씩 본문폭에 맞춰 나열됩니다.
다음은 PC 뷰포트에서 배치한 위젯들을 모바일에서 정상적으로 표시되도록 배치하는 방법에 대해 튜토리얼 형식으로 설명합니다.
세 개 칼럼으로 나눠진 위젯들이 모바일에서 적절하게 표시되려면 다음 그림처럼 기준이 되는 위젯의 위 또는 아래에 배치해야 합니다.
남은 이미지 위젯도 같은 방법으로 한 줄에 3개가 되도록 배치합니다. 그럼 다음 그림처럼 배치됩니다.
텍스트 위젯 하나를 마우스 클릭 후 드래그하여, 가장 왼쪽 아이콘 위젯 바로 아래로 이동시킵니다.참고: 텍스트 위젯이 아이콘 위젯 바로 아래 위치하는 경우 다음 그림처럼 텍스트 위젯 너비만큼 검정색 선이 표시됩니다. 이 때 마우스를 놓아주세요.
같은 방법으로 남은 2개의 텍스트 위젯들도, 아이콘 위젯 바로 아래 하나씩 배치합니다. 다음 애니메이션을 참조해 배치해보세요.
각 이미지 위젯의 설정을 열어 이미지를 추가합니다.참고: 이미지 크기는 각 이미지 위젯 설정에서, 높이를 똑같은 크기로 입력하므로서 모든 이미지가 같은 크기로 표시되도록 설정할 수 있습니다.
저작권이 자유로운 수십 개의 글꼴(서체)을 제공합니다. 제작하시는 사이트 디자인 콘셉트에 따라 적절한 글꼴을 선택해 적용해보세요.
본문 단락과 제목 단락에 적용할 글꼴을 선택합니다.
텍스트 위젯을 추가합니다. 이미 추가된 경우 건너뜁니다.
텍스트 편집도구에서 단락 아이콘을 클릭합니다.
제목(Heading) 또는 표준(Body) 중 하나를 선택합니다.
왼쪽 상단 검색 필드에 원하는 글꼴명을 영문으로 입력하고 Enter를 클릭해 검색합니다.참고: 아래 그림처럼 언어를 Korean 으로 선택하시면 검색이 더욱 빠릅니다.
브라우저 오른쪽 하단 펼침메뉴를 클릭합니다.
선택하신 웹 폰트 정보가 다음처럼 나타납니다.
다음 코드를 복사해 Header Code 란에 붙여넣습니다.
<style> body { font-family: 'Sunflower'!important; } </style>
관리자 메뉴 왼쪽 상단 미리보기 아이콘을 클릭해 구글 웹 폰트가 정상적으로 적용됐는지 확인합니다.
사용자와 서버의 통신을 암호화하여 해커가 중간에 통신 데이터를 가로채더라도 알 수 없게 하는 통신 방법입니다. 쇼핑몰을 운영하거나 개인정보를 취급하는 웹사이트는 SSL 적용이 의무화 되어 있습니다. (정보통신망 이용촉진 및 정보보호 등에 관한 법률 제 28조)
기본 도메인(예: mydomain.imweb.me)은 기본으로 SSL이 제공되어 별도로 SSL을 신청하실 필요가 없습니다. 하지만, 개인 도메인(예: mydomain.com)을 사용한다면 기본으로 SSL이 적용되지 않으므로 별도의 설치 및 적용이 필요합니다.
참고: 회원가입 뿐만 아니라 게시판, 지도게시판, 입력폼 등 작성 및 기록 수단을 사용하시는 경우에도 SSL적용 대상이오니 참고 부탁드립니다.
내 사이트에 대한 설명을 추가할 수 있습니다. 사이트 설명에 작성된 내용은 다음처럼 구글 검색결과에 표시됩니다.
변경방법
추가 도움말
사이트 이름 및 설명은 네이버, 구글 등의 검색결과에 영향을 줍니다. 검색엔진에 내 사이트 노출 시 작성하신 내용들이 반영되지 않는 경우 다음 도움말을 참조하시길 바랍니다.
사이트 개설 초기 입력했던 사이트 이름을 변경할 수 있습니다. 사이트 이름은 구글 검색결과에 다음과 같이 표시됩니다.
변경방법
페이지 단위로 제목과 설명을 추가할 수 있습니다. 각 페이지가 포함하는 콘텐츠를 잘 설명하는 제목 및 설명은 검색 노출에 도움을 줍니다.
변경방법
주의: 네이버 검색로봇의 사이트 정보 수집주기는 전적으로 네이버에서 결정하기 때문에 이에 대한 안내가 불가한 점 양해 바랍니다.
네이버 검색로봇이 내 사이트에 방문해 정보를 수집하는 주기를 설정할 수 있습니다. 수집주기를 빠르게 설정할 수록 네이버 검색로봇이 더 자주 내 사이트에 방문해 정보를 수집합니다.
설정방법
참고: 빠르게로 선택할수록 네이버 검색로봇이 더 자주 내 사이트에 방문해 정보를 수집합니다.
네이버 웹마스터 도구에 사이트맵을 제출할 수 있습니다.
제출방법
빈칸에 sitemap.xml 을 입력합니다.
네이버 웹마스터 도구에 내 사이트 RSS 주소를 제출할 수 있습니다.
제출방법
1단계: 네이버 웹마스터도구 접속하기
2단계: RSS 주소 변경하기
왼쪽 메뉴에서 [요청 > RSS 제출]을 클릭합니다.
내 사이트 RSS 주소를 입력합니다.
네이버 웹마스터 도구를 사용해 네이버에 사이트를 등록하면 보다 효율적으로 네이버 검색결과에 노출 시킬 수 있습니다.
등록방법
1단계: 네이버 서치어드바이저 접속하기
2단계: 사이트 추가하기
내 사이트 도메인을 입력합니다. 예시) http://mydomain.com
참고: 여러 도메인을 사용 중이라면 대표(기본) 도메인 하나만 입력하세요.
3단계: 사이트 소유 확인
녹색 메타 태그를 복사합니다. *네이버 웹마스터 도구 창을 닫지 마세요!
4단계: 메타 태그 붙여넣기
Meta Code 항목에 위 3단계에서 복사한 메타 태그를 붙여넣습니다.
참고: Header Code 란에 붙여도 작동하지만, 코드 구분을 위해 Meta Code 란에 붙여넣으실 것을 추천합니다.
5단계: 자동 등록 방지 문자 입력
자동 등록 방지 문자를 입력합니다.
6단계: 등록 완료
디자인 모드는 PC버전을 제작하는 중 자동으로 모바일 버전도 구성됩니다. 이 과정에서 여러 연관된 위젯들을 적절하게 콘텐츠 단위로 묶어 배치하지 않는 경우, 모바일에서 알맞지 않은 모양 및 순서로 표시될 수 있습니다.
다음 그림은 디자인 모드에서 이미지 위젯과 텍스트 위젯을 사용해 제작한 페이지로 일견 문제가 없어 보입니다.
그러나 뷰포트를 모바일로 전환하면 다음처럼 순서에 맞지 않게 표시되는 걸 확인할 수 있습니다.
그 이유는 PC 뷰포트에서 위젯들을 다음 그림처럼 한 줄로 배치했기 때문입니다. 한 줄에 배치한 위젯들은 그리드 시스템에 따라 모바일 화면의 부족한 너비에 자동으로 반응하여 한줄 씩 내려가게 됩니다.
이에 따라 사용자는 PC 뷰포트에서 위젯 배치 시 다음 그림처럼 연관된 위젯들을 하나로 묶어 배치해야 합니다.
참고: 연관 위젯들을 하나로 묶어 배치하는 방법은 아래 튜토리얼 7번 애니메이션을 참조해주세요.
이처럼 묶어 배치한 위젯들은 모바일 뷰포트 전환 시 다음처럼 묶음 단위로 한줄 씩 본문폭에 맞춰 나열됩니다.
다음은 PC 뷰포트에서 배치한 위젯들을 모바일에서 정상적으로 표시되도록 배치하는 방법에 대해 튜토리얼 형식으로 설명합니다.
배치방법 예제 따라하기
세 개 칼럼으로 나눠진 위젯들이 모바일에서 적절하게 표시되려면 다음 그림처럼 기준이 되는 위젯의 위 또는 아래에 배치해야 합니다.
남은 이미지 위젯도 같은 방법으로 한 줄에 3개가 되도록 배치합니다. 그럼 다음 그림처럼 배치됩니다.
텍스트 위젯 하나를 마우스 클릭 후 드래그하여, 가장 왼쪽 아이콘 위젯 바로 아래로 이동시킵니다.
참고: 텍스트 위젯이 아이콘 위젯 바로 아래 위치하는 경우 다음 그림처럼 텍스트 위젯 너비만큼 검정색 선이 표시됩니다. 이 때 마우스를 놓아주세요.
같은 방법으로 남은 2개의 텍스트 위젯들도, 아이콘 위젯 바로 아래 하나씩 배치합니다. 다음 애니메이션을 참조해 배치해보세요.
각 이미지 위젯의 설정을 열어 이미지를 추가합니다.
참고: 이미지 크기는 각 이미지 위젯 설정에서, 높이를 똑같은 크기로 입력하므로서 모든 이미지가 같은 크기로 표시되도록 설정할 수 있습니다.
저작권이 자유로운 수십 개의 글꼴(서체)을 제공합니다. 제작하시는 사이트 디자인 콘셉트에 따라 적절한 글꼴을 선택해 적용해보세요.
변경방법
1단계: 공통 디자인 설정 메뉴 켜기
2단계: 글꼴 변경하기
본문 단락과 제목 단락에 적용할 글꼴을 선택합니다.
3단계: 글꼴 적용하기
텍스트 위젯을 추가합니다. 이미 추가된 경우 건너뜁니다.
텍스트 편집도구에서 단락 아이콘을 클릭합니다.
제목(Heading) 또는 표준(Body) 중 하나를 선택합니다.
Google Fonts 적용방법
1단계: Google Fonts에서 글꼴 찾기
왼쪽 상단 검색 필드에 원하는 글꼴명을 영문으로 입력하고 Enter를 클릭해 검색합니다.
참고: 아래 그림처럼 언어를 Korean 으로 선택하시면 검색이 더욱 빠릅니다.
브라우저 오른쪽 하단 펼침메뉴를 클릭합니다.
선택하신 웹 폰트 정보가 다음처럼 나타납니다.
2단계: 사이트에 적용하기
다음 코드를 복사해 Header Code 란에 붙여넣습니다.
주의: 위 예시처럼 반드시 따옴표(' ') 사이의 글꼴명만 변경하고, 끝은 반드시 !important; 로 끝나야 합니다.
3단계: 적용된 글꼴 확인하기
관리자 메뉴 왼쪽 상단 미리보기 아이콘을 클릭해 구글 웹 폰트가 정상적으로 적용됐는지 확인합니다.
SSL(보안서버)란?
사용자와 서버의 통신을 암호화하여 해커가 중간에 통신 데이터를 가로채더라도 알 수 없게 하는 통신 방법입니다. 쇼핑몰을 운영하거나 개인정보를 취급하는 웹사이트는 SSL 적용이 의무화 되어 있습니다. (정보통신망 이용촉진 및 정보보호 등에 관한 법률 제 28조)
기본 도메인(예: mydomain.imweb.me)은 기본으로 SSL이 제공되어 별도로 SSL을 신청하실 필요가 없습니다. 하지만, 개인 도메인(예: mydomain.com)을 사용한다면 기본으로 SSL이 적용되지 않으므로 별도의 설치 및 적용이 필요합니다.
참고: 회원가입 뿐만 아니라 게시판, 지도게시판, 입력폼 등 작성 및 기록 수단을 사용하시는 경우에도 SSL적용 대상이오니 참고 부탁드립니다.
SSL의 장점
SSL 종류와 적용 방법
좀 더 높은 신뢰도를 보이고 싶은 사이트에 추천