국내에서 구할 수 없는 제품이나 더 저렴한 제품을 찾기 위해 해외직구를 많이 한다.


아이허브는 한글화가 잘 되있고 구매 방법도 어렵지 않아 많은 사람들이 이용하고 있으며


주로 영양제, 건강보조식품 등을 판매한다.


아이허브 사이트 바로가기




아이허브를 이용하기 위해서는 우선 로그인을 해야한다.



아이허브 아이디가 없으면 회원가입을 해야하며 구글, 페이스북과 같은 소셜미디어 계정으로 로그인이 가능하다.


필자는 따로 아이허브 아이디를 만들지 않고 구글 아이디를 사용한다.



수령 국가, 사용 언어, 사용 통화는 자유롭게 변경할 수 있다.


수령 국가 선택 : 대한민국

사용 언어 선택 : 한국어

사용 통화 : USD 또는 KRW


사용 통화를 KRW로 선택하면 가격이 원화로 표시되는 장점이 있지만 결제시 추가수수료가 발생할 수 있다.


반면 USD로 선택하면 가격이 달러로 표현되고 결제 또한 달러로 되어 수수료가 발생하지 않는다는 장점이 있다.


필자는 USD로 결제를 하려하지만 깜빡하고 KRW로 결제하여 항상 수수료를 내고 있다.


수수료는 1000원정도 한다.




간단하게 예시를 보여주기 위해 비타민c를 검색했다. 그러나 영어로 표기된 제품들이 많아서 vitamin C 와 같이 영어로 검색하는 것이 더 좋다.


( 좌 : USD , 우 : KRW )


원하는 제품들 찾으면 장바구니에 담아준다.



장바구니로 이동하면 현재 담아둔 제품들을 확인할 수 있다.


예상 배송료를 계산 할 수 있고 프로모션 코드 또는 리워드 코드를 입력하는 곳에


ABH3406 을 입력하면 5% 할인을 받을 수 있다.



배송 정보와 결제 정보가 정확하게 입력됬는지 확인하고 제품까지 확인한 후 주문을 해주면 된다.


아이허브에서 주문을 하면 해외에서 배송되는 것이기 때문에 국내 쇼핑몰에 비해선 배송속도가 느리지만 아마존, 이베이와 비교했을 때 비교적 빨리 배송된다.


할인 코드 : ABH3406




여러 사이트를 접속하다보면 어떤 사이트는 금방 접속되는 반면에 한참이 걸린 후에야 페이지가 나타나는 것을 본 적이 있을 것이다. 사이트의 구조에 따라 페이지가 로딩되는 속도가 다르며 너무 오래 걸릴 경우에는 접속자에게 나쁜 인상을 줄 수 있으며 기업이나 회사와 같은 곳의 사이트에서 접속이 오래 걸릴 경우에는 브랜드에 안 좋은 영향을 줄 수도 있다. 어떤 사이트의 속도가 다른 사이트에 비해 어떤지 알아보는 방법에는 구글의 'Testmysite' 라는 사이트를 이용하는 방법이 있다.


모바일 페이지 로드 속도 테스트 : 'Testmysite'


'Testmysite'는 구글에서 운영하는 사이트이다.

한글 버전 : https://testmysite.withgoogle.com/intl/ko-kr

영어 버전 : https://testmysite.thinkwithgoogle.com/intl/en-us


[ 'Testmysite' 메인 페이지 ]


사이트에 접속을 하고 테스트하고 싶은 사이트 주소를 입력한다.


[ 사이트 검사중 ]


사이트 분석하기를 누르면 3g에서의 속도 테스트와 html, css, javascript 등을 여러 소스를 분석하게 되며 모바일 사용 편의성도 검사하게 된다.


[ 사이트 검사 결과 ]


사이트 검사결과 3g에서 로드시간은 7초가 나오며 양호함을 나타냈고 그로 인해 26%의 예상 방문자 손실률이 나타났다. 

검사 결과는 조금씩 차이가 있을 수 있으나 대부분 비슷한 결과를 나타낸다.


[업종 비교]


해당 사이트는 양호함을 받긴 했지만 같은 업종의 사이트들보다 로드 속도가 느린 결과를 얻었다.



[속도 높이기]


사이트 속도가 높아지면 방문자를 더 많이 확보할 수 있는데 그 방법을 알려주기도 한다.



[최고 해결 방안]


초기 렌더링에 중요하지 않은 자바스크립트는 첫 번째 렌더링 이후까지 비동기 또는 지연되어야 한다는 등 여러가지 해결 방안이 제시된다. 그리고 무료 보고서를 제공해주는데 이때 필요한 것은 결과를 받을 이메일 주소이다.



