펭귄소프트(주). Copyrights. All Rights Reserved. 본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서에서 사용된 내용의 정확성을 위하여 최선을 다하였으 나, 제시된

Similar documents
펭귄소프트(주) 최적효과를 제공하는 '인바운드마케팅' 및 '콘텐츠마케팅' 전문가이다. 이를 위하여 자체개발한 핵심 '스마트홈페이지' CMS 솔루션과 다양한 솔루션 을 활용하여 전문적인 서비스를 제공한다. 핵심서비스 는 온라인 마케팅교육, 스마트홈페이지구축 및 관리, 해

본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서의 사용으로 인한 직.간접적인 피해에 대하여 책임을 지지 않습니다 펭귄소프트(주). Copyrights. All Rights Reserved.

공공기관. 수출기업 해외 온라인 홍보마케팅메뉴얼 펭귄소프트(주). Copyrights. All Rights Reserved. 본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서에서 사용된 내

펭귄소프트(주). Copyrights. All Rights Reserved. 본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서에서 사용된 내용의 정확성을 위하여 최선을 다하였으 나, 제시된

스마트홈페이지 사용자 설명서 스마트홈페이지 엔터프라이즈 V1.2 사용자 설명서 본 사용자 설명서는 한국경제신문사와 펭귄소프트가 공동으로 진행하는 수출중기 글로벌경쟁력 강화 의 프로그램에 사용됩니다. 펭귄소프트 ( 주 ) 스마트홈페이지 엔터프라이즈 V1.2A 사용자 설명

소규모 비즈니스를 위한 플레이북 여기서 다룰 내용은 다음과 같습니다. 1. YouTube 소개 2. YouTube에서 비즈니스를 위한 채널 만들기 3. 눈길을 끄는 동영상 만들기 4. 고객의 액션 유도하기 5. 비즈니스에 중요한 잠재고객에게 더 많이 도달하기

아이콘의 정의 본 사용자 설명서에서는 다음 아이콘을 사용합니다. 참고 참고는 발생할 수 있는 상황에 대처하는 방법을 알려 주거나 다른 기능과 함께 작동하는 방법에 대한 요령을 제공합니다. 상표 Brother 로고는 Brother Industries, Ltd.의 등록 상

wtu05_ÃÖÁ¾

SIGIL 완벽입문

회원번호 대표자 공동자 KR000****1 권 * 영 KR000****1 박 * 순 KR000****1 박 * 애 이 * 홍 KR000****2 김 * 근 하 * 희 KR000****2 박 * 순 KR000****3 최 * 정 KR000****4 박 * 희 조 * 제

160322_ADOP 상품 소개서_1.0

- 2 -

PDF_Compass_32호-v3.pdf

Windows 8에서 BioStar 1 설치하기

SBR-100S User Manual

