블로그 디자인의 핵심 요소로 웹사이트 정체성 즉 아이덴티티(Identity) 구축입니다. 잘 정리된 브랜드 정체성은 사이트의 일관성을 유지하며, 방문자의 참여도를 높이고 이탈률을 낮추는 효과를 가져옵니다. 방문자가 블로그를 한눈에 기억할 수 있도록 **로고와 파비콘(Favicon)**을 설정하는 것은 필수입니다. 오늘은 간단하면서도 효과적인 블로그 로고 및 파비콘 제작 방법, 블로그 설정에 대해 알아보겠습니다.
1. 블로그 로고 만드는 법 – 쉽게 따라하기
로고(logo)는 많이 들어봤을 것으로 봅니다. 파비콘(Favicon)이란 단어는 웹사이트 블로그를 꾸미거나 운영해본 사람은 알 수도 있겠지만 조금 생소합니다. 우리가 사이트 주소를 눌렀을 때 크롬(Crome)같은 인터넷 탐색기 브라우저(browser) 제일 상단에 나타나는 아이콘(icon)을 말하고 해당 사이트나 블로그를 나타냅니다.
1) 무료 로고 제작 사이트 활용하기
디자인 경험이 없어도, 무료 로고 제작 툴을 활용하면 누구나 쉽게 만들 수 있습니다.
무료 로고 제작도구로 나만의 로그를 만들어보겠습니다.
https://www.shopify.com/tools/logo-maker
FREE Logo Maker - Create Your Own Logo in Minutes
Design high-resolution logos with Shopify’s free logo maker, the only logo generator your business needs. Customizable modern templates, no experience needed.
www.shopify.com
로고 제작 과정 따라하기
1. 먼저 오른쪽 마우스 클릭을 하여 한국어 번역을 선택합니다.
"당신의 브랜드 이름은 무엇입니까? (What's your brand name?)" 자신의 블로그 이름이나 원하는 낱말을 넣고 디자인 시작을 클릭한다. 예를 들어, "DINOBoB" 을 넣었습니다.
2. 블로그 로그를 어느 산업에서 사용할지 선택하면 제일 아래 '계속하다' 회색에서 자주색으로 변합니다.
내 블로그에 맞는 산업 주제가 없다면 '다른' 을 선택하면 됩니다.
3. '계속하다'를 클릭하면 추천해주는 로고가 나열되고 원하는 로고를 선택합니다.
제일 왼쪽 첫번째 말풍선을 선택합니다.
4. 글꼴, 색상, 상징 을 수정하여 최종적으로 추천해주는 로고를 선택합니다.
글꼴을 선택합니다.
색상 팔레트(palette)를 선택합니다.
상징을 선택합니다.
그리고 제일 위 오른쪽 '마무리하다' 를 클릭합니다.
5. 로고를 받을 이메일을 입력하고 '로고 보내기' 를 클릭합니다.
6. '바로 여기서 다운도르하세요' 를 누릅니다.
그러면 로고 파일이 다운로드가 됩니다.
2. 파비콘(Favicon) 만드는 법 – 블로그의 작은 아이콘
✅ 파비콘 제작 & 적용 방법
https://www.favicon-generator.org/
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
먼저 오른쪽 마우스를 눌러서 한국어 번역을 선택합니다.
1) 만든 로그 이미를 마우스로 끌어와서(drag) 파일선택에 넣습니다.
2) 생성된 파비콘 다운로드 'Download the generated favicon' 를 누릅니다.
파일 확장자가 *.ico 이고 이미지 크기가 16 x 16 입니다.
png나 jpg 확장자를 ico 이름 변경해도 됩니다.
favicon.io 무료도구도 있습니다.
Favicon.io - The Ultimate Favicon Generator (Free)
With Favicon.io you can quickly generate a favicon for your website for free!
favicon.io
티스토리 경우, 블로그 관리 홈 > 관리 > 블로그 탭' 에서 파비콘 불러오기를 통해 블로그에 나만의 로고로 파비콘을 설정할 수 있습니다.
3. SEO 최적화를 위한 로고 & 파비콘 설정 팁
로고와 파비콘을 단순히 적용하는 것만으로 끝나면 안 됩니다. SEO 최적화를 함께 고려해야 검색엔진에서 더 높은 점수를 받을 수 있습니다.
✔ 파일명에 키워드 포함하기
예를 들어, "여행 블로그"를 운영한다면,
- 로고 파일명 → travel-blog-logo.png
- 파비콘 파일명 → travel-blog-favicon.ico
✔ 이미지 ALT 태그 추가하기
로고를 업로드할 때 ALT 태그를 설정하면 검색엔진이 블로그의 주제를 더 잘 이해할 수 있습니다.
예시: <img src="travel-blog-logo.png" alt="여행 블로그 로고">
✔ 브랜드 일관성 유지하기
로고와 파비콘의 디자인이 일관되지 않으면 사용자 경험(UX)이 떨어질 수 있습니다. 같은 컬러와 스타일을 유지하세요.
마무리: 블로그 브랜딩과 SEO를 동시에 잡는 법
블로그 로고와 파비콘은 단순한 디자인 요소가 아니라, 브랜드 정체성을 강화하고 SEO에도 영향을 주는 중요한 요소입니다.
- 무료 툴을 활용해 간단하게 제작
- SEO 최적화된 파일명과 ALT 태그 설정
- 일관된 브랜드 이미지 유지
당신만의 블로그 로고와 파비콘을 제작해보세요! 🚀
