IT & 기타/티스토리 194

티스토리 애드센스 계정 연동 후 애드센스 로고가 표시되거나 광고가 늦게 로드되는 문제

티스토리에서 구글 애드센스 계정 연동 후 광고가 송출되지 않거나 광고가 느리게 로드되는 현상이 나타나는 사이트가 간혹 있습니다. 애드센스 계정 연동 후 애드센스 로고가 표시되거나 광고 로딩 속도가 느린 경우 계정만 연동한 상태에서 실제 광고는 수동으로 추가하는 것을 고려해보시기 바랍니다. 또는, 속도가 빠른 티스토리 스킨으로 변경하는 것도 도움이 될 것입니다. 티스토리 애드센스 계정 연동 후 애드센스 로고가 표시되거나 광고가 늦게 로드되는 문제 (광고 수익 급락) 이 티스토리 블로그에서 AdSense 계정 연동 후 광고가 송출되지 않고 애드센스 로고가 표시되는 문제가 발생한 적이 있습니다. 광고가 표시될 자리에 위의 그림과 같은 Google AdSense 로고가 표시되는 문제인데요. 이런 문제가 제 블로..

티스토리 스피드스타 스킨에서 다크모드 전환 버튼을 상단으로 이동시키기

스피드스타 스킨에서는 다크모드로 전환하는 기능이 제공됩니다. 이 블로그에서는 눈 피로를 줄이는 데 도움이 되도록 다크모드 강제 선택 모드를 활성화했습니다. 다크모드가 부담이 되거나 마음에 들지 않으면 상단의 라이트모드-다크모드 전환 버튼을 사용하여 라이트모드로 바꿀 수 있습니다. 티스토리 스피드스타 스킨에서 다크모드 전환 버튼을 상단으로 이동시키기 스피드스타 스킨에서는 라이트모드-다크모드 전환 버튼이 글 제목 아래에 표시됩니다. 다크모드 전환 버튼을 상단으로 이동하는 것도 고려해볼 수 있습니다. 라이트모드가 활성화된 상태에서 전환 버튼을 클릭하면 다크모드가 활성화됩니다. 라이트모드-다크모드 전환 버튼을 상단에 표시하는 방법으로 크게 두 가지를 생각할 수 있습니다. HTML 편집에서 전환 버튼 관련 코드를..

티스토리 스킨: 다크모드가 강제로 표시되도록 설정했습니다

이 티스토리 블로그에 적용된 스킨에는 다크모드로 강제적으로 설정하는 옵션이 있습니다. 처음 접속하시면 다크모드로 기본적으로 표시되도록 설정했습니다. 원하시는 경우 "라이트모드"로 전환하실 수 있습니다. 티스토리 스킨: 다크모드가 강제로 표시되도록 설정했습니다 이 블로그에는 속도가 비교적 빠른 스피드스타(Speed Star)라는 스킨이 적용되어 있습니다. 스피드스타에는 티스토리 스킨 중에서는 비교적 많은 옵션을 제공합니다. 이 스킨은 다크모드도 지원하는데요. 스킨 편집에서 '강제 다크모드 선택'을 활성화했습니다. 이 때문에 처음 이 블로그에 접속하시면 '다크모드'가 기본적으로 표시됩니다. 하지만 제목 아래의 라이트모드/다크모드 전환 표시줄에서 라이트모드로 전환이 가능합니다. 시력 보호를 위해서는 '다크모드..

글을 자주 수정하면 저품질이 올까? (글 수정 시 SEO 변화)

SEO와 관련하여 자주 듣는 질문 중 하나가 "글을 수정하면 저품질이 오나요?"입니다. 글을 수정하면 저품질이 된다는 속설 때문에 글 내용이나 제목을 수정하는 것을 꺼리는 분들도 계십니다. 글을 자주 수정하면 정말 저품질이 올까요? 글을 자주 수정하면 저품질이 올까? 이 블로그에는 워드프레스에 대한 글이 많습니다. 워드프레스는 빠르게 변화하는 CMS(콘텐츠 관리 시스템)이기 때문에 작년에 작성한 글도 업데이트가 필요할 수 있습니다. 이 때문에 글을 자주 수정하는 편입니다. 제 워드프레스 블로그에서는 몇 년 전에 작성한 글을 대폭 수정하여 새로 발행하기도 합니다. 하지만 이러한 수정 때문에 저품질이 오는 것 같지는 않습니다. 오히려 네이버와 다음에서 저품질이 풀려서 꾸준히 유입되고 있습니다. 그러므로 글에..

티스토리 스피드스타 스킨 커스텀 (자체 정리용)