안 산 시 보 차 례 훈 령 안산시 훈령 제 485 호 [안산시 구 사무 전결처리 규정 일부개정 규정] 안산시 훈령 제 486 호 [안산시 동 주민센터 전결사항 규정 일부개정 규

이베이를 활용한 B2C 마케팅_한국무역

View Licenses and Services (customer)

2

<B3EDB9AEC0DBBCBAB9FD2E687770>

CSG_keynote_KO copy.key

Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일

슬라이드 1

歯이

..,. Job Flow,. PC,.., (Drag & Drop),.,. PC,, Windows PC Mac,.,.,. NAS(Network Attached Storage),,,., Amazon Web Services*.,, (redundancy), SSL.,. * A


<B1DDC0B6B1E2B0FCB0FAC0CEC5CDB3DDB0B3C0CEC1A4BAB82E687770>

슬라이드 1

41호-소비자문제연구(최종추가수정0507).hwp

<C1DF29B1E2BCFAA1A4B0A1C1A420A8E85FB1B3BBE7BFEB20C1F6B5B5BCAD2E706466>

1701_ADOP-소개서_3.3.key

<C3E6B3B2B1B3C0B C8A32DC5BEC0E7BFEB28C0DBB0D4292D332E706466>

맘톡광고소개서

XSS Attack - Real-World XSS Attacks, Chaining XSS and Other Attacks, Payloads for XSS Attacks



PathEye 공식 블로그 다운로드 받으세요!! 지속적으로 업그래이드 됩니다. 여러분의 의견을 주시면 개발에 반영하겠 습니다.

마켓온_제품소개서_ key

³»Áö_10-6

미디어 및 엔터테인먼트 업계를 위한 Adobe Experience Manager Mobile

i4uNETWORKS_CompanyBrief_ key

04 Çмú_±â¼ú±â»ç

HTML5* Web Development to the next level HTML5 ~= HTML + CSS + JS API

*12월영상 내지<265턁

Web Scraper in 30 Minutes 강철

2ÀåÀÛ¾÷

Office Office Office 365,,,,,. Microsoft Microsoft

i4uNETWORKS_CompanyBrief_ key

PowerPoint 프레젠테이션

SH100_V1.4

01

03 ¸ñÂ÷

PowerPoint 프레젠테이션

산업백서2010표지

Red Dot Award: Communication Design 에 참 하기 결정해 주셔서 기쁩니다. "성공을 위한 안내서"는 등 절 에 대해 안내 니다. 지체 말고 언 든지 연 해 주 오. Red Dot 은 등 절 또는 등 후 절 를 기꺼 와드 겠습니다. 01 Int

Camel_C

PowerPoint 프레젠테이션

WebRTC 플러그인이 필요없는 웹폰 새로운 순수 VoIP 클라이언트 기반의 최신 WebRTC 기술은 기존 레가시 자바 클라이언트를 대체합니다. 새로운 클라이언트는 윈도우/리눅스/Mac 에서 사용가능하며 Chrome, Firefox 및 오페라 브라우저에서는 바로 사용이

HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을

1

041~084 ¹®È�Çö»óÀбâ

PowerPoint 프레젠테이션

**09콘텐츠산업백서_1 2

CR hwp

슬라이드 1

지도상 유의점 m 학생들이 어려워하는 낱말이 있으므로 자세히 설명해주도록 한다. m 버튼을 무리하게 조작하면 고장이 날 위험이 있으므로 수업 시작 부분에서 주의를 준다. m 활동지를 보고 어려워하는 학생에게는 영상자료를 접속하도록 안내한다. 평가 평가 유형 자기 평가

Microsoft PowerPoint - chap01-C언어개요.pptx

....pdf..

슬라이드 1

152*220

나하나로 5호

트렌드29호가제본용.hwp

슬라이드 1

iOS5_1±³

애널리스트 미팅 키워드는 '하드웨어 디바이스' 2014년 IT 수요 전망? PC 전년대비 -2%, 태블릿 & 스마트폰 +24% 향후 가장 중요한 과제? 1 모바일 매출비중 확대, 2 지역별 매출 다변화 10월 26일 실적발표부터 사업부문 재분류, 가장 중요한 사업부문은

서현수

내지(교사용) 4-6부

?


È޴ϵåA4±â¼Û

1. 무선 이미지 유틸리티 설명 1-1. 기능 이 Wireless Image Utility 는 안드로이드용 응용 프로그램입니다. 안드로이드 태블릿 또는 안드로이드 스마트폰에서 사용할 수 있습니다. 안드로이드 기기에 저장된 파일을 프로젝터로 무선 전송 컴퓨터에서 USB

PowerPoint 프레젠테이션


U.Tu System Application DW Service AGENDA 1. 개요 4. 솔루션 모음 1.1. 제안의 배경 및 목적 4.1. 고객정의 DW구축에 필요한 메타정보 생성 1.2. 제품 개요 4.2. 사전 변경 관리 1.3. 제품 특장점 4.3. 부품화형

C O N T E N T S 목 차 요약 / 1 I. 중남미화장품시장현황 / 3 Ⅱ. 주요국별시장정보 / 9 ( 트렌드 유통망 인증 ) 1. 브라질 / 9 2. 멕시코 / 콜롬비아 / 칠레 / 64 Ⅲ. 우리기업진출전략 / 79 # 첨부. 화장품관

Microsoft PowerPoint - 11주차_Android_GoogleMap.ppt [호환 모드]

Microsoft Word - windows server 2003 수동설치_non pro support_.doc

스마트폰 애플리케이션 시장 동향 및 전망 그림 1. 스마트폰 플랫폼 빅6 스마트폰들이 출시되기 시작하여 현재는 팜의 웹OS를 탑재한 스마트폰을 제외하고는 모두 국내 시장에도 출 시된 상황이다. 이들 스마트폰 플랫폼이 처해있는 상황 과 애플리케이션 시장에 대해 살펴보자.


uFOCS


[Brochure] KOR_TunA

hwp

mobile_guide_SA

RHEV 2.2 인증서 만료 확인 및 갱신

레이아웃 1

에스디엘팜플렛-최종.cdr

춤추는시민을기록하다_최종본 웹용

Microsoft Word - src.doc

* pb61۲õðÀÚÀ̳ʸ

Transcription:

수출중기 글로벌 경쟁력강화 프로젝트 공공기관. 수출기업 해외홍보마케팅 메뉴얼 한국경제신문사. 펭귄소프트 글로벌경쟁력강화 공동프로젝트 V1303 P.1/69

2004-2013 펭귄소프트(주). Copyrights. All Rights Reserved. http://smarthomepage.co.kr 본 문서의 내용은 사전 통보없이 변경 될 수 있습니다. 본 문서에서 사용된 내용의 정확성을 위하여 최선을 다하였으 나, 제시된 데이터의 완전성 및 정확성에 대한 보장은 하지 않습니다. 또한 본 문서는 법적조언이나 혹 전문적인 컨설 팅보고서 용으로 사용이 되지 않습니다. 본 문서의 사용으로 인한 직.간접적인 피해에 대하여 책임을 지지 않습니다. 본 문서에 사용된 각종 통계자료 및 인용자료는 각 각 해당저자 및 출처의 내용이며, 펭귄소프트의 의견과 다를수 있 으며 본 문서에 인용자료로 사용되고 있습니다. 또한 사용된 이미지등은 이해를 돕기위하여 사용되었으며 특정 의견 혹 그 어떠한 단체와의 연관성이 없습니다. 저작권 및 재 인쇄 본 문서는 펭귄소프트(주)의 서면 허락없이는 재배포가 금지되며 모든 저작권은 펭귄소프트(주)에 있습니다. 스마트 홈페이지 로고는 펭귄소프트의 등록상표입니다. 오픈오피스 Writer, Impress, Calc는 Sun Microsystems 사의 등록 상표이며, 윈도우, 엑셀, 워드, 파워포인트 는 마이크로소프트 사의 등록상표입니다. 아래한글은 한컴 사의 등록 상표 입니다. Iphone은 Apple사의, 구글은 구글사의 상표입니다. 기타 모든 등록 상표는 해당 회사의 소유입니다. 사용된 일부 이미지는 sxc.hu에 있습니다. 저작권 문의처 본 문서의 사용 및 저작권등에 관한 모든 문의는 아래로 해주시기 바랍니다. 펭귄소프트(주) t: (02) 393-7117 contact@smarthomepage.co.kr V1303 P.2/69

용어표 Browser 웹 브라우저 (browser)는 홈페이지를 보는데 사용되는 프로그램이다. Flash 플래시는 역동적인 시각적 효과를 위하여 사용되는 프로그램 언어중 하나이다 CMS Content Management System 혹 Software 로 콘텐츠 구축 및 관리 시스템으로 홈페 이지의 가장 근간이며 자동차의 엔진과 비유할 수 있다. CTA Call To Action 으로 홈페이지 방문객이 이메일을 남기게하거나 지속적 관계형성을 하 기위한 홈페이지의 기획, 구도 그리고 프로그램 기능 ER2 Export Readiness Report 로 수출기업의 '수출준비' 상태 보고서로, 기술, 제품, 마케 팅, 지원등 총체적인 측면에서 수출준비상태 를 점검함 KISS Keep It Simple, Stupid으로 약자로 모든 프로그램에 있어 단순성을 유지하여 사용자 가 쉽게 사용할 수 있게 하는 개발 방법론 DRY Don't Repeat Yourself로 이미 개발된것은 새로개발하지 않고 재 사용하는 개발론 기존것을 그대로 사용하거나 혹은 개선하여 사용함 ALT Alternative의 약자료, '대체' 혹 '대신' 이라는 뜻으로 포토자료 등 텍스트가 아닌 내용 은 컴퓨터가 인식하지 못 한다. 따라서 컴퓨터가 인식할 수 있도록 해당 포토등을 글자 로 대신 표시하는것이다. SEO Search Engine Optimization으로 검색엔진최적화 이다. 즉, 검색결과에서 상위에 홍 보되게하는 방법이다. 의도적인 SEO는 역효과를 가져온다. SERP Search Engine Results Page로 검색시 보여지는 페이지이다. SERP에서 내 홈페이 지로 오게끔 하는것은 무엇보다 중요하다. SNS Social Network Service로 온라인상의 동아리 이다. 각 SNS별 특화된 (연령별, 업종 별등) 성격이 있다. SNS 는 광고보다 PR에 효과적이다. CSR Corporate Social Responsibility로 기업의사회적책임이다. 홈페이지에서 CSR은 중 요하다. 즉 웹접근성을 제공하는것이 바로 그 시작이다. MVC Model View Controller로 프로그램 개발 방법론이다. 프로그램로직, xhtml 코딩, 데이 터, 디자인등이 완전 분리되어 추가개발/유지관리에 용이함. L10N Localization으로 방문객의 언어/지역을 감안하여 자동으로 언어등을 처리함.예) 영어 사용자에게는 영어홈페이지를 바로 보여줌. I18N Internationalization으로 다국어 홈페이지 구축관리 개발방법론이다. JS Javascript으로 사용자 컴퓨터에서 동작되는 프로그램 언어중 하나이다 V1303 P.3/69

조사방법론 본 문서에서 사용된 모든 통계데이터중에서 펭귄소프가 자체적으로 조사한 결과는 아래의 기준 에 의한다. 따라서 조사방법론등에 따라서 결과는 다소 달라질수 있다. 조사기간 & 크기 2007년부터 2013년 3월까지 꾸준히 다양한 샘플을 조사하고 있으며 다국 어 홈페이지가 있는 ~450개 정도를 집중적으로 조사하고 있다. 샘플링 조사에 사용된 샘플링은 각 분야별로 구분되며, 중앙정부, 지자체, 출연연, 대기업, 중 견기업, 월드클래드300, 수출강소기업, 수출유망기업, 수출초보기업, 하이서울브랜드, 스타기 업, 선도기업등 수출기업과 해외투자유치, 국가홍보 등 해외홍보마케팅의 성격을 지닌 홈페이 지를 기준으로 하였다. 또한 그중에서 각 관련기관이 성공사례로 발표한 자료, 대표성 (회장사/ 부회장사등) 을 지닌 홈페이지 및 선정된 기업등을 조사대상으로 하였다. 조사방법 조사방법은 SW에 의존하지 않고 직접 수작업으로 소스코드를 분석하였다. 기준은 웹 국제표준, 웹 접근성 및 검색최적화를 비롯하여 해외사용자의 통상적 환경을 고려하였다. 조 사페이지는 메인페이지, 홍보성페이지 (포토자료, 비디오자료, 제품카타로그, 뉴스, 보도자료등 포함), 일반페이지 등으로 구분하여 10~20 페이지정도를 기준으로 하였으며 특수한 경우에는 전수검사를 하였다. 순수 시각적 디자인은 가능한 분석에서 제외되었다. 다만 글로벌 트렌드를 감안한 홈페이지 구조등은 포함되었다. 분석환경 분석에 사용된 컴퓨터 및 웹 브라우저는 아래와 같다. 데스크톱 컴퓨터에는 Windows7, Mac, Linux (Ubuntu) 가 사용되었으며 추가로 IPad, IPod, Nexus7, HTC Desire HD 이 사용되었다. 웹 브라우저는 전 세계에서 가장 많이 사용되는 Chrome, FireFox, IE, Safari, Opera 가 사용되었다. 모바일 환경에서는 Safari, Chrome, Opera가 사용되었다. 모든 브라우저는 영문상태로 사용되었다. 집중조사항목 전 세계 사용자에게 시각적으로 잘 보이는지 (Chrome, FireFox, IE, Safari, Opera) 확인한다. 다음에 웹 국제표준, 홍보최적화, 웹접근성등을 파악한다. 특히 문서규격, 언 어환경, 고유한 제목, 요약, 키워드, 대체문자, 링크형태등 가장 기본적인 측면을 조사한다. 조사한계성 조사기준 및 컴퓨터환경에 따라서는 결과가 다를수있다. 한글 IE 웹브라우저에 서만 보면 시각적으로는 전혀 문제가 없을것이다. 국내 웹접근성 기준에는 Meta Description & Keywords 등에 대한 항목이 존재하지 않는다. V1303 P.4/69

포워드 최근 가수 싸이의 전세계적인 열풍은 온라인의 영향력을 여실히 보여주고 있다. 만약 5년전 혹 10년 전이라면 이것이 가능했을까? 이 세상은 온라인과 오프라인으로 구분되어진다. 온라인을 제대로 이해하고 활용하는것은 국가 차원, 지자체 그리고 기업등 의 글로벌 경쟁력 강화차원에서도 중요하다. 특히 수출기업홈페이 지, 국익을 대변하는 독도홈페이지, 투자유치홈페이지, 국제행사 등의 홈페이지는 기획부터, CMS, 코딩, 구조, 내용제공 등 모든면에서 해외용이어야 한다. 펭귄소프트가 최근 수년간의 연구한 결과에 의하면 국내 온라인경쟁력은 경쟁국가에 비하여 매 우 뒤쳐져 있는것으로 나타났다. 즉, 중국등 신흥국가를 포함하여 미국. 영국등 선진국과 더불 어 심지어는 제3국가에 비하여서도 상당부분 우려스러운 정도이다. 조사한 결과 크게 ①유령홈페이지, ②난파선홈페이지, ③백치아다다 의 3가지 형태로 구분된 다. 가장 심각한 경우는 '유령' 및 '난파선' 홈페이지로 일부사용자에게는 시각적으로 아예 안보 이거나 홈페이지가 깨져보이는 경우이다. '백치아다다' 의 경우는 영문에 한글코드 및 내용이 사용되고, 첨부문서는 해외에서 사용하지 않는 국내문서로 제공되고, 국제 웹 표준은 무시되는 등 총체적 무늬만 해외용 인경우이다. 3가지 모두다 시급히 개선이 되어야 한다. 정부가 지원하 는 10만 수출중기의 글로벌 온라인 경쟁력을 생각하면 아찔하다. 중앙정부를 포함한 대부분 공 공기관도 예외는 아니다. 전세계는 이미 위 3가지 단계를 지나서 홍보최적화 시스템사용과 정교한 마케팅 기법을 구사한 다. 이를 통하여 구글등에서 광고없이 최상위에 홍보되게 하고 과학적인 통계분석등을 통하여 치열한 온라인상의 전쟁을 벌이고 있다. IT강국 대한민국는 홈페이지도 제대로 구축하지 못하 고 있다. 우물안 개구리 처럼 남아 있어서는 아니된다. 본 문서는 해외온라인홍보.마케팅이 필요한 공공기관 및 수출기업을 대상으로 작성되었다. 제 시된 온라인홍보마케팅의 기획, 홈페이지구축 및 관리 그리고 온라인 홍보전략이 대한민국의 글로벌 온라인경쟁력 강화에 도움이 되기를 바란다. 대표이사 펭귄소프트(주) V1303 P.5/69

목차 1 핵심요약...7 2 해외 홍보마케팅 전략...8 2.1 기초부터 탄탄히...8 2.2 바이어 환경이해...11 2.3 검색엔진 제대로 이해...14 2.4 온라인 마케팅전략...17 2.5 방문객 시뮬레이션...20 3 해외 홍보마케팅 홈페이지구축...23 3.1 구축전 준비사항...23 3.2 홈페이지구축 지침...29 3.3 홈페이지 관리 & 활용...41 4 실전 교육자료 요약...50 4.1 시작하기 전에... 50 4.2 인바운전략 복습...54 4.3 온라인홍보 필수교육...56 5 부록...61 5.1 바이어 주요 IT 환경 통계...61 5.2 인용 참고자료... 67 6 펭귄소프트(주)소개...68 7 메모장...69 V1303 P.6/69

1 핵심요약 제대로된 기획 및 홈페이지 구축 및 관리는 성공의 90%를 좌우한다. 그리고 별도 광고없 이 지속적인 구글상위 홍보가 가능하다. 즉 제대로된 해외용 홈페이지는 홍보효과와 매 우 밀접한 관계가 있다는것이다. 따라서 이렇게 절약된 예산은 직접적인 목적 달성을 위 한 시장조사를 비롯한 지능적인 마케팅에 사용되도록 하여야 한다. 국내용 홈페이지를 무늬만 해외용으로 포장하여 해외마케팅을 해서는 아니된다. 제대로된 인바운드 마케팅전략 ( 기획 및 최적 마케팅 전략은 성공의 90% 를 좌우한다 ) 해외홍보마케팅전용 CMS 솔루션확보 ( 웹표준, 웹접근성, 홍보최적화, 모바일지원등...) XHTML Coding & 글로벌환경 반영 ( 웹표준, 웹접근성, 홍보최적화, 모바일지원등...) 유지. 보수 관리자 적절한 교육필수 ( 해외 타깃층 환경 이해 및 최적 콘텐츠마케팅 전략등...) V1303 P.7/69

2 해외 홍보마케팅 전략 2.1 기초부터 탄탄히 2.1.1 총체적 홍보/마케팅 이해 타깃고객층과 신뢰도를 쌓고 고객으로의 전환이 중요하다. 이를 위하여 기초부터 탄탄히 하여야 한다. 즉, 타깃층이 원하는 정보를 제대로 파악하여 꾸준히 제대로 전달 하는것1 이다. 유익한 정보는 브랜드를 형성하고 확산2하는데 큰 도움이 된다. 광고없이 자연적으 로 그리고 지속적으로 경쟁자에 비하여 먼저 홍보가 된다는것이다. 또한 이 원칙은 온. 오 프 라인 모두에게 해당된다. 배너 광고등 신뢰도가 낮은 방법은 최후3에 시행한다. 타깃 고객이 필요한 유익한 정보를 꾸준히 제대로 제공하여 신뢰도 쌓는것이다. 궁극적으로 원하는 목적을 달성하는것이다. 1 2 3 모든 마케팅의 기본 원칙이다. 타깃이 원하는 정보를 제공하는것이 최고의 ROI 를 제공한다 브랜드는 가장 차별화된 전략중 하나로, 온라인에서도 브랜드는 매주 중요하다. Nielsen조사, 브랜드사이트 (공동3위)에 비하여 배너광고는 19위중 17위의 매우 낮은 소비자 신뢰도를 보여줌 V1303 P.8/69

2.1.2 소비자 신뢰도 중요성 2011년 3분기 Nielsen 보고서4 는 각종 홍보 및 광고 등에 대한 소비자의 신뢰도를 보여 주고 있다. 아는사람으로부터 소개를 받는경우 신뢰도가 92%(1위), 소비자평가 70%(2 위), 그리고 제대로 구축된 자체브랜드 홈페이지5가 58%(공동3위) 이다. 언론매체 사설 58%과 같은 신뢰도이다. 하지만 SNS 36%(16위), 배너 광고 33%(17위)등은 매우 낮은 신뢰도를 보여준다는 것이다. 기초부터 탄탄히 하는 마케팅 전략이 매우 중요하다. 타깃층과의 신뢰도 확보로 목적 달성해야. 최적전략은 인바운드전략이다. 내 브랜드 홈페이지부터 제대로 구축필요. 브랜드홈페이지 SNS. 배너 광고 4 5 http://blog.nielsen.com/ 브랜드 홈페이지란, 내 도메인과 자체적인 브랜드명으로 운영하는 독립적인 홈페이지를 의미한다. V1303 P.9/69

2.1.3 온라인 회사라는 인식 홈페이지는 온라인 회사6이다. 80년대처럼 DHL이나 Fedex로 회사소개 및 브로셔를 발 송하는 시대가 아니다. 바이어는 1차적으로 홈페이지를 방문하여 업체를 판단7한다. 따라서 홈페이지는 CEO가 직접 챙기고, 실무는 전사적으로 관심을 가지고 챙겨야 한다. 스마트한 브랜드 홈페이지부터 제대로 구축8하고 관리하는것이 최 우선이다. 아무리 좋 은 기술과 제품도 제대로 홍보가 되지않으면 무슨 소용이 있겠는가? 홈페이지는 글로벌 온라인 회사 이다. 바이어 입장에서 구축되어야 한다. 그리고 CEO가 직접챙기고 전사적 관심 필요. credit: hubspot.com 6 7 8 1년 365일 24시간 제품, 회사, 기술, 브랜드 등 홍보 한다 2011.Q3 Nielsen에 의하면 19개 홍보.광고 방법중에 브랜드홈페이지가 Top3위의 신뢰도를 보이고 있다 해외홍보마케팅용 홈페이지는 솔루션, 코딩 및 온라인마케팅전략 등이 모두 해외용이어야 한다 V1303 P.10/69

2.2 바이어 환경이해 2.2.1 문화적인 다양성 다양한 바이어/ 고객에게 제품 혹 서비스 홍보를 하여 원하는 목적을 달성하여야 한다. 이 를 위하여 타깃 국가의 정치, 법률, 문화, 사회, 역사 등 인문 사회적인 사항등을 충분히 이해하여야 한다. 해외용은 법적인 요구사항9과 더불어 국가별로 선호되는 레이아웃, 홈 페이지 너비, 단어의 함축적인 의미에 있어 상당한 차이가 있다. Old Text10 의 경우 영. 미 문화권에서는 오래된 지금은 유효하지 않는 의미를 전달 할 수 있다는것을 기억한다. Old Text 와 Historical Document 의 홍보효과 차이는 매우 크다. 타깃국가의 인문. 사회. 문화 이해는 필수! 9 웹접근성 으로 한국을 비롯하여 대부분의 국가에서 법으로 규정하고 있다. 10 결과적으로 역효과를 홍보하고 있다고 할 수 있다. 일부 공공기관의 해외홍보 사이트에서 역사적 고 문서를 Old Text라고 사용하고 있다. 프로젝트에 따라서 홈페이지는 단순한 기술적인 문서의 집합이 아니라 총체적인 인문사 회 전문성 및 기술성이 다 필요하다. V1303 P.11/69

2.2.2 기술적 다양성 바이어는 다양한 민족만큼이나 다양한 컴퓨터11, 웹 브라우저12, 그리고 다양한 방법13으 로 홈페이지를 사용한다. 따라서 온라인 홍보의 기초인 홈페이지는 가능한 전 세계 어느 나라, 어떠한 컴퓨터, 웹 브라우저, 그리고 어떠한 방법으로 든 이용에 문제가 없게 하는 것이 중요하다. 특히 최근 급부상한 스마트폰 사용자에게 데스크톱과 동일한 내용이 충 분이 전달되어야 한다. 해외는 인터넷속도가 느리다는것도 기억하여야 한다. 글로벌 바이어 기술적 다양성 이해 필수. 1차적으로 모든 바이어가, 내 제품, 기술, 회사를 볼수 있도록 해야. 11 윈도우즈, 리눅스, 멕킨토시, 스마트폰 등 매우 다양한 컴퓨터 기기가 사용되고 있다 12 홈페이지를 보는 소프트웨어로, 최소한 Chrome, Firefox, Safari, IE, Opera & Opera Mini는 지원되어야 한다 13 대부분은 마우스사용, 일부는 키보드만 사용, 헤드스틱 사용. 다양한 방법으로 사용하는데 문제 없게 하여야 한다 V1303 P.12/69

2.2.3 인구통계학적 다양성 방문객의 연령 등에 따라서 사용하는 컴퓨터 기종, 웹 브라우저, 모바일 기기 사용, 문화 적인 선호도, SNS 사용 빈도수 등 상당한 측면에서 차이를 보여준다. 따라서 바이어나 소비자의 인구통계학적 특징14 (Demographics)를 파악하는것은 무엇보다 중요하다. 그리고 이러한 사항을 홈페이지 구축 및 관리 그리고 각종 캠페인에 충분히 반영하여야 한다. 해외의 젊은층에 홍보를 하는데, 플래시로 데이터를 제공하면 어떻게 되겠는가? 아이폰, 아이패드 사용하는 소비자층에 플래시내용은 전혀보이지 않아. 정확한 타깃층 이해는 모든 홍보의 기초. 남여별특징 지역별특징 연령대별특징 14 모든 마케팅의 기초는 타깃층의 특성파악부터 시작된다. 온라인 및 오프라인 모두에 해당된다. V1303 P.13/69

2.3 검색엔진 제대로 이해 2.3.1 인터넷검색 & 순위결정 과정 이해 방문객이 검색을 할 때에 인터넷을 검색하지 않고 각 해당 검색엔진의 DB 를 검색한다. 따라서 모든 페이지가 검색엔진DB에 저장15이 되도록 하여야 한다. 검색순위 결정16은 수백가지의 항목에 의해서 결정된다. 핵심 요점은 타깃고층이 원하는 해당 분야의 전문적이고 유익한 내용을 제대로17 그리고 꾸준히 제공하는것이다. 이를 통하여 브랜드 를 키우고 광고없이 지속적으로 상위에 홍보되게 한다. 이 방법이 최적전략이다. 인터넷이 아닌 검색엔진 자체DB를 검색, 모든 내용은 검색엔진이 이해할 수 있게 해야. 고객이 좋아하는 홈페이지가 상위홍보. 15 이것을 인덱싱, Indexing 이라고 하는데, 모든 페이지를 시스템에서 자동으로 지원이 되어야 한다 16 구글의 경우 브랜드 를 위주로, 고객이 원하는 좋은 정보를 제대로 제공하여야 한다. 돈 으로는 해결되지 않아. 17 검색엔진이 이해할 수 있고, 웹 국제표준, 모바일 지원, 웹 접근성 지원등 제대로 지원하는것이 정답이다 V1303 P.14/69

2.3.2 온라인 홍보 4요소 파악 홈페이지는 세부적으로 분석하면 ①텍스트, ②사진, ③비디오, 그리고 ④파일18 4가지 형 태로 구분되어 진다. 따라서 바이어가 검색시에 상위에 홍보가 된다라고 하는것은 위 4 가지가 입체적으로 상위에 노출이 된다는것이다. 따라서 실무자는 각 기업이 가지고 있 는 자료를 4가지로 분류하고 각 각 요소가 검색최적화19되어 검색시 첫 페이지에 노출이 될 수 있도록 하여야 한다. 이러한 원칙은 SNS 활용에도 그대로 적용된다. 홈페이지의 입체적인 홍보가 중요, ①텍스트, ②사진, ③파일 그리고 ④동영상 을 20 사람과 검색엔진 이 모두 알 수 있게. 18 모든 홈페이지를 분석하면 텍스트, 그림, 파일 그리고 비디오 (오디오포함) 4가지 큰 형태로 나누어진다. 19 SEO (Search Engine Optimization) 는 검색최적화이며, 기존방식의 SEO는 오히려 역효과를 가져올 수 있다. 20 모든 내용은 사람과 검색엔진이 이해할 수 있게 제공한다. 검색엔진이 이해 못하면 검색순위에서 밀리게 된다. V1303 P.15/69

2.3.3 검색엔진 첫 페이지 중요성 광고하지 않는 자연스런 첫 페이지 검색엔진21홍보 그리고 가능한 1위~3위의 홍보가 절 대적으로 중요하다. 90%이상의 클릭이 첫 페이지 검색결과22이다. 아래 그림은 코넬대학 이 연구한 구글의 Heat Map23 이다. 빨간색으로 될 수록 방문객이 많이 클릭을 한다는 의미이다. 신뢰도가 높은 왼쪽 상단 의 광고없는 검색결과에 가장 많은 관심을 보이고 있 다. 오른쪽에 있는 영역은 광고영역이며, 방문객의 관심도가 매우 낮다. 24 글로벌 바이어, ~91%는 구글사용, 전체 클릭중 90%가 첫 페이지 결과에 집중, 데스크톱 및 모바일 상위랭키 둘 다 중요해. 전체클릭중 90% 는 첫 페이지, 그중 50% 는 1~3 위 결과 클릭 유기적결과 신뢰도 85% 이상 광고영역, 신뢰도 10% 글로벌 클릭율 2% 전 후. credit:cornell university, google.com 21 22 23 24 검색엔진이란 소프트웨어 알고리즘을 활용하여 자동으로 검색순위가 처리되며 포털과는 다르다 구글, 마이크로소프트 Bing, 야후 모두다 비슷한 통계 결과를 발효하였다 http://www.raleighinternetmarketingagency.com/understanding-the-google-heat-map 중국은 Baidu가 약 75~78% 점유를 보이며, 검색순위결정은 구글과 90% 정도 비슷한것으로 판단된다. V1303 P.16/69

2.4 온라인 마케팅전략 2.4.1 인바운드 마케팅 전략 구글의 CEO Eric Schmidt 와 Matt Cutts Engineer 는 브랜드25 의 중요성을 강조한다. 지속적이고 효과적인 홍보마케팅을 위해서는 Organic 상위랭킹26이 중요하다. 이를 위하 여 브랜드마케팅/ 콘텐츠 마케팅을 충분히 제대로 이해하고 체계적으로 도입하여야 한 다. 한마디로, 타깃고객층이 원하는 콘텐츠를 제대로 적절하게 제공하는것 이다. 인위 적키워드 조작 및 도배 등 기존의 SEO 전략27은 역효과를 가져 올 수 있다28. 자체 브랜드 홈페이지를 중심으로 고객이 원하는 내용을 꾸준히 제대로 전달. 타깃과의 신뢰도 확보로 원하는 목적달성. 25 26 27 28 중국등 경쟁국과 경쟁에서 기술력과 더불어 브랜드 파워는 시장개척에 매우 중요하다. Nielsen 및 기타 연구에 의하면 소비자는 광고없는 상위랭킹 신뢰도가 훨씬 높은것으로 나타난다 최적의 SEO 전략은 홈페이지를 중심으로 원하는 내용을 제공하는 콘텐츠마케팅 전략이 최적이다 2011년 ~ 2012년 구글의 경우 Panda & Penguin 알고리즘 도입으로 매우 엄격하게 품질관리를 하고 있음 V1303 P.17/69

2.4.2 아웃바운드 마케팅 전략 아웃바운드 마케팅 전략29인 선동, 선전 그리고 광고는 홍보와 기본적으로 다르다. 광고 는 소비자 신뢰도가 낮고 거부감이 있으며 오히려 역효과를 가져올 수 있다. 따라서 광고 에 예산을 투입하기 이전에 먼저 브랜드 홈페이지부터 제대로 구축하고 관리되어야 한 다. 즉 홍보를 제대로 할 수 있는 기반을 먼저 구축하여야 한다. 공공기관 및 수출기업 90%는 아웃바운드 전략을 체택하고 있다. 이제는 최후에 수행이 되어야 한다. 낮은 신뢰도의 거부감있는 아웃바운드 전략, 신뢰도 형성에 역 효과가 날 수 있어! 30 검색엔진키워드 광고등은 신뢰도가 낮아. credit: hubspot.com 29 Outbound는 Inbound와 대조적인 전략으로 일방적인 광고에 가까운 마케팅전략이다. 배너광고가 대표이다. 소 비자의 거부감과 매우 낮은 ROI가 특징이다. 왜 홍보목적 달성이 중요하지 예산집행이 중요한것 아니다. 30 국내와 달리 구글의 경우 키워드 광고를 하더라도 첫 페이지 보장이 없다. 광고는 모든 가능한 인바운드 마케팅이 후에 필요시 신중히 시행이 되어야 한다. 광고자체가 목적이 아니라, 신뢰도형성으로 목적달성이 중요하다. V1303 P.18/69

2.4.3 온라인 마케팅 불편한 진실 기존 90%는 아웃바운드 마케팅 전략31을 체택. 최근 JC Penny백화점의 경우 아웃바운 드 SEO 전문가에 의뢰한 캠페인에서 인위적인 조작으로 인하여 3개월간 구글에서 완전 히 사라진 경우가 있다. 같은 제목, 요약, 키워드, 내용 등을 반복하여 사용하는 경우 최근 구글 알고리즘 (Panda & Penguin) 에 의하여 검색결과에 매우 불리한 결과를 초래한다. 검색최적화(SEO)는 제대로 하지 않을경우 차라리 하지 않는것이 권장된다. 기존 90% 아웃바운드 일방적 전략은 피해야. 32 어설픈 SEO 전략은 오히려 역효과! 구글검색 순위에서 매우 불리하게 작용된다. 31 대부분 가장 기초인 홈페이지는 엉망으로 구축하고 광고예산만 확보하여 신뢰도가 매우 낮은 배너광고 및 SNS 광고등에 상당한 자원을 투입하고 있다. 공공기관 및 수출기업 모두에게 공통으로 발견되고 있다. 32 검색엔진최적화 (Search Engine Optimization, SEO), 검색시 상위홍보되게 하는 기법이다. V1303 P.19/69

2.5 방문객 시뮬레이션 2.5.1 검색결과 상위홍보 - 1단계 투자유치 공공기관이든 혹 수출기업이든 타깃 고객층이 사용하는 검색엔진에서 상위홍 보 (가능한 첫 페이지) 는 의미가 크다. 중요한것은 적절한 키워드 및 키워드조합 혹 자연 어 검색시에 제대로 검색이 되어야 한다는것이다. 즉, Gyeonggido Investment 보다는 Investment opportunities in south Korea 키워드가 좀 더 현실적이다. 가장 바람직한 것 은 홈페이지의 모든 콘텐츠가 자동으로 전부 홍보최적화가 되게하는것이다. 키워드는 타깃층 입장에서 고려하며 모든 콘텐츠가 광고없이 상위홍보되게 한다. 최소한 1~3페이지에 홍보되게한다. 전체클릭중 90% 는 첫 페이지, 그중 50% 는 1~3 위 결과 클릭 유기적결과 신뢰도 85% 이상 ( 내가 생각하는 vs. 방문객이 실제사용하는 키워드?) 2013.3.6 11:25기준 'investment opportunities in south korea' 검색결과 화면 V1303 P.20/69

2.5.2 내 홈페이지 클릭유도 - 2단계 다음단계는 수많은 검색결과중에서 내 홈페이지를 클릭하도록 유도하여야 한다. 어떻게 할까? 다양한 방법이 있다. 가장 중요한것은 제목, 요약, UR, 날자, 전문성 등이다. 특히 이러한 사항은 내가 언제 어디서든 직접 관리할수 있어야 한다. 신문과 비교하여보자. 권 위있는 신문에, 가장 관심을 끄는 헤드라인과 사진, 그리고 최신 날자의 내용에 관심을 가 질 확률이 매우 높다. 홈페이지도 마찬가지라는것을 기억하자. 내 도메인에서, 최신날자의 최적의 제목과 요약 그리고 URL을 제공한다. 위 4가지는 내가 직접관리 해야. 정부라는 gov.uk 도메인 신뢰도 제공한다 제목이 적절하게 사용됨 날자가 비교적 최근것임 URL 에 적절한 자연어가 사용되고 있음 2013.3.6 11:25기준 'investment opportunities in south korea' 검색결과 화면 V1303 P.21/69

2.5.3 신뢰도 형성 및 관계유지 - 3단계 현재 상당수 국내 홈페이지는 Safari, Firefox, Chrom, Opera, IE 중 하나에서는 깨져보 이거나 안보인다. 홍보가 제대로 안되고 (안보이니까) 신뢰도가 낮다 (깨져보이니까). 영 어권 모바일 사용자에게는 영어 모바일 홈페이지가 자동으로 보이게끔 설계하여야 한다. 디자인, 설계, 구조, 자료형태등 모든것이 글로벌 수준이어야 한다. 그리고 타깃층이 원하 는 좋은 내용을 제공하여 CTA33 를 유도, 관계형성을 하여야 한다. 유용한정보제공과 신뢰도 형성하여, 타깃 방문자와의 관계형성을 하도록 하여야. 34 지속적 인바운드 마케팅 제공. 33 CTA (Call To Action) 는 홈페이지를 방문하여 뉴스레터가입등 다양한 관계형성을 하게하는 전략이다. 34 투자유치홈페이지의 경우, 투자자 입장에서 투자자가 원하는 정보를 꾸준히 제대로 제공하도록 하는것이다. V1303 P.22/69

3 해외 홍보마케팅 홈페이지구축 3.1 구축전 준비사항 3.1.1 기획은 홍보.마케팅부서가 홈페이지는 온라인 회사이다35. 회사를 설립하는데 CEO가 직접 챙겨야 하지 않겠는가? 또한 실무적인 기획 및 운영은 홍보부서가 하도록 한다. 수출기업의 경우 CEO와 마케팅 부서가 챙겨야 한다. 전산부서등은 지원을 하도록 한다. 왜 홈페이지를 운영하며, 주요 홍보목적이 무엇인지 정확하고 구체적으로 파악한다. 최적의 기획, 해외용 솔루션 사용/ 최적코딩, 담당자의 해외온라인 홍보 교육의 4가지는 성공의 필수요소 이다. 성공의 90%를 결정하는 기획은 홍보부서가. 36 37 38 ①기획 ②솔루션 ③코딩 및 ④교육 필수. 해외홍보용은, 설계부터 제대로 해외용으로. 35 36 37 38 대다수 바이어는 홈페이지를 통하여 1차적으로 회사를 검증한다. 따라서 홈페이지는 매우 중요하다. 해외홍보마케팅 전용 솔루션이어야 하며, 무늬만 다국어인 국내용 게시판과는 설계 및 구조부터 다르다 코딩은 금형과 같다. 금형이 먼저 잘 나와야 한다. 국제 웹 표준등 수십가지를 고려한 전문적 코딩이 필수이다 교육을 통하여 광고없이 지속적 효과를 제공하는 인바운드마케팅 전략을 충분히 이해하고 수행 한다. V1303 P.23/69

Table 1: 기획시 체크리스트 항목 설명 체크 기본부터!!!!! 가장 먼저 '목적'이 무엇인지 그리고 '타깃층이 무 엇을 원하는지' 파악하여야 한다. 나만의내용 및 전달방법이 타깃층이 원하는것과 다를수 있다. 특 히 공공기관은 더욱더 이 부분을 챙긴다. 나만의 만족을 위하여, 내 기술자랑을 위하여, 뽐내기 위 하여 프로젝트를 수행하는것은 피해야. 핵심전략 핵심전략으로 인바운드마케팅 전략을 기준으로 모든 기 획을 하도록 한다. 홍보핵심방향 브랜드 이미지 홍보인지, 기술홍보인지, 제품홍보인지, 핵 심 방향을 설정한다. 적절한팀구성 해외마케팅전문가, 전문솔루션업체, SNS 전문가39, 인문. 사회. 역사 전문가, 등 적절한팀 구성이 중요하다. 해외용솔루션 확보 해외용 홈페이지구축 솔루션 (CMS)를 확보하여야 한다. 최적 솔루션과 홍보효과는 매우 밀접하다. 홍보대상국가 홍보할 국가를 선택한다. 전 세계 인지 혹 특정 대륙 혹 특 정 국가인지를 선정한다. 국가별 특징을 감안한다. 홍보핵심대상40 홍보대상이 누구인지, 연령대는, 사회문화적인 특징, 소비 자 특징 등 마케팅전문가의 컨설팅이 필요하다. 홍보핵심키워드 홍보 키워드는 실제 방문객이 어떠한 키워드와 유사키워 드를 사용하는지 제대로 파악하는것이 중요하다. 담당자교육 교육은 기획의 필수항목이다. 특히 검색엔진최적화, '인바 운드마케팅 전략' 의 교육은 온라인마케팅의 필수이다. 모든자료정리 해외용의 경우 첨부 문서는 PDF로 제공하도록 한다. HWP 형태의 제공은 하지 않는다. 관리인력구성 기획부터 실제 운영까지의 전 과정에 있어서 현재 사용가 능한 인력 과 솔루션등을 적절히 선정하도록 한다. 39 SNS 전문가는 신중히 택하도록 한다. 아웃바운드 광고 전략을 우선으로 하는 SNS 는 피하도록 한다 40 해외 스마트폰 및 태블릿을 사용하는 신세대를 대상으로 홍보하는 하는데, 홈페이지를 Flash로 제작하는경우도 있다. 또한 외국인에게 아래한글로 된 문서를 발송하는경우 도 있다 V1303 P.24/69

3.1.2 해외용 CMS 및 솔루션 확보 해외홍보용 홈페이지 구축시에는 해외용 솔루션41 이 필요하다. 왜냐하면 해외용홍보최 적화 CMS를 사용하는것 만으로도 상당한 홍보효과가 기대되기 때문이다.또한 배포자 료 역시 가장 무난한 html 문서이거나 MS 오피스 혹 PDF로 제작하도록 한다. 한글게시 판과 아래한글 문서를 외국인에게 사용하면 되겠는가? 데스크톱 및 모바일 홈페이지가 동시이 구축되어야 하며 응답형 모바일홈페이지42는 신중히 검토후 사용하여야 한다. 해외홍보전용 CMS는 검색상위 결과에 필수, 홍보최적화 CMS부터 확보 해야. 무늬만 해외용인 기존 국내 게시판은 피해야! 41 무늬만 해외용인 게시판이 아닌 설계부터 해외홍보마케팅 전용 솔루션을 사용하여야 한다. 국내용과 해외용은 코딩 설계구조 및 웹 표준측면에서 구조적인 차이점을 지니고 있다. 국내는 국내용, 해외는 해외용을 사용해야. 42 100%개념으로 데스크톱 코딩 및 무게를 모바일로 그대로 가져가는 코딩 기법으로 해외마케팅용에는 신중하게 선택하여야 한다. 상당수 국가의 경우 무선인터넷 속도가 매우 느리다는것을 기억하여야 한다. V1303 P.25/69

Table 2: 홍보용 CMS선택 체크리스트 항목 설명 체크 사용하기 쉬운 솔루션 웹 기반으로 윈도우즈, 리눅스, 맥킨토시 의 IE 브라우저, Firefox, Chrome, Safari, Opera 브라우저를 지원하여야 한다. 웹 국제표준 지원 CMS 자체에서 기본적인 웹 국제표준을 지원, 모든 페이지별 고유한 제목, 요약, 키워드 입력 및 이미지의 대체문자 입력은 필수이다. 내용, 프로그램, 그리고 디자인이 분리되어야 한다 구글검색엔진 최적화 구글검색엔진 최적화가 지원되는 솔루션이어야 한다. 특히 고 유한 제목, 요약, URL, 대체문자, xml sitemap자동지원, 논리적 정렬등을 지원하며 최신 알고리즘을 최대한 지원하여야 한다. 웹 접근성 지원 국내를 포함하여 주요국가에서 웹 접근성 지원은 법적인 요구 사항이다. 홈페이지 구축 시스템은 웹 접근성을 지원하여야 한 다. 관리자는 웹 접근성 교육을 이수하도록 한다. 모바일홈페이지 동시구현 솔루션에서 단 한 번의 입력으로 동일한 도메인43, 동일한 URL 로 데스크톱과 모바일 홈페이지가 동시에 지원되어야 한다. 중 요한것은 응답형44이 아닌 완전한 모바일45이어야 한다. 코딩최적화 홈페이지 시스템 기능을 최대화 하여 코딩을 최적화 하여 홈페이지 크기 를 줄이도록 한다. 특히 이미지등의 경우 사용자가 아무리 큰 이미지를 올리더라도 시스템에서 자동으로 줄이도록 한다. 적절한 교육지원 홍보마케팅 원칙, 홍보 4요소(글, 포토, 파일, 동영상) 및 콘텐츠 마케팅 전략 교육은 필수이다. 물론 CMS 사용교육은 기본이다. 보안기능지원 특히 SQL Injection, XSS, CSRF등은 지원이 되어야 한다. 다 만, 보안은 꾸준한 꾸준한 유지. 보수 가 필수이다. CMS 개발방식 확장성 및 유지보수를 위하여 글로벌 프로그램 개발 방식인 MVC, KISS, DRY, Shared Nothing 원칙을 최대한 지원한다 수평적 확장성 안정적인 홈페이지 운영을 위하여 수평적 확장성 (케싱서버, 로 드밸런스 등) 을 기반으로 하는 CMS 시스템이어야 한다. URL 확장자 url-name.php 혹 url-name.jsp 대신에 url-name 처럼 자 연어와 확장자 (.php,.jsp 등) 를 표시하지 않게 하여야 한다. 기타솔루션 게시판, 자유게시판, 폼메일, 뉴스레터, 회원관리 를 포함하여 사용되는 일체의 솔루션은 해외용이어야 한다. 43 m 을 도메인앞에 사용하는것을 피한다. 홍보효과 및 고객만족도가 떨어진다. 44 응답협 (Responsive) 모바일홈페이지는 시각적으로 모바일이지만 실제로는 데스크톱 홈페이지이기 때문이다 45 내용도 데스크톱과 동일한것을 제공하고, 동일 URL에 코딩부터, 이미지크기등 포함 완전 모바일 최적화 필요 V1303 P.26/69

3.1.3 필요한 자료준비 홈페이지에 사용할 자료를 준비한다. 가능한 기존의 자료를 최대한 활용하며, 필요시 추 가적인 자료 준비를 한다. 주의 할 점은 비디오의 경우 꼭 전문가에 의뢰하지 않아도 되 며, 스마트폰등 일반적인 기기를 활용하여 촬영하도록 한다. 사진이든, 텍스트이든 어떠 한 자료도 외부에서 가져올 경우 (언론사. 포털 등 포함)에는 꼭 홈페이지에 사용해도 좋 다는 문서화된 승락을 받도록 하여야 한다. 그렇지 않을경우 형사처벌이 될 수 도 있다. 바이어가 필요로 하는 내용을 먼저 준비. 내용은 꾸준히 준비하고 관리해야. 46 홈페이지는 온라인 재고창고 가 아니다! 46 모든 제품 100%를 전부다 올릴 필요는 없다. 시간대비 효과를 살핀다. 제품이 수천개일 경우 핵심 주요제품을 제 대로 제공하고, PDF 카타로그 등을 다운로드 할 수 있게 한다. 홈페이지는 입체적 홍보가 중요하고, 바이어에게 먼저 홍보되고, 홈페이지를 방문하게 하고, 인콰이어리를 보낼수 있도록 하여야 한다. V1303 P.27/69

Table 3: 필요한 자료준비 체크리스트 (메뉴기준) 상단 Products 설명 및 준비자료 All Products 제품은 1차 분류만 하도록 하며, 2차 부터는 Tag를 사 용하여 직접적으로 분류할 수 있게 한다.제품명, 상세 Category One Etc... All Blogs Blog Category One Etc... All Photos Photo 블로그는 인바운드 마케팅에 가장 필요한 항목으로, 소비자가 좋아하는/ 필요로 하는 유익한 정보를 꾸준 히 제공한다. 또한 새소식도 블로그에서 제공한다. 전체 Photo 자료 리스트 (포토별 제목 및 설명필요) 특허 (국내 및 해외등) 전체 포토자료 Certificates ISO, UL, TUV등 국제 인증 포토자료 Exhibition 전시회, 세미나, 신제품출시이벤트등 다양한 포토자료 첨단 연구소, 공장시설 장비등 포토자료 Etc... 기타 추가항목 FAQ 자주하는 질문모음 Download Video 48 Ticket Background CEO Greeting 체크 설명, 사진, 파일등 으로 구분하여 자료를 준비한다. Patents Facilities Support 담당자47 하단 브로셔, 카타로그, 드라이버 등 파일다운로드 비디오 (제품설명, AS, 부품교체등) 폼메일 형태로, 온라인에서 바로 인콰이어리 보내기 기존문제점이 있어 해결할려고 설립되었다... CEO 인사말 그리고 사진 Value Proposition 차별화된 장점 (비용절감, 성능개선, 사용자만족도) 등 Technology Company Major Products 차별화된 기술력 소개 (객관적 증명자료 포함) 회사의 주요제품(핵샘키워드를 포함하여 간략히 기술) Key Management 주요 경영진 이름, 간략소개 및 사진 소개 Partners & Clients 주요고객 및 제휴기업체등, 로고 및 회사명 확보 History 회사주요 연혁, 연도 및 주요 연혁 Awards 주요 수상경력 (사진, 제목, 요약) Location Map Inquiry Inquiry 전자 약도를 활용하여 찾아오시는길 제공 바이어 인콰이어리를 처리할 담당자 확인요 주의사항: 모든 콘텐츠는 1차적으로 타깃바이어 혹 고객이 원하는 내용을 우선으로 한다. 특히 블로그에는 최종소비자가 필요로하는 좋은 정보를 제공한다. 공공기관의 경우 각 프로젝트별 특성을 감안하여 메뉴/내용을 결정하도록 한다. 47 담당자는 해당 자료를 준비할 담당자를 구체적으로 지정하여 준비하게 한다. 48 스마트폰으로 촬영하여 사용하도록 한다. 내 선전보다, 고객이 원하는 내용을 위주로 제공한다. V1303 P.28/69

3.2 홈페이지구축 지침 3.2.1 구글 검색엔진 최적화 해외에서 가장 많이 사용하는 온라인 홍보매체는 구글검색엔진이다. 대한민국의 주장이 그리고 수출제품이 경쟁국보다 먼저 홍보49가 되는 것은 무엇보다 중요하다. 특히 국익과 관계된 경우는 더욱더 그러하다. 구글검색 상위 홍보는 데스크톱 과 모바일 홈페이지50 모두에 해당된다. 필요에 따라서 국가별로 중국은 바이두51, 러시아는 얀덱스52 최적화가 필요하다. 광고없이 지속적 상위홍보를 지원하는 인바운드마케팅 전략이 최적이다. 글로벌 데스크톱 검색엔진 91%, 모바일 검색엔진 97%가 구글사용 하고 있어. 둘 다 홍보최적화 제대로 지원해야. 49 50 51 52 브랜드를 위주로하는 차별화된 인바운드마케팅 전략이 최적이다 모바일홈페이지의 경우 글로벌 시장에서 약 97%가 Google 검색엔진을 사용한다 중국에서 약 75% ~78% 시장 점유율를 보인다. 러시아의 경우 얀덱스가 약 65% 전후이며, 다음으로 Google 이 사용된다 V1303 P.29/69

Table 4: 구글 검색엔진(홍보) 최적화 체크리스트 항목 설명 53 콘텐츠마케팅전략 Meta Title 체크 타깃고객이 원하는 좋은 정보를, 꾸준히 그리고 사람과 컴퓨터가 제 대로 이해할 수 있게 제공하는것은 그 무엇보다 중요하다. 해당 페이지의 내용을 파악할 수 있도록 핵심키워드를 포함하여 작성 한다. 물론 페이지별로 고유한 제목이어야 한다. 54 Meta Description 시각적으로는 보이지 않으며 페이지 소스코드에 존재한다. 각 페이지 의 내용을 요약한 형태로 키워드를 포함하여 작성한다. 자연어 URL 처리 URL은 pr-video_detail.jsp? bbsno=3396&bbsmno=42&ctype=&ctext=&maxpageitems=8&t otalitems=20&rowno=19 이 아니라, online-marketing-training 처 럼 의미있게 표시하고, 확장자를 표시하지 않는다. Meta Keywords 55 이 키워드는 구글에서는 사용되지 않으나, 야후등 다른곳에서 사용한 다. 핵심 키워드를 콤마로 구분하여 입력한다. 제목사용 (Heading) Heading1(H1) 은 페이지 제목에 할당하며, 본문 내용은 H2~ H6을 적절히 사용하도록 한다. 대체문자 사용 대체문자는 이미지, 플래시 등 문자로 표시되지 않는 모든 내용에 사 용된다. 최소한 이미지에는 대체문자를 적절히 사용한다. 적절한 링크명 사용 링크 사용시에는 자세히보기 가 아닌 공공기관. 수출기업 홈페이 지제작 가이드 자세히보기 등으로 표시한다. 중요한 내용 상단배치 페이지의 중요한 내용은 가능한 최 상단에 배치한다. 즉 시각적인 측 면이 아니라 소스코드상에 상위에 배치되어야 한다. 텍스트는 텍스트로 한다. 즉, 텍스트를 이미지화 하지 않도록 한다. 과도한 키워드등 반복 사용은 절대 피하도록 한다. 내용은 문자로 SNS. 보도자료등 활용 권위있는 오프라인 매체에 보도자료등을 활용한다. 관련업종이면 더 욱더 유리하다. 또한 Video, Photo, File등 SNS를 활용한다. Sitemap 홈페이지의 모든 페이지를 xml sitemap로 제공, CMS 에서는 신규 로 등록되는 컨텐츠는 자동으로 sitemap xml 에 등록한다. BlackHat SEO전략 인위적인 조작이나, 동일내용의 반복사용등 과도한 SEO는 피한다. 오리지널내용 & 신선도 가능한 자료는 직접 생산하도록 하며, 자체 블로그에 최소한 한달에 1번씩 그리고 가능한 2번정도 업데이트 한다. 기타사항 Iframe frame, flash 등은 가능한 피하도록 한다. 링크에는 javascript 를 사용하지 않도록 한다. 53 가장 중요한 항목으로, 타깃고객층이 원하는 정보를 제대로 꾸준히 제공하는것이 무엇보다 중요하다 54 구글에서 가장중요하게 생각하는 부분중 하나이다. 전문가의 교육을 통하여 충분히 이해하고, 제대로 제공한다. 55 과도한 키워드, 동일한 키워드 등을 반복사용할 경우 역효과를 가져온다. V1303 P.30/69

3.2.2 웹 국제표준 지원 웹 국제표준은 ISO1544556 이다. 왜 웹 표준이 중요할까? 가장 중요한 구글 상위홍보에 필요한 구글 검색엔진 최적화, 웹 접근성 지원, 모바일 홈페이지 구축 등 모든 면에서 웹 표준은 기본이다. 웹 표준은 온라인 홍보의 실패와 성공의 갈림길57이다. 전세계 어느나 라 어떠한 바이어가 어떠한 컴퓨터 및 웹 브라우저를 사용하고 어떠한 방법으로 홈페이 지를 보더라도 지장이 없게한다. 웹 표준없는 홈페이지는 바보 홈페이지58 이다. 홈페이지 구축부터 & 유지관리 단계까지, 진정한 웹 국제표준 제대로 지원. 전 세계 다양한 바이어가 전부 볼 수 있어야. 56 World Wide Web Consortium (W3C)에서 제정하며 웹 문서 표준은 ISO15445 이다. 현재도 국내에서 웹 표준 을 지원한다. 하지만 제대로 지원하는곳은 극히 드물다. 최소한 해외용 홈페이지만이라도 제대로 지원한다. 57 제대로 지원하지 않을시에는 전혀안보이는 홈페이지, 깨지는 홈페이지 그리고 바보홈페이지가 될 수 있다 58 국내 공공기관 (중앙정부, 지방정부, 출연연등) 및 수출기업 (종합상사, 월드클래스300, 수출강소기업 등 )의 90~99%이상이 이 바보홈페이지에 해당되는것으로 판단된다. V1303 P.31/69

Table 5: 웹 국제표준 지원 체크리스트 항목 설명 내용/디자인 분리 내용과 디자인을 분리 하도록 하며 모든 디자인은 css 파일, js은 js 파일에서 관리한다. <html>은 한번만 사용한다. 59 레이아웃 에 div/ span 사용 체크 레이아웃에는 table 사용대신 div 와 span을 사용하도록 한 다. 특히 게시판 보기페이지에 table을 사용하지 않는다. 코딩에 소문자사용 xhtml mark up 코딩은 모두 소문자로 하도록 한다. Mark Up에 내용만 페이지소스에는 순수 Mark up과 내용만을 표시하며 디자 인, javascript등은 외부파일에서 관리한다 테그닫기 사용된 모든 테그는 꼭 닫혀야 한다. 문서규격표시 60 html은 한번만 xml 언어표시 인코딩표시 각 페이지 최상단에 문서규격을 적절히 표현하도록 한다. (예, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...) <html>..</html>은 한번만 사용한다. 각 페이지별 절절한 xml언어표시를 한다 (예,... xml:lang="en" lang="en"> 각 페이지별 적절한 언어인코딩 표시를 한다. (예,... charset=utf-8" />) Meta Title 뉴스, 제품을 포함하여 페이지별 고유한 Meta Title 제공. Meta Description 뉴스, 제품을 포함하여 페이지별 고유한 Meta Desc제공. 제목사용 (Heading) Heading1(H1) 은 페이지제목에 할당하며, 본문 내용은 H2~ H6 을 적절히 사용하도록 한다. 대체문자사용 대체문자는 이미지, 플래시 등에 사용된다. 최소한 이미지 에는 대체문자를 적절히 제대로 사용한다. 적절한 링크 title 사용 Iframe, frame을 피하고, 사용시에는 적절한 title tag 사용. 적절한 문법사용 유효하지 않는 html tag는 사용하지 않는다. (예, <font> tag 등은 사용하지 않는다.) 적절한 링크사용 Javascript 링크를 사용하지 않도록 한다. 59 특히 국내용 게시판의 경우 99%가 레이아웃에 table 코드를 사용중이다. 60 문서규격은 여러가지가 있다. 각 규격에 맞는 코딩을 제공하여야 한다 V1303 P.32/69

3.2.3 웹 접근성 지원 웹 접근성61은 국내법, 미국, 영국등 주요 선진국에서는 법으로 지켜야 하는 의무사항이 다. 웹접근성 은 데스크톱 뿐 아니라 모바일 홈페이지에도 제대로 적용62되어야 한다. 실 례로 미국의 Target 이라는 대형 소매업체가 법정소송에 휘말린적이 있다. 웹 접근성은 특히 사회적 책임이 강조되는 기업의 역할중 하나로 꼭 준수하도록 한다. 모든 타깃 고객 에게 최대한 홍보를 한다는 측면에서도 웹 접근성은 중요하다. 모든 사람이 홈페이지 이해하게. 63 웹 접근성 지원은 CSR 이며, 고객확대 이며 그리고 법적인 요구사항이다. 61 국내는 일명 장차법 그리고 미국의 경우 Section 508 Rehab. 법이 존재한다. 62 현재 상당수 국내홈페이지의 경우 어정쩡한 경우가 상당히 존재한다. 63 사회적기업역할 (Corporate Social Responsibility) 은 기업의 브랜드가치를 높여서주어 기업성장에 도움이 된다 V1303 P.33/69

Table 6: 웹 접근성 지원 체크리스트 항목 설명 64 본문바로가기 글자 크기조정 65 체크 모든 페이지에 반복되는 링크를 건너뛰고 본문으로 바로 가는 기 능을 제공하여 시각적으로 보여지게 함. 글자크기를 사용자가 원하는 크기로 조절할 수 있도록 하며, 한번 조정된 글자크기는 다른페이지로 이동하더라도 크기가 유지되어 야 한다. 주요 브라우저를 지원한다. 깔끔한 코딩제공 누더기 형태의 코딩을 피하도록 한다. 특히 영어등 다국어 페이지 에 한글코드가 사용되지 않도록 하여야 한다. Heading사용 페이지제목에는 H1을 사용하며 그외 본문에 적절히 H2~H6 그리 고 p tag를 사용한다. 적절한 링크명 사용 링크명은 링크내용을 알수있게 사용한다. 즉, 좀 더보기 등으로 하 지 않고 라미네터어 모델3 보기 처럼 한다. 대체문자 사용 제품사진을 포함한 모든 내용을 전달하는 이미지에는 대체문자를 제공한다. 또한 동영상 사용시에는 동영상에 자막을 제공하며 Audio 경우에도 대본을 제공한다. 텍스트는 텍스트로 제공 특히 메뉴 를 포함한 Text 데이터는 Text로 제공하며, 이미지로 제 공하지 말아야 한다. Frame사용원칙 Pop Up 사용 사용시 title를 제공한다. 꼭 필요한 경우가 아니고서는 사용하지 않는다. 기술적인 방법을 강구하여 frame 을 대치하도록 한다. 가능한 사용하지 않으며 사용시에는 title를 적절히 제공한다. 키보드 사용가능 홈페이지를 키보드만으로 사용이 가능하여야 한다. 커서이동시 시 각적으로 커서 위치가 보여져서 위치 파악이 가능하여야 한다. 테이블 사용원칙 Table에는 요약 (Summary), 제목(Caption)을 제공한다. 레이아웃 에 Table를 사용하지 않는다. 링크에 Javascript 사용금지 원칙적으로 javascript링크는 링크가 아니다. 따라서 모든 링크에 는 javascript를 사용하지 않는다. Meta Title, Description, Keywords 각 페이지 내용을 알수있도록 제목, 요약, 키워드를 제공하며, 동일 한 제목을 여러페이지에서 사용하지 않는다. 기타사항 이미지맵은 대체기술로 사용한다. 본문내용은 xhtml mark up 구 조상 가능한 상단에 배치하도록 한다. 64 본문바로가기는 가능한 시각적으로 보이게 하며, 특히 display none으로 처리하지 않는다 65 이기능을 지원하는 기존 홈페이지 90%이상이, 다른 페이지로 이동하면 원래크기로 되어 다시 조정을 해야 한다 V1303 P.34/69

3.2.4 모바일 홈페이지 동시지원 50% 이상이 모바일 기기를 사용하여 홈페이지를 방문하고 있다. 모바일 홈페이지제작은 동일한 내용, 동일한 도메인, 동일한 URL66 로 데스크톱과 모바일 홈페이지가 동시에 지 원되게 한다. 또한 전 세계 방문객을 고려하여 최소한 Android, Iphone, BlackBerry, Symbian, Windows Phone 등의 Safari & Opera에서 잘 보여야 한다. 구조는 데스크 톱 그리고 시각적으는 모바일인 응답형홈페이지67는 해외용에 신중히 사용한다. 모바일 홈페이지는 기본, 자동으로 지원해야. 응답형은 제대로 알고 신중히 사용, 데스크톱과 동일한 내용, 동일URL로 전달해야. 66 데스크톱과 모바일은 동일한 내용을 하나의 URL로 제대로 제공하여야 한다. URL이 다르며 추후 고급화된 마케 팅에서 사용자만족도 및 여러면에서 불리한 결과를 초래한다. 67 데스크톱과 동일한 프로그램, 소스코딩. 페이지무게를 모바일에 그대로 사용하는 100% 개념의 코딩 기법이다. 즉, 시각적으로만 모바일이며, 실제 구조는 데스크톱이라는것 이다. 인터넷 속도가 늦은 해외시장에는 신중하게 선택하여야 한다. 남미를 비롯한 상당한 국가의 무선 인터넷 속도는 한국의 1/10 정도임을 감안하여야 한다. V1303 P.35/69

Table 7: 모바일 홈페이지 체크리스트 항목 설명 체크 동일도메인지원 가능한 하나의 도메인으로 데스크톱과 모바일 홈페이지가 동시에 자동으로 지원되게 한다. 동일URL지원 동일 Page URL 로 모바일과 데스크톱과 홈페이지가 동시에 자동 으로 지원되게 한다. 동일컨텐츠사용 한번만 내용을 관리하면 모바일과 데스크톱 홈페이지에서 동시에 자동으로 지원되도록 한다. 모바일기기지원 최소한 IPhone, IPad, Android, BlackBerry, Symbian, Windows Mobile 을 지원하여야 한다. 완전한 모바일 내용 모바일 환경에서는 완전한 모바일 홈페이지 이어야 한다. Xhtml, js, css, 콘텐츠등 모든면에서 완전히 모바일 전용이어야 한다. 주요브라우저지원 Safari, Opera Mini, FireFox 등은 지원이 되어야 한다. 응답형은 신중히 Responsive (응답형)은 해외홍보마케팅에는 가능한 사용하지 않 는다. 100% 개념으로 데스크톱 무게 (코딩 & 데이터)를 그대로 모 바일로 사용하는 코딩기법으로 홈페이지가 늦게 뜰수 있다. 스크린사이즈조정 다양한 크기의 모바일 기기를 자동으로 지원하여야 한다. 즉, 3.2 4. 4.3 등 다양한 크기를 자동지원 한다. 웹접근성지원 모바일홈페이지도 웹 접근성을 지원하도록 한다. 다만 데스크톱과 는 웹 접근성 항목이 조금 다를수는 있다. 68 모바일최적화코딩 69 텍스트사용 모바일 기기에 최적화된 코딩을 사용하여 크기를 줄이고 해외바이 어가 접속시 홈페이지 속도가 빠르게 지원한다. 모든 문장에는 텍스트를 사용하며 이미지에만 이미지를 사용하도 록 한다. 특히 Table 자료는 가능한 Text로 처리한다. 검색최적화 모바일 홈페이지도 검색엔진최적화 기능을 제공한다. 특히, 고유한 제목, 요약, 대체문자, 표준코딩, 적절한 링크명, 링크에 js사용하지 않기, 논리적 정렬 등은 꼭 지키도록 한다. 기타사항 나머지는 데스크톱 홈페이지 제작원칙을 지키도록 한다. 즉, 모바 일 홈페이지도 웹 표준, 웹 접근성, 검색최적화 등 데스크톱의 모든 항목을 지원하여야 한다. 70 68 중복된 js (예, JQuery등) 를 포함하여 불필요한 css, xhtml, js 등은 모바일 환경을 고려 최소화 하여야 한다. 속 도가 느리게 되고, 느린 홈페이지는 사용자 만족도를 떨어뜨리고 그리고 검색시 상위홍보에 걸림돌이 된다. 69 복잡한 Table를 이미지로 처리할 경우, 스마트폰에서는 일반인에게도 잘 보이지 않게되어 내용을 알 수 없다. 70 모바일 사용자는 급중하고 있으며, 모바일 기기에서도 검색이 잘 되어 최적 홍보가 되어야 한다. V1303 P.36/69

3.2.5 코딩 최적화 홈페이지 코딩 최적화 홈페이지71는 크기를 ~ 500% 이상 줄일 수 있다. 즉 그만큼 홈페이지가 빨 리 보여지게 된다는 의미이다. 또한 전기도 절약된다는 의미이다. 20~60MB 크기의 페이 지는 외국의 인터넷환경에서 보면 너무 느려서 사용하기 힘들 것이다. 따라서 빠른속도 와 전기사용량 절약측면에서 코딩 최적화72가 필요하다. 물론 빠른 홈페이지는 검색엔진 상위홍보 및 사용자 만족도에 중요하기도 하다. 시스템에서 이 기능을 지원하여야 한다. 코딩최적화로 검색순위 상위지원, 고객만족도 높이고 홈페이지 속도 빨라. CMS 시스템이 코딩최적화 지원해야. Before 부적절한 소스코딩 After 최적화코딩후 Meet you all Tower (The textbook 동일내용should <p>o Location:Global Service Center ( 1stfloor)<br />O Fees: free of charge be purchased by students)<br />O Certification Award Period: April, July and November</p> 71 코딩최적화는 홈페이지를 속도를 빠르게 하여 고객만족도를 높이고 검색 상위 노출에 중요한 역할을 한다 72 고속도로로 비교하면, 수십톤 트럭과 승용차가 도로에 주는 피해와 같다. 중남미, 동구권, 아프리카를 포함, 심지 어는 선진국의 경우에도 무선 인터넷 속도는 매우 느리며, 종량제 제도를 대부분의 국가에서 사용하고 있다 V1303 P.37/69

Table 8: 코딩 최적화 체크리스트 항목 설명 글로벌 표준 코딩사용 모든 페이지에는 글로벌 수준의 웹 표준 코딩을 사용하여야 한다. 가 장 중요한것은 제대로된 표준 코딩을 사용하여야 한다는 것이다. 모바일 전용코딩 모바일의 경우 응답형 코딩이 아니라, 모든것이 완전히 모바일에 최 적화된 코딩을 지원하며, 웹 국제표준 지원 및 검색최적화 를 지원 한다. 해외사용자는 느린 인터넷을 사용한다는것을 기억한다. 내용, 디자인 그리고 프로그램분리 코딩 최적화 체크 페이지내에는 순수 xhtml Mark Up만 존재하게 하며, 모든 CSS and JS는 별도의 파일에서 관리되게 하여야 한다. 불 필요하게 반복된 xhtml, css 코딩을 최적화를 통하여 크기를 최 대한 줄인다. 전문가의 제대로된 코딩사용이 필수이다. 73 이미지크기 최적화 74 HTML Editor & 찌꺼 기코드 최재한 제거 시스템에서 이미지 크기를 작은 사이즈, 중간 사이즈, 큰 사이즈 로 자동 처리 되도록 하며, 케시에 저장하여 속도를 빠르게 한다. 사용되는 HTML Editor에서 기본적인 코드 청소를 지원하여야 한다. PC의 메모장을 활용하여 찌꺼기를 걸러낼수 있다. 한글코드 특히 영문에는 절대 한글코드가 숨어 들어오는것을 방지하도록 하 여야 한다. 공공기관의 홈페이지에서 많이 발견된다. WhiteSpace 제거 모든 페이지에서 White Space를 제거하도록 한다. 페이지 크기를 5~30%까지 줄일수 있다. 검색상위홍보에 도움이 된다. CSS코딩 최적화 CSS는 단순하면서 복잡하다. 중복된 CSS 코딩은 피하도록 한다. 속도가느리고 유지보수에 혼선을 가져온다. JS 코딩 최적화 페이지내 (inline)에는 사용하지 않으며, JQuery base 의 경우 하나 만 사용하여야 한다. 즉 중복된 js/css 스크립사용은 피하도록 한다. 코딩 레이아웃 중요한 내용 (콘텐츠 위주) 은 가능한 상단에 위치하고 상대적으로 덜 중요한 코딩은 아래에 위치시키도록 한다. 나중에 로딩되어도 되 는 JS 파일은 코딩 최 하단에 배치하도록 한다. 적절한 Table사용 Table 코딩은 속도를 느리게 한다. 따라서 웹 표준에 따라서 꼭 필요 한 Table에만 사용하며, 레이아웃에는 사용하지 않는다. print.css사용 모든 페이지에는 print.css를 사용하여 인쇄시에는 가능한 최적의 형 태로 인쇄되어 종이 낭비가 없도록 한다. 73 코딩최적화는 매우 전문적인 영역이다. 특히 템플릿을 사용할 경우 원판이 좋아야 한다. 꼭 전문가에 의뢰한다. 74 코딩최적화는 단순 코딩 뿐아니라, 시스템에서도 기능적으로 이를 지원하여야 한다. V1303 P.38/69

3.2.6 보안성 및 글로벌 개발론 지원 시스템은 홍보효과를 기본으로 하되 설계는 a) 확장성75, b) 신속성76, c) 보안성77, d) Model View Controller78 (MVC), Don't Repeat Yourself(DRY) 원칙을 유지하도록 한 다. 특히 초기 구축 및 지속적인 유지. 보수의 용이성을 위하여 검증된 시스템 및 공개소 프트웨어 (Apache, MySQL 등) 을 활용한다. SQL Injection, XSS, CSRF 등 기본적인 보안을 시스템에서 자동으로 지원하도록 한다. 해외용은 글로벌 수준으로 개발. 100층 과 3층 건물은 설계부터 달라, 글로벌 개발방식 도입해야. 75 76 77 78 확장성은 수직적이 아닌 수평적 확장성을 제공하여야 한다, 예로 Facebook 등은 수평적 확장성을 사용한다 홈페이지코딩 최적화 지원 및 유지. 보수에 신속히 대응할 수 있는 구조로 설계되어야 한다 통상적인 SQL Injection, XSS등을 포함한 일반적 보안을 제공하여야 한다 내용, 디자인, 프로그램의 분리는 안정성, 신속성, 확장성, 표준지원, 유지보수에 매우 유리하다 V1303 P.39/69

