Material Design

스킨 기능 - 특징/장점

최적화

구글 검색 최적화를 위해 최대한 페이지 로딩 속도 빠르게 제작하였습니다.

 

JS사용을 최대한 줄이고 디자인은 CSS로 구현이 되어있어 구형 브라우저에서도 빠른 로딩이 가능합니다.

 

Javascript남용은 IE와 구형 휴대폰에서 렉을 유발합니다.

로딩속도를 위해 댓글의 프로필 이미지는 Lazy load로 로딩됩니다.

 

 

모바일 친화적

모바일 사용성도 높여 모바일 친화적인 스킨입니다.

 

모바일에서 볼 때 깔끔하며 속도 느려지게 만드는 요소를 최대한 배제하여 이용에 불편함이 업도록 제작하였습니다.

 

처음 봤더라도 둘러보는 데 어려움이 없을 것입니다.

 

모바일(안드로이드)에서 메뉴를 누른 후 뒤로가기로 메뉴만 닫을 수 있습니다.

(광고를 막기위해 자바스크립트 뒤로가기 기능을 제거한 브라우저의 경우 제외)

 

 

 

접근성을 고려했습니다.

시각 장애가 있더라도 스마트리더를 통해 글을 읽고 둘러보는데 문제가 없도록 제작되었습니다.

 

 

 

다양한 설정

다양한 설정이 가능하여 html을 몰라도 다양한 기능을 이용할 수 있습니다.

 

레이아웃 - 타이틀 색상 변경 예시

 

 

 

크로스 브라우징 지원

웹 표준을 잘 지켜서 IE9 이상의 웹브라우저에서 정상 동작합니다.

중요 : 스킨이 IE를 미지원하는경우 검색엔진에 불이익을 받을 수 있습니다.

어떤 스킨이든 적용 전 IE로 접근이 가능한지 미리확인하세요

2022. 06. 15. IE 지원 종료로 이제는 IE를 지원하지 않아도 크게 상관없습니다.

 

테스트에 사용한 브라우저

  • IE9 ~ IE11
  • Chrome
  • Egde(Gecko version)
  • Firefox
  • Opera
  • Samsung Internet (Android)
  • Chrome (Android)
  • Firefox (Android)
  • Safari (IOS)

 

 

버그 없도록..

티스토리에는 워낙 잔 버그와 핵이 많습니다.

 

스킨 검토를 1개월 넘게 하여 안정화를 하였습니다.

 

외부 리소스에 의존하지 않아 티스토리의 리소스 변동에 영향받지 않습니다.

 

 

 

문서 제공에 최적화

간단한 목차와 카테고리 표시 기능으로 효과적인 정보전달이 가능합니다.

 

따라서 블로그뿐만 아니라 상품, 프로그램, API 등의 설명서 페이지 등에서도 활용이 가능합니다.

 

 

 

보호글 문제 해결

티스토리에서 보호글은 기본적으로 제목이 보이게 설정되어있습니다.

 

많은 스킨에서 기본값을 그대로 따라 보호글의 제목을 보여줍니다.

 

이는 문제가 될 수 있습니다. 모르는 사람이 매우 많을겁니다.

 

이 스킨에서는 기본값으로 보호글의 제목을 "보호 글"로 표시합니다.

 

 

 

탐색

블로그 내부에서 읽을거리를 둘러보기에 좋습니다.

 

이렇게 페이지 내에서 순환을 한다면, 구글애널리틱스를 통해 정보가 수집되어 긍정적 작용을 할 수 있습니다.

이와 유사하게 방문자당 애드센스 클릭수가 오를수도 있습니다.

'스킨 > 스킨 특징' 카테고리의 다른 글

스킨 기능 - 카테고리 주소 제거  (2) 2020.06.11
스킨 기능 - 목차  (0) 2020.06.11

댓글