디앤
가이드

빠른 메뉴

내 사이트에 대한 설명을 추가할 수 있습니다. 사이트 설명에 작성된 내용은 다음처럼 구글 검색결과에 표시됩니다.

변경방법

  1. 사이트 관리자 메뉴에 접속합니다. 
  2. 왼쪽 관리 메뉴에서 [환경설정 > 기본설정]을 클릭합니다.
  3. 사이트 설명 항목에 내 사이트에 포함하는 정보를 입력합니다. *60자 이상, 80자 이내 권장
  4. 저장 버튼을 클릭해 적용합니다.



추가 도움말

사이트 이름 및 설명은 네이버, 구글 등의 검색결과에 영향을 줍니다. 검색엔진에 내 사이트 노출 시 작성하신 내용들이 반영되지 않는 경우 다음 도움말을 참조하시길 바랍니다.

사이트 개설 초기 입력했던 사이트 이름을 변경할 수 있습니다. 사이트 이름은 구글 검색결과에 다음과 같이 표시됩니다.

변경방법

  1. 관리자 메뉴에 접속합니다. 
  2. 왼쪽 관리 메뉴에서 [환경설정 > 기본설정]을 클릭해 이동합니다.
  3. 사이트 이름을 변경합니다. *15자 이내 권장
  4. 저장 버튼을 클릭해 적용합니다.



페이지 단위로 제목과 설명을 추가할 수 있습니다. 각 페이지가 포함하는 콘텐츠를 잘 설명하는 제목 및 설명은 검색 노출에 도움을 줍니다.


변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단  를 클릭합니다.
  3. 제목과 설명을 수정하려는 메뉴의 오른쪽에 위치한 ⓘ 아이콘을 클릭합니다.
  4. 메뉴 설정 창이 나타나면 페이지 제목페이지 설명을 수정합니다.


  5. 메뉴 설정 창 오른쪽 상단 닫기 아이콘을 클릭해 메뉴 설정을 종료합니다.

주의: 네이버 검색로봇의 사이트 정보 수집주기는 전적으로 네이버에서 결정하기 때문에 이에 대한 안내가 불가한 점 양해 바랍니다.

네이버 검색로봇이 내 사이트에 방문해 정보를 수집하는 주기를 설정할 수 있습니다. 수집주기를 빠르게 설정할 수록 네이버 검색로봇이 더 자주 내 사이트에 방문해 정보를 수집합니다.


설정방법

  1. 네이버 서치어드바이저에 접속하고 로그인 합니다.
  2. 웹마스터 도구를 클릭합니다.
  3. 등록한 사이트를 클릭합니다.
  4. 왼쪽 메뉴에서 설정을 클릭합니다.
  5. 트래픽 제한 요청 항목에서 수집제한 설정하지 않음을 체크하고 확인을 클릭합니다.
  6. 수집주기 항목에서 수집주기를 선택합니다.
    참고: 빠르게로 선택할수록 네이버 검색로봇이 더 자주 내 사이트에 방문해 정보를 수집합니다.

네이버 웹마스터 도구에 사이트맵을 제출할 수 있습니다. 


제출방법

  1. 네이버 서치어드바이저에 접속하고 로그인 합니다. *네이버 아이디 필수
  2. 웹마스터 도구를 클릭합니다.
  3. 등록한 사이트 주소를 클릭합니다.
  4. 왼쪽 메뉴에서 [요청 > 사이트맵 제출]을 클릭합니다.
  5. 빈칸에 sitemap.xml 을 입력합니다.

  6. 확인 버튼을 클릭해 저장합니다.

네이버 웹마스터 도구에 내 사이트 RSS 주소를 제출할 수 있습니다. 


제출방법


1단계: 네이버 웹마스터도구 접속하기
  1. 네이버 서치어드바이저에 접속합니다.
  2. 네이버 아이디로 로그인 합니다. (이미 로그인한 경우 건너뜁니다.)
  3. 오른쪽 상단 웹마스터 도구를 클릭합니다.
  4. 등록한 사이트 주소를 클릭합니다. 