Table 9: 글로벌 개발론 체크리스트 분류 MVC 설명 체크 홈페이지 개발시에는 프로그램과, 데이터 그리고 디자인을 완전 분 리하여야 한다. 예로, 템플릿과 프로그램은 완전 별개로 개발되고 관 리되어야 한다. 로직과 템플릿 역시 완전 분리가 되어야 한다. 79 Cache 필요시, 홈페이지 전체 내용을 Cache 처리할 수 있도록 설계한다. 현재 가장 빠른 속도는 RAM이다. 따라서 RAM Cache를 지원하는 케싱서버는 가장 바람직하다 확장성 방문객의 추이에 따라서 일반 x86 서버를 활용하여 사실상 무한 확 장이 가능하도록 한다. 그리고 시스템이 Cloud를 지원하여야 한다. 보안성 기본적인 XSS, CSRF, SQL Injection, 웹셀 등의 보안이 지원되어야 한다. 명확한 유지보수계약을 통한 보안 업데이트를 하도록 한다. 루스커플링 솔루션이 유지.보수 및 기능 개선등 수행시에 전체적인 시스템 안정 성을 위하여 각 기능들이 독자적으로 운영되어 상호 안정성에 지장 을 주지 않도록 설계되어야 한다. DRY/KISS 시스템은 안정성 및 보안성과 더불어서, 단순화 하는것이 중요하다. 즉, 각 모듈별 독자적 운영이 가능하게 하며 동일한 기능은 한번만 구현하여 각 프로그램에서 불러서 사용하도록 한다. 템플릿 시스템 템플릿은 특정 프로그램 (CMS 포함) 에 특화된 형태는 피하고, 전 세계 어디에서든 사용가능한 시스템이어야 한다. 예로, WordPress 용 템플릿은 다른 CMS에서는 사용이 불가하다. 이러한 템플릿은 피 하도록 하며, 웹 국제표준을 지원하는 템플릿 이어야 한다. L10N 현지화 (Localization)을 지원하여야 한다. 즉, 방문자 컴퓨터의 언어 를 파악하여 자동으로 해당 언어를 보여주도록 한다. 현지화는 홈페 이지 및 Template에서도 지원이 되어야 한다. I18N Internationalization 을 지원하여 해외용 홈페이지 구축에 최적화 되 도록 한다. 특히 해외용은 다국어가 사용되기 때문에 I18N 지원은 필수이다. 기타사항 다국어 홈페이지를 감안하여 해외 환경에 최적화된 시스템, 템플릿, 코딩구조 등이 사용되어야 한다. 79 MVC는 꼭 지원되어야 하는것이다. 국내 게시판의 경우 구조적으로 99.9%가 MVC를 지원하지 못하고 있다. 따 라서 해외용에는 해외용 솔루션을 사용하여야 한다. V1303 P.40/69

