ceo 서바이벌 해외 온라인마케팅 가이드 v4.1

CEO 서바이벌 Online 마케팅 가이드

연

CEO Survival Online Marketing v4.10.10.30 http://SmartHomepage.co.kr/ 스마트홈페이지 /39

CEO 서바이벌 온라인 마케팅 가이드

제조업체 . 수출업체 마케팅전략에 최적화된 홈페이지 제작가이드

( 검색엔진최적화 , 웹표준 , 웹접근성 제공 , 관리솔루션 , 교육 기본제공 )http://SmartHomepage.co.kr

http://SmartHomepage/


본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서의 사용으로 인한 직.간접적인 피해에 대하여 책임을 지지 않습니다. 본

문서 내용은 전문적인 컨설팅서비스로 사용될수 없습니다.

2004-2010 펭귄소프트(주). All rights Reserved. http://SmartHomepage.co.kr

본 문서는 펭귄소프트(주)의 자산으로 자유롭게 재 배포를 하실 수 있습니다. 다만 이를 영리목적으로 무단 사용시에는 법적 제재를 받

을 수 있습니다. 본 내용을 사용시에는 꼭 원 저작자 펭귄소프트(주) 를 꼭 표기하여야 합니다. 오픈오피스 Writer, Impress, Calc는

Sun Microsystems 사의 등록상표이며, 윈도우, 엑셀, 워드, 파워포인트 는 마이크로소프트 사의 등록상표입니다. 아래한글은 한컴 사

의 등록 상표입니다. Iphone은 Apple사의 상표입니다. 기타 모든 등록 상표는 해당 회사의 소유입니다.




Table of Contents

I CEO, 온라인 마케팅 제대로 알아야 돈 번다..........................................................................................4 I.1 기업에 있어 홈페이지는 온라인 직원역할을 한다..........................................................................4

I.2 온라인 마케팅은 최소비용으로 최대효과를 제공한다....................................................................4

I.3 기업에 스마트한 돈 버는 홈페이지는 필수이다.............................................................................4

I.4 모든종류의 온. 오프라인 마케팅에는 스마트한 홈페이지가 필요하다...........................................4

I.5 온라인 마케팅은 CEO가 이해하고 직접하거나 지시할 수 있어야 한다.......................................4

II 온라인마케팅의 기본인 웹사이트 이해하기..........................................................................................5 II.1 검색엔진의 상위노출의 원리를 이해하자......................................................................................5

II.2 검색엔진과 사람에게 똑 같이 내용을 전달하도록 한다................................................................6

II.3 존재하지만 존재하지 않는 홈페이지가 있다.................................................................................7

II.4 홈페이지 방문자는 매우 다양하다.................................................................................................8

II.5 사용자는 다양한 컴퓨터 및 장치를 사용한다................................................................................9

II.6 홈페이지를 보는데 다양한 프로그램을 사용한다........................................................................10

III 스마트 홈페이지제작 및 관리 지침서.................................................................................................11 III.1 홈페이지 내용은 직접 관리할 수 있어야 한다............................................................................11

III.2 홈페이지 제작시 검색엔진최적화 그리고 웹접근성을 제공하여야 한다....................................13

III.3 해외바이어에 웹 접근성을 최대한 제공하여야 한다..................................................................20

III.4 국제적인 웹 표준을 최대한 준수하여야 한다.............................................................................27

III.5 친환경 녹색 홈페이이지 이어야 한다.........................................................................................30

III.6 기타 홈페이지 제작.관리에 필요한 필수지식 이해.....................................................................32

IV 홈페이지 를 이용한 온라인 마케팅 방법............................................................................................34 IV.1 해외바이어는 국내검색엔진이 아닌 구글검색엔진을 사용한다.................................................34

IV.2 해외시장 개척에는 구글검색엔진이 통한다...............................................................................35

IV.3 돈 드는 온라인마케팅, 돈 안드는 온라인마케팅 비법................................................................35

IV.4 보도자료 제대로 작성하는 방법.................................................................................................36

IV.5 블로그등 소셜네트워크 100% 활용 방법....................................................................................36




I CEO, 온라인 마케팅 제대로 알아야 돈 번다

어떠한 홈페이지가 기업성장에 도움이 되고, 어떻게 설계하고, 제작하며, 관리하고, 활용을 하여야 하는

지를 실례를 통하여 제시한다. 궁극적으로 웹사이트를 이용하여 매출증대에 큰 역할을 하게 한다.

I.1 기업에 있어 홈페이지는 온라인 직원역할을 한다

홈페이지는 회사의 홍보부, 영업부, 매장, 그리고 고객지원부서의 모든 역할을 하고 있다. 24시간 365일

쉬지 않고 근무하는 일당 백의 직원이다. 갑자기 그만두지도 않고, 결근을 하지도 않고, 월차도 없고 초

과수당도 요구하지 않으며 4대 보험료도 없다. 이러한 온라인 직원의 채용, 교육, 활용 및 관리는 많은

관심을 필요로 하며 CEO 가 직접 챙긴다. 가장 적은 비용으로 가장 큰 일을 하는 직원이기 때문이다.

I.2 온라인 마케팅은 최소비용으로 최대효과를 제공한다

온라인 마케팅이 왜 중요한가? 특히 창업초기의 중소기업에게는 왜 더욱더 중요한 의미가 있는가? 이유는 단순하다. 기업이 설립되면 서비스이든 제품이든 홍보를 통하여 매출을 올려야 한다. 그러기 위해

서는 다양한 홍보활동을 하여야 한다. 가장 효과적인 방법은 무었일까. 아래 몇가지 예 중에서 가장 적

은 비용으로 최대의 효과를 가져다 주는 방법은 무었일까? 물론 잘 만들어진 스마트한 홈페이지이다.

➔ TV광고를 한다

➔ 신문지면에 광고를 한다

➔ 포털 & 검색사이트 에 광고를 한다

➔ 전단지를 돌린다

➔ 전시회에 참가한다

➔ 웹사이트를 이용하여 홍보한다

➔ 기타 여러가지 방식으로 한다

I.3 기업에 스마트한 돈 버는 홈페이지는 필수이다

실제로 회사설립 후 가장 필요한것은 명함이다. 다음에 필요한것은 홈페이지이다. 명함에 회사 홈페이

지 및 이메일주소가 있어야 한다. 상대 업체도 가장 먼저 보는것이 홈페이지이다. 이를 통하여 회사의

기초 정보를 획득한다. 따라서 웹사이트는 기업에 있어 필수요소이다. 기업에게는 무늬만 화려한 백차

아다다 홈페이지가 아닌 돈 버는 웹사이트가 필요한것이다.

I.4 모든종류의 온. 오프라인 마케팅에는 스마트한 홈페이지가 필요하다

신문광고, TV광고, 전단지 광고, 전시회참가 를 포함한 어떠한 홍보의 형태도 웹사이트를 근간으로 하

면 좀 더 지속적인 효과를 기대할 수 있다. 따라서 웹사이트는 제작부터 사업에 도움이 되게 설계되어

야 한다. 업체에 있어 사업에 도움이 되지홈페이지제작은 의미가 없기 때문이다.

I.5 온라인 마케팅은 CEO가 이해하고 직접하거나 지시할 수 있어야 한다

온라인 마케팅은 초기단계에서부터 고급단계 까지 여러단계가 있다. 모든 단계를 CEO가 다 할 수 는

없다. 최소한 온라인 마케팅의 중요성 및 기초적인 방법론만 이라도 이해하여야 한다. 그래야 직원에게

정확한 업무지시를 할 수 있기 때문이다.




II 온라인마케팅의 기본인 웹사이트 이해하기

CEO가 구체적으로 홈페이지 제작. 관리의 지시를 할 수 있으며 돈버는 홈페이지 운영에 관한 방법을

이해한다. 본 문서의 내용은 모든것을 포함하지 않는다. 다만 꼭 필요한 필수적인 요소만을 다룬다.

II.1 검색엔진의 상위노출의 원리를 이해하자

우리가 사용하는 검색엔진의 다양하다. 국내의 경우 네이버, 야후, 다음, 파란등 다양하다. 각 검색엔진

및 포털사이트 마다 특징이 있다. 네이버의 경우 내부자료 (블러그, 카페, 지식인등) 를 많이 활용하며

광고비를 지출하여야 상위 노출이 된다. 반면에 구글의 경우 웹표준등을 준수하며 내용에 충실하면 상

위에 노출이 될 가능성이 매누 높다. 해외에서는 구글이 대표적으로 사용된다는 점을 기억하자.

검색엔진작동 원리 비고

전세계적으로 수많은 홈페이지가 제작되고 있다. 이러한 홈페이지는 다양한

제품 및 서비스를 홍보하고 있다. 이렇게 제작된 홈페이지를 쉽고 신속히 검색

하여 원하는 정보를 얻고자 하는 바이어 및 홈페이지 사용자가 많이 있다.

검색엔진에서 홈페이지 자료를 모아서, 분석하고, 정리한다. 이러한 업무를 담

당하는 프로그램 (spider 라고 함)이 홈페이지를 방문하여 홈페이지를 파악하

고 분류하여 데이터베이스에 저장한다. 따라서 검색엔진 spider 가 방문시에 홈

페이지에 대한 내용을 충분히 전달하는것이 매우 중요하다. 즉, 홈페이지가 무

었에 관한것인지 사람이 아닌 검색엔진의 입장에서 이해하기 쉽게 홈페이지를

제작하여야 하는 이유가 여기에 있다.

전세계의 홈페이지 방문자가 특정 키워드를 검색하면 1 단계에서 수집한 정보

를 기반으로 하여 검색결과를 보여준다.

검색결과에서 상위 처음페이지 혹 최소한 3번째 페이지에는 홈페이지가 노출

이 되어야 한다. 이것은 수백 수천만원의 광고비를 절약하는 의미이며, 바이어

확보에 매우 중요한 역할을 하는것이다.

홈페이지 검색시에 수많은 변수에 의하여 순위가 결정된다. 이 순위는 광고비

절약과 바이어확보 라는 의미를 지닌다. 따라서 홈페이지제작시 검색엔진최적

화 가 얼마나 중요한지 알 수 있다.

가장 중요한 페이지제목, 페이지요약, 제품사진 대체문자제공, 페이지의 논리

적 정렬 등 검색엔진최적화 기본만이라도 지키자.

그림출처: http://sxc.hu


수많은 홈페이지 존재

홈페이지 수집 .분류

검색시 활용

순위별 결과제공

1

2

3

4



II.2 검색엔진과 사람에게 똑 같이 내용을 전달하도록 한다

사람과 검색엔진이 보는 홈페이지는 다르다. 사람은 시각, 청각 등 다양한 방법을 총 동원하여 홈페이지

를 입체적으로 볼수 있다. 따라서 아래 홈페이지의 경우 보통사람에게는 내용을 바로 파악할 수 있다.

