구글 SEO에 최적화된 티스토리 라꼬 (laggo) 스킨 출시

1.10.1 버전부터 구글 PSI(PageSpeed Insights) 스코어가 대폭 향상 되었습니다. 기존 버전 구매자는 구매 이력과 함께 페이지 하단 카카오톡 공식 채널로 연락바랍니다.

처음으로 티스토리 블로그 스킨을 출시하게 되었습니다. 이 스킨을 출시하기 위해 구글 SEO 공식 문서를 참 많이 읽었네요.

첫 스킨이라 이름을 어떻게 지을까 하다가 얼마 전에 입양한 휘핏의 이름을 따 "라꼬"라고 명명했습니다. 라꼬 스킨의 특징과 적용 방법을 설명드리겠습니다.

최신 업데이트

날짜 : 2024.03.14
버전 : 1.10.2

라꼬 laggo 스킨 업데이트 내역 (1.10.1)

---

구글 SEO에 최적화된 스킨, 라꼬는?

1. 진정한 SEO 최적화

불필요한 코드는 모두 제거해 빠른 로딩 속도를 자랑합니다. 라꼬 스킨이 적용된 현재 이 블로그에서 다른 글로 이동해 보시면 바로 체감하실 수 있습니다. 로딩 속도뿐만 아니라 접근성, 권장사항, 검색엔진 최적화 부분 또한 만족할 수 밖에 없는 최고의 점수를 기록합니다.

1.10.1 버전부터 구글 PSI(PageSpeed Insights) 스코어가 대폭 향상 되었습니다.

PageSpeed Insights 점수 (Lighthouse)

애드센스 코드 삽입, 본문 길이 및 이미지 수 등 여러 요소에 따라 점수는 차이가 날 수 있기 때문에 참고만 하시기 바랍니다.

2. 우수한 URL

사이트 CLS 점수를 최저로 세팅해 모바일 및 데스크톱 두 환경 모두 100% 우수한 URL 로 평가 받을 수 있습니다. CLS 개념 설명은 구글 공식 문서에 자세히 설명되어 있습니다.

만약 CLS 점수가 높게 채점되면 개선이 필요한 URL(노란색 그래프) 또는 심각한 경우 빨간색으로 표시되는 느린 URL로 판정됩니다.

자신의 블로그가 어떤 평가를 받고 있는지 궁금하다면 구글 서치콘솔 - 실험 메뉴에서 확인하실 수 있습니다.

3. 오프스크린 이미지 지연 로드

레이지 로딩, Lazy loading 을 적용해 페이지 로딩 속도를 향상 하였습니다. 특히 용량이 큰 고화질 사진을 대량으로 삽입하는 맛집, 등산, 여행 등 주제로 운영하는 블로그에 꼭 필요한 스킨입니다. 본문에 삽입된 이미지를 한번에 모두 로드하는 것보다 쾌적한 사용자 경험을 선사합니다.

4. 본문 내 목차 자동 생성

라꼬 스킨을 다운받아 적용하시면 보기만 해도 머리아픈 html 편집기에서 추가로 코드를 삽입하지 않아도 자동 생성됩니다. 최신 버전(1.8.0 이상)에서는 자동 목차 생성을 On/Off 할 수 있는 기능을 제공합니다.

5. 업데이트 날짜 표시

구글은 오래된 내용을 최신으로 업데이트 하는 문서를 선호합니다. 구글 공식 문서를 참조하여 포스팅 제목 하단에 최종 업데이트 날짜를 추가하였습니다. 직접 본문에 입력하지 않아도 자동으로 생성됩니다.

6. Breadcrumbs (브레드크럼)

구글 SEO 공식 문서에 설명되어 있는 개념으로, 라꼬 스킨은 글 제목 위에 브레드크럼이 자동 생성됩니다. 브레드크럼이란 다른 말로 사이트 이동 경로라고도 합니다. 현재 어느 위치에 있는지를 나타내는데, 《헨젤과 그레텔》에서 집을 찾기 위해 남매가 뿌리는 빵 부스러기에서 유래했다고 합니다.