3.3 홈페이지 관리 & 활용 3.3.1 홈페이지 중심으로 브랜드를 키워야 유지보수는 구축보다 더 중요하다. 따라서 CEO는 홈페이지의 중요성을 충분히 인식하 고 실무자는 교육을 통하여 체계적으로 유지.보수가 가능하게 하여야 한다. 홍보 4요소80 를 콘텐츠마케팅 전략81 을 활용하여 홍보위주로 관리가 되어야 한다. 또한 메뉴얼을 인 쇄하여 바인더로 보관하고 인수인계를 확실히 할 수 있도록 한다. 또한 온라인 환경은 급 변하기때문에 교육은 지속적으로 받도록 하여야 한다. 꾸준한 홈페이지 직접 관리는 무엇보다 중요. 홈페이지를 중심으로 SNS등 적절히 활용하여, 자체 브랜드파워 키워야. 80 홍보 4요소는 텍스트, 사진, 비디오, 파일 이다. 홈페이지를 중심으로 SNS등을 활용하여 홍보하도록 한다 81 광고없이 상위홍보에 최적인 전략으로, 인바운드 마케팅 전략의 핵심이다. V1303 P.41/69

Table 10: 수출용 온라인무역회사 유지.관리 체크리스트 구분 항목 내용 관리담당자 목적파악 홍보전략 인바운드 마케팅 교육 이수후에 투입하도록 한다. 좋은 내용 을 제대로 제공하여야 홍보효과가 뛰어나기 때문이다. 중심역할 홈페이지 블로그를 포함하여 모든 SNS 홍보등은 내 홈페이지를 중심 으로, 내홈페이지를 홍보하는데 활용이 되어야 한다. 일일보고 방문자통계 국가별, 페이지별 방문자통계등을 CEO와 실무자가 매일같 이 확인한다. PDF형태로 자동으로 이메일로 보고하게 한다. 블로그 소비자가 좋아하는 직.간접적인 내용83을 내 홈페이지 블로그 에서 제공한다. 특정 직원에게 정확하게 할당하여 내용을 관 리한다. 또한 필요시 해당전공의 대학생을 활용하도록 한다. 수시관리 (월 2회) 수시관리 (필요시) 정기적관리 (분기별1회) 정기적관리 (1년1회) 82 인콰이어리 인콰이어리를 담당자가/CEO 가 바로바로 처리한다. 제품.포토등 신제품, 제품수정등 일반적인 홈페이지 변동사항을 바로바로 추가하거나 수정하도록 한다. 뉴스. 보도자 뉴스 및 보도자료등은 필요시 블로그에서 관리하도록 한다. 료 특수업종 및 대기업등 특수한 경우는 별도로 관리한다. 소셜네트워크 비디오등 스마트폰으로 전시회등을 촬영하여 youtube에 올리고, 내 홈페이지에서 보여주도록 한다. 디자인등 특별한 이벤트 (명절, 전시회 등)에 따라 디자인 수정을 한다. 뉴스레터 단순히 1페이지어도 좋다. 분기별 소식을 이메일을 보낸다 라고 생각하고 명함을 정리하여 PDF 형태로 보낸다. 사설등 잡지, 신문 등 가능한 권위있는 매체에 분기별 혹 최소한 상 반기 하반기로 구분하여 1년에 2번정도는 게제하도록 한다. 보고서 3~5페이지 업종, 기술, 제품등을 업데이트 한다. 업종백서 5~10페이지 이내로, 현재상황, 해결책, 통계자료인용등... 사례연구 설치사례, 고객별사례로 1 페이지로 작성한다 통.번역 참고사항 모든 Twitter 글에 내 홈페이지로 링크하여 상세한 정보를 제 공한다. 그래야 지능적인 마케팅이 가능하게 된다. 자료확보 중기청, 각 지자체등 통.번역 사업 혹 대학생을 활용한다. 공공기관, 연구소 등 다양한 소스를 활용한다.외부자료 활용 시에는 꼭 이메일로 사용허락을 확보하여야 한다. 82 홈페이지는 홍보최적화, 웹국제표준지원, 모바일지원등이 필요하다. 자세한 내용은 해당페이지 참조함. 83 예) 스마트폰 무선충전기 제품의경우 스마트폰이란? 스마트폰비교자료, 무선충전기 선택기준 등을 제공하는것 이다. V1303 P.42/69