사이트를 제작하거나 운영하고 관심이 많은 분들은 'Testmysite' 사이트를 이용해보는 것도 좋은 방법일 것 같다.



웹서비스를 할 때 누구에게나 같은 모양의 페이지를 보여줘야 하기 때문에 웹폰트의 중요성은 매우 높다고 할 수 있다.


쉽게 사용하는 방법으로는 구글 폰트 https://fonts.google.com/ 를 이용하는 방법이 있는데


사이트를 보면 대부분이 영어를 위한 폰트이며 한글은 없을 것 같다.


하지만 구글에서는 여러 나라의 폰트를 지원하며 한글 폰트 역시 지원하고 있다. https://fonts.google.com/earlyaccess


현재 구글에서 지원해주는 한글 폰트 11가지를 소개하겠다.


1. Hanna (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/hanna.css);
Example : font-family: 'Hanna', sans-serif;

2. Jeju Gothic (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
Example : font-family: 'Jeju Gothic', sans-serif;

3. Jeju Hallasan (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/jejuhallasan.css);
Example : font-family: 'Jeju Hallasan', cursive;

4. Jeju Myeongjo (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
Example : font-family: 'Jeju Myeongjo', serif;

5. KoPub Batang (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
Example : font-family: 'KoPub Batang', serif;

6. Nanum Brush Script (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
Example : font-family: 'Nanum Brush Script', cursive;

7. Nanum Gothic (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
Example : font-family: 'Nanum Gothic', sans-serif;

8. Nanum Gothic Coding (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
Example : font-family: 'Nanum Gothic Coding', monospace;

9. Nanum Myeongjo (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
Example : font-family: 'Nanum Myeongjo', serif;

10. Nanum Pen Script (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
Example : font-family: 'Nanum Pen Script', cursive;

11. Noto Sans KR (Korean)

ex) 가나다라마바사

Link : @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
Example : font-family: 'Noto Sans KR', sans-serif;


티스토리 블로그는 다음에서는 검색했을 때 찾을 수 있지만 네이버나 구글에서 검색이 되려면 따로 등록을 해야한다.


그 방법을 알아보자.


네이버 웹마스터도구 를 클릭하고 로그인을 한다. 그리고 사이트 추가+ 를 누른다.



그리고 사이트 정보 입력 란에 티스토리 주소를 쓰고 확인 버튼을 누른다.



HTML 태그를 누르고 [메타태그] 에 써있는 <meta name="~"/> 을 복사한 다음

티스토리 관리 -> html/css 편집 -> 오른쪽 화면에 보면 소스들이 가득한데 <head> 다음 줄에 붙여넣기를 한다.

그리고 확인을 선택하면 된다.


그리고 네이버 RSS를 등록해야한다.


rss 등록을 하고자 하는 사이트를 선택하고


요청 -> rss제출을 선택하면 입력란이 나오는데 자신의 주소/rss 를 쓰고 확인을 누른다.

ex) http://홍길동.tistory.com/rss

'tistory' 카테고리의 다른 글

티스토리 네이버 검색 노출,등록하기  (0) 2017.07.16
티스토리 구글 검색 노출,등록하기  (0) 2017.07.16

티스토리 블로그는 다음에서는 검색했을 때 찾을 수 있지만 네이버나 구글에서 검색이 되려면 따로 등록을 해야한다.


그 방법을 알아보자.


Google 웹마스터 – 지원, 학습, 연결 및 Search Console – Google 에 접속한 뒤 SEARCH CONSOLE 을 클릭하고 로그인을 한다.



그리고 등록할 사이트 주소를 입력하고 '속성 추가' 버튼을 누른다.


그러면 메타 테크가 생성되는데 이것을 복사한 후 

티스토리 관리 -> html/css 편집 -> 오른쪽 화면에 보면 소스들이 가득한데 <head> 다음 줄에 붙여넣기를 한다.


그리고 위 사진에 보이는 확인을 누르면 티스토리의 소유자 확인이 된다.


그리고 rss를 등록해야하는데 


위 사진 오른쪽에 보이는 Sitemaps 을 클릭하고 SITEMAP 추가/테스트를 클릭한다. 그리고 입력란에 rss를 쓰고 제출을 하면 된다.

'tistory' 카테고리의 다른 글

티스토리 네이버 검색 노출,등록하기  (0) 2017.07.16
티스토리 구글 검색 노출,등록하기  (0) 2017.07.16

+ Recent posts

티스토리 툴바