tip

[네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정

반응형

네이버에 사이트 등록하기 (네이버 웹마스터도구)

 

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>

 

 

 

다음 포스팅에서 이어질 예정.

[네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ② 사이트 등록하기

 

[네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ② 사이트 등록하기

2020/12/11 - [tip] - [네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정 [네이버 웹마스터도구] 웹사이트 빠르게 등록하는 팁 ① 메타태그 설정 네이버에 사이트 등록하기 (네이

hongpage.kr

 

 

 

 

검색엔진 사이트 등록하기

- 함께보면 좋은 글 - 

 

구글 사이트 등록하기 / 구글 서치콘솔 사용 방법 SEO

1. 구글 사이트 등록 전 - SEO 설정 구글 사이트 등록하기전에 홈페이지 사이에 메타태그를 적절히 넣어줘야한다. SEO 메타태그 관련한 자세한 내용은 아래 포스팅 참고 https://hongpage.kr/14 [네이버

hongpage.kr

 

다음 사이트 검색 등록 방법

다음 검색시 사이트가 뜨게 하려면 다음에 사이트 등록을 하면 되는데, SEO설정 없이 간단하게 아래와 같이 신청하면 하면 된다. 다음 사이트 검색 등록하기 1. 다음 검색등록 페이지(https://register

hongpage.kr

반응형