3.3.2 해외 홍보마케팅용 CMS 사용법 CMS (Content Management System)84는 홈페이지 구축 및 관리 솔루션이다. 실무자 는 이러한 솔루션의 사용법을 충분히 이해하여야 한다. 왜냐하면 해외용 CMS는 온라인 홍보의 가장 기초이며 최적 솔루션과 적절한 내용제공은 홍보의 절대적 요소이기 때문이 다. 해외홍보마케팅용 CMS는 국제표준85을 지원하면서 검색최적화86를 지원하여야 한 다. 무엇보다 홍보효과가 뛰어나며 사용이 쉬워 고객이 직접 사용할 수 있어야한다. 해외홍보 마케팅 최적화 CMS 사용, 1일 교육으로 누구든지 언제 어디서든 직접 관리할 수 있어야. 84 일반게시판 혹 블로그 (예, WordPress등) 아닌 전문적인 CMS로 해외는 해외용을 사용하여야 한다 85 국제표준 ISO15445는 모든 홈페이지의 기초이며, CMS는 웹 국제표준을 지원하여야 한다 86 검색최적화는 홍보최적화와 같으며, 시스템에서도 그러한 기능을 지원 하여야 한다. V1303 P.43/69

Table 11: 해외홍보용 CMS 활용 체크리스트 항목 설명 콘텐츠 마케팅 복습 가장 중요한 콘텐츠 마케팅과 연관하여 CMS 가 지원하는 기능의 교육을 이수하도록 한다. 특히 블로그 활용법을 터득한다. 예로 휴대 용 당뇨측정기 제품을 수출하면, 당뇨환자가 관심있어하는 당뇨 식 이요법등을 포함한 유익한 내용을 제공한다. 87 검색엔진최적화 필수 (홍보최적화) 88 체크 검색엔진최적화 에 가장 기초적인 Meta Title, Description, URL 및 Image Alt Tag 그리고 Heading 사용등의 교육을 이수한다. 특히 구 글검색엔진 최적화에 필수항목으로 꼭 자세히 배우도록 한다. 편집기 사용법 일반 워드와 동일한 환경에서 콘텐츠를 작업하는 방법을 터득한다. 특히 기존문서 (hwp, doc등) 의 내용을 가져와 사용하는 방법등을 배운다. 추가로 파일첨부 및 이미지 삽입등 방법을 터득한다. 포토 홍보방법 제품사진, 각종 ISO인증사진, 특허, 회원증, 전시회 사진등을 포함한 각종 포토자료의 홍보를 위하여 대체문자 사용법을 배운다. 또한 포 토사진크기 및 모양과 실제 방문객 클릭 유도의 관계도 배운다. 파일 홍보방법 브로셔, 백서, 카타로그, 회사소개 등 각종 파일 자료의 홍보최적화 전략과 실제 작업방법론을 터득한다. 해외 방문자를 고려하여 파일 은 PDF, PPT, XLS, DOC, ODT, ODP등으로 제공하여야 한다. 텍스트 홍보방법 제품소개, 회사소개, 기술소개 및 각종 유용한 블로그 텍스트 자료가 최대한 홍보가 될 수 있도록 하는 방법을 터득한다. 같은 글 이라도 어떻게 작성하느냐에 따라서 검색결과의 차이가 발생한다. 핵심 키 워드 배치 및 적절한 Heading 사용법을 터득한다. 비디오 홍보방법 회사소개, 제품소개, 전시회, 제품사용법, A/S (예, 카트리지 교체법) 등 다양한 비디오가 검색시에 상위에 홍보가 되도록 하는 방법을 터 득한다. 특히 유튜브 활용방법을 터득한다. 기타방법 기타 각 CMS 별 필요한 사용법을 터득한다. 87 특히 블로그는 자체 홈페이지에서 운영하도록 한다. 88 Meta Title, Description, URL 직접입력 등의 기능이 지원되는 CMS를 사용하여야 한다. V1303 P.44/69

