네이버에 사이트 등록하기 (네이버 웹마스터도구)
STEP 1. 메타태그 삽입
네이버 또는 다른 포탈사이트에 내 홈페이지를 등록하기 위해서는 몇가지 설정을 해야하는데 그 중 가장 먼저 해야할 일은 홈페이지에 메타태그를 넣는 것이다. 메타태그는 사이트의 소개글 같은 역할을 한다. 메타태그에서 홈페이지의 이름, 설명 대표 이미지 등을 정의하는데 포탈사이트에서 홈페이지 내의 데이터를 수집 할 때 이 메타 태그를 보고 포탈사이트에 뿌려주게 된다.
홈페이지 상단 <head></head>사이에 아래의 메타태그를 넣고 본인의 홈페이지에 맞게 알맞게 수정해준다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=10,user-scalable=no"> <!--반응형-->
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="사이트 설명" />
<meta name="keyword" content="사이트 키워드">
<meta property="og:type" content="website" />
<meta property="og:title" content="사이트 제목" />
<meta property="og:description" content="사이트 설명" />
<meta property="og:url" content="사이트 주소" />
<meta property="og:image" content="썸네일주소" />
<link rel="shortcut icon" href="파비콘 주소">
<link rel="canonical" href="사이트 주소" />
<title>사이트 제목</title>
<!--스크립트나 CSS 로드는 여기에-->
</head>
각 부분의 메타 태그 설명
메타태그를 넣기만 한다고 최적화 되는 것은 아니다.
적절한 내용과 적당한 길이로 넣어야 하는데, 아래와 같이 하면 어느정도 SEO(Search engine optimization) 최적화가 된다.
1. 메타태그는 <head></head> 사이 최상단에 위치
- head 태그의 가장 위쪽에 meta 태그를 넣어주었다.
- 스크립트나 CSS 로드는 메타태그 아래쪽으로 넣어준다.
2. 사이트 제목
- 사이트 제목은 회사명, 브랜드명만 간단하게 넣는다. ex) N디자인, 00컴퍼니
- 필요시엔 회사명 옆에 부가설명 간단하게 넣어도 상관없음. ex) N디자인 | 감각적인 홈페이지 제작
- 사이트 제목은 대부분 회사명, 브랜드명으로 간단하게 넣는다.
3. 사이트 설명
- 사이트 설명은 검색 시 사이트 제목 아래에 나오는 설명 부분인데 사이트를 대표할 수 있는 키워드를 콤마로 구분하여 넣어준다.
- 키워드는 5~6개가 적당
- 무분별하게 넣기보다는 보기에도 깔끔하고 들어갈 설명만 들어가는 것이 좋음.
- 중복되는 단어는 한 번만 넣고, 웬만하면 반복적으로 넣지 않도록 한다.
- 회사 이름을 한번 더 넣어주는 것도 검색 순위 위쪽에 노출되도록 하는 것에 유리한 것 같다
ex) 반응형 홈페이지 제작, N디자인, 반응형 홈페이지 제작, 회사/기업/쇼핑몰/펜션 홈페이지 제작 전문, 유지보수관리.
4. 사이트 키워드
- 3번 사이트 설명에 넣지 못한 세세한 키워드를 넣는다.
5. 사이트 주소
- 사이트 대표 도메인을 입력 (http://포함) ex) http://ndesign.co.kr
6. 썸네일 주소
- 회사를 대표하는 썸네일 이미지 경로 입력.
- 썸네일 최적 사이즈는 가로 800 X 세로 400px
7. 파비콘 주소
- 파비콘 이미지 경로 입력
- 파비콘은 주소창은 물론, 최근 네이버 검색 결과에 파비콘도 노출이 되어 등록하는 것이 유리하다.
메타태그 적용 예시
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
<meta name="description" content="N디자인, 반응형 홈페이지 제작, 회사/쇼핑몰/모바일/프렌차이즈/펜션 홈페이지 제작 전문, 엔디자인">
<meta name="keyword" content="홈페이지 제작, 웹에이젼시, 웹에이전시, 홈페이지 제작 비용, 서울 홈페이지 제작, 청주웹에이전시, 웹디자인, 반응형홈페이지, 반응형홈페이지제작, 반응형쇼핑몰, 웹디자이너, 엔디자인">
<meta property="og:type" content="website">
<meta property="og:title" content="N디자인">
<meta property="og:description" content="N디자인, 반응형 홈페이지 제작, 회사/쇼핑몰/모바일/프렌차이즈/펜션 홈페이지 제작 전문, 엔디자인">
<meta property="og:url" content="http://ndesign.co.kr">
<meta property="og:image" content="http://ndesign.co.kr/img/visual.jpg">
<link rel="shortcut icon" href="http://ndesign.co.kr/img/favi.ico">
<link rel="canonical" href="http://ndesign.co.kr/">
<title>N디자인 | 감각적인 홈페이지 제작</title>
</head>
다음 포스팅에서 이어질 예정.
[네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ② 사이트 등록하기
검색엔진 사이트 등록하기
- 함께보면 좋은 글 -
'tip' 카테고리의 다른 글
Font Awesome 사용해서 아이콘 넣는 방법 (2) | 2021.02.21 |
---|---|
카카오톡 SNS 로그인 연동 기록 삭제하기 (2) | 2021.02.08 |
쿼리스트링 추가로 js, css, img 파일 캐싱 방지 (2) | 2020.12.15 |
디자이너가 알면 좋은 유용한 사이트 모음 (2) | 2020.12.11 |
[Tip] 카카오톡 링크 공유 썸네일 사이즈 / 메타태그 최적화 방법 (2) | 2020.11.16 |
.htaccess 파일을 이용하여 특정 아이피, 국가 차단하기 (7) | 2020.10.27 |
[Tip] Adobe 어도비 부가세 면세받기 (2) | 2020.07.20 |
페이스북/카카오톡 공유 URL 디버깅 (새로운 이미지 반영이 안될때) (2) | 2020.07.06 |