이 블로그에 스피드스타 스킨을 적용한 후에 몇 가지 커스텀을 적용했습니다. 티스토리 스킨의 경우 스킨 파일을 수정하면 추후 업데이트 시 수정된 부분을 다시 적용해주어야 하는 번거로움이 있습니다. 워드프레스는 차일드 테마를 설치하여 수정하면 테마가 업데이트되어도 수정 사항이 유지되는데, 티스토리에는 이러한 기능이 없어 불편한 것 같습니다. 이 때문에 업데이트가 나와도 다시 수정 사항을 적용해야 하기 때문에 업데이트된 스킨을 설치하는 것이 엄두가 나지 않는 경우가 많은 것 같습니다. 추후 스피드스타 스킨 업데이트 시에 참조할 수 있도록 여기에 정리해보았습니다. 티스토리 스피드스타 스킨 커스텀 공감 버튼 및 구독하기 버튼 스타일 변경 다음 CSS 코드로 스타일 변경 가능. .Please2,.urlurl2{di..

티스토리 블로그 코어 웹 바이탈 개선하여 검색엔진 유입 늘리기

구글 서치 콘솔의 코어 웹 바이탈 보고서는 실제 사용 데이터(필드 데이터라고도 함)에 따라 페이지의 성능을 보여 것으로, 사이트 속도가 느릴 경우 방문자 이탈률에 심각한 영향을 미치게 되어 SEO에 불리하게 됩니다. 이 블로그의 코어 웹 바이탈 보고서를 체크해보니 다행히 모바일과 데스크톱 모두 느린 URL과 개선이 필요한 URL이 없는 것으로 나오네요. 티스토리 블로그 코어 웹 바이탈 보고서 구글의 코어 웹 바이탈 점수를 높이기 위해서는 사이트 속도 최적화가 필요합니다. 티스토리의 경우 속도와 관련하여 최종 사용자가 건드릴 수 있는 것이 제한적이어서 사이트 속도를 높이는 데 한계가 있을 수 있습니다. 사용자 입장에서는 이미지를 압축하여 이미지 크기를 줄이는 등의 노력을 할 수 있습니다. 그리고 무엇보다 ..

티스토리 스피드스타 스킨 적용(+이미지 자동 워터마크 기능 등)

이 블로그에는 미니멀스타라는 유료 티스토리 스킨이 적용되어 있었습니다. 스킨 판매자께서 스피드스타 스킨 업데이트를 보내주셔서 미니멀스타에 추가한 커스텀 코드와 CSS를 스피드스타 스킨에 적용했습니다. 별다른 이상 없이 작동하는 것 같으므로 이제부터는 스피드스타 스킨을 사용해야 할 것 같습니다. 티스토리 스킨 업데이트 vs. 워드프레스 테마 업데이트 워드프레스에서는 차일드 테마(자식 테마)를 만들어서 커스텀하면 테마가 업데이트되더라도 추가로 할 작업은 없습니다. 초기에 이러한 점을 이해하지 못한 개발자나 사용자들이 부모 테마 파일을 직접 수정하는 바람에 업데이트를 하지 못하는 문제가 발생하기도 했습니다. 자식 테마를 만들어서 제대로 작업하면 워드프레스 테마가 업데이트되더라도 문제가 발생하지 않습니다. 하지..

티스토리 블로그 저품질 풀림

이 티스토리 블로그의 방문자는 대부분 구글과 네이버에서 유입되었습니다. 다음(Daum)에서는 사실상 방문자 수가 제로였습니다. 이 문제를 카카오 고객센터에 문의했지만 기계적인 답변만 받았습니다. 이 블로그가 왜 저품질이 되었는지 알 수가 없어 그냥 포기하고 있었습니다. 그런데 지난달부터 다음 검색엔진에서 방문자 수가 늘어나기 시작하여 이제는 네이버 방문자 수를 앞질렀습니다. 티스토리 블로그 저품질 풀림(저품질 탈출) 이 블로그는 초기부터 다음 방문자 수가 거의 없었습니다. 그래서 다음은 사실상 포기하고 있었습니다. 지난 1월 방문자 유입 경로를 살펴보면 구글이 62%, 네이버가 24%로 절대 다수를 차지하고 있습니다. 구글과 네이버 외에 빙(Bing) 검색엔진에서 1.8% 정도 유입되고 있습니다. (구글..

티스토리 504 Gateway Time-out 오류

지난 12월 31일부터 어제 1월 2일까지 3일 연속 특정 시간대에 티스토리에서 504 Gateway Time-out 오류가 발생하고 간헐적으로 블로그 접속되지 않거나 느리게 로딩되는 현상이 발생했습니다. 특히 이 문제 때문에 글을 작성하다가 날린 분들이 많은 것 같습니다. 티스토리 504 Gateway Time-out 오류 이와 관련하여 티스토리 운영자는 공지를 통해 블로그 접근 장애가 정상화되었음을 공지했습니다. 일시적으로 과도한 트래픽이 발생해 원활한 서비스가 어려웠다는 합니다. 하지만 12월 31일, 1월 1일, 1월 2일은 주말이 낀 연말 연휴 기간이고 저녁 시간대에 과도한 트래픽이 발생할 이유는 없을 것 같습니다. Apache에서 504 Gateway Time-out 에러는 다음과 같은 경우에..

티스토리 이미지 두 개 나란히 배열 시 추가로 이미지가 표시되는 문제

티스토리에서 이미지를 끌어다가 다른 이미지 옆에 놓으면 이미지 두 개를 나란히 배열할 수 있습니다. 하지만 언제부터 생긴 문제인지는 모르겠지만 이미지 두 개를 나란히 배열할 때 바로 아래에 이미지 하나가 사라지지 않고 계속 표시가 됩니다. 티스토리 버그인 것 같은데요. 이 문제가 나타나는 경우 아래의 방법으로 임시로 추가로 표시되는 이미지를 숨길 수 있습니다. 티스토리 이미지 두 개 나란히 배열 시 추가로 이미지가 표시되는 문제 티스토리에서 이미지 두 개를 나란히 배열하고 싶은 경우 두 개의 이미지를 삽입한 후에 이미지 하나를 다른 이미지 옆으로 이동시키면 됩니다. 하지만 이 방법을 사용하여 이미지 두 개를 일렬로 나열해보니 이제는 아래에 이미지 하나가 숨겨지지 않고 표시되는 현상이 나타나는 것 같습니다..