3.3.3 SNS 이해 및 활용 전략 우선적으로 홈페이지를 탄탄히 구축하고, 다음으로 각종 SNS 를 활용하여 홍보를 보강 하거나 확산시키도록 한다. 특히 블로그 (텍스트), 유투브(동영상), 슬라이드쉐어(파일), 플리커(사진)은 꼭 활용한다. 하지만 홈페이지가 중심이 되어야89 한다. SNS 는 매우 신 중하게 기획되어야 한다. 잘 못 한경우 방문객의 집중도90를 떨어뜨리고 최종 목표달성 (고객확보를 포함) 에 역효과를 줄 수 있다. 떳다방 식의 SNS 전략91은 매우 위험하다. SNS는 칼 날의 양 면과 같아 신중해야, 최적 SNS 선택이 성공의 핵심! 선전 혹 광고대신 우군형성으로 사용해야. 89 홈페이지를 중심으로하여 각종 SNS를 포함하여 모든 홍보방법을 활용하도록 한다. 90 산만한 구조에 아이폰, 안드로이드, 윈도우즈 등 여러개의 어플로 제공하는경우, 내용이 분산된 경우는 주의해야. 91 인위적인 조작을 비롯하여 신뢰도낮고 휘발성 강한 아웃바운드 SNS전략은 최종목표 달성에 도움이 안돼. V1303 P.45/69

Table 12: SNS 이해 및 활용 체크리스트 항목 설명 체크 운영원칙 전체적인 운영은 홍보실에서 한다. 모든 SNS 글은 언론사에 보도자 료 보내느것과 동일하다는 원칙을 지킨다. 모든 응대, 특히 비판적인 것, 는 홍보과에서 지정한 담당자만 하도록 한다. 인바운드 마케팅 전략을 이해하고서 SNS를 운영하여야 한다. 소통 - 트위터 http://twitter.com 가장 빠르게 원하는 정보를 전달하는데 효과적이다. 같은 트위터그 룹 내에서는 상호간 신속한 정보전달이 가능하다. 일반문자와 달리 인터넷과 (파일, 홈페이지, 동영상등) 직접적인 연결이되어 입체적인 의사소통이 가능하다. 적극 활용하여야 한다. 텍스트 블로그 92 자체도메인 에서 운영 블로그는 가능한 자체 홈페이지에서 운영하도록 한다. 그리고 가능 한 각종 SNS 에 공지시에는 제목과 요약을 제공하고 본문은 홈페이 지에 와서 보도록 한다. 물론 블로그는 핵심 홍보키워드를 염두에 두 고 운영한다. 그리고 무엇보다 고객이 관심있는 내용을 제공한다. 동영상 - Youtube http://youtube.com 특히 해외홍보의 경우 youtube에 올리고 홈페이지에서 보여주도록 한다. 그리고 가능한 자막을 제공하며 자막이 없을경우 대본을 꼭 제 공하도록 한다. 특히 wmv등 특정 컴퓨터 와 웹 브라우저에서만 보 이는 동영상은 피한다. 모든 컴퓨터/모바일에서 보이도록 한다. 파일 - Slideshare http://slideshare.net 기관 및 회사소개 브로셔를 최대한 홍보한다. 추가로 각종 카타로그, 연구조사 자료, 뉴스레터, 투자환경 설명서, 투자성공 사례, 기업환 경 소개자료, 각종 기업지원 정책, 주요 정책 책자, 그리고 각 기관별 다양한 파일로 된 자료를 홍보에 적극활용한다. 사진 - Flickr http://flickr.com 기관장의 국내.외 활동 사진을 포함하여 각종 MOU, 대 국민 서비스 활동 사진, ISO인증, 제품사진, 관련 그래프 사진등 이 존재한다. 이 러한 사진을 최대한 적절히 홍보하여야 한다. 각 사진자료별로 핵심 홍보 키워드를 꼭 포함하도록 한다. 그리고 최소한 flickr에 홍보하도 록 한다. 사진은 가능한 water mark 를 하도록 한다. 커뮤니티 Facebook http://facebook.com 사실상 다양한 연령대가 사용하고 있으며 근래에는 특히 10대의 사 용자가 급속히 증가하고 있다. Facebook 은 이미지를 포함한 다양 한 형태의 홍보/ 소통에 활용될 수 있다. 홍보타깃이 일반 대중이면 Facebook 이 최적의 커뮤니티중 하나이며, Facebook을 활용하여 방문객을 내 홈페이지로 올 수 있도록 한다. 모든 홍보는 내 홈페이 지가 중심이 되어야 한다. 92 블로그는 내 홈페이지에서 운영하여 방문객이 내 홈페이지를 방문하도록 한다. 그래야 내 브랜드를 홍보하고 방 문자 통계등을 활용하는데 도움이 된다. 포털의 블로그는 내 홈페이지 방문자를 포털로 보내는것과 같다. V1303 P.46/69

3.3.4 방문자 통계분석 활용 활용은 구축보다 더 중요하다. 원래의 홍보 목적에 부합하는지, 어떤 내용을 보강하며 어 떠한 내용이 가장 인기가 있는지 등에 대한 구체적이고 과학적인 통계 분석93을 활용한 다. 총 방문자, 대륙별 방문자, 국가별 방문자, 도시 별 방문자를 포함하여 어떠한 페이지 가/ 제품이 가장 인기 있는지 혹 없는지를 포함하여 매우 구체적이고 지능적인 통계를 활 용하도록 한다. 통계 분석없는 홈페이지는 암흑을 걷는것과 같다. 94 통계분석 을 통하여 지능적 수출시장개척, 실시간 해외시장 조사 원 클릭 분석. 적절한 교육을 통하여 수출중기 직접 해야. 93 여러 통계솔루션중에서 구글통계 프로그램은 무료이며, 매우 정교하다. 각 방문자 통계 솔루션으로 상당한 차이 가 존재한다. 따라서 각 프로젝트별 필요한 통계분석 프로그램을 사용하도록 한다. 94 과확적인 데이터 분석에 의하여 해외 홍보마케팅 전략이 수립되어야 한다. 상당한 시장정보를 실시간으로 수집 하여 해외전시회 참가결정, 시개단 파견지역 결정 등 다양한 목적에 사용된다. V1303 P.47/69

