본문 바로가기

스킨

새 Bing 웹마스터 도구 검색 노출 급감 - 검색엔진 최적화 (SEO) h1 태그 문제 티스토리 검색 유입의 대부분은 네이버, 구글, 다음입니다. 그러나 정말 이들의 1/100 이하로 zum과 bing에서 검색 유입이 발생하고 있습니다. 얼마 되지는 않아 무시할 수도 있지만.. 검색의 세계가 변화무쌍하니 나름 검색이 잘 되도록 최적화를 진행해 줄 필요가 있을 것 같습니다. 최근 bing 검색 결과가 유난히 떨어지는 느낌이어서 빙 웹마스터 도구에 들어가 살펴보니 노출수가 급격히 줄어 든 것을 발견했습니다. 나름 일정하게 나오던 검색 비율이 7월 말부터 급격이 줄어든 것을 볼 수 있습니다. 왜 이렇게 떨어졌지? 최근에 왓에버 스킨 오른쪽에 사이드바를 다는 프로젝트(drkimfixnsolve.tistory.com/168)를 대대적으로 수행했지만.. 그건 8월 초여서 빙 검색 노출의 급격한 감소와.. 더보기
티스토리 왓에버 Whatever 스킨 오른쪽 사이드바 구현 티스토리 Whatever 스킨은 깔끔하고 다 좋은데 사이드바가 본문 밑에 위치해서 존재감이 전혀 없습니다. 본문 글 내용으로 승부를 보는 전략인데.. 아무도 밑에 달린 사이드바 내용을 확인하지 않는 것 같습니다. 최근 포스트, 인기 포스트, 최신 댓글, 카테고리 등을 사이드바에 추가했으나 거기까지 도달하는 경우는 거의 없어 보입니다. 결과적으로 구글 애널리틱스 이탈률에서 처참한 결과를 보여 주고 있는데.. 아무리 잘 잡아도 80% 중간이고 대부분 90% 대의 이탈률을 보여줍니다. 어떻게 하면 이탈률을 줄여 볼 수 있을까 고민하다가.. 최근 다크모드 업그레이드가 끝난 왓에버 스킨의 사이드바를 본문 오른쪽 옆에 위치시키기로 결심하고 프로젝트를 수행해 봤습니다. 간단하게는 사이드바가 있는 스킨 (예, 북클럽 .. 더보기
티스토리 스킨 슬라이더 자동넘김 스크립트 - 마우스 올렸을 때 슬라이드 멈추기 코드 최신 티스토리 스킨 (왓에버 Whatever, 포스터 Poster, 포트폴리오 Portfolio, 매거진 Magazine)에는 여러 커버 기능이 있습니다. 그 중에서 대표적인 커버로 슬라이더가 있는데 여러 포스트를 클릭하면서 순차적으로 큰 화면에 보여줄 수 있습니다. 구조가 슬라이더이기 때문에 분명히 자동넘김 기능이 있을 것 같은데.. 스킨 메뉴에는 딱히 옵션이 제공되어 있지 않습니다. 조금 구글링해 본 결과(티스토리 포럼 h하우님 댓글)와 이를 응용해서 각 스킨에서의 자동넘김 스크립트를 공개해 봅니다. 스킨파일은 왓에버와 포스터가 유사하고, 포트폴리오와 매거진이 유사하네요. 아래 스크립트는 각 스킨에서 정상 작동하는 것을 확인했습니다. Whatever 스킨: Poster 스킨: Portfolio 스킨:.. 더보기
[최초] 티스토리 방명록의 숨겨진 프로필 이미지 치환자 공개 앞선 글에서도 살짝 공개했는데, 이 글에서 자세히 다뤄 보겠습니다. 그동안 티스토리 왓에버 (Whatever) 스킨 다크모드 최적화를 시도하고 있는 데 이제 거의 마무리가 되고 있는 듯 합니다. 아래 글을 참고해 보시기 바랍니다. drkimfixnsolve.tistory.com/158 티스토리 Whatever 스킨 공지사항/방명록 버그 잡기 - 다크모드 최적화 4탄 티스토리 왓에버 Whatever 스킨 다크모드 최적화가 거의 끝나는 것 같습니다. 구글 애드센스 (일치된 컨텐츠)도 다크모드에 적합하게 배경색깔을 변경했고.. 모바일 화면도 이것 저것 신경을 써서 drkimfixnsolve.tistory.com 윗글 말미에 티스토리 방명록에 있는 프로필 이미지 버그 해결 방법에 대해 기술했었습니다. 예를 들면.. 더보기
티스토리 Whatever 스킨 공지사항/방명록 버그 잡기 - 다크모드 최적화 4탄 티스토리 왓에버 Whatever 스킨 다크모드 최적화가 거의 끝나는 것 같습니다. 구글 애드센스 (일치하는 컨텐츠)도 다크모드에 적합하게 배경색깔을 변경했고.. 모바일 화면도 이것 저것 신경을 써서 눈이 많이 편해진 것 같고요. 최근엔 구글서치콘솔의 클릭요소 너무 가까움 관련 모바일 사용 편의성도 최적화했습니다. 지난 글에서 그동안 발견한 티스토리 Whatever 스킨의 숨겨진 버그들을 공개했었습니다. drkimfixnsolve.tistory.com/146 티스토리 왓에버 스킨 숨겨진 버그 잡기 - 다크모드 2탄 티스토리 블로그를 시작한 지 1년 3개월이 넘어가고 있습니다. 홈페이지 관리는 20여년 전 재미삼아 html를 건들어 본 것이 전부였는데.. 그때 배운 약간의 html 지식으로 그동안 어떻게 최.. 더보기
티스토리 왓에버 스킨 다크모드 우왕좌왕 업그레이드 3탄 - 모바일 좌우스크롤 풀림 우측공백 문제 티스토리 블로그 방문자도 어느 덧 30만을 돌파하고 있습니다. 최근 다크모드로 업그레이드하며 블로그 여기저기를 전체적으로 손보고 있는데, 잘 알지 못하는 css를 가지고 플레이하려니 여간 고생하는 게 아니네요. 상단 메뉴바를 고정하는 문제를 선배 블로거들을 따라 시작했는데, 어느 정도 잘 되다가 전체 분류보기를 카테고리에 포함하는 부분에서 성공했나 싶었는데.. 갑자기 모바일 화면에서 좌우 스크롤이 풀리며 우측에 공백이 노출되기 시작했습니다. 이걸 해결하려고 갖은 시도를 해 보았지만 원인을 찾을 수 없었습니다. 고수들께 문의해 볼까도 생각해 봤지만.. 폐가 클 것 같아 포기하고.. 전날 저장해 놓았던 스킨으로 돌아가 복구했습니다. 스킨을 복구해 놓고 보니.. 모바일 좌우 스크롤 문제는 해결됐는데.. 홈화면.. 더보기
티스토리 왓에버 스킨 숨겨진 버그 잡기 - 다크모드 2탄 티스토리 블로그를 시작한 지 1년 3개월이 넘어가고 있습니다. 홈페이지 관리는 20여년 전 재미삼아 html를 건들어 본 것이 전부였는데.. 그때 배운 약간의 html 지식으로 그동안 어떻게 최소한의 관리만 하며 버텨 왔습니다. 최근 블로그 스킨을 다크모드로 업그레이드(?) 변경을 하며 (drkimfixnsolve.tistory.com/142) 이것 저것 숨겨진 버그들이 저절로 나타나는 바람에.. (SONYLOVE님의 댓글에 자극도 받고..) 어쩔수 없이 버그잡기를 시작했습니다. html 만으로는 힘들고 css 파일을 수정해야 하고.. 약간의 자바 지식도 필요한 것 같습니다. 당연히 저는 css나 자바 등에 경험이 전혀 없지만.. 기존에 있는 스킨 파일 내용들과 적당히 비교하며 이것 저것 바꿔가며 실험했.. 더보기
김선생 FixnSolve 티스토리 블로그 다크모드 출시~ 또하나의 에너지 절약 아이템 요즘 다크모드가 유행인 것 같습니다. 맥도 다크모드를 지원하고, 애플 iOS 최신버젼도 다크모드를 지원하고 있습니다. 요즘 모바일 다음도 다크모드로 전환 중인 것 같습니다. 어떻게 보면 다크모드가 글읽기에는 더 편한 느낌이죠. 백그라운드를 밝힐 필요가 없으니 에너지도 많이 절약될 것 같습니다. 친환경, 에너지 절약을 중시 여기는 돋보기김선생.. 이런 시대 조류에 발맞춰 김선생 FixnSolve 블로그 다크모드를 출시해 봅니다. 왓에버 (whatever) 스킨에서 메뉴 하나만 바꾸면 되는 일이고요.. 스킨 편집에서 "밝은"을 "어두운"으로 바꾸면 됩니다. 글자색을 좀 더 눈이 편하게 살짝 밝은 그레이로 바꿨습니다. css 편집에서 아래 color code를 #808080에서 #bbbbbb로 바꿨습니다. 아.. 더보기