본문 바로가기
자기계발-변화관리/티스토리수익화

[수익형 블로그] 6. 티스토리 속도 개선을 위한 타이틀 썸네일 배경 없애기

by 산타는섭이 2024. 9. 1.

티스토리 블로그의 속도는 검색 엔진 순위에 직접적인 영향을 미칩니다. 특히, 타이틀 썸네일의 배경 이미지는 불필요한 용량을 차지하고 로딩 속도를 저하시킬 수 있습니다. 타이틀 썸네일 배경을 없애는 것은 티스토리 블로그의 속도를 개선하는 데 효과적인 방법 중 하나입니다.
이번 포스팅에서는 티스토리 블로그의 속도를 개선하기 위해 타이틀 썸네일 배경을 쉽게 없애는 방법을 알려드리고, 더 많은 사람들에게 도달하고 수익화 할 수 있도록 구성하였습니다.

아래 설명한 방법들을 참고하여 블로그의 속도를 개선하고 수익형 블로그로 최적화해보세요

 

 

 

왜 타이틀 썸네일 배경을 없애야 할까?

빠른 로딩 속도

검색 엔진 최적화 (SEO)

모바일 환경 최적화

 

 

초보자도 쉽게 따라하는 티스토리 블로그 수익화 가이드

 

 

 

 

티스토리 관리자 페이지에서 스킨 편집 모드로 들어가 html편집을 들어갑니다.

 

1. 관리자 > 꾸미기 > 스킨 편집 > html편집

티스토리 꾸미기 html편집
티스토리 꾸미기 html편집

 

 

 

 

2. Ctrl F를 눌러 post-cover을 검색   ( 3개 정도가 검색되는데 그중에 스크롤을 내려 430라인 정도에 있는 코드를 수정하세요 ) 
코드를 아래와 같이 핑크색 부분을 변경(삭제) 해주세요

 

 

[ 432라인 - 수정 전 코드 ] - 삭제 할 핑크색 코드 

<div class="post-cover"<s_article_rep_thumbnail> style="background-image:url(https://blog.kakaocdn.net/dn/pGsHE/btsJm6igqmK/BZwhN3g1JkUK3wdnRq7jB0/img.png)"</s_article_rep_thumbnail>>

 

[ 432라인 -  수정 후 코드]
<div class="post-cover">

 

 

타이틀 썸네일 배경 없애기 수정코드
타이틀 썸네일 배경 없애기 수정코드

 

 

 

 

 

 

[적용 전 타이틀 배경]

적용 전 타이틀 배경
적용 전 타이틀 배경

 

 

 

[적용 후 타이틀 배경]

적용 후 타이틀 배경
적용 후 타이틀 배경

 

 

 

 

추가적인 속도 개선 방법

  • 이미지 최적화: 이미지 크기를 줄이고, 불필요한 이미지를 삭제하여 페이지 용량을 줄입니다.
  • 캐싱 설정: 브라우저 캐싱을 활용하여 반복적인 데이터 요청을 줄입니다.
  • 불필요한 스크립트 제거: 사용하지 않는 스크립트를 제거하여 페이지 로딩 시간을 단축시킵니다.

 

 

댓글