Table 13: 방문자 통계분석 체크리스트 항목 설명 체크 통상적인 분석95 일반적으로 하루에 총 몇명이 방문하고 국가별로 몇 명이 방문했는지 그리고 신규방문객이 몇명인지 등 기본적인 통계분석. 광고 혹 캠페인 집행후 온라인 광고집행시에는 꼭 별도의 특정 광고링크 페이지를 생성하여, 구체적인 통계를 수집하여 분석하도록 한다. 이는 광고비 대비 효과 를 측절할 수 있는 방법중의 하나이다. 특정 전시회 혹 세미나 를 포함한 이벤트가 있을경우, 이벤트 전 후 에 방문객의 추이를 파악한다. 이를 통하여 전시회의 효과를 간접적 으로 파악 할 수 있다. 전시회 전 후 신제품 발표후 신제품 발표후에 홈페이지에 올리자. 그리고 방문자의 통계를 파악하 자. 즉, 신제품 발표후의 방문자가 얼마나 증가했는지를 파악하여 지 능적인 의사결정을 하도록 한다. 보도자료 배포후 주요 언론, 관련 산업 매체를 포함한 다양한 오프라인 및 온라인 매체 에 보도자료를 제공후에 방문자 증가를 파악한다. 상당한 방문객이 증가하면 해당 매체는 효과가 있다는 증거이다. 가장 인기있는 제품 전체 제품중에서 각 국가별 x 특정 기간별 방문객 추이를 살피도록 한 다. 특히 반복방문객이 집중된 제품은 단골이 많다는 것이며, 해당 제 품에 대한 관심이 많다 라고 잠정적 결론을 내릴수 있다. 국가별 도시별 인기도 각 제품별 x 국가별 x 도시별 x 기간별 방문객 추이를 세심히 살피도 록 한다. 이를 기반으로 전시회 참가, 시장조사, 바이어 조사, 제품시 장성 조사를 포함한 다양한 지능적 마케팅 활동이 가능하다. 모바일기기별 통계 홈페이지 방문자중 모바일 사용자는 몇 명이며, 그중에서 아이폰, 안 드로이드, 블랙베리 등 각 사용자별 통계를 분석한다. 이를 통하여 가 장 효과적인 마케팅 전략을 기획할 수 있다. 검색키워드별 통계 현재 홍보키워드 및 실제 방문객이 사용한 키워드 를 대조하여 상당 한 차이가 있는지 제대로 키워드 가 파악되었는지 분석하도록 한다. 따라서 실제 방문객이 사용한 검색키워드 통계는 매우 중요하다. 방문경로 기타 방문객이 어떠한 포털에서 혹 어디에서 소개를 받아서 홈페이지를 방 문하는지 통계를 분석하도록 한다. 이를 통하여 광고를 포함한 각종 지능적 마케팅이 가능하다. 기타 상세한 통계분석 활용은 실전 교육에서 배워 활용하도록 한다. 95 가장 관심있는 통계분석 보고서를 매일아침 이메일로 받아볼수 있도록 한다. 최소한 CEO 및 홍보. 마케팅 담당 자는 꼭 통계를 확인한다. 매일 아침 주요신문의 헤드라인을 보는것처럼 습관화 하여야 한다. V1303 P.48/69

Table 14: 기초시장조사 활용방안 구분 항목 상세항목 내용 체크 국가별선호도 어느나라에서 어떠한 제품을 가장 좋아하는지 조사가능 수출시장 결정 (국가/도 시별 통 계) 소비자층 96 파악 도시별선호도 제품 선호도 오래머문제품 방문자가 어떠한 제품을 가장 오래동안 살펴보는가? 빈번하게방문 또한 어떠한 제품을 여러번 자주 관심있게 살피는가? 가장많이봄 전체제품중 가장 많은 관심을 보인제품은 무엇인가? 컴퓨터 PC,Mac... 컴퓨터별 x 국가별 x 제품선호도 등 파악가능 브라우저 IE,Safari... 컴퓨터기종별 x 국가별 x 제품선호도 등파악 모바일 기기 IOS, 구글... 디자인 제품기획 단계 소비자 97 조사 (시장성, 상업성, 진입시 기) 국가가 정해지면, 각 도시별 제품선호도 조사가 가능하 다 로고부터 제품디자인 & 포장디자인등 다양한 의견수렴 제품기능 실제구매자의 의견을 수렴하여 종합적으로 기능결정 가격구조 최종소비자가 구매하는 매력있는 가격정책에 활용 구매의향 제품이 만족스럽게 나오면 구매할 의향이 있는지 여부 총체적반응 디자인 시제품 단계 모바일기기별 x 국가별 x 제품 선호도 등 파악 소비자의 사용평가를 통하여 총체적 제품준비 상태점검 시제품의 디자인이 실제현장에서 선호여부 조사 제품기능 제품기능은 만족한지, 최종소비자의 의견수렴 구매가격 적정한 가격을 제시하여 소비자의 가격허용성 조사 사용자설명서 포장을 포함하여 설명서등의 소비자 만족도 조사 수정사항파악 전체적 소비자 의견을 반영. 초기생산제품 최종 판단 지속적 시장 파악 판매단계 총체적의견 앞서 조사한내용 포함, 지속적인 의견수렴 & 반영 필요 후속제품 개발방향 후속제품 출시이전에, 소비자 의견을 충분히 반영 필요 신제품 개발 시장중심 최종소비자, 유통채널등 현장의견을 수렴, 신제품기획 및 공급. 이러한 과정을 반복하도록 한다. 96 특정 PC, 웹브라우저, 모바일기기 사용자들의 인구통계학적인 특징을 지니고 있어, 소비자 파악에 도움이 된다. 97 온라인 및 오프라인 시장조사는 항상 상호보완을 한다. 별도의 솔루션 및 시장조사 방법론 등이 필요할수 있다. V1303 P.49/69

4 실전 교육자료 요약 4.1 시작하기 전에 홈페이지는 온라인 회사이며, 언론이라고 생각하자. 즉, 신문에 기사를 올린다고 생각하 자. 그렇다면 기사에는 제목이 있고, 요약이 있으며, 핵심내용을 제대로 적어야 할것이다. 여기에 회사의 핵심 홍보방향을 기억하고 전세계 바이어와 검색엔진이 이해할 수 있도록 하여야 한다. 수백가지 SW 알고리즘을 이해할 필요는 없다. 좋은 내용을 꾸준히 제공하 면 된다. 나머지는 시스템에서 자동으로 처리98하게 하여야 한다. 검색엔진과 사람이 이해하게, 고객이 원하는 내용을 우선으로 제공. 그리고 꾸준히 제대로 관리해야 한다. 98 실전 교육에서는 별도의 교육자료와 스마트홈페이지 시스템을 활용한다 V1303 P.50/69

4.1.1 홈페이지 4 구성요소 모든 홈페이지는 크기와 상관없이 공통적인 항목으로 구성되어 있다. 따라서 홈페이지 홍보를 한다 혹 홈페이지 관리를 한다 라고 하는의미는 이러한 구성요소를 관리한다는 의미이다. 텍스트, 포토, 사진 및 비디오 가 주요 항목이다. 4.1.1.1 텍스트 가장 흔하고 많이 사용된는 형태로 인사말, 제품설명등을 포함한 내용이다. 텍스트 형태 의 내용은 꼭 텍스트로 입력한다. 즉, 텍스트를 이미지로 하지 아니한다. 검색최적화등 모 든면에서 바람직하지 않다. 외국의 바이어 상당수는 구글 자동 번역기를 사용하여 외국 어 홈페이지 내용을 파악한다. 만약 메뉴를 포함한 주요 텍스트가 이미지로 처리되어 있 으면 자동번약을 할 수 없다. 제대로 홍보할 기회를 잃어버리게 된다는것이다. 4.1.1.2 이미지 각종 제품사진, 인증서, 공장사진 등을 포함한 형태의 내용이다. 홈페이지에서 두번째로 많이 사용된다. 이미지는 꼭 대체문자 (이미지 제목) 를 제공한다. 대체문자는 검색최적 화, 웹 표준, 웹 접근성 등 모든면에서 필수적인 항목이다. 4.1.1.3 비디오 회사소개, 제품소개 등을 비디오로 작성하여 활용한다. 최근에는 비디오가 홍보효과 측 면에서 가장 좋다라고 한다. 멀티미디어를 활용한 기술, 제품, 회사 소개/ 홍보는 매우 효 과적이라 하겠다. 가장 권장되는 비디오 SNS는 youtube이다. 비디오을 올릴시 제목, 요 약, 키워드를 적절히 사용하여야 한다. 4.1.1.4 파일 파일이름은 소문자 영어로만 작성한다. 그리고 공백은 - 하이픈으로 대체한다. 특수문 자도사용하지 않는다. 그리고 파일을 홈페이지에서 링크하여 제공할 경우, 링크이름에도 의미를 전달하게 사용되어야 한다. 즉, 스마트폰 케이스 카타로그 처럼 링크명을 사용 하여 한다. 다운로드 라고만 하면 의미가 없고 검색최적화 및 웹 접근성 측면에서 바람 직하지 않다. 홈페이지는 소통과 홍보가 목적이지 내용만을 쌓아놓은 창고가 아니다. V1303 P.51/69

4.1.2 홈페이지 필수상식 홈페이지 유지보수 하기 전에 꼭 필요한 사항을 다시한번 점검하여 본다. 4.1.2.1 도메인선택 한글은 한글, 영문은 영문 형태의 도메인을 사용한다. 한글 도메인에 영문 폴더를 사용하 지 않도록 한다. 예로 http://mydomain.com/english 처럼 하지 않고 http://english.mydomain.com 처럼 하도록 한다. 별도의 도메인을 사용하고 적절한 언 어코드를 사용하는것은 해외마케팅용 홈페이지의 기초중의 기초이다. 가능한 약자 대신 간략하고 의미를 전달하는 도메인을 사용하도록 한다. 그리고 그러한 도메인은 구글에 각 각 별도 언어로 등록을 하여, 해당 언어로 검색시에 우선권을 가지도록 한다. 4.1.2.2 핵심키워드파악 홈페이지 내용 작업이전에 무엇을 홍보하는지, 핵심 제품, 핵심 기술 등을 파악하여야 한 다. 이 핵심 키워드를 제대로 파악하는 것은 성공적인 홍보의 첫 걸음이다. 이 키워드가 없이 혹 잘 못 선택하면 홍보결과에 지대한 영향을 주게 된다. 따라서 핵심키워드를 1~10 개 이내로 파악한다. 이 키워드를 텍스트, 이미지, 비디오, 파일 등 모든 홈페이지 구성요소에 적절히 제목, 요약, 키워드 항목에 사용한다. 또한 이러한 키워드를 추후에 실 제 방문객이 사용하는 키워드와 대조하여 현실적인 홍보가 되고 있는지를 파악한다. 4.1.2.3 적절한 페이지제목사용 각 페이지에는 제목만 봐도 그 페이지의 내용을 알 수 있도록 제목을 입력한다. 표준과 검색최적화 그리고 웹 접근성 모든면에서 중요하다. 이 부분은 이미지, 비디오, 파일 등을 홍보하는 다른 Social Network Site (SNS) 에서도 마찬가지로 사용된다. 가장 중요한 부 분중 하나이다. 같은 제목을 여러 페이지에서 반복하여 사용하는것은 최근 구글 검색알 고리즘 (Penguin 코드명)에 의하며 스팸으로 처리될 수 있다는것을 기억하자. 이 알고리 즘은 요약 및 키워드 그리고 본문내용에도 해당된다. 4.1.2.4 제목사용 (Heading) 제목은 Heading1 ~ Heading6까지 존재한다. 적절하게 제목을 사용하여 내용을 관리하 다. 표준과 검색최적화 그리고 웹 접근성 모든면에서 중요하다. 책의 목차와 같은 이치 이다. 적절한 제목과 목차 없는 책이 있겠는가? 홈페이지도 다르지 않다. V1303 P.52/69

4.1.2.5 이미지 대체문자 제공 이미지 사용시에는 간략히 이미지 제목을 입력한다. 이것이 대체문자 (alt)이다. 표준과 검색최적화 그리고 웹 접근성 모든면에서 중요하다. 예를 들어 alt= 과학기술정보협의회 2012년 총회 단체기념 사진 처럼 제공하여야 한다. 만약 alt= DSC930234.JPG 처럼 되어 있으면 알 수 없는 포토자료가 되어 버린다. 4.1.2.6 내용을 파악할 수 있는 링크이름 링크를 사용시에는 링크이름에 해당링크의 내용을 알 수 있게 입력하도록 한다. 즉, 자 세히 보기 가 아니라 과학기술보고서 자세히보기 처럼 입력하도록 한다. 링크명 역시 모든면에서 중요하다. 적절한 솔루션 및 교육이 필요하다. 4.1.2.7 내용 복사후 붙이기 할때 아래한글, 워드 등에서 내용을 복사하여 사용할 경우 찌꺼기 코드를 제거하여야 한다. 그 래야 웹 표준과 모바일 홈페이지등에 부합된다. 찌꺼기를 제거하는 방법중 하나는 윈도 우 컴퓨터의 메모장을 활용하는것이다. 4.1.2.8 이미지는 jpg, gif, png로 한다 사용되는 이미지 형태는 jpg, png, 그리고 gif 만 사용한다. 다만, jpg가 가장 흔한 형태이 다. 그리고 파일명 (이미지파일포함) 은 꼭 영어 소문자에 공백없이 - 만 사용하여야 한 다. 그리고 이미지 크기는 홈페이지에 사용되는것을 감안하여 가로너비가 1000px를 넘 지 않도록 한다. 큰 파일 (6MB 등)은 시스템에서 자동으로 잘라주는 기능을 제공하는 CMS를 사용하도록 한다. 즉 원본은 그대로 저장하며 홈페이지에 보여지는것만 자동으 로 지정된 크기로 재 조정되게 한다는 것이다. bmp 형태의 이미지는 사용하지 않는다. 4.1.2.9 파일명은 영어 소문자로 공백없이 파일명은 영어 소문자 공백없이 - 하이픈만 사용하도록 한다. 예) some-file-name.zip. 특히 해외용의 경우 한글명을 사용하지 않는다. V1303 P.53/69