브레드크럼이 추가되면 구글 서치 콘솔에서 URL을 등록하실 때 아래와 같은 항목이 추가 반영됩니다. 기존에 발행된 글도 시간이 지나면 모두 구글에 자동 반영됩니다.

7. 사이드바 광고 영역 부분 고정

데스크톱 환경에서 스크롤을 내렸을 시 특정 영역까지 사이드바의 애드센스 광고를 고정하는 기능을 추가했습니다. 애드센스 보고서를 보시면 Active View 라는 항목이 존재하는데, 이 항목의 값이 높고 낮음에 따라 CPC가 차이날 수 있습니다.

광고가 노출되었지만 로딩이 늦거나 잘 보이지 않는 곳에 배치를 했거나, 스크롤을 너무 빨리 내려 광고를 보지 못하는 등의 문제로 유입자에게 제대로 보여지지 않은 경우 이 수치가 낮게 잡힙니다. 라꼬 스킨은 일반적으로 광고를 많이 배치하는 사이드바의 첫번째 파트를 특정 영역까지 고정해 놓아 충분한 시간동안 노출시킴으로써 Active View 수치에 도움되도록 하였습니다.

8. 주소 뒤 ?category 삭제

분명 동일한 포스팅임에도 불구하고 카테고리나 본문 하단의 관련글을 통해 이동하게 되면 주소 뒤에 ?category=숫자가 따라 붙습니다. 애널리틱스 보고서에 두 개의 주소로 통계되기 때문에 라꼬 스킨은 원래 게시물의 주소로 접속되도록 제작되었습니다.

9. 기타

1. 애드센스 본문 상단 광고가 클릭률이 높게 나온다는 것은 잘 아실겁니다. 타이틀이 모바일 화면 기준 두 줄인 경우 클릭률이 더 높아질 수 있도록 세팅하였습니다.

2. 라꼬 스킨은 티스토리 기본 스킨인 북클럽이 베이스입니다. 베이스에서 아래 항목을 새롭게 추가하거나 수정하여 이탈률을 낮추기 위해 노력했습니다. 이탈률을 낮춤과 동시에 애드센스 자동광고인 전면 광고를 띄울 수 있어 수익 측면에서도 도움이 됩니다.

• 밋밋한 사이드바의 최근글/인기글을 수정하여 눈에 더 잘 띕니다.
• 본문 하단에 이전글/다음글 버튼을 추가했습니다.
• 본문 하단 카테고리의 다른글 영역을 눈에 더 잘 띄게 수정했습니다.
• 본문 하단 태그 영역에 포인트를 주어 눈에 띌 수 있게 수정했습니다.

스킨 제작에 필요한 지식을 습득한지 얼마되지 않았기 때문에 구석구석 버그가 존재할 수 있습니다. 댓글이나 오픈채팅방에 알려주시면 즉각 반영하도록 하겠습니다.

---

가격 : 20,000원
구매처 바로가기

 

참고로 티스토리, 워드프레스, 애드센스 등 온라인 수익이라는 주제로 오픈채팅방도 운영하고 있습니다. 이 곳에서 카카오톡 챗봇도 경험하실 수 있으니 부담없이 가입해보세요.

활동 지수에 따라 할인권을 무료로 획득할 수 있는 기회가 주어집니다.

티스토리 애드센스 무료Q&A 비번:8899

---

스킨 사용 주의 사항

- 무단 복제, 재판매, 재배포, 공유 금지
- 상품 특성 상 결제 후 환불 불가
- 개인적 사용은 코드를 마음껏 수정하셔도 됩니다.

그 외 기능 추가 및 스타일 수정은 따로 작업해 드리지 않으며, 건의 사항이라고 판단되면 적극 반영하여 업데이트를 통해 다운로드 링크를 제공해 드릴 계획입니다.

---

카카오톡 공식 채널

스킨 수정 외 기타 문의 사항은 아래 채널을 통해 1:1 채팅으로 연락바랍니다.

컴뉴비