요약
파비콘 (favicon)
메타 타이틀 (meta tile) & 메타 디스크립션 (meta description)
1. 정의
1. 파비콘 (favicon)
파비콘이란?
즐겨찾기 (favorites)와 아이콘 (icon)의 합성어입니다.
웹브라우저에 열려있거나 즐겨찾기를 했을 때 사이트의 이름 앞에 있는 조그만 정사각형의 아이콘을 말합니다.
16x16, 32x32, 48x48, 64x64
ico, png, jpg, gif
파비콘의 중요성
웹사이트의 주소나 설명 (description)을 읽지 않더라도 모양이나 색으로 빠르게 인식할 수 있게 만들어 사용자 혹은 고객의 접근성을 높일 수 있습니다.
단, 작은 공간에 표현되는 만큼, 파일크기가 작고 빠른 로딩이 중요합니다. |
2. 메타 타이틀 (meta tile) & 메타 디스크립션 (meta description)
메타타이틀 과 #메타디스크립션 은 스토어가 검색엔진 결과페이지에 어떻게 보여지는지를 나타내기 때문에 아주 중요합니다.
일단, 검색결과페이지에서 좋은 메타디스크립션이 보이지 않으면 우리의 웹사이트로 방문조차 하지 않기 때문입니다. 예를 들어, 아래의 두 개의 검색결과는 모두 동일한 웹사이트 주소지만, 클릭수는 확연히 차이가 날 것입니다.
2. 과정
#1
처음 #uvodo store 만 오픈했을 때, 본인의 온라인 스토어를 열면 검색엔진의 탭은 보시는 것처럼 uvodo의 파비콘과 내 온라인 스토어의 이름만 뜨는 걸 볼 수 있습니다.
#2
먼저, uvodo에 로그인합니다.
#3
보통 사이트에 대한 정보는 "Help" 섹션에서 얻을 수 있는데, 우보도는 허접한 사이트도 아닌데 이 영역은 제대로 작동하지 않더군요. 눌러봐야 소용없습니다. ㅋ
#4
다음으로 내 스토어로 로그인합니다.
#5
로그인 후의 화면에서 오른쪽 상단의 내 프로필 아이콘을 클릭합니다.
#5
프로필 아이콘을 클릭하면, 드롭다운 메뉴가 나오는데 "Account"를 선택해서 어카운트 설정으로 들어갑니다.
#6
Account 화면에서 왼쪽 사이드 바에서 "Brand"를 선택하면 로고를 변경할 수 있는 화면이 열립니다.
#7
여기서 스토어 로고, 파비콘, 소셜미디어 이미지 모두 업로드합니다.
소셜미디어 이미지는 내 스토어가 소셜미디어에 링크가 되었을 때 보여지는 이미지이니 이것도 넣어주시는 게 좋습니다. 모두 업로드했으 면 우측 상단의 "Save"를 클릭합니다.
#8
제대로 변경이 되었는지 확인하기 위해, 왼쪽 사이드바 위쪽의 내 온라인 스토어를 클릭하면 새창이 열리면서서 이미 내 온라인 스토어에 파비콘이 적용된 것을 볼 수 있습니다.
#9
모든 게 확인 이 되었으면, 이제 어커운트 설정에서 온라인 스토어 설정으로 돌아갑니다.
돌아가는 방법은 화면에 보이는 화살표를 클릭!
#10
화면 왼쪽의 사이드바에서 "온라인 스토어"를 선택한 다음, 드롭다운 메뉴에서는"Theme"을 선택합니다.
#11
화면에 몇 가지 템플레이트가 뜨는데, 여기서 현재 사용중인 "Active"를 선택합니다.
#12
온라인 스토어의 템플레이트 설정이 열리게 되는데, 먼저 왼쪽 사이드바에서 "LOGO"를 선택합니다. 여기서는 로고를 선택하는 게 아니라 온라인 스토어에서 '보여지는' 로고의 크기를 선택하는 겁니다. 저는 기본값인 135x40 px을 넣었습니다.
#13
이렇게 넣으면 온라인 스토어의 상단과 하단에 보여지는 로고의 크기가 바뀝니다.
로고의 크기를 바꿔가면서 최적의 크기로 조정해 보세요.
상단로고
하단로고
#14
이번에는 왼쪽 사이드바에서 "SEO"를 선택합니다.
#15
화면에 "Meta Title"과 "Meta Description"이 뜨는데, 여기를 채워주시면 됩니다. 딱히 뭐라 넣어야 할 지 모르겠다면, 우리의 똘똘한 노예, ChatGPT한테 물어보시면 됩니다.
#16
여기서 중요한 게 하나 있는데, "Save"를 하고 반드시 Publish를 해줘야합니다.
Publish를 안하면, 온라인 스토어의 내용만 수정이 되어있는 상태이고 실제 uvodo의 서버에는 이전의 스토어가 떠있기 때문입니다.
Publish까지 한 다음 다시 내 온라인 스토어를 확인해 보면, 파비콘과 메타 타이틀까지 모두 적용이 된 것을 확인할 수 있습니다.
3. 맺는말
오늘 공유한 내용은 어려워 보이지만, 너무 자세하게 설명하려니 그냥 길어진 것 뿐이고 그냥 따라만 하셔도 생각보다 훨씬 빨리 끝낼 수 있습니다.
이커머스 부트캠프장이신 한상문님으로부터 아이디어가 여러 개 있을 때, 온라인 스토어 하나를 완성도 높게 끝내는 것보다는 어느정도 돌아갈 수만 있도록 해놓고, 다음 스토어로 옮겨가라는 조언을 받았습니다.
빨리 해치워버리고 다음, 그 다음, 또 그 다음...
늘 과격하게 수익을 창출하시기 바랍니다.
-B급감성 야매킹, kuri였습니다.