본문 바로가기

돈버는공부

홈페이지를 제작하고 난뒤 가장 먼저 해야할것은?

홈페이지를 제작하고 난뒤 가장 먼저 해야할것은?


일단 홈페이지를 업체에 맡겨 제작이 완성되면 SEO의 가장 기본이되는 메타태그를

index.html 즉 홈페이지 메인이되어 보여주는 파일 <head>와 </head> 사이에

하나하나 적어넣어 주셔야 하는데요.


<meta name="author" content="아이보스">

[ 홈페이지 저작자를 표기 합니다 ]


<meta name="robots" content="index,follow">

[ 검색로봇에게 포털에 색인생성하고 링크를 연결 한다는 의미 ]


<meta name="robots" content="noindex,nofollow">

[반대로 포털에 색인을 생성하지 않고 링크를 연결하지 않는다는 의미]

보통 첫번째 로보츠 태그를 씁니다.


<meta name="revisit-after" content="1 days">

[방문 주기를 안내 합니다. 위는 1일마다 방문 하라는 의미 ]


<meta name="copyright" content="아이보스">

[저작권자를 안내 합니다.]


<meta name="subject" content="아이보스" /> 

[주제를 안내 합니다. 저희는 그냥 상호나 키워드를 씁니다]


<meta name="description" content="아이보스 마케팅 관련 커뮤니티 사이트"> 

[홈페이지에 대한 설명 문구를 적습니다. 우리가 포털에 검색한뒤 클릭하기전

링크 밑에 나와있는 간략하게 내용문구가 보이는 부분 입니다. ]


<meta name="keywords" content="아이보스,바이럴마케팅,소상공인마케팅,인터넷마케팅">

[ 관련있는 키워드를 표기합니다. ]


<link rel="canonical" href="https://www.i-boss.co.kr/" />

[대표 url 을 지정 합니다. 기본적으로 꼭 들어가야 합니다. ]


자 다음으로 들어갈 부분은 오픈태그라 하는데 어느 포털이나 꼭 필요한

메타태그로 알아 두세요.


<!-- sns OpenGraph tag -->

<meta property="og:type" content="website" />

[ 해당 사이트 타입이 블로그냐 웹사이트냐를 알려 줍니다. ]

여담이지만 이전에 N사 웹마스터도구 등록할때 이부분을 blog 로 하고 등록하면

블로그영역에 노출이 되었었습니다. 지금은 안해봐서 잘..ㅎ


<meta property="og:site_name" content="아이보스" /> 

[사이트 이름을 적습니다. 업체명을 적기도 합니다. ]


<meta property="og:title" content="아이보스"/> 

[사이트 제목을 적는 부분 입니다. ]



<meta property="og:description" content="아이보스 마케팅 관련 커뮤니티 사이트" /> 

[ 위쪽 디스크립션 즉, 사이트 설명문구 입니다. 위와 동일한 내용을 넣습니다. ]

카톡이나 트위터 등에 링크를 걸면 해당 사이트에 대한 간단한 설명 문구가 미리보기처럼

보여지죠? 여기가 그 부분 입니다. 이부분이 안적혀 있다면 사이트 이름만 보이고

안내 문구없이 덩그러니 보입니다.



<meta property="og:image" content="https://www.i-boss.co.kr/images/new_logo_home2.png"/>

[ 대표 이미지를 보여줍니다. 즉, 로고나 대표이미지를 보여주게 되므로 이미지 경로와

파일명을 정확히 적어 주셔야 합니다. 파일 형식도요. ]

N사에서 특정 사이트가 블로그 썸네일 보이는것처럼 보여준다고 공지한적 있죠?

바로 이부분을 읽어 썸네일을 해당 경로 이미지로 보여 줍니다.

SNS쪽 링크를 걸때도 사이트 미리보기처럼 보이면서 이미지 보이는게 이쪽 경로 입니다.



<meta property="og:url" content="https://www.i-boss.co.kr/"/>

[ 위에 기본 메타태그 <link rel="canonical" href="https://www.i-boss.co.kr/" /> 

과 같은 의미를 가진 태그 입니다. 대표 url 을 넣어 주시면 됩니다. ]


딱 이정도만 메타태그로 index.html 파일안에 <head> 와 </head> 사이에

넣어주시면 웹마스터도구가 요구하는 기본 메타태그는 다 갖추는것 입니다.

거기에 사이트맵과 robots.txt 를 넣어주면 끝 입니다.