왓에버 리스트형 새 Bing 웹마스터 도구 검색 노출 급감 - 검색엔진 최적화 (SEO) h1 태그 문제 티스토리 검색 유입의 대부분은 네이버, 구글, 다음입니다. 그러나 정말 이들의 1/100 이하로 zum과 bing에서 검색 유입이 발생하고 있습니다. 얼마 되지는 않아 무시할 수도 있지만.. 검색의 세계가 변화무쌍하니 나름 검색이 잘 되도록 최적화를 진행해 줄 필요가 있을 것 같습니다. 최근 bing 검색 결과가 유난히 떨어지는 느낌이어서 빙 웹마스터 도구에 들어가 살펴보니 노출수가 급격히 줄어 든 것을 발견했습니다. 나름 일정하게 나오던 검색 비율이 7월 말부터 급격이 줄어든 것을 볼 수 있습니다. 왜 이렇게 떨어졌지? 최근에 왓에버 스킨 오른쪽에 사이드바를 다는 프로젝트(drkimfixnsolve.tistory.com/168)를 대대적으로 수행했지만.. 그건 8월 초여서 빙 검색 노출의 급격한 감소와.. 더보기 티스토리 왓에버 Whatever 스킨 오른쪽 사이드바 구현 티스토리 Whatever 스킨은 깔끔하고 다 좋은데 사이드바가 본문 밑에 위치해서 존재감이 전혀 없습니다. 본문 글 내용으로 승부를 보는 전략인데.. 아무도 밑에 달린 사이드바 내용을 확인하지 않는 것 같습니다. 최근 포스트, 인기 포스트, 최신 댓글, 카테고리 등을 사이드바에 추가했으나 거기까지 도달하는 경우는 거의 없어 보입니다. 결과적으로 구글 애널리틱스 이탈률에서 처참한 결과를 보여 주고 있는데.. 아무리 잘 잡아도 80% 중간이고 대부분 90% 대의 이탈률을 보여줍니다. 어떻게 하면 이탈률을 줄여 볼 수 있을까 고민하다가.. 최근 다크모드 업그레이드가 끝난 왓에버 스킨의 사이드바를 본문 오른쪽 옆에 위치시키기로 결심하고 프로젝트를 수행해 봤습니다. 간단하게는 사이드바가 있는 스킨 (예, 북클럽 .. 더보기 티스토리 블로그 파비콘/아이콘 업데이트 스토리 - 다크모드 업그레이드 최종 마무리 티스토리 블로그 다크모드 변환 과정에서 버그 슈팅을 이것 저것 하고 있는데, 이제 거의 완성한 느낌입니다. 더 손 볼 곳이 별로 없다는 느낌을 받네요. 마지막으로 그동안 손대지 않았던 파비콘, 아이콘 부분을 살펴 봤습니다. 여러 선배 블로거들의 안내에 따라 제 블로그를 상징하는 무료 아이콘 (www.iconfinder.com/free_icons)을 골라 다운 받았고, 특히 16x16 픽셀로 압축했을 때 여전히 가독성이 살아 있을 만한 파비콘 후보를 선정했습니다. 파비콘은 홈페이지를 대표하는 작은 아이콘인데 favorite icon의 약자로 favicon입니다. 다음과 네이버의 D와 N 글자를 떠올리면 무슨 기능을 하는지 쉽게 짐작이 가능합니다. 김선생 FixnSolve 사이트에 맞춰 당연히 K 글자를 선.. 더보기 티스토리 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로 바꿨습니다. 아.. 더보기
