티스토리 반응형 스킨 Portfolio의 HTML 오류 수정
안녕하세요. 취미 사진가 나라입니다. 제 티스토리 블로그를 최적화하기 위해 이것저것 수정하고 고치는 작업을 틈틈이 진행 중에 있습니다. 티스토리의 장점이 HTML과 CSS를 사용자가 수정 보완하여 나만의 블로그를 만들 수 있다는 것인데요. 제 경우에는 티스토리에서 공개한 반응형 스킨인 portfolio를 사용 중에 있고, 이 스킨이 좋기는 한데 html 오류가 몇 군데 있습니다. 이번 포스팅에서는 스킨 HTML 오류를 잡아 본 것을 기록으로 남겨 보려 합니다. 티스토리 portfolio 스킨에 관심 있는 분들께 도움이 되었으면 합니다. 우선, 티스토리 관리자 페이지에서 html 편집 화면을 보겠습니다. 1. description 중복 meta 태그 중에 description 은 꼭 필요한 부분입니다. 블..
티스토리 portfolio 반응형 스킨 최적화 (with 구글 web.dev)
제 티스토리 스킨은 티스토리에서 무료 제공하고 있는 반응형인 portfolio입니다. 지난 포스팅들에서 보여드렸듯이 저는 제 티스토리 블로그를 최적화하려고 이것저것 손보고 있는데요. HTML의 오류들을 일부 수정했고, 애드 핏, 애드센스 최적화 겸 중복 자바스크립트도 정리하였습니다. 아울러, HTML, CSS, 자바스크립트 압축도 해봤지요. 그리고 이미지 오프 지연 로드도 해봤지만... 이건 티스토리에서는 적용이 어렵다고 하네요..ㅠㅠ 이번 포스팅에서는 제 티스토리 점검을 해보고 추가로 수정이 가능한 것이 있는지 찾아본 내용을 리뷰 해 보고자 합니다. 그간 구글 페이지스피드 인사이트(Google PageSpeed Insights)를 통해 티스토리의 문제점들을 찾아 수정을 하여 왔었습니다. https://..
티스토리 블로그 빠르게 로딩시키기(애드센스,애드핏 최적화)
안녕하세요. 취미 사진가 나라입니다. 지난 포스팅에서 제 티스토리 로딩 속도 문제로 최적화 작업하는 내용을 리뷰 하였었는데요. 이번에는 그 두 번째 이야기입니다. 블로그의 페이지도 사실 알고 보면 파일을 인터넷 등에서 로딩하여 읽고 화면에 표시해 주는 것인데요. 이 파일의 용량을 줄여주면 아무래도 로딩이 빨라지지 않을까요?? 네.. 바로 이러한 생각을 시작으로 최적화 두 번째 이야기를 해보려 합니다. 우선 제 블로그의 상태를 점검해 봐야겠습니다. 위 이미지는 Nara's BLOG의 구슬 서치 콘솔 내용 중 일부인데요. 색인 생성 범위 등은 정상인데, 핵심적인 웹 지표에서 모바일에 오류가 188개나 보입니다. 보고서 열기로 들어가 보니... CLS 문제로 모바일에서 0.25 초과했다는 내용인데 그 영향을 ..
티스토리 최적화 와 오프스크린 이미지 지연하기
안녕하세요. 취미 사진가 나라입니다. 아마도 이 글을 찾으신 분들은 티스토리를 운영하시는 분들이실 것이라 생각합니다. 제 티스토리 블로그는 티스토리에서 공개한 반응형 스킨을 이용하고 있습니다. 스킨 이름은 portfolio이며, 현재 제 블로그는 약간 수정을 해서 데스크톱 컴퓨터로 보시면 가로폭이 넓어진 상태입니다. (기존 가로 700px에서 1000px로 수정) 아무래도 취미로 찍은 사진을 올리다 보니, 사진 양도 많고.... 거기에 광고도 일부 붙어야 하니 제 티스토리 블로그의 로딩 속도는 매우 나빴었습니다. 그래서 티스토리 최적화를 해봐야겠다 마음을 먹고, 진행해 봤어요. 그런데... 시작부터 기록을 한 것이 아니고... 적용을 해보고서야... 이걸 포스팅으로 알려드려야겠다 하는 생각이 들어서.....
블로그 방문자 기록 증가 "이것" 때문이었다.(with 애드센스 수익공개)
안녕하세요. 취미 사진가 나라입니다.2020년 8월 9일 일요일에, 지금 이 블로그에 큰 사건(?)이 있었습니다.총 2가지인데요.첫 번째는... 제가 오전 10시 50분쯤... 블로그를 접속해서 스킨 편집으로 무언가를 수정해본다고 만졌다가, 오류가 크게 난 일입니다. 백업을 하지 않고 진행한 터라, 되돌릴 수도 없고 난감한 상태였는데요..결국, 스킨 리셋을 하고, 추가 수정해야 하는 부분을 머릿속 기억에서 끄집어내어서... 복구하였습니다.약 30분가량... 정말 진땀을 뺐습니다.. 제가 더 놀랬던 것 중 하나는 바로 두 번째 사건입니다.스킨 복구 도중에 우연하게 본 방문자수가 1천 명을 넘어서고 있었어요.분명 아침에 관리자 페이지를 통해서 봤을 땐 평소와 같은 100명 남짓한 방문자 수를 봤었거든요.."..
블로그 1주년을 맞이하며... (TISTORY- Nara's BLOG 1주년)
안녕하세요~ 제 블로그를 방문해주시는 구독자님들과 방문자님들~ 이 블로그가 어느덧 1주년이 되었답니다.. 짝짝짝짝~!! 취미로 찍고 있는 사진들이 아까워서 시작한 블로그인데, 어느덧 누적 방문자 수도 약 8만이 되었어요. ^^ 그래서.. 오늘은 한번 제 블로그를 리뷰해 볼까 합니다. 1. 블로그는 어떻게 시작했나? 티스토리가 예전에는 초대장이 있어야 개설이 되는 블로그였는데, 어느 날 보니 초대장 제도가 없어졌더라고요.. 그래서 한번 해볼까??? 하는 단순 호기심에 시작해본 것이 티스토리 블로그입니다. 사실 그 이전에는 Nara's Home이라는 개인 홈페이지를 10년 이상 가지고 있었어요. 아무도 찾지 않고... 게시글도 멈춘 상태로 웹호스팅 비용을 지출하며..... 그저 개인 일기장에 불과하였지만요...
구글 애드센스(AdSense)와 애드블록(Adblock) 문제 해결 방법 리뷰
안녕하세요. ^^ 오늘은 제 블로그의 구글 애드센스 이야기를 리뷰해볼까 합니다. 이 블로그는 구글 애드센스와 카카오 애드핏의 광고를 표출하고 있습니다. 현재 Adblock과 같은 광고 차단 플러그인을 웹브라우저에 확장으로 설치하셨다면.. 지금 광고가 보이지 않겠죠?? 그리고 이 글을 보는 중에는 아래와 같은 문구가 포스팅 글의 맨 위와 맨 아래에 게시되어 있을 것입니다. 광고가 보이고 있다면, 위 안내 요청문은 당연히~ 보이지 않으실 거예요. ^^ 지금 보고 게시는 블로그는 티스토리 블로그입니다. 티스토리의 장점은 구글 애드센스를 플러그인으로 하여 광고 기재를 할 수 있고, 구글의 승인을 받아 광고 표출하여 수익을 얻을 수 있습니다. 요즘은 유튜브의 광고가 많이 알려져서.. 이러한 구글 애드센스 광고에 ..