2단계: RSS 주소 변경하기
  1. 왼쪽 메뉴에서 [요청 > RSS 제출]을 클릭합니다.


  2. 내 사이트 RSS 주소를 입력합니다.

  3. 확인 버튼을 클릭합니다.
  4. RSS 주소가 입력한 주소로 변경됩니다.


네이버 웹마스터 도구를 사용해 네이버에 사이트를 등록하면 보다 효율적으로 네이버 검색결과에 노출 시킬 수 있습니다.


등록방법


1단계: 네이버 서치어드바이저 접속하기
  1. 네이버 서치어드바이저에 접속합니다.
  2. 오른쪽 상단 웹마스터 도구 버튼을 클릭합니다.
  3. 네이버 아이디로 로그인 합니다.

2단계: 사이트 추가하기
  1. 내 사이트 도메인을 입력합니다. 예시) http://mydomain.com

  2. 추가 버튼을 클릭합니다.
    참고: 여러 도메인을 사용 중이라면 대표(기본) 도메인 하나만 입력하세요.

3단계: 사이트 소유 확인
  1. 사이트 소유 확인 방식을 HTML 태그로 선택합니다.
  2. 녹색 메타 태그를 복사합니다. *네이버 웹마스터 도구 창을 닫지 마세요!

4단계: 메타 태그 붙여넣기
  1. 사이트 관리자 메뉴에 접속합니다. 접속방법
  2. 왼쪽 관리 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭합니다.
  3. Meta Code 항목에 위 3단계에서 복사한 메타 태그를 붙여넣습니다.
    참고: Header Code 란에 붙여도 작동하지만, 코드 구분을 위해 Meta Code 란에 붙여넣으실 것을 추천합니다.

  4. 저장 버튼을 클릭해 적용합니다.

5단계: 자동 등록 방지 문자 입력
  1. 네이버 웹마스터 도구 등록 화면으로 돌아갑니다.
  2. 자동 등록 방지 문자를 입력합니다.

  3. 확인버튼을 클릭하고 다음 단계로 넘어갑니다.
  4. 소유 확인이 완료 되었다는 창이 뜨면 확인을 클릭해 주세요.

6단계: 등록 완료

디자인 모드는 PC버전을 제작하는 중 자동으로 모바일 버전도 구성됩니다. 이 과정에서 여러 연관된 위젯들을 적절하게 콘텐츠 단위로 묶어 배치하지 않는 경우, 모바일에서 알맞지 않은 모양 및 순서로 표시될 수 있습니다.

다음 그림은 디자인 모드에서 이미지 위젯과 텍스트 위젯을 사용해 제작한 페이지로 일견 문제가 없어 보입니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4742ba28-643f-4f8d-81f2-ba387a8e2cda/00.png

그러나 뷰포트를 모바일로 전환하면 다음처럼 순서에 맞지 않게 표시되는 걸 확인할 수 있습니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4574f04b-7c06-4423-a871-a9eea8aee6fb/01.png

그 이유는 PC 뷰포트에서 위젯들을 다음 그림처럼 한 줄로 배치했기 때문입니다. 한 줄에 배치한 위젯들은 그리드 시스템에 따라 모바일 화면의 부족한 너비에 자동으로 반응하여 한줄 씩 내려가게 됩니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/078d3c2a-cf9e-4bf5-abce-b7f5a1800069/02.png

이에 따라 사용자는 PC 뷰포트에서 위젯 배치 시 다음 그림처럼 연관된 위젯들을 하나로 묶어 배치해야 합니다.
참고: 연관 위젯들을 하나로 묶어 배치하는 방법은 아래 튜토리얼 7번 애니메이션을 참조해주세요.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f290f00e-dbec-4e60-9afa-4ece7c082b8f/03.png

이처럼 묶어 배치한 위젯들은 모바일 뷰포트 전환 시 다음처럼 묶음 단위로 한줄 씩 본문폭에 맞춰 나열됩니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fbd0ad5b-cfcb-4559-b733-cf52d775fdb2/04.png

다음은 PC 뷰포트에서 배치한 위젯들을 모바일에서 정상적으로 표시되도록 배치하는 방법에 대해 튜토리얼 형식으로 설명합니다.