그림 1: 사람은 시각, 청각 등을 이용하여 입체적으로 홈페이지를 이해한다. (출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

검색엔진은 홈페이지의 소스코드만을 본다. 참고로, 웹 브라우저의 “보기” → “소스” 를 누르면 홈페이

지의 소스를 볼수 있다. 이 소스코드 및 내용이 잘 되어 있어야 한다. 아래는 위 페이지의 소스코드이

다. 소스코드가 검색엔진에 충분한 내용을 전달하고 있다. 즉, 검색이 잘 된다는 의미이다.

그림 2: 컴퓨터 혹 검색엔진은 페이지의 소스코드를 기준으로 홈페이지를 판단한다. 위의 경우 내용이 분명히 전달된다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


사람에게 충분히 내용전달

컴퓨터 / 검색엔진 에게도 내용전달

홈페이지 내용

을

바로 알 수 있

다


http://SmartHomepage.co.kr/



II.3 존재하지만 존재하지 않는 홈페이지가 있다

반대로 아래의 경우를 보도록 하자. 서울지역 한 수출업체의 영문 홈페이지 이다. 사람에게는 제품을 정

보를 바로 전달하는 홈페이지이다. 아래 수출업체의 경우 인삼제품을 주로 수출한다. 해외바이어가

Korean ginseng 등 관련된 키워드로 검색을 할 것이다. 검색결과에 해당 수출업체의 인삼제품 사진이

노출이 되고, 바이어를 홈페이지로 오게하여 인콰이어러를 받고 제품 상담을 할수 있어야 한다. 아래는

국내 수출업체의 99%에서 나타나는 백치아다다 홈페이지의 대표적인 사례이다.

그림 3: 서울지역 수출업체의 영문홈페이지로 사람에게는 제품내용을 충분히 전달하나 검색엔진에는 아무런 의미가 없다

(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

위 페이지의 홈페이지 소스를 보도록 하자. 왜냐하면 컴퓨터 및 검색엔진은 홈페이지의 소스를 분석하

여 검색시에 노출을 시키기 때문이다. 아래 파란색 부분을 보면 그것이 인삼인지, 컴퓨터인지, 아니면

전자부품인지 도저히 알 수가 없기 때문에 이 페이지는 검색엔진 측면에서는 존재하지 않는 페이지와

같다. 물론 이러한 사항은 웹표준 및 웹접근성에도 어긋나는 사항이다. 이렇게 홈페이지제작을 할 경우

1000 페이지를 제작해도 검색엔진에 노출이 되지 않는다는 것이다. 국내 99%이상의 수출업체 홈페이

지가 이렇게 제작되고 있다는 현실을 아는 CEO는 1%도 되지 않다는것이 더 안타까운 현실이다.

그림 4: 서울지역 수출업체의 영문홈페이지로 홈페이지 소스에는 인삼제품 대체문자가 없다. 2009년11월9일기준



사람에게는 내용전달

홈페이지 내용

을

알수가 없다

컴퓨터 / 검색엔진에 내용전달 실패





II.4 홈페이지 방문자는 매우 다양하다

기업은 홈페이지제작을 통하여 다양한 바이어/ 고객에게 제품 혹 서비스 홍보를 하여 원하는 목적을 달

성하고자 한다. 홈페이지 방문자는 매우 다양할 수 있다. 홈페이지제작 시에는 아래처럼 다양한 방문자

가 홈페이지 내용을 이해하는데 문제가 없게 하여야 한다. 이것이 바로 웹접근성 이다.

웹접근성은 더욱더 많은 홍보, 더욱더 많은 바이어확보, 더욱더 많은 매출를 의미한다. 물론 법적으로

지켜야할 의무도 있다. 한국을 비롯하여 전세계의 대부분의 선진국에서는 웹접근성을 의무화 하고 있

다는 점을 기억하도록 하자.

구체적으로 보면 시각장애, 청각장애, 마우스를 사용못하고 키보드만 사용하는 사람, 마우스 및 키보도

를 사용못해서 머리에 막대같은것을 이용하여 사용하는 방문자, 어르신, 어린이등 매우 다양한 홈페이

지 방문자가 있다는것을 염두에 두고 홈페이지를 제작 및 관리하여야 한다.

그림 5: 홈페이지에는 다양한 형태의 방문자 있다. 이러한 사항을 감안하여 홈페이지제작을 하여야 한다

(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션, 그림: http://sxc.hu )

그림 6: 홈페이지제작시 전세계적으로 다양한 민족만큼 다양한 바이어가 존재한다

(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션, 그림: http://sxc.hu )


일반 대다수 시각장애

키보드만 사용

청각장애

거동이 불편 어르신등 ...

전세계적으로 다양한 방문자 존재


http://sxc.hu/


http://sxc.hu/



II.5 사용자는 다양한 컴퓨터 및 장치를 사용한다

홈페이지를 보기위해서는 프로그램이 필요하다. 이 프로그램이 바로 웹 브라우저( 혹 브라우저) 라고하

는 것이다. 이 브라우저는 다양한 바이어만큼 다양하다. 홈페이지 제작시 최소한 아래의 주요브라우저

에서는 잘 보여야 한다. 각 각 브라우저마다 홈페이지를 해석하는데도 조금식 다르다. 각 국가별로 점

유율이 차이가 있으나, Firefox 웹 브라우저는 공개소프트웨어로 전세계적으로 약 30% 가 사용중이며

꾸준히 사용자가 증가하고 있다. 해외시장진출에는 Firefox 브라우저 지원이 필수적이다.

그림 7: 홈페이지 방문자는 다양한 컴퓨터를 활용한다. 홈페이지 제작시 이점을 기억하여 모두가 볼 수 있게 제작한다. 이미지출처: http:/sxc.hu, http://http://www.uiaccess.com(출처: 위키피디어 http://en.wikipedia.org, 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작 )


맥킨토시 컴퓨터

UMPC,MID 등

윈도우 컴퓨터 리눅스 컴퓨터

IPhone, IPod 기타기기들




II.6 홈페이지를 보는데 다양한 프로그램을 사용한다

홈페이지를 보기위해서는 프로그램이 필요하다. 이 프로그램이 바로 웹 브라우저( 혹 브라우저) 라고하

는 것이다. 이 브라우저는 다양한 바이어만큼 다양하다. 홈페이지 제작시 최소한 아래의 주요브라우저

에서는 잘 보여야 한다. 각 각 브라우저마다 홈페이지를 해석하는데도 조금식 다르다. 각 국가별로 점

유율이 차이가 있으나, Firefox 웹 브라우저는 공개소프트웨어로 전세계적으로 약 30% 가 사용중이며

꾸준히 사용자가 증가하고 있다. 해외시장진출에는 Firefox 브라우저 지원이 필수적이다.

그림 8: 홈페이지 방문객은 다양한 웹 브라우저를 사용한다. 최소한 주요 브라우저에서 홈페이지가 잘 보여야 한다

(출처: 위키피디어 http://en.wikipedia.org, 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작 )





III 스마트 홈페이지제작 및 관리 지침서

III.1 홈페이지 내용은 직접 관리할 수 있어야 한다

왜 중요한가? 일반 홈페이지 제작업체의 경우 인원구성을 보면 대부분이 웹 디자이너로 구성되어 있다. 어떻게 특정 전문분야의 용어를 포함한 업체의 내용을 알수 있겠는가? 홈페이지 방문자가 검색엔진에

서 키워드를 검색하여 결과를 얻는다. 이때 상위에 노출되기 위해서 가장 중요한것 중 하나가 바로 각

페이지별 제목, 페이지 요약 그리고 해당 분야의 충실한 내용이다. 사업용 홈페이지는 CEO가 혹 직원

이 관리할 수 있어야 한다. 내 제품 및 서비스는 내가 가장 잘 알기때문이다.

그림 9: 기본으로 제공되는 브라우저기반 차세대 스마트홈페이지 CMS를 이용하여 고객이 직접내용을 수정. 관리 할 수 있다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 온라인마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

기본적으로 스마트홈페이지는 아래를 포함하여 디자인을 제외한 대다수 내용을 직접수정 할 수 있다.

➔ 페이지 추가 를 원 클릭으로 누구나 할 수 있다

➔ 페이지 제목등을 실시간으로 수정할 수 있다.➔ 각 페이지별 검색엔진 최적화 제목, 요약, 그리고 키워드를 직접 수정할 수 있다

➔ 각 페이지별 제목을 검색엔진에 최적화하여 입력할 수 있다

➔ 제품카타로그, 겔러리 등 페이지를 원 클릭으로 생성 및 관리가 가능하다

➔ 제품카타로그 및 겔러리의 이미지에는 웹접근성 및 검색엔진최적화 대체문자 자동입력

➔ 메뉴이름 변경, 메뉴순서 변경, 디자인 변경등 상당수 작업 직접 실시간으로 가능

➔ 기타 홈페이지 관리에 필요한 페이지 생성, 변경, 내용변경 등 작업을 누구나 직접 관리가능


메뉴 추가 .편집

삭제등 작업도 원클릭으로 완료 .

검색엔진최적화

자연어 파일이름

Drag & Drop

메뉴관리 시스템

수정원하는부분

클릭후 편집

스마트홈페이지로 직접관리하는 홈페이지




III.1.1 대표인사말 은 설, 추석 등, 창사기념일 에 따라 직접수정이 가능하여야 한다

홈페이지유지는 홈페이지 제작 못지 않게 중요하다. 통상적 인사말, 설날, 여름휴가, 추석, 크리스마스, 연말, 회사 창립일 등 많은 행사나 이벤트가 있다. 대표이사의 인사말이 적절하게 바뀌면 홈페이지 방문

자에게 매우 좋은 인상을 줄것이다.

III.1.2 새로운소식등 다양한 소식을 바로 전달할 수 있어야 한다

회사의 연휴공지, 신제품 공지, 전시회 참가 공지등 다양한 새로운소식을 수시로 올려주어야 한다. 이는

홈페이지 활성화 뿐아니라 검색엔진에 노출되는 확율을 높여주기도 한다. 홈페이지관리는 수시로 해

주어야 하며, 이러한 내용은 검색엔진 노출에 큰 영향을 주기도 한다.

III.1.3 신제품등록 및 수정은 언제 어디서든 직접 실시간으로 할 수 있어야 한다

중소업체, 수출업체등에게는 회사홍보 및 제품홍보를 통하여 매출을 올리는것이 매우 중요할 것이다. 따라서 직원이 제품을 직접 등록 및 수정할 수 있어야 한다. 특히 제품을 홈페이지에 등록시에는 각 각

제품별로, 제품제목 (페이지제목), 제품페이지 요약 등을 포함한 내용을 관련된 용어로 입력하여야 한다.

III.1.4 메인페이지 내용변경 역시 직접 할 수 있어야 한다

메인페이지는 랜딩페이지 (홈페이지 방문객이 처음으로 방문하는 페이지) 라고도 하며, 홈페이지 방문

지 가장 먼저보여주는 매우 중요한 페이지이다. 신제품, 새소식 등을 포함한 핵심내용을 이곳에 넣어야

한다. 또한 언제든지 손 쉽게 누구라도 내용을 다른것으로 변경이 가능하여야 한다. 전화번호 하나도 직

접 수정할 수 없는 홈페이지는 의미가 없다. 지금 현재 홈페이지 내용을 직접 수정이 가능한가?

III.1.5 동영상제품소개 등도 제품홍보 및 매출에 최대한 활용하여야 한다

중소기업 제품소개에 있어 동영상 만큰 효과적인 것은 없다. 최근에는 많은 수출업체 및 중소업체가 동

영상등 멀티미디어 컨텐츠를 홈페이지 제작에 활용한다. 디지털카메라 (디카)로 제품홍보 동영상을 촬

영후에 youtube등 기타 동영상 사이트에 올려서 내 홈페이지에 활용을 직접 할수 있어야 한다. 해외수

출용 홈페이지제작에는 유튜브가 최적이라 하겠다. 제품홍보 동영상은 특히 검색엔진최적화에 도움이

되며 노출에 큰 역할을 한다. 마찬가지로, 동영상을 올릴시에는 해당 동영상에 대한 최적의 요약 및 키

워드를 함께 제공하도록 한다. 자세한 방법은 스마트홈페이지 교육시에 제공한다.

III.1.6 온라인프리젠테이션 활용으로 시간절약 및 효율적인 제품홍보를 한다

회사소개, 제품소개, 기술소개 등 다양한 홍보자료의 프리젠테이션을 홈페이지에서 바로 직접 할 수 있

어야 한다. 우선 각자 사용하는 프로그램 (ODP,PPT, HWP등) 을 이용하여 제작후에 PDF로 출력한다. 다음에 slideshare같은 홈페이지에 파일을 올리기만 하면 온라인 프리젠테이션이 완료된다. 다음에는

내 홈페이지제작시 그리고 관리할때에 삽입하여 활용한다. 복잡해 보이지만 매우 단순한 절차이다.




III.2 홈페이지 제작시 검색엔진최적화 그리고 웹접근성을 제공하여야 한다

왜 그런가 ? 홈페이지를 널리 홍보하여 매출을 올려야 한다. 검색엔진최적화 및 웹접근성 우선 돈 안들

이고 누구나 바로 할 수 있는 것이 있다. 바로 웹표준을 지키는 것이다. 검색시 상위에 노출하게 만드는

가장 기초작업이 바로 웹표준이다. 즉, 페이지제목, 요약, 키우드, 목차사용, 대체문자 제공등이다. 검색

엔진 최적화, 웹표준, 및 웹접근성은 구체적으로 다르나 전체적으로 보면 같은 맥락에서 볼 수 있다.

그림 10: 스마트홈페이지로 제작되과 관리되는 홈페이지는 상대적으로 검색엔진 상위에 노출이 된다

(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 온라인마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

III.2.1 검색엔진최적화의 필수사항은 꼭 지키자

누차반복이 되는 항목이다. 하지만 아무리 강조해도 지나치지 않는 검색엔진 최적화 항목이 있다. 다른것은 다 잊어도 아래만큼은 꼭 기억하고 어떤일이 있어도 홈페이지제작 및 관리시 지키도록 하자.

➔ 각 페이지별 고유한 검색엔진 타이틀을 입력한다

➔ 각 페이지별 고유한 검색엔진 요약을 입력한다

➔ 각 페이지별 고유한 검색엔진 키워드를 입력한다

➔ 각 페이지는 의미를 전달하는 파일명을 입력한다

➔ 본문 페이지의 제목은 제목1 로 꼭 시작하며 중요한 내용은 가장 위에 위치시킨다

➔ 제품사진등 의미를 전달하는 이미지에는 꼭 대체문자를 제공한다

➔ 가능한 여러곳 (카페, 블로그 등) 에서 내 홈페이지로 링크를 걸도록 한다


이미지검색첫페이지 노출( 광고비없음 )

웹문서검색 첫페이지 노출( 광고비없음 )

스폰서광고( 광고비지출 )

스폰서광고( 광고비지출 )

검색엔진최적화로 돈 버는 홈페이지를 만들자




III.2.2 홈페이지 제목은 웹표준, 웹접근성 및 검색엔진최적화에 매우 중요하다

홈페이지 제작시 제목은 각 페이지의 가장 중요한 핵심요소이다. 즉, 홈페이지 전체가 무엇을 하느냐, 혹 특정 페이지가 무슨 내용이냐 하는것에 대답을 하는 핵심 제목인것이다. 게시판의 새소식, 제품소

식, 제품명등 을 각 각 다른 제목을 넣어야 한다. 이는 검색엔진 최적화의 기초중의 기초이다. 제목은 아

래 그림4 에서처럼 페이지의 상단에 ..charset... 다음에 위치하여야 한다.

그림 11: 각 페이지별 고유한 제목은 웹접근성, 검색엔진최적화 및 웹표준에 필수이다. Safari 브라우저에서 보는 제목위치


그림 12: 홈페이지의 소스를 볼 경우 위처럼 title 에 제목이 표시된다. 이 제목은 각 페이지 내용을 나타내는 고유한 제목이어야 한다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

그림 13: 구글검색엔진에서 사용되고 있는 제목으로 각 페이지마다 고유한 페이지 제목이 검색에 중요하다는 것을 보여주고 있다



브라우저에서 보이는 페이지 제목

페이지 소스보기 에서 보이는 제목

검색시 사용되는 페이지 제목

제목

제목

제목은검색엔진 결과에 매우 중요하다






III.2.3 홈페이지 제작시 키워드 및 특히 페이지요약은 검색엔진 노출에 매우 중요하다

홈페이지제작 시 키워드 및 요약은 홈페이지의 모든 페이지에 각 각 다르게 사용하여야 한다. 인사말, 제품페이지, 제품사진,새로운소식, 공지사항을 포함한 모든 페이지에 그 페이지의 고유한 핵심단어 (키워드) 및 페이지 요약 (요약) 을 제공하여야 한다.

그림 14: 각 페이지내용을 요약하여 놓은 페이지 요약은 검색엔진의 상위 노출에 있어 매주중요하다. 특히 요약은 매우 중요하다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

그림 15: 각 페이지내용을 요약하여 놓은 페이지 요약은 검색엔진의 상위 노출에 있어 매주중요하다. 특히 페이지요약은 매우 중요하다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

위처럼 각 페이지별 고유한 키워드 및 요약 을 입력하면 실제 검색엔진에서 해당 키워드 검색시에 아래

처럼 사용된된다. 예를들어, 구글에서 “웹 접근성에 최적화된 홈페이지” 라고 검색을 아래처럼 결과가

나온다. 제목과 더불어 키워드 및 요약은 검색엔진최적화 의 가장 기초라는점을 꼭 기억하자. 즉 돈

을 쓰지않고도 광고하는 방법인것이다. 특히 페이지요약은 키워드를 포함하여 적절히 입력하자.

그림16: 각 페이지별 요약이 검색시에 사용되어 검색엔진 상위 노출에 매우 중요한 역할을 하는것을 보여준다



키워드 및 요약

각 페이지별 키워드 및 요약을 검색요약

검색엔진에서 활용되는 키워드 및 요약

키워드

구글검색엔진에서 키워드 검색

검색키워드






III.2.4 홈페이지 내용을 전달하는 그림에는 대체문자를 사용하자

그림의 경우 홈페이지 소스를 보면 내용이 없다. 따라서 그림을 표현하는 문자가 필요하다. 이것이 바로

대체문자이다. alt=”웹 접근성에 최적화” 처럼 되어 있다. 특히 제품사진 등 내용을 전달하는 이미지에

는 꼭 대체문자를 사용하여야 한다. 이미지 대체문자 는 길지않게 꼭 필요한 문자만을 넣는다. 설명이

길면 longdesc=”긴설명...” 처럼 사용하도록 한다. 검색엔진에서 “웹접근성 친화적인 홈페이지” 라고 검

색을 하면 아래그림에서 보여주듯이 이미지에 대체문자 (alt=”...” ) 가 를 활용하여 검색결과를 보여준다.

그림 17: 검색시 문자, 그림, 동영상등 다양한 결과를 제공한다. 이미지 검색을 위하여 이미지 대체문자를 제공하여야 한다


그림 18: 제품사진등 내용을 전달하는 그림은 꼭 그림을 나타내는 간략하면서 정확인 대체문자를 제공하여야 한다


그림 19: 제품사진등 내용을 전달하는 그림에는 그림의 이름을 넣어주어야 (대체문자) 검색시 위처럼 그림이 검색결과로 노출된다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


이미지 대체문자를 기준으로 검색결과를 보여준다

이미지 검색결과

구글검색엔진에서 키워드 검색

검색키워드

이미지 대체문자를 검색결과에 사용한다

이미지 대체문자 검색






III.2.5 홈페이지 내용에 대체문자 없이 이미지를 사용하면 아무런 의미가 없다

인사말, 회사연혁 을 비롯하여 특히 제품설명의 경우 이미지를 사용하지 말고 문자를 사용하자. 이미지

를 사용하면 검색엔진에 매우 불리하다. 사례를 보자. 아래는 2009수출유망기업으로 선정된 서울의 한

업체의 실제 홈페이지이다. 홈페이지 방문객 (시각장애가 없는사람) 은 내용을 쉽게 파악할 수 있다.

그림 20: Power Unit 라고 검색을 할 경우, 제품사진의 대채문자가 Power unit 라고 있으면 검색결과에 노출확율이 매우 높다


그림 21: 위 그림의 제품사진에는 어떠한 대체문자가 없다. 따라서 검색엔진에 노출이 되지 않으며 웹접근성에도 어긋난다


하지만 검색엔진에게는 아래처럼 보인다. 즉, 제품에 대한 아무런 내용도 알수가 없다. Pro01.htm 및

pro01.gif 가 무슨의미인가? 검색엔진측면에서는 이 페이지는 존재하지 않는것과 같다고 하겠다.

그림 22: 그림 9 페이지의 소스를 보게되면 해당 제품사진이 무었인지 전혀 알수가 없다. 검색엔진에 노출이 될수가 없는 상태이다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


검색엔진에게는 무의미한 제품사진

검색결과에 노출이 되지 않는다

대체문자없는

제품설명

제품사진에 대체문자 없음

검색엔진에서 키워드 검색

검색키워드






III.2.6 홈페이지 파일명은 의미있게 적성되어야 한다

아래의 경우 파일명만 봐서는 무슨 의미지인지 알수 없다. 역시 2009년 중기청 수출유망중소기업에 선

정된 서울소재 한 업체의 경우이다. 이러한 파일명 제작방식은 국내 홈페이지99%에서 공통으로 나타

나는 현상이다. 이는 홈페이지제작시 피하여야 할 기본사항중 하나이다. 또한 sub_01.html 등으로 표시

되는 파일명도 대표적인 국내의 사례로 의미를 알수 없는 파일명이다. 개선을 하여야 할 사항이다.

그림 23: 파일명은 의미가 있게 사용하자. 파일명도 구글검색엔진 검색결과 노출에 중요한 역할을 한다는 점을 기억하도록 하자


아래의 경우 파일이름만 봐도 이 페이지가 무었에 관한것인지 바로 알 수 있다. 즉, 아래는 “CEO 와 홈

페이지 필수 팁” 이라는 의미를 전달한다. 이렇게 의미를 전달 할 수 있는 파일명을 사용하여야 한다. 그러면 왜 의미있는 파일명이 중요할까? 실제 사례를 아래그림에서 보도록 한다.

그림 24: 구글검색결과에 영향을 주는 파일명은 의미있게 작성한다. 위의 경우 파일이름만으로 페이지 내용을 알 수 있다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

실제 사례를 보자. 예를 들어서 구글검색엔진에서 “ Korean welding suppliers” 라고 검색을 하면 아

래처럼 결과가 나오게 된다. 아래에서 보면 파일이름에서 Korean welding suppliers라는 파일명이 검

색이 된것을 알 수 있다. 이렇게 파일명도 검색엔진 최적화 및 노출에 매우 중요하다. 따라서, 의미있는

파일명은 수출업체 홈페이지제작시 필수 사항이다. 특히 제품카타로그 등 제품페이지에는 꼭 각 페이

지의 제품명을 파일명으로 제작하도록 한다.

그림 25: 위의 경우 의미를 전달하는 파일명 (Korean welding supplier) 이 실제 구글검색엔진 검색시 사용되어 노출이 되는 사례이다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


파일명에 페이지내용을 전달하자

의미없는 파일명

의미를 바로 전달하는 파일명

의미있는 파일명

검색결과에 사용된 의미있는 파일명

파일명도 검색에사용됨






III.2.7 홈페이지주소는 하나로 통일하자

예를 들어 http://SmartHomepage.co.kr 과 http://www.SmartHomepage.co.kr 의 경우 사람에게는 같은

도메인이며 동일한 홈페이지이다. 하지만, 구글검색엔진의 경우 완전히 다른 홈페이지로 인식한다. 따라서, 내용이 중복되어 보인다. 위의 2가지 중 하나로 통일하여 홈페이지 도메인 이름을 사용하는것이

매우 중요하다. 즉, http://SmartHomepage.co.kr를 원하면 이 주소를 지속적으로 사용하여 한다.

그림 26: 구글의경우 도메인을 하나의 형태로 사용하기를 적극권장한다. 왜냐하면 www 있고 없고는 다른 사이트로 인식되기 때문이다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

III.2.7.1 한글홈페이지 및 영문홈페이지는 별도의 도메인을 가져가도록 하자

대부분의 경우 영문홈페이지 및 한글홈페이지를 하나의 도메인에서 관리하고 있다. 이것은 특히 수출

업체에 있어서는 바람직하지 않다. 도메인을 기본으로 한글로 사용하면 영문은

http://english.smarthomepage.co.kr처럼 하부도메인으로 별도 생성하여 사용하는것이 바람직하다. 물론

이 논리는 온라인마케팅 측면에서 검색엔진 특히 구글검색엔진최적화에 필요한 사항으로 모든사이트

가 꼭 이렇게 할 필요는 없다.

구분 좋은 예 개선사항이 있는 예

영문홈페이지 http://english.smarthomepage.co.kr http://smarthomepage.co.kr/english

중국어홈페이지 http://chinese.smarthomepage.co.kr Http://smarthomepage.co.kr/chinese

일본어홈페이지 http://japanese.smarthomepage.co.kr Http://smarthomepage.co.kr/japanese

홈페이지내용은 관련된 사용자에게 선택적으로 우선순위를 제공한다. 예를들어 한국에서 일어나고 있

는 한국에 관한 내용의 경우 검색시에 한국의 방문자에게 우선하여 보여준다. 이는 웹사이트을 각 국가

별로 분류하여 관리하기 때문이다. 따라서, 가능한 각 언어별 홈페이지는 별도의 도메인 (하부 도메인

포함) 으로 사용하여 관리하는것이 바람직하다. 하부 도메인이라 함은 위의 경우처럼

http://english.smarthomepage.co.kr처럼 사용하는 경우이다. 즉, english가 하부로 사용된다는 의미이다.


구글에서는 하나의 홈페이지주소를 권장한다



http://www.SmartHomepage.co.kr/



III.3 해외바이어에 웹 접근성을 최대한 제공하여야 한다

중소기업 홈페이지제작, 특히 수출업체홈페이지제작 에 있어 웹 접근성은 왜 중요할까? 해외바이어는

다양한 민족만큼이나 각양 각색이다. 따라서, 이러한 다양한 바이어가 홈페이지 내용을, 특히 제품내용

을 문제 없이 볼수 있도록 홈페이지제작을 하여야 한다. 이는 바이어 확보와 수출에 직접적인 영향을

준다. 바이어가 내 홈페이지 내용을 볼수 없으면 홈페이지가 무슨 의미가 있겠는가?

원론적 의미의 웹 접근성이란 홈페이지 방문자 모두에게 가능한 차별없이 홈페이지에 접근할수 있도록

제작하는것을 의미한다. 2008년 4월11일 제정된 "장애인차별금지 및 권리구제 등에 관한 법률" (이하

장차법) 이 2009년 4월부터 시행되었다. 늦었지만 매우 바람직하게 생각된다. 해외의 대다수 선진국은

이미 웹접근성에 관한 법률이 제정되어 있으면 강화되고 있는 상황이다.

III.3.1 바이어가 사용하는 다양한 컴퓨터 및 웹브라우저에서 홈페이지가 잘 보여야 한다

수출업체 홈페이지제작은 아래의 컴퓨터 운영체제를 지원하여야 한다. 최소한 리눅스, 윈도우즈, 그리

고 맥킨토시 컴퓨터 그리고 Firefox, Opera, Netscape, Safari등의 웹브라우저에서 홈페이지가 잘 보이

도록 제작하여야 한다. 특히 중소수출업체 홈페이지 제작시 꼭 지켜야 할 사항이다. 왜냐하면 다양한 바

이어가 어떤 컴퓨터 혹 어떤 브라우저를 사용할지 모르기 때문이다.

수출업체 홈페이지제작은 다양한 운영체제 및 웹 브라우저를 지원하여야 한다

다양한 컴퓨터 운영체제 바이어가 사용하는 주요 웹브라우저

그림 27: 해외바이어는 인종만큼 다양한 컴퓨터에 다양한 웹브라우저를 사용한다. 대표적인 컴퓨터 및 웹브라우저 들.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

III.3.2 각 브라우저별 시장점유율로 Firefox가 약 30%이며 꾸준히 증가하고 있다

각 브라우저별 사용비율은 통계를 작성하는 곳 마다 다르다. 아래는 가장 객관적인것으로 판단되는 것

으로 신빙성이 있다. 주목할 점은 전세계적으로 Firefox 브라우저 사용자가 꾸준히 증가한다는것이다.

그림28: 주요 브라우저별 시장 점유율로 평균적으로 Firefox 웹브라우저가 약 29% 정도이며 꾸준이 증가하고 있다

(출처: 위키피디어 (http://en.wikipedia.org/wiki/Usage_share_of_web_browsers) http://SmartHomepage.co.kr )




http://en.wikipedia.org/wiki/Usage_share_of_web_browsers



III.3.3 Firefox, Opera, Safari 등을 지원하지 않는 홈페이지가 많다

2009년 수출기업화기업에 선정된 서울의 한 수출업체 홈페이지이다. 아래의 경우 해외바이어가 2번째로 많이 사용하는 Firefox 라는 웹 브라우저에서 접속하면 내용이 아예 전부 보이지 않는다.. 하지만 IE 브라우저에서는 다 잘보인다. 해외 수출업체 홈페이지제작시 피해야할 대표적인 사례이다.

그림 29: 서울소재 A 수출유망기업의 소중한 제품사진 설명이 Firefox 브라우저에서는 아예 보이지 않는다. 2009년11월6일 기준


그림 30: 한 수출업체 홈페이지로 Firefox에서는 아예 아무것도 보이지 않는다. 최악의 수출업체 홈페이지 이다. 2009년11월6일 기준


그림 31: 국내 대표적인 공공기관중의 하나로 상단메뉴가 Firefox 브라우저에서는 보이지 않는다. 2009년11월6일 기준



IE에서 잘 보이는 홈페이지Firefox에서 투명홈페이지로 변신

홈페이지가통체로 안보임

IE에서 보이는 상단메뉴Firefox에서 사라지 상단메뉴

상단메뉴가보이지않음

IE에서 잘 보이는 제품정보Firefox 에서 사라지는 제품정보

내용 전체가 보이지

않고 사라짐






III.3.4 본문바로가기 (Skip to main content) 사용하여 웹접근성을 높이자

시각장애우 혹 보조기기를 사용하여 홈페이지를 이용하는 사용자는 홈페이지의 소스를 음성으로 읽어

주는 화면낭독기 (스크린리더) 라는 프로그램을 사용한다. 따라서, 본문바로가기가 없으면 처음부터 본

문까지 하나 하나 를 전부 음성으로 확인후에 본문을 읽게된다. 즉, 모든 링크를 읽어주고 본문까지 접

근하는데 수십번 혹 백번 이상의 링크를 확인한후에 본문에 도착하게 된다. 따라서, 본문바로가기를

제공하여 불필요한 시간낭비 및 불편함점을 제거할 수 있다. 이것이 바로 Skip to main content 이다.

그림 32: 시각장애우 등을 고려하여 본문내용으로 바라가기 링크를 제공하면 홈페이지 내용보기가 쉽다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

본문바로가기에는 몇가지 주의하여 할 사항이 있다. 본문바로가기는 시각장애우 뿐 아니라 마우스 사

용을 하지 못하는, 키보드만 사용하거나 혹 보조기기만을 사용하여 홈페이지를 사용하는 홈페이지 방

문객을 위하여 본문바로가기 는 숨기기를 하지않고 잘 보이게 표시하도록 한다.

또한 필요시 본문바로가기를 비롯하여, 연락하기, 사이트맵 등을 포함하여 중요한 부분으로의 직접가기

를 제공하면 더욱 바람직 할 것이다.


본문바로가기를 사용하자

본문으로 바로가는

Skip Navigation




III.3.5 내용의 논리적인 정렬 (H1, H2, H3... ) 은 웹접근성 및 검색엔진최적화에 중요하다

홈페이지 내용을 논리적으로 정렬한는것은 웹 접근성에 있어 매우 중요하다. 예를 들어 가장중요한 본

문 제목은 H1, 다음에 H2, H3 등으로 정렬하고 본몬은 p 로 처리하는것이다. 시각장애우의 경우 홈페이

지 코드를 대신 읽어주는 스크린 리더 라는 프로그램을 사용한다. 이 프로그램은 논리적으로 정렬된 내

용을 쉽게 읽어주는 매우 편리한 기능이 있다. 논리적 정렬은 검색엔진최적화 측면에서도 매우 중요하

다. 즉, 구글검색엔진 최적화 의 경우 중요한 내용은 제목 (h1,h2등) 으로 사용한다는 가정하에서 논리

적인 정렬을 중요하게 다룬다. 이는 마치 목차가 있는 책과 없는 책과도 비교가 될 수 있을것이다.

그림 33: 홈페이지 내용은 위처럼 목차를 가지고 구성하도록 한다. 웹접근성 및 검색엔진최적화 둘 다에 매우 중요하다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

아래의 경우 국내의 대표적인 공공기관의 영문페이지이다. 논리적인 정렬이라고 하는것이 아예 없다. 마치 책이 있는데 목차가 없는 책과 같다. 내용을 알기위해서는 본문을 읽어야만 알수가 있는것과 같은

상황이다. 이 목차는 앞서 언급한것과 같이 검색엔진최적화 및 웹접근성 제공에 매우 중요한 사항이다.

그림 34: 위처럼 논리적인 정렬이 없으면 시각장애우, 텍스만지원되는 브라우저등 에서 사용자가 불편을 겪게된다


미국유타 주립대학교 에서 2008년12월부터 2009년1월까지 설문조사에서 약 76%의 응답자가 논리적

인 내용정렬, Heading (제목 정렬) 을 이용하여 내용을 보는것으로 조사되었다. 그 어떤것보다 가장 많

이 사용된것으로 장애인 웹 접근성에 있어서 중요한 결과이다.

다시한번 강조한다. 이러한 논리적인 구성은 검색엔진에서도 매우 중요하게 여겨진다. 즉, 검색시 노출

이 상위에 될 가능성이 많다는 것이다. 꼭 지키도록 한다.


논리적인 전개가 전혀 없는 경우

내용은 가능한 논리적으로 목차를 사용하여 배열하자

비 논리적정렬

논리적정렬





III.3.6 홈페이지에서 가장중요한 내용은 무었인가

조금더 구체적으로 살펴보도록 하자. 아래에서 가장 중요한 내용을 순서대로 나열하여 보자. 우선 노란

색으로 구분되어진 내용부분이 가장 중요하다. 이 중에서 페이지제목이 가장 중요하고, 다음에 단락의

제목, 그리고 요약내용 등의 순서대로 중요하다. 페이지 제목 (Heading)은 h로 표시된다. 이러한 제목

을 기준으로 하여 시각장애우등이 홈페이지간 혹 내용간 이동을 하기때문에 홈페이지 제작시 꼭 내용

을 논리적으로 정렬하여 제공하여야 한다.

특히 전세계적으로 가장 많이 사용하는 스크린리더 (화면낭동기) 가 Jaws 이다. 이 Jaws 라는 프로그램

의 경우 해당 페이지를 방문하면 제목의 목차만 먼저 읽어주는 기능이 있다. 이를 활용하여 페이지의

핵심내용, 즉, 제목 및 본문 내용을 쉽게 파악할 수 있다는 의미이다.

그림 35: 홈페이지 내용은 위처럼 목차를 가지고 구성하도록 한다. 웹접근성 및 검색엔진최적화 둘 다에 매우 중요하다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

아래는 전세계에서 가장 많이 사용하는 Jaws라른 화면 낭독기 프로그램을 상징하는 마스코트 이다. 그

이외도 Window-eyes 등 다양한 프로그램이 사용된다.

그림 36: 전세계에서 가장 널리 사용되고 있는 시각장애우 용 화면낭독기 프로그램인 Jaws 로고

(출처:http://www.freedomscientific.com, 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작 솔루션 )


가장중요한페이지제목 h1

2번째로중요한단락제목 h2

페이지의 본문제목 및 내용이 가장중요하다

3번째중요한기사의 요약 h3





III.3.7 내용에는 플래시대신 문자를 사용하여 웹접근성 및 검색엔진최적화 를 제공한다

플래시는 홈페이지제작에 있어서 매우 중요한 요소중 하나이다. 시각적으로 매우 좋은 효과를 주기 때

문이다. 하지만, 웹 접근성 및 검색엔진최적화 측면에서는 매우 바람직 하지 않다. 이제 플래시로 되어

있는 수출업체의 내용을 보도록 하자. 보통사람에게는 아래처럼 바로 제품정보를 볼 수 있다. 사람은

시각적인 내용을 활용하기 때문이다. 이전에 언급하였듯이 사람이 보는 홈페이지와 검색엔진이 보는

홈페이지는 매우 다르다. 웹 접근성 및 검색엔진 최적화를 위해서는 내용은 가능한 플래시 대신 대체

기술을 사용하자.

그림 37: 사람이 보는 홈페이지는 위처럼 내용을 알 수 있다. 인터컴 제품으로 사진 및 간략한 설명을 볼 수 있다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

우선 플래시는 소스를 보게되면 아무런 내용을 알수가 없다. 따라서, 웹 접근성 및 검색엔진 최적화를

위해서는 꼭 필요한 경우에만 사용하자. 역시 2009년 수출기업화사업에 선정된 업체의 영문페이지다. 위 그림의 페이지 소스를 보면, 아래처럼 플래시부분에는 아무런 내용을 볼수가 없다. 홈페이지제작시

피하여야 할 방법이다. 혹 최소한 대체문자를 제공하여 플래시 내용을 파악하게 하여야 한다. 또한 최근

에는 다양한 기술의 발달로 다양한 에니메이션 효과를 웹접근성을 지키면서 제공할 수 있다. 이러한 최

신 기술을 사용하면 일석이조의 효과를 거둘수 있다.

그림 38: 내용을 플래시 (flash)로 표현하면 위처럼 소스코드에는 내용을 알기 힘들다. 이 경우 대체문장을 꼭 제공하자.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


수출업체의 플래시부분 소스상태

아무런 제품 정보가없다

수출업체 홈페이지의 플래시부분

제품정보가 충분하다





III.3.8 Active X 혹 특정 기술만을 지원하는 방식을 피하도록 한다

III.3.8.1 메뉴는 모든 바이어에게 보여져야 한다

메뉴는 가장 중요한 부분중 하나다. 메뉴가 없으면 페이지간 이동이 불가하다. 따라서 메뉴는 가능한 단

순하고 특정 브라우저만 지원하는 코드를 사용해서는 아니된다. 아래의 경우 Firefox 브라우저등 약

30% 이상의 바이어가 사용하고 있는 브라우저에서는 메뉴가 보이지 않는 경우이다.

그림 39: 메뉴에 특정 브라우저만 지원하는 코드를 사용하여 Firefox 등 타 브라우저에서는 사라지는 상단 메뉴


III.3.8.2 전자카타로그 등 홍보자료는 모든 바이어에게 보여지게 제작한다

전자카타로그는 매우 중요하다. 제품홍보에 있어 매우효과적으로 활용할 수 있다. 다만, 전자카타로그

제작시에는 꼭 윈도우, 리눅스 그리고 맥 컴퓨터의 IE, Firefox, Netscape, Safari, Opera등 주요 브라우

저에서 다 잘보이게 제작되어야 한다. 특히 수출업체의 전자카타로를 해외바이어가 볼 수 없으면 무슨

의미가 있겠는가 ?

III.3.8.3 제품사진겔러리 및 제품 동영상은 모두에게 보여져야 한다

종종 제품사진 홍보를 위하여 겔러리를 사용한다. 하지만, 일부는 특정 브라우저의 특정 기술에만 의존

하는 경우가 있다. 이 경우 Firefox등 다양한 브라우저에서는 작동이 되지 않는다. 따라서, 바이어가 제

품을 볼 수 없을뿐 아니라 웹접근성 및 검색엔진 측면에서도 바람직 하지 않다. 꼭 어떤 바이어가 어떠

한 컴퓨터에서 어떠한 브라우저를 이용하여 접근하더라도 제품사진이 잘 보여지도록 제작한다.

그림 40: 비디오 자료는 가능한 특정 운영체제만 지원하는 형태보다는 flv등으로 하여 모든 컴퓨터에서 보이게 하자



윈도우전용 비디오 형태

윈도우 컴퓨터 전용 비디오 형태

30% 바이어가 사용하는 Firefox 에서 보이지 않는 메뉴

메뉴가 사라짐





III.4 국제적인 웹 표준을 최대한 준수하여야 한다

웹표준이 무었인가? ISO14000등 국제표준이 존재한다. 홈페이지에도 국제표준이 있다. W3C 에서 정

하는데, 최신 웹표준으로 권장되는것이 CSS/ XHTML 기반 홈페이지이다. 웹표준은 여러면에서 웹 접

근성 그리고 검색엔진최적화와 매우 밀접하다. 즉, 웹표준을 지키면 웹 접근성 및 검색엔진최적화에도

큰 도움이 된다. 본 강의에서는 가장 기본적인것만 다루도록 한다.

(그림 41: 가장기본이 되는 DOCTYP, xml 언어, 제목, 요약, 키워드, 저자, robots 예제)


III.4.1 페이지 기준을 알릴수 있도록 DOCTYPE을 사용하자

위 그림에서 1번 줄내용이다. 홈페이지 제작시 웹표준이라는것이 있다. 이 웹표준은 W3C 이라는 세계

적인 웹표준을 지정하는 단체의 지침이다. 이 지침에 따으면 홈페이지제작시 각 페이지에는 DOCTYPE

이라는 것을 최상단에 한번만 입력하게 되어 있다. 페이지 해석을 각 브라우저마다 다르게 할 수 있는

데, 이 DOCTYPE이라는것을 이용하여 통일되게 해석을 하기 위해서이다. 스마트홈페이지는 기본적으

로 DOCTYPE 을 제공한다.

III.4.2 Html 코드에 xml 언어표시를 하여 웹접근성을 높이자.

위 그림에서 2번 줄내용이다. 웹접근성과도 해당되는 내용으로 홈페이지 제작시에는 꼭 언어표시를 하

여준다. 시각장애우의 경우 페이지의 코드를 음성으로 읽어주는데 해당 언어코드를 지정하여 주지 않

을경우 혼돈이 올수 있기 때문이다. 스마트홈페이지는 기본적으로 xml 언어표시를 제공한다.

III.4.3 적절한 언어코드를 사용하자

모든 홈페이지는 한국어든 영어든 언어를 사용한다. 이것이 바로 언어코드이다. 표시는 charset=utf-8 처럼 표시된다. 아래에서 사용한 UTF-8은 전세계 주요 언어를 모든 지원하는 언어코드이다. 언어코드

는 왜 중요할까? 수출업체의 영문 홈페이지에 언어코드가 한글 (euc-kr등) 로 되어 있을경우 영문컴퓨

터에서 IE6을 이용하여 접속시 특정 컴퓨터에서는 홈페이지는 안보이고 계속하여 한글을 다운받으라는

메시지가 뜬다. 매우 심각한 상황이 된다. 내 컴퓨터에 무엇이 설치될지 모르기때문에 대부분 설치하지

않을것이다.

대한민국의 인터넷 사용자는 Active X등 프로그램을 웹에서 다운받아서 설치하는것에 대하여 매우 훈

련이 잘 되어 있다. 오히려 안 그러면 불안해 할지도 모른다. 한국처럼 아무런 생각없이 뭇지도 따지지

도 않고 웹에서 프로그램을 설치하는 소비자는 아마 지구상에 없을것이다. 스마트홈페이지는 기본적으

로 적절한 언어코드를 제공한다.


웹표준을 준수하는 페이지 코딩 샘플DOCTYPE 이 분명하다

언어코드가잘 되어있다

페이지요약

페이지키워드검색엔진 로보트

지시사항




III.4.4 페이지 요약을 사용하자

앞서 언급하였듯이 페이지 요약은 매우 중요하다. 웹표준측면에서도 모든 페이지는 페이지 요약을 넣

어주어야 한다. 다시한번 강조한다. 페이지 요약은 모든 페이지, 모든 게시물 그리고 모든 제품을 포함

하여 각 각 페이지에 맞게 다르게 입력하여야 한다.

주의할 점은 너무 길게 혹 무관한 내용을 많이 넣어서는 아니된다. 꼭 해당 페이지의 관련된 내용만을 2줄로 요약한다라고 생각하고 입력하여야 한다. 예를 들어, 세미나에 대한 공지사항이다라고 할경우 아

래처럼 요약을 할수 있을것이다. “창업 CEO 온라인 마케팅 특강이 2009년 9월 9일 연세대 공학원

118C호에서 개최되면 연락처는 홍길동 전화 (02) 555-5555 “ 스마트홈페이지에서는 기본값과 더불어

각 페이지별로 입력할 수 있게 솔루션을 제공한다.

III.4.5 페이지키워드

페이지요약과 같다. 다만, 키워드는 너무 많이 넣지 않고 해당 페이지에 관련된것만 입력한다. 하나의

페이지키워드로 전체 사이트에 사용해서는 아니된다. 각 페이지별로 다른 키워드를 입력하자. 이 키워

드 역시 해당 페이지의 키워드만 입력하도록 한다. 또한 하나의 키워드로 제품소개, 회사소개, 공지사항

등 여러페이지에 함께 사용되어서는 아니된다. 스마트홈페이지에서는 기본값과 더불어 각 페이지별로

입력할 수 있게 솔루션을 제공한다.

III.4.6 검색엔진로보트

구글을 포함한 검색엔진은 로보트 라는 프로그램이 홈페이지를 방문하여 정보를 수집한다. 이러한 검

색엔진에게 정보수집을 허락할것이지를 포함한 지시사항이 robots.txt 라는 것이다. 스마트홈페이지에

서는 기본적으로 robots.txt 를 제공한다.

III.4.7 모든 이미지에는 대채문자를 사용하자

앞서 이미 언급한 부분이다. 가능한 내용은 문자로 표현하고, 이미지를 사용시에는 대체문자를 사용하

자. 대체문자는 이미지에 해당된것만 간략히 표기한다. 너무길게 하지 않는다. 대체문자는 이미지를 한

단어로 표현하는것 이라는점을 다시한번 기억하자. 스마트홈페이지에서는 제품카타로그에 사용된 제

품이미지에 대한 대체문자를 제목입력시 자동으로 입력하게 된다.

III.4.8 플래시 사용시에는 대체문자를 제공하자

부득히 플래시를 사용하는경우 꼭 대체문자를 제공하자. 특히 홈페이지메뉴에 플래시를 사용하는것을

자제하고, CSS등 을 이용하여 제작하자. 꼭 플래시를 사용하는경우 문자로 역시 메뉴의 링크를 제공하

여야 한다. 대체링크가 없는 메뉴의 경우 메뉴간 이동이 불가능할 수 있다는점을 기억하자. 더불어, 한국의 상당수 수출업체 홈페이지에서 발견된는 것 중 하나가 IE 브라우저를 제외한 다른 브라우저에서

는 메뉴가 아예 보이지 않는다는 것이다. 이것은 홈페이지제작 시 비 표준의 코드를 사용하기 때문이다.

III.4.9 CSS / XHTML 기반으로 제작하자

CSS XHTML 기반이란 최신 웹표준을 의미한다.CSS를 이용하여 제작하면 여러 장점이 있다. 웹표준

준수, 검색엔진 최적화 기여, 웹 접근성 최적화등 다양한 측면에서 도움이 된다. 이제는 차세대 홈페이

지 제작방식인 CSS를 이용하여 제작하자. 스마트홈페이지의 모든 웹사이트는 css/ xhtml 기반으로 제

작되고 관리된다.




III.4.10 프레임은 꼭 필요한경우만 사용하자

frame 을 이용하여 홈페이지제작 을 많이 한다. 이는 여러 이유가 있을것이다. 하지만, 웹표준이나 검색

엔진이나 웹 접근성 모든면에서 프레임은 가능한 사용하지 않는것이 좋다. 꼭 필요시 해당 ID를 제공하

도록 하자. 한국의 상당수의 홈페이지가 보안이라는 이유로 프레임을 사용하고 있으나 프레임은 보안

과는 전혀 무관하며, 오히려 해킹사이트등 으로 오해를 받을수도 있다는 점을 기억하자. 굳이 비유를

하자면, 영화를 보면 갱들이 외부인을 아지트로 데리고 갈때에는 얼굴에 보자기를 쉬워서 데리고 간다.일반 회사에 손님이 와도 그렇게 할까? 아니다. 홈페이지도 마찬가지이다. 그렇게 보여서는 아니될것이

다. 내가 클릭하는 주소, 내가 가는곳을 알고 있어야 하며 또한 알려주어야 한다. 스마트홈페이지에서는

특별한 경우를 제외하고는 프레임을 아예 사용하지 않는다.

III.4.11 내용과 디자인을 분리하자

내용과 디자인의 분리는 매우중요하다. 홈페이지제작, 홈페이지관리 및 여러측면에서 많은 장점을 제공

한다. 현재 99%이상의 중소수출업체 홈페이지의 경우 내용과 디자인이 결합되어 있다. 제작, 유지보수, 검색엔진 최적화, 접근성등 다양한 측면에서 바람직하지 않는 상태이다. 스마트홈페이는 모든 홈페이지

를 디자인과 내용을 분리하여 제작하고 관리한다.

III.4.12 디자인측면의 레이아웃에는 div를 사용하자

테이블을 이용하여 레이아웃을 제작하는 방식의 홈페이지제작 방식을 지양하고 수출업체 홈페이지제

작은 css 기반 div를 이용하여 레이아웃을 제작하자. 검색엔진 최적화 측면에서도 매우 유리하다. 아래

의 경우를 살펴보면 왼쪽과 오른쪽의 경우 확연히 내용의 차이가 난다.

그림 42: 웹표준을 따라 CSS 와 테이블 대신에 div 로 제작된 홈페이지는 제작, 관리가 편리하며 검색엔진최적화 기본을 제공한다.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )

스마트홈페이지로 제작되는 모든 홈페이지는 홈페이지지 제작시 레이아웃을 테이블 대신에 div를 이용

하여 제작한다. 이렇게 홈페이지를 제작하여 가능한 다양한 환경에서 잘 보이게 한다. 예를들어서, 스마

트폰, 아이폰, 넷북, PMP를 비롯하여 컴퓨터에 홈페이지 내용을 잘 보이게 한다.


홈페이지 내용을

쉽게 알수가 없다

홈페이지 내용을

쉽게 알수가 있다

테이블 방식 레이아웃 CSS 방식 레이아웃




III.5 친환경 녹색 홈페이이지 이어야 한다

홈페이지를 잘 활용하면 불필요한 인쇄를 줄여서 친환경적인 홈페이지가 될수 있다. 1년에 나무를 30그루 이상 사용한다고 한다. CSS기반으로 홈페이지제작시 트래픽양을 줄여서 IDC의 전기절약을 가져

온다. 또한 CSS 로 인쇄시 불필요하 여백부분을 제외하고 꼭 필요한 본문만 인쇄가 가능하다. 이 역시

친환경적 홈페이지라 하겠다.

III.5.1 회사소개 프리젠테이션 홈페이지에서 하자

일반 중소업체, 수출업체가 가장 필요로하는것이 회사소개 및 제품홍보이다. 회사소개를 인쇄하여 배포

하는것을 줄이고 홈페이지에서 마치 내 컴퓨터에서 프리젠테이션을 하는것처럼 할 수 있다. 이는 사용

하고 있는 프로그램에서 PDF등으로 출력하여 홈페이지에 사용하면 된다. 이 경우, 홈페이지 방문자는

원할경우 바로 내려받아서 인쇄하여 사용이 가능하기 때문에 시간도 절약된다. 표준 회사소개서 등을

사전에 하나를 준비하여 홈페이지에 올려놓고 모든 직원들이 공통으로 사용하는것도 좋은 방법이다.

III.5.2 동영상 카타로그 회사소개를 활용하자

제품소개 및 회사소개는 동영상이 가장 좋은 방법중 하나이다. 동영상 만큼 시각적, 청각적, 감성적이며

자세히 소개를 하는 방법이 없기 때문이다. 또한 동영상은 UCC등 처럼 대부분의 사용자가 직접 제작

이 가능하기 때문에 비용문제도 해결이 된다. 또한 youtube등 다양한 서비스 업체가 무료로 서비스를

제공한다. 아래는 유투브 사이트에 동영상을 올린후에 해당 홈페이지에서 사용하고 있는 하나의 예이

다. 회사소개에 활용하여 3분이내의 시간에 회사소개를 적극적으로 하고 있다.

그림 43: 제품소개 동영상, 회사소개 동영상 등 다양한 동영상을 홈페이지에 활용하도록 하자.(출처: 스마트홈페이지 (http://SmartHomepage.co.kr) 해외마케팅에 최적화된 홈페이지제작. 관리 솔루션 )


동영상을 활용하여 홍보하자

동영상활용웹표준 에니

메이션




III.5.3 온라인 슬라이드쇼를 적극활용하자

온라인 슬라이드쇼를 활용하여, 불 필요한 인쇄를 줄일수 있다. 그만큰 종이를 절약할 수 있다는 의미이

다. 대다수의 중소업체 및 수출업체는 이미 프이젠테이션용 PPT를 비롯하여 많은 프로그램을 사용하

고 있다. 이것을 적극 활용하면 친환경적 홈페이지가 될 것이다.

III.5.4 제품소개는 전자카타로그를 이용하자

이역시 인쇄부수를 줄이고 온라인 전자카타로그 제작을 통하여 환경 보호에 기여할 수 있다. 여기에서

중요한것은 전자카타로그 제작시에는 꼭 모든 컴퓨터 및 브라우저에서 문제없이 잘 보이도록 제작하여

야 한다. 상당수 전자카타로그의 경우 윈도우즈의 IE 브라우저에서만 보이는것이 많다.

III.5.5 css/ xhtml 기반으로 제작하자

css기반의 홈페이지는 2분의1 혹 5분의 1까지 홈페이지의 크기가 줄어들 수 있다. 그만큼 트래픽이 줄

어들기때문에 IDC의 전기량을 줄일수 있다. 그만큰 탄소배출을 줄일수 있는것이다. 또한 이렇게 제작된

웹사이트는 PDA, Iphone, 을 포함한 기타 소형 기기에서도 잘 보여진다. Css 기반으로 하여 인쇄용

css를 별도로 제작하여 홈페이지를 인쇄할때에 불필요한 부분을 제외하고 인쇄를 할 수 있다. 이렇게

하면 통상적으로 3~5페이지의 분량을 1~2페이지로 줄일수가 있다.




III.6 기타 홈페이지 제작.관리에 필요한 필수지식 이해

아래는 CEO가 바로 활용이 가능한 것들을 모았다. 아래의 내용만이라도 잘 활용하면 수출업체홈페이

지 제작을 좀 더 효과적으로 할 수 있을것이다.

III.6.1 홈페이지 제작시 준비하여야 할 내용들

아래의 자료는 홈페이지에 들어갈 내용들로 관련된 내용을 준비하여 둔다. 또한 동영상 (대표인사 그리

고 제품소개) 는 일반 디카로 촬영하여 둔다. 가장 좋은 방법은 날씨가 좋을때 자연광 아래에서 촬영하

며, 가능한 디카는 이러저리 움직이지 않는다. 또한 회사소개는 미리 대본을 만들어 읽으면 된다.

항목 내용 비고

홈페이지제작

목적 및 기대효과

왜 홈페이지가 필요한지, 홈페이지가 어떠

한 역할을 해 주었으면 하는지등에 대한 재

점검필요

홈페이지는 구체적인 목적을 가지고 제작되고 관

리되어야 한다.

도메인확보 도메인은 인터넷에서 특정 홈페이지의 주소

를 알려주는 이름이다. 홈페이지에 있어 도

메인명은 매우 중요하다.

의미를 전달하고 외우기 쉽게 작성한다. 가능한 약

자는 피하도록 한다. 좋은예; koreanginsengsupplier.com 이 kgs.com 보다는 훨씬

낳다. 의미를 전달하면 기억이 쉽기 때문이다.

회사소개 대표이사 사진, 회사약도, 회사연혁, 수상경

력 등 파일로 준비하자. 대표이사 동영상 인

사말

전자지도를 활용할 수 있음. 디카를 활용하여 대표

이사 인사말을 3분이내로 촬영한다.

제품소개 제품카타로그, 제품 data sheet, 제품 스팩파

일, 제품사진, 제품프리젠테이션 파일, 제품

설명서, 전단지, 브로셔, 전시장사진, 등 모

든 관련자료.

제품소개는 대표적인 제품이미지 10장을 준비한

다. 또한 3분이내분량으로 제품 전체소개 동영상

을 제작한다. 필요시 각 제품별로 2분이내로 동영

상을 제작한다. 카타로그, Datasheet, Spec sheet등의 경우 가능한 PDF로 준비한다.

기술소개 특허, 디자인, 상표, 국내인증, 해외인증, 제품시험성적서, 등 기술과 관련된 모든자료

들

인쇄된 특허등의 자료는 스캔하여 파일로 관리한

다. 또한 스캐너가 없을경우 디카를 이용하여 찍어

둔다.

고객지원 제품에대한 질문들, 제품드라이버, 각종소

프트웨어 다운로드등 필요한 내용등을 준비

함

평상시 고객이 자주하는 질문등을 파일에 요약하

여 놓는다. 소프트웨어, 드라이버, 사용자설명서, 등은 별도로 준비하여 둔다.

기타준비사항 고객의 제품에대한 평가등, 고맙다고 보내온 편지등 고객이 긍정적으로 평가한 내용을 준비하여

둔다. 보도자료로 신문, 잡지, 언론사를 비롯하여 다양한 매체에서 다룬 기사가 있을경우 이것도

준비하여 둔다.

공개용 회사소개 자료를 10페이지 이내로 작성하여 준비한다. 공개용 회사주요 제품소개 자료

를 10페이지 이내로 작성한다.




III.6.2 홈페이지 제작시 체크리스트를 활용하자.

아래의 자료는 홈페이지에 들어갈 내용들로 관련된 내용을 준비하여 둔다. 또한 동영상 (대표인사 그리

고 제품소개) 는 일반 디카로 촬영하여 둔다. 가장 좋은 방법은 날씨가 좋을때 자연광 아래에서 촬영하

며, 가능한 디카는 이러저리 움직이지 않는다. 또한 회사소개는 미리 대본을 만들어 읽으면 된다.

항목 체크사항예 /

아니오비고

홈페이지제작시

기본 체크사항

( 이외에도 많은 사항이

있다. 하지만 가장 중요

한 기초만이라도 지키져

야 한다.)

직접 인사말을 포함하여 홈페이지 내용을 수정이 가능한 솔루

션 및 교육을 제공하는가?직접관리가 가능하

여야 한다

일반페이지, 제품카타로그 페이지, 공지사항등 각 각 페이지에

고유한 메타테그 제목, 키워드, 요약 입력 및 이미지대체문자

입력 가능한가 ?

검색엔진에 최적화

되어야 함

윈도우즈, 리눅스, 맥 컴퓨터의 IE, Firefox, Safari, Opera, Netscape, Chrome에서 그리고 다양한 사용자에게 홈페이지가

동일하게 보이는가?

웹표준 및 웹접근성

을 제공여부

css /xhtml기반으로 table 대신 div 로 레이아웃을 만들며 내용과

디자인을 분리하여 제작하는가?웹표준을 준수하여

야 함

내용을 표시하는 플래시 및 이미지 사용시에는 대체문자가 제

공되면 사용자가 직접수정이 가능한가?웹접근성 및 표준준

수 여부

파일명은 id=81처럼 아니고 wifi-phone.html 처럼 의미있게 작성

되면 직접 수정이 가능한가?검색엔진최적화 및

접근성

웹호스팅 운영시

체크사항

( 이외에도 많은 사항이

있다. 하지만 가장 중요

한 기초만이라도 지키져

야 한다.)

서버는 RAID 기술을 이용하여 혹 다른 방법으로 실시간으로 2중 백업이 되고 있는가 ?

홈페이지 다운을 방

지함

웹호스팅자동화를 사용하여 직접 FTP암호수정, 하부도메인

생성 등을 이메일생성관리를 할수 있는가?비용절감 및 효율성

향상

홈페이지 방문자 통계는 기본으로 제공되어, 날자별, 시간대별

등으로 방문자 통계를 파악할 수 있는가?온라인마케팅에 긴

요하게 사용됨

메일은 바이러스, 악성프로그램, 스팸방지가 되어있으며 보내

는메일 및 받는 메칠을 다 체크하는가?메일을 사용함에 있

어 가장 기본적인 항

목임

고객지원 적절한 고객지원 체계가 성립되어 있는가 ?

홈페이지 유지.관리 설명서가 제공되는가 ?

홈페이지 활용등에 대한 교육을 제공하는가 ?

오프라인 교육을 제공하는가 ?

기타사항




IV 홈페이지 를 이용한 온라인 마케팅 방법

온라인 마케팅이란 무엇인가? 인터넷, 홈페이지, 소셜네트워크 등 온라인에서 진행되는 마케팅을 의미

한다. 기업체에게 온라인 마케팅은 왜 중요할까 ? 이유는 단순하다. 최소의 비용으로 최대의 효과를 가

져다 주기 때문이다.

최근 1인 창업이든 대기업이든 상관없이 홈페이지 없는 사업체는 생각하기 힘들어졌다. 명함을 받고 회

사가 궁금하면 처음으로 하는것이 홈페이지를 방문하는것이다. 그렇게 중요해진 홈페이지제작 뿐 아니

라 온라인 마케팅을 통하여 꾸준히 잠재고객에게 다가가야 할 것이다.

본 문서에서는 각 중소기업 및 중소수출업체 의 관점에서 기술하기로 한다. 따라서, 모든 기업에게 동일

하게 적용되지 않을수 있다.

IV.1 해외바이어는 국내검색엔진이 아닌 구글검색엔진을 사용한다

우선 해외 바이어는 국내 검색엔진을 사용하 않는다는 점을 기억하자. 물론 해외 교포의 경우 국내 검

색엔진을 사용하는 경우는 있을것이다. 따라서 국내 검색엔진 과 해외검색엔진의 차이점을 이해하는것

은 중요하다. 수많은 항목중에서 몇 가지만을 아래처럼 요약한다.

항목 국내검색엔진 해외검색엔진

웹표준준수등 비중두지 않음. 광고주의 사이트를 중요하게

생각함

비중을 많이둠. 각 각 의 다른 페이지제목, 키워드, 요약등을 포함하여 웹표준에 의하여 제작된 홈페이

지는 매우 중요함

내용에대한전문성 큰 비중 두지 않음. 내용보다는 광고비용을 지

출한 사이트가 더 중요함

큰 비중을 두고 있음. 광고주도 중요하나, 검색시에

는 홈페이지의 전문성에 비중을 두고 있음

노출순위결정요소 키워드, 오버추어등 광고주 위주. 또한 자사

포털의 지식iN,카페,브로그,등을 기준으로 사

용하고 있음

특정 주제에 대한 내용의 전문성을 위주로 노출순

위 결정. 다양한 경로에서의 관련된 링크도 중요하

며 수천가지의 변수로 순위가 결정됨

플래시메뉴,이미지

내용

큰 비중 없음, 즉 메뉴를 플래시로 하여도 혹

내용을 이미지로 하여도 노출순위에는 큰 영

향을 주지 않음

메뉴는 일반 문자로, 그리고 내용은 가능한 문자로

표시하여 전문적인 내용을 파악할 수 있어야 함

소셜네트워*킹활용 각종 블러그, 카페, 동영상등 다양하게 활용한

다.각종 블러그, 카페, 동영상등 다양하게 활용한다.

광고주 영향력 국내는 광고주에 대한 상당한 우선권을 제공

한다. 따라서 한 검색엔진의 경우 검색시 상위

부터 상당한 부분이 광고지로 구성되어 있다.

스폰서라고 분류하며 일반 사용자에게 큰 영향을

주지 않는상태에서 보여준다. 첫 페이지부터 전문

적인 내용을 기준으로 보여준다.

순위의 인위적인 조

작 가능성

상대적으로 국내의 경우 취약하다. 광고주 우

선 등 구조적인 원칙때문에 전문적인 내용보

다는 “돈” 에 좌지우지 되는 경향이 강하다.

인위적인 조작보다는 주제에 대한 전문적인 내용을

우선으로 한다.

소셜네트워킹 (Social networking): 싸이월드, 카페, 블로그등의 사이트이 대표적이다. 일반적인 사용자

가 각 각 목적에 맞는 홈페이지에 자발적으로 참여하여 하나의 공동체를 구성하는것이다. 소셜네트워

킹 마케팅 (Social Networking Marketing, SNM) 이라는 새로운 전문영역이 존재한다. 기업체와 관련하

여 대표적인 것이 youtube, slideshare, linkedin, facebook, twitter등이다.




IV.2 해외시장 개척에는 구글검색엔진이 통한다

앞서 언급한바와 같이 해외바이어는 국내 검색엔진을 사용하지 않는다. 각 국가별로 차이점은 있으나

전 세계 어디든 “구글” 이라는 검색엔진을 사용한다. 전세계적으로 약 79% ~ 85%의 시장을 점유하고

있다는 연구결과가 많이 있다.

구글 검색엔진은 검색엔진 본연의 기술과 알고리즘을 이용하여 홈페이지의 특정 제목에 관한 전문적인

내용을 위주로 상위에 노출을 시킨다. 즉, 광고비를 지출한 내용이 거의 대다수를 차지하는 국내와는 다

르다는 이야기이다.

이처럼 수출업체의 제품을 널리홍보 하여줄 구글의 특성을 파악하는것이 중요하다. 중소기업, 수출업체

입장에서 아래는 가장 중요하고 누구나 실천가능한 사항만을 열거한다.

IV.2.1 누구나 하는 구글에 최적화 하는 방법

➔각 각의 페이지마다 고유한 제목, 키워드, 요약 그리고 파일명 을 입력한다.

➔각 페이지마다 중요한 내용은 상단에 위치시키며 H1, H2등의 제목을 사용한다.

➔특정 분야에 대하여 문자위주의 전문적인 내용을 입력한다.

➔핵심키워드는 제목, 요약, 본문등에서 자주 사용하도록 한다

➔이미지 사용시에는 꼭 대체문자를 입력한다.

➔내용은 가능한 꼭 문자를 사용하도록 한다.

➔페이지내 혹 외부로부터의 링크를 많이 확보한다.

IV.2.2 피해야 할 홈페이지 제작 및 홈페이지관리 방법

➔수백개 혹 수천개 링크를 해준다는 서비스는 가능한 피하자.

➔키워드 및 내용은 너무 길게 하거나 동일한 것을 반복하여 사용하지 말자.

➔일부러 일명 “도배” 하는것처럼 내용을 과도하게 반복하지 말자.

➔메뉴는 가능한 플래시를 사용하지 말고 순수 텍스트로 한다.

➔제목을 사용하지 않거나 하나를 모든 페이지에 사용한다.

➔요약을 사용하지 않거나 하나를 모든 페이지에 사용한다.

➔웹표준, 웹접근성, 검색엔진최적화에 어긋나게 제작한다.

IV.3 돈 드는 온라인마케팅, 돈 안드는 온라인마케팅 비법

마케팅은 광고비를 지출하거나 혹 최소한의 비용으로 효과적인 광보를 하는 방법이 있다. 아래에 두가

지 방법을 소개한다. 각 각 업체에 맞는 방법을 택하면 될 것이다.

IV.3.1 돈드는 온라인 마케팅 비법

매우 단순하다. 광고비를 책정하여 포털등에 광고를 하면 된다. 포털에 연락하면 친절하게 안내를 해 줄

것이다. 이 마케팅의 장점은 바로 효과가 나타난 다는것이며 단점으로는 광고를 하지 않는 순간 바로

노출이 사라진다는 점이다. 현재 국내의 대다수 업체가 하고 있는 방식이다.




IV.3.2 돈 안드는 온라인 마케팅

이 부분은 업체가 노력을 많이하여야 한다. 특히 홈페이지 제작시에 검색엔진 및 마케팅 친화적으로 하

는것으로부터 시작한다. 다음에는 업무제휴관련 업무, 신제품출시 등 다양한 이벤트가 있을때마다 홈페

이지 및 언론에 보도자료 형태로 홍보를 하여야 한다. 회사소개등을 slideshare 나 youtube등의 사이트

에 올려서 홍보를 하는것도 포함된다. 장점으로는 홍보효과가 매우 길다는 것이다. 물론 홈페이지는 기

본적으로 좋은 내용을 포함하고 있어야 한다.

➔홈페이지 검색엔진 최적화

➔모든 페이지마다 각 각 다른 제목, 키워드, 및 요약을 사용

➔컨텐츠를 이미지 혹 플래시등으로 표시할 경우 대채문자 꼭 사용

➔주요포털에 홈페이지 등록

➔보도자료를 적극활용

➔소셜네트워크 적극활용 – 브로그, 카페, 유튜브, 슬라이드쉐어 등

IV.4 보도자료 제대로 작성하는 방법

보도자료는 기업홍보에 있어 가장 기본적이면서 최소의 비용으로 홍보효과를 기대할 수 있다. 따라서

보도자료를 적극적으로 활용하는것은 매우중요하다. 보도자료 작성시에도 표준이 있다. 가능한 이 표

준을 준수하는것이 바람직 하다. 우선 아래는 공통적으로 필요한 사항이다.

➔제목은 15자 이내로 명확하게 하자

➔핵심요약은 첫 문장에 넣고, 이부분만 봐도 전체 내용을 파악할 수 있어야 한다

➔내용은 가능한 객관적인 사항을 사용한다

➔문어체보다는 구어체를 사용한다

➔문장은 간략하고 명확하게 작성한다.

➔통계자료등 숫자를 적극 활용한다

➔관련사진도 가능한 함께 활용한다

➔내용은 A4용지 1장을 넘지 않게 한다

➔홍보담당자 이름, 이메일, 그리고 전화번호는 꼭 기재한다

IV.5 블로그등 소셜네트워크 100% 활용 방법

구글뿐아니라 대부분의 검색엔진의 경우 노출순위를 결정하는 근거중의 하나로 소셜네트워크 사이트

를 참조한다. 소셜네트워크 란 무었인가 ? 예를들어 유튜브, 블로그, 카페, 등 많은 사람이 공유를 목적

으로 만든 사이트를 전체적으로 의미한다.

따라서 기업의 입장에서는 회사소개, 제품소개, 제품카타로그, 기타 각 각 주제별로 내용을 작성하여 관

련된 소셜네트워크 사이트에 올려야 한다.




IV.5.1 해외의 경우 최소한 아래에는 꼭 올리도록 한다

http://slideshare.net 에는 회사소개, 제품소개, 카타로그 등 자료를 올리자. 파일을 올릴때에는 파일과

관련된 핵심키워드 등 을 꼭 기재하도록 한다. 이러한 키워드는 홈페이지 키워드와 마찬가지로 검색엔

진 결과에 중요한 역할을 한다.

http://youtube.com 에도 역시 회사소개, 제품소개, 전시장 동영상등 을 올리자. 마찬가지로 올릴때에는

꼭 키워드를 적절히 입력하여 검색시에 노출이 되도록 하자.

Http://flickr.com 에서 제품사진, 기술소개, 특허증 등 관련된 사진을 등록한다. 등록시 키워드를 꼭 조합

하여 설명 및 태그 (키워드) 에 입력한다.

Http://twitter.com 의 경우 미국, 서유럽를 포함하여 일본에서도 매우 활성화 되어 있다. 적극적으로 활용

하도록 한다.

구분 계정정보 참고

slideshare Id:pw:url:

youtube Id:pw:url:

flicker Id:pw:url:

Twitter Id:pw:url:

IV.5.2 국내의 경우 아래를 포함하자

네이버를 비롯한 다양한 포털에서는 블로그, 카페 등 사용자가 개설할 수 있다. 이러한 포털을 이용하여

아래처럼 하도록 한다. 또한 네이버, 야후, 등 주요포털에 홈페이지를 꼭 등록을 하자.

IV.5.2.1 지식 in 에 질문을 하도록 하자

그리고 질문에 대한 답을 하는 형태이다. 실제 지식 in의 대다수 질문 및 내용들이 광고의 형태로 활용

되고 있는다는 점을 기억하자. 옳고 그른것을 떠나서 단지 현재의 상황이다. 따라서 현실을 바로 이해하

고 활용하도록 하자.



http://twitter.com/

http://flickr.com/

http://youtube.com/

http://slideshare.net/


IV.5.2.2 Cafe 를 적극활용하자

역시 검색엔진 노출에 필요하다. 카페를 직원들의 이름으로 개설하자. 다음에 기업체 정보, 제품정보등

관련된 내용을 관리하도록 하자.

IV.5.2.3 블로그도 매우 중요하다

블로그는 특정 분야에 대하여 많은 정보를 가지고 있는경우가 많다. 따라서, 주위의 사람들에게 블로그

르 개설하여 특정 주제와 관련된 내용을 관리하여 노출이 되게 한다.

IV.5.3 이메일뉴스레터 마케팅 활용하는 방법

우리는 많은 사람을 만나고 명함을 받는다. 대부분의 경우 이메일을 사용한다. 이러한 이메일을 취합하

여 신제품 출시, 제품교육, 제품활용법 등을 포함한 소식들을 이메일로 고객에게 보내는것이다. 이는 많

은 시간이 소요되지 않으면서 매우 큰 효과를 볼수 있다.

이메일 뉴스레터를 발송하는데 있어서 굳이 디자인을 화려하게 하지 않아도 된다. 충실한 내용을 바탕

으로 고객이 원하는 자료를 발송하는것이 중요하다. 뉴스레터를 보낼때에는 한달에 1번, 정기적으로 발

송하는것이 바람직하다. 물론 발송 주기는 비 정기적으로 하여도 된다.

주의하여야 할 사항은 이메일주소를 판매하는곳이 있는데, 이러한것은 절대 이용해서는 안된다. 스팸으로 오인될경우 상당한 불이익을 당할 수 있기 때문이다.




메모장



ceo 서바이벌 해외 온라인마케팅 가이드 v4.1

Business