해외 대상 홈페이지 전략
TRANSCRIPT
![Page 1: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/1.jpg)
해외 대상 홈페이지 전략 꿈을파는가게 장성혁
![Page 2: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/2.jpg)
해외 대상 홈페이지 전략
꿈을파는가게 장성혁 대표
마무리
강사소개 모두 사진 찍기
널리이롭게하는
마을구글블로그 타오바오 댓글 달기
꿈을파는가게 워드프레스 정리 후기 남기기
2 교시
반응형웹
1 교시시작
출석시트 구글검색등록홈페이지 서로 인사하기
![Page 3: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/3.jpg)
스마트폰에서 보는 홈페이지
![Page 4: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/4.jpg)
지금은 모바일 시대
![Page 5: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/5.jpg)
폰을 먼저 고려하세요 .
한살림 사이트 구축 사례
http://www.hansalim.or.kr
5
![Page 6: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/6.jpg)
모바일에 맞는 홈페이지
모바일에서는 보이지 않는 소프트웨어를
사용하지 않는다 . 확대를 하지 않고도 읽을
수 있는 텍스트 크기 좌우로 스크롤 할 필요
없이 보이는 콘텐츠 쉽게 터치할 수 있을
정도로 떨어져 있는링크
방문자가 사용하는
목적을 달성할 수
있도록
디자인이나 다양한
기능보다는 편의성
일관된 템플릿
![Page 7: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/7.jpg)
1 인창조기업협동조합
반응형웹
strl.cafe24.com/home.htm
7
![Page 8: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/8.jpg)
홈페이지 기획 기초
목적 / 목표 준비사항 점검
마케팅 컨셉&
디자인
자료 입력과운영
메뉴와 기능
홈페이지 기획 기초
8
![Page 9: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/9.jpg)
구글사이트 : 업무연동에 강점 9
![Page 10: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/10.jpg)
반응형웹
PC 환경과 다른 모바일 환경
![Page 11: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/11.jpg)
반응형 웹
유지보수가 간단
마케팅에 유용
검색엔진 최적화
미래지향적
![Page 12: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/12.jpg)
구글 블로거 (blogger.com)
![Page 13: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/13.jpg)
블로그 개설
![Page 14: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/14.jpg)
구글블로그 템플릿 사이트
http://www.mybloggerthemes.com/
![Page 15: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/15.jpg)
반응형 템플릿 찾기
Feature: responsive 가 나와있는 템플릿 선택
![Page 16: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/16.jpg)
구글 블로그에 템플릿 적용
템플릿 카테고리에서 백업 / 복원 클릭→ 다운로드 받은 템플릿 중 XML 업로드
![Page 17: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/17.jpg)
구글 Blogger
![Page 18: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/18.jpg)
구글 블로그와 네이버 블로그
구글 블로그
국내유입량 小 해외유입량 기대
원하는대로 웹페이지 편집 가능
(CSS,HTML) 강력한 통계기능 (
구글애널리틱스 연동 ) 기본적인 영어실력 필요
네이버 블로그
두터운 국내 사용자층 네이버 검색에서의
폐쇄성 ( 국내 네이버 검색 점유율 70%
이상 ) 사용하기 쉬운 템플릿
![Page 19: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/19.jpg)
구글블로그 카테고리 만들기
1. 태그 가젯 활용
![Page 20: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/20.jpg)
구글블로그 카테고리 만들기
2. 라벨 가젯 활용
![Page 21: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/21.jpg)
워드프레스
![Page 22: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/22.jpg)
워드프레스란
블로그처럼 웹 콘텐츠를 관리할 수 있는 도구 ( 설치형 블로그 )
전세계 유명 웹사이트의 23% 가 워드프레스
![Page 23: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/23.jpg)
워드프레스와 네이버 블로그
워드프레스
설치형 블로그 테마와 플러그인을
활용해 나만의 다양한 웹페이지 구성 가능
서버에 설치하는 과정이 꼭 필요함
네이버 블로그
서비스형 블로그 정해진 모양이나 테마가
있다 . 누구나 쉽게 활용할 수
있다 . 가입만 하면 블로그를
생성할 수 있다 .
![Page 24: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/24.jpg)
워드프레스의 장점
검색엔진 최적화 ( 구글 , 야후 ) 반응형 웹 지원 ( 모바일 최적화 )
SNS 연동이 편리하다 업데이트가 꾸준히 된다
![Page 25: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/25.jpg)
워드프레스로 구축 시 고려해야할 사항
워드프레스 기본 구조 언어의 장벽 (PHP, MYSQL) 워드프레스를 익히는데 드는 학습 비용
대부분의 플러그인과 테마가 영어로 이루어져 번역이 필요
![Page 26: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/26.jpg)
워드프레스 장단점 ( 관리자 )
장점
웹 표준을 준수하여 콘텐츠를 주고받기가
좋다 테마와 플러그인이 많다 튼튼한 기반구조
오픈소스로 인한 꾸준한업데이트
단점
미국에서 나온 서비스라 환경이 낯설다
영어실력이 기본적으로 있어야 한다
![Page 27: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/27.jpg)
구글 검색 등록
구글 검색창에 “ submit url” 검색https://www.google.com/webmasters/tools/submit-url글
![Page 29: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/29.jpg)
구글 웹마스터 도구 등록
https://www.google.com/webmasters/tools/home 검색 등록 뿐만 아니라 검색엔진최적화에 도움이
되는 다양한 기능 활용가능
![Page 31: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/31.jpg)
해외 대상이 아니라면
소셜 거점들을 연결할 수 있는 모바일 홈페이지로
![Page 32: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/32.jpg)
모바일 홈페이지
![Page 33: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/33.jpg)
모두 (modoo) 모바일 실습
modoo.at 접속하기
사이트 관리 누르기
새 사이트 추가하기
![Page 34: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/34.jpg)
기본정보입력
사이트 로고
사이트명 / 설명
주소입력
사이트 공동편집
네이버 검색 노출
![Page 35: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/35.jpg)
홈페이지 구성요소 설정
![Page 36: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/36.jpg)
공유하기
모바일 홈페이지에서
왼쪽 상단 三 클릭
공유할 SNS 선택
내가 하는 일을 소개할 수
있다 .
![Page 37: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/37.jpg)
PC 에서 활용할 수 있는 기능
![Page 38: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/38.jpg)
modoo.at/management
![Page 39: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/39.jpg)
무료 검색등록 / 지도등록
![Page 40: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/40.jpg)
통계
![Page 41: 해외 대상 홈페이지 전략](https://reader034.vdocuments.site/reader034/viewer/2022042611/5884581f1a28ab903b8b66cb/html5/thumbnails/41.jpg)
미니간판 / 라벨