배치방법 예제 따라하기

세 개 칼럼으로 나눠진 위젯들이 모바일에서 적절하게 표시되려면 다음 그림처럼 기준이 되는 위젯의 위 또는 아래에 배치해야 합니다.

  1. 디자인 모드에 접속합니다. 
  2. 이미지 위젯 3개를 삽입합니다. 
  3. 이미지 위젯 하나를 마우스 클릭 후 드래그하여, 한 줄에 2개가 되도록 이동시킵니다. 
  4. 남은 이미지 위젯도 같은 방법으로 한 줄에 3개가 되도록 배치합니다. 그럼 다음 그림처럼 배치됩니다.

  5. 텍스트 위젯 3개를 추가합니다.
  6. 텍스트 위젯 하나를 마우스 클릭 후 드래그하여, 가장 왼쪽 아이콘 위젯 바로 아래로 이동시킵니다.
    참고: 텍스트 위젯이 아이콘 위젯 바로 아래 위치하는 경우 다음 그림처럼 텍스트 위젯 너비만큼 검정색 선이 표시됩니다. 이 때 마우스를 놓아주세요.

  7. 같은 방법으로 남은 2개의 텍스트 위젯들도, 아이콘 위젯 바로 아래 하나씩 배치합니다. 다음 애니메이션을 참조해 배치해보세요.

  8. 각 이미지 위젯의 설정을 열어 이미지를 추가합니다.
    참고: 이미지 크기는 각 이미지 위젯 설정에서, 높이를 똑같은 크기로 입력하므로서 모든 이미지가 같은 크기로 표시되도록 설정할 수 있습니다.

  9. 각 텍스트 위젯을 마우스 더블-클릭하여, 글자를 입력합니다.
  10. 디자인 모드 상단 중앙의 모니터 아이콘을 클릭해, 뷰포트를 모바일로 전환합니다. 
  11. 이미지와 텍스트가 의도한 순서대로 나열되는지 확인합니다.

저작권이 자유로운 수십 개의 글꼴(서체)을 제공합니다. 제작하시는 사이트 디자인 콘셉트에 따라 적절한 글꼴을 선택해 적용해보세요.


변경방법


1단계: 공통 디자인 설정 메뉴 켜기
  1. 디자인 모드에 접속합니다. 
  2. 오른쪽 상단 톱니바퀴아이콘을 클릭합니다.

2단계: 글꼴 변경하기
  1. 텍스트 항목을 찾습니다.
  2. 본문 단락제목 단락에 적용할 글꼴을 선택합니다.

    • 본문 한/중/일: 표준(Body) 단락으로 설정된 텍스트의 한/중/일 글꼴을 선택합니다.
    • 본문 영문 글꼴: 표준(Body) 단락으로 설정된 텍스트의 영문 글꼴을 선택합니다.
    • 제목 한/중/일 글꼴: 제목(Heading) 단락으로 설정된 텍스트의 한/중/일 글꼴을 선택합니다.
    • 제목 영문 글꼴: 제목(Heading) 단락으로 설정된 텍스트의 영문 글꼴을 선택합니다.
  3. 공통 디자인 설정 오른쪽 상단 닫기아이콘을 클릭하고 저장을 눌러 적용합니다.

3단계: 글꼴 적용하기
  1. 텍스트 위젯을 추가합니다. 이미 추가된 경우 건너뜁니다. 

  2. 텍스트 위젯을 마우스로 더블-클릭합니다.
  3. 변경하고 싶은 텍스트를 마우스로 드래그하여 선택합니다.
  4. 텍스트 편집도구에서 단락 아이콘을 클릭합니다.

  5. 제목(Heading) 또는 표준(Body) 중 하나를 선택합니다.

  6. 선택하신 단락 글꼴이 변경됩니다.




Google Fonts 적용방법