4.2 인바운전략 복습 4.2.1 휴대용당뇨측정기 (사례) 휴대용 당뇨측정기를 수출한다고 가정하자. 이 경우 최종 소비자의 경우 당뇨환자이다. 당뇨환자는 내 제품의 ISO 인증 사진보다, 통상적으로 당뇨환자에게 필요한 유용한 정보 이다. 즉, 당뇨식이요법, 운동요법 등을 포함한 다양한 좋은 내용이 중요하다는것이다. 4.2.1.1 당뇨일반정보 당뇨가 무엇인가? 원인은 무엇인가? 연령대별, 시즌별, 부위별 관리 방법은 무엇인가? 여름철에는 발을 씻고서 깨끗이 말려야 하고, 어떠한 영양분을 보충해야 하는지 등 일반 적인 당뇨에 관한 정보를 제공한다. 4.2.1.2 식이요법 & 운동요법 이경우 키워드가 당뇨병 식이요법 이 된다. 일상적으로 당뇨환자가 필요로하는 식이요 법을 소개하도록 한다. 필요시 병원 및 공공의료서비스 기관등의 자료를 허락을 구하고 사용하도록 한다. 그리고 가능한 1 페이지분량의 당뇨식이요법 내용을 전달하고, 요약문 서를 PDF로 제공하는것도 좋은 아이디어 이다. 키워드는 당뇨관리 운동요법 이 된다. 식이요법과 마찬가지로 운동요법을 소개한다. 내용을 제공시에는 포토, 글 그리고 가능 한 비디오도 활용하면 더욱더 좋은 효과를 제공할 것이다. 주의점은 인위적인 키워드 반 복을 포함한 조작등은 하지 않도록 한다. 4.2.1.3 사례연구 및 경험당 추가로 각종 연구기관 혹 병원등에서 제공하는 사례연구 와 당뇨환자의 나는 이렇게 당 뇨를 관리한다 등의 방법 및 경험담등을 제공하도록 한다. 사례연구역시 필요시 PDF파 일로 제공하여 입체적인 홍보가 되도록 하고, 인쇄하여 당뇨환자가 활용하게 한다. 물론 PDF파일에는 주소, 연락처, 홈페이지 주소등의 표기는 기본적으로 하도록 한다. 4.2.1.4 기타자료 기타 당뇨환자가 관심있어할 만한 자료를 꾸준히 제공한다. 최적 홍보효과가 기대된다. V1303 P.54/69

4.2.2 칫솔제품 (사례) 칫솔제품을 생산하여 수출하는 경우이다. 이경우 아래처럼 콘텐츠를 구성하고 수집하여 제공하는것도 하나의 인바운드 마케팅 전략이다. 아래의 내용을 적절히 분류를 만들어서 블로그에서 제공하는것이다. 4.2.2.1 홍보4요소 내용 칫솔제품사진 (포토), 이닦는 방법의 비디오 (비디오), 칫솔선택방법 (파일), 일상적인 치 아관리 방법 (텍스트) 등의 자료로 재 구성을 한다. 여기서 중요한것은 비디오의 경우 스 마트폰으로 촬영하여도 무방하다. 소비자는 좋은 내용의 비디오를 원하지 전문편집 작품 을 원하는것이 아니다. 다만, 비디오의 경우 모든 스마트폰 및 컴퓨터에서 다 잘 보이도록 하여야 한다. 상당수 비디오는 윈도우즈 IE 브라우저에서만 보여진다. 4.2.2.2 블로그 카테고리 분류 예를들어서 a) 치아관리상식 b) 칫솔사용법 c) 치아건강음식 d) 구강건강관리 등으로 구 분하여 좋은 내용을 제공하도록 한다. 치아관리 상식에는 식사후 3분이내, 3분동안 하루 3번 닦는다 등의 내용을 제공한다. 올바른 칫솔 사용법 그리고 입냄새 없애는 방법등 일 반적인 내용을 제공하도록 한다. 그래야 입체적인 홍보효과가 기대되며, 소비자는 거부 감 없이 홈페이지를 방문하여 좋은 정보를 활용하며, 동시에 제품홍보도 하게된다. 4.2.2.3 홈페이지. 블로그 중심 각종 자료를 확보후에는 내 홈페이지 블로그에 올리고 다음에 각 요소별로 SNS에 홍보 하도록 한다. 예로, 포토자료는 Flickr.com, 비디오는 youtube.com, 파일은 slideshare.net, 그리고 커뮤니티는 Facebook.com 그리고 각종 행사를 비롯한 다양한 소식을 바로 전하는것은 Twitter.com 과 Email를 활용하도록 한다. 카톡도 매우 좋은 커 뮤니케이션 전략이다. 4.2.2.4 꾸준한자료관리 칫솔의경우 1차적으로 내부 인력이 1달에 하나의 글을 블로그에 올리도록 한다. 혹 필요 시 치과대학생 혹은 치과병원 간호사등 전문지식이 있는 인력을 활용하여 1달에 1개 혹 2개씩을 올리도록 하고 원고료를 지급하돞록 한다. 공공의료 서비스 기관의 자료를 인 용99하여 사용하는것도 하나의 방법이다. 99 교육시에 자료인용의 경우 어떻게 하여야하는지를 정확하게 배우도록 한다. V1303 P.55/69

4.3 온라인홍보 필수교육 4.3.1 페이지 제목 (Meta) 홈페이지 제작시 제목은 각 페이지의 가장 중요한 핵심요소이다. 즉, 홈페이지 전체가 무 엇을 하느냐, 혹 특정 페이지가 무슨 내용이냐 하는것에 대답을 하는 핵심 제목인것이다. 게시판의 새소식, 제품소식, 제품명등 을 각 각 다른 제목을 넣어야 한다. 이는 검색엔진 최적화의 기초중의 기초이다. 또한 모든것의 기초이다. 그만큼 중요하다. 제목 브라우저에서 보이는 페이지 제목 페이지 소스보기 에서 보이는 제목 제목 검색시 사용되는 페이지 제목 제목은 검색엔진 결과에 매우 중요하다 V1303 P.56/69

4.3.2 페이지 요약 (Meta) 홈페이지제작 시 키워드 및 요약은 홈페이지의 모든 페이지에 각 각 다르게 사용하여야 한다. 인사말, 제품페이지, 제품사진,새로운소식, 공지사항을 포함한 모든 페이지에 그 페 이지의 고유한 핵심단어 (키워드) 및 페이지 요약 (요약) 을 제공하여야 한다. 너무 길게 하지 않고 페이지와 관련된 핵심만 제공한다. 구글검색엔진에서 검색 검색... 각 페이지별 요약을 검색 요약 검색엔진에서 활용되는 요약 요약 V1303 P.57/69

4.3.3 이미지 대체문자 (Alt) 그림의 경우 홈페이지 소스를 보면 내용이 없다. 따라서 그림을 표현하는 문자가 필요하 다. 이것이 바로 대체문자이며 alt= 웹 접근성에 최적화 처럼 되어 있다. 특히 제품사진 등 내용을 전달하는 이미지에는 꼭 대체문자를 사용하여야 한다. 이미지 대체문자 는 길 지않게 꼭 필요한 문자만을 넣는다. 웹접근성 친화적인 홈페이지 라고 검색을 하면 아 래그림에서 보여주듯이 이미지에 대체문자 (alt=... ) 를 활용하여 검색결과를 보여준다. 구글검색엔진에서 키워드 검색 검색... 이미지 대체 문자 검색 이미지 대체문자를 검색결과에 사용한다 이미지 대체문자를 기준으로 검색결과를 보여준다 이미지 검색결과 V1303 P.58/69

4.3.4 의미 있는 URL 제공 아래의 경우 파일명만 봐서는 무슨 의미지인지 알수 없다. 수출유망중소기업에 선정된 서울소재 한 업체의 경우이다. 이러한 파일명 제작방식은 국내 홈페이지99%에서 공통으 로 나타나는 현상이다. 이는 홈페이지제작시 피하여야 할 기본사항중 하나이다. 또한 sub_01.html 등으로 표시되는 파일명도 대표적인 국내의 사례로 의미를 알수 없는 파일 명이다. 개선을 하여야 할 사항이다. 파일명에 페이지내용을 전달하자 의미없는 파일명 의미를 바로 전달하는 파일명 의미있는 파일명 실제 사례를 보자. 예를 들어서 구글검색엔진에서 Korean welding suppliers 라고 검색을 하면 아래처럼 결과가 나오게 된다. 아래에서 보면 파일이름에서 Korean welding suppliers라는 파일명이 검색이 된것을 알 수 있다. 이렇게 파일명도 검색엔진 최적화 및 노출에 매우 중요하다. 검색결과에 사용된 의미있는 파일명 파일명도 검색에사용됨 V1303 P.59/69

4.3.5 내용입력 작업 h1을 페이지 제목에 할당하고, 나머지 내용은 h2~h6를 적절히 사용한다. 이러한 논리적 정렬은 검색엔진최적화 측면에서 매우 중요하다. 즉, 구글검색엔진 최적화 의 경우 중요 한 내용은 제목 (h1,h2등) 으로 사용한다는 가정하에서 논리적인 정렬을 중요하게 다룬 다. 이는 마치 목차가 있는 책과 없는 책과도 비교가 될 수 있을것이다. 또한 시각장애인 의 경우 홈페이지 코드를 대신 읽어주는 스크린리더100 라는 프로그램도 목차를 사용한다. 논리적으로 목차를 사용하여 내용을 배열하자 논리적 정렬 아래의 경우 논리적인 정렬이라고 하는것이 아예 없다. 마치 책이 있는데 목차가 없는 책 과 같다. 내용을 알기위해서는 본문을 읽어야만 알수가 있는것과 같 은 상황이다. 이 목 차는 앞서 언급한것과 같이 검색엔진최적화 및 웹접근성 제공에 매우 중요한 사항이다. 논리적인 전개가 전혀 없는 경우 비 논리적 정렬 100시각장애인은 볼수가 없어 대신 소스코드를 읽어서 내용을 파악한다. 시각장애인이 홈페이지를 사용하는데 있 어, 가장 중요한 것중 하나가 목차 이다. V1303 P.60/69

5 부록 5.1 바이어 주요 IT 환경 통계 5.1.1 글로벌 검색엔진 통계 전 세계적으로 구글 (데스크톱 약 91%, 모바일 약 97%) 이 가장 많이 사용되고 있다. 하 지만 일부 국가의 경우 차이가 있다. 한국의 경우 네이버, 중국은 바이두 그리고 러사이 는 얀덴스가 대표적이다. 국가별로 상당한 차이가 있을수 있는데 정치. 사회적 영향도 작 용하기 때문이다. 또한 검색엔진의 경우 텍스트, 이미지, 동영상 등에는 차이가 있을 수 있다. 우선적으로 구글에 최적화 하고 국가별로 차별화101 하는 것이 좋다. 글로벌 검색엔진 점유율 구글 91.4% (2011.9~2012.9) 101한국, 중국, 러시아의 경우는 약 50~70% 정도가 현지 국가의 포털/ 검색엔진이 우위를 점하고 있다 V1303 P.61/69

중국 검색엔진 점유율 바이두 63.4%, 구글 31.6% (2011.9~2012.9) 일본 검색엔진 점유율 구글 70.5%, 야후 26.5% (2011.9~2012.9) V1303 P.62/69

러시아 검색엔진 점유율 구글 56.8%, 얀덱스 41.2% (2011.9~2012.9) 아시아 검색엔진 점유율 구글 93.9% (2011.9~2012.9) V1303 P.63/69

5.1.2 웹 브라우저 점유율 웹 브라우저102란 컴퓨터 프로그램으로 인터넷상의 홈페이지를 방문하는데 사용한다. 국 내환경과 달리 해외는 다양한 브라우저를 사용한다. 윈도우즈, 리눅스, 맥킨토시, 모바일 기기의 주요브라우저 지원은 해외홍보의 필수사항이다. 한국의 경우 모바일 웹 브라우저 점유율은 Safari가 약 95% 정도로 판단되며 데스크톱의 경우 약 40%~80%가 IE 브라우 저이다. 최소한 Chrome, Safari, FireFox, IE, Opera, Opera Mini는 지원하도록 한다. 글로벌 웹 브라우저 점유율 Chrome 34%, IE 33%, FF 22%, Safari 8% (2011.9~2012.9) 102모든 홈페이지는 가장 기본적으로, IE, Firefox, Chrome, Opera, Safari 는 최소한 지원되어야 한다. V1303 P.64/69

글로벌 모바일 브라우저 점유율 안드로이드 25%, 아이폰 21%, 오페라 19%, 노키아 11% (2011.9~2012.9) 아시아 모바일 브라우저 점유율 오페라 30%, 노키아 / 안드로이드 약 11%, 기타 브라우저 (2011.9~2012.9) V1303 P.65/69

5.1.3 중국 주요 SNS 매체정보 V1303 P.66/69

5.2 인용 참고자료 아래는 매우 유용한 자료를 제공하고 있다. 5.2.1 주요 일반 & SNS 링크 1. 2. 3. 4. 5. 6. 7. 각종 인터넷관련 통계 및 유용한 기사들 http://hubspot.com 유용한 인포그래픽스 자료 http://vincos.it SNS 설문조사 자료 http://www.socialmediaexaminer.com SNS 예측 및 분석 자료 http://snap.stanford.edu/proj/socmedia-www 미국 소비자패널 1,298명 Twitter 시장조사 자료 http://maritz.com Blog, Twitter, Facebook to Grow Business http://blog.sironaconsulting.com 각종 인포그래픽스 자료 보물창고 http://pinterest.com 5.2.2 주요시장조사 링크 1. 2. 3. 4. 5. 6. 7. 8. 구글 웹마스터스 자료 http://google.com/webmasters 상당한 분량의 유용한 자료 및 리서치 자료 http://emarketer.com IBM Global Business Services 리서치 자료 http://ibm.com/iibv 주요 인터넷관련 통계자료 http://statcounter.com 각종 유용한 인포그래픽스 및 리서치 자료 http://elliance.com 미국 1000명 미만기업의 각종 조사자료 http://mkt.gs/zoomerangworldsurvey2011 방대한 기사 및 시장조사 자료 http://pewinternet.org B2B Marketing Guide http://kissmetrics.com 5.2.3 기타자료 1. 다양한 포토자료 http://flickr.com 2. 방대한 비디오자료 http://youtube.com 3. 각종 유용한 프리젠테이션 자료 http://slideshare.net V1303 P.67/69

6 펭귄소프트(주)소개 주요 고객층은 수출기업과 공공기관이며, 분야는 해외홍보/ 마케팅이 주요서비스이다. 마케팅전략은 최적효과를 제공하는 '인바운드마케팅' 및 '콘텐츠마케팅' 을 위주로 한다. 자체개발한 핵심 '스마트홈페이지' CMS 솔루션과 다양한 솔루션 (웹사이트, SNS, Target Marketing, Online Survey, BI등) 을 활용하여 전문적인 서비스를 제공한다. 구분 내용/ 비고 ISP/ 교육/컨설팅 웹표준, 웹접근성, 해외온라인 마케팅 & 홈페이지구축 온라인홍보마케팅 해외 온라인 마케팅 및 타겟마케팅 서비스 ① 웹 표준 지원 ② 웹 접근성 지원 ③ 모바일 홈페이지 자동지원 스마트홈페이지 제작 및 서비스 ④ 검색엔진최적화 지원 ⑤ 코딩최적화홈페이지 지원 ⑥ '스마트홈페이지CMS' 기본제공 ⑦ 온라인마케팅 교육제공 해외시장진출 컨설팅 서비스 해외진출 초기 시장조사, 바이어 발굴, 계약서작성, 협상등 전략적 서비스 기술사업화 기술을 활용한 제품의 기술평가를 포함하여 기술사업화를 수행한다. 주요기술.제품 연락처 Supertux (Linux OS) 스마트홈페이지CMS 펭귄소프트(주)서울시 구로구 구로동 235-2 에이스하이엔드 타워1차 709호. http://smarthomepage.co.kr contact@smarthomepage.co.kr Tel: (02) 393-7117, Fax: (02) 859-8524 V1303 P.68/69

7 메모장 V1303 P.69/69