1단계: Google Fonts에서 글꼴 찾기
  1. Google Fonts에 접속합니다.
  2. 왼쪽 상단 검색 필드에 원하는 글꼴명을 영문으로 입력하고 Enter를 클릭해 검색합니다.
    참고: 아래 그림처럼 언어를 Korean 으로 선택하시면 검색이 더욱 빠릅니다.

  3. 마음에 드는 글꼴을 찾아 오른쪽 상단 를 클릭합니다.
  4. 브라우저 오른쪽 하단 펼침메뉴를 클릭합니다.

  5. 선택하신 웹 폰트 정보가 다음처럼 나타납니다.

    • 1) 글꼴 링크 HTML
    • 2) 불러올 글꼴 CSS

2단계: 사이트에 적용하기
  1. 새 브라우저 탭을 켭니다.
  2. 접속하고 관리자 메뉴에 접속합니다. 
  3. 왼쪽 관리 메뉴에서 [환경설정 > SEO, 헤더설정]을 클릭합니다.
  4. 구글 폰트 정보를 열어둔 브라우저 탭으로 이동합니다.
  5. 위 그림에서 1번 글꼴 링크 HTML 코드를 복사한 다음 Meta Code 란에 붙여넣습니다.
  6. 다음 코드를 복사해 Header Code 란에 붙여넣습니다.

    <style>
    body {
      font-family: 'Sunflower'!important;
    }
    </style>
  7. 코드 내 따옴표 사이의 폰트명(Sunflower)을 삭제하고, 위 그림 2번 따옴표 사이에 표시된 폰트명을 입력합니다.
    주의: 위 예시처럼 반드시 따옴표(' ') 사이의 글꼴명만 변경하고, 끝은 반드시 !important; 로 끝나야 합니다.
  8. 오른쪽 상단 저장을 눌러줍니다.

3단계: 적용된 글꼴 확인하기

관리자 메뉴 왼쪽 상단 미리보기 아이콘을 클릭해 구글 웹 폰트가 정상적으로 적용됐는지 확인합니다.


SSL(보안서버)란?


사용자와 서버의 통신을 암호화하여 해커가 중간에 통신 데이터를 가로채더라도 알 수 없게 하는 통신 방법입니다. 쇼핑몰을 운영하거나 개인정보를 취급하는 웹사이트는 SSL 적용이 의무화 되어 있습니다. (정보통신망 이용촉진 및 정보보호 등에 관한 법률 제 28조)

기본 도메인(예: mydomain.imweb.me)은 기본으로 SSL이 제공되어 별도로 SSL을 신청하실 필요가 없습니다. 하지만, 개인 도메인(예: mydomain.com)을 사용한다면 기본으로 SSL이 적용되지 않으므로 별도의 설치 및 적용이 필요합니다.

참고: 회원가입 뿐만 아니라 게시판, 지도게시판, 입력폼 등 작성 및 기록 수단을 사용하시는 경우에도 SSL적용 대상이오니 참고 부탁드립니다.


SSL의 장점


  • http 2.0 적용으로 속도 향상
  • 정보유출 방지
  • 위조 사이트(피싱) 방지
  • 사이트 신뢰도 향상
  • 모바일 브라우저 및 Chrome 에서 위치정보 전송 가능(최신 브라우저들은 SSL이 적용되지 않은 사이트에서는 위치정보를 사용할 수 없도록 제한되어 있습니다.)


SSL 종류와 적용 방법



Basic SSLGlobal SSLBasic WildCard SSL
요금35,000원 / 1년170,000원 / 1년220,000원 / 1년
지원 도메인1개1개무제한 2차 도메인
브라우저 호환성99.9%99.9%99.9%
암호화 수준2,048 bit 서명. 128/256 bit 암호화2,048 bit 서명. 128/256 bit 암호화2,048 bit 서명. 128/256 bit 암호화
배상금최대 USD 10,000최대 USD 250,000최대 USD 10,000
기타일반적인 사이트에 추천기관(사업자) 정보가 브라우저 주소창에 표시됨
좀 더 높은 신뢰도를 보이고 싶은 사이트에 추천
많은 하위 도메인을 운영하고 있는 경우 추천
감성적인 느낌이 있는 디앤퍼슨스의 디자인
웹사이트, 쇼핑몰 디자인 맞춤제작 그리고 템플릿
COPYRIGHT © 2007-2024. DNPERSONs ALL RIGHTS RESERVED.