티스토리 북클럽 스킨 SEO 속도 최적화 방법

나의 티스토리 사이트의 로딩 속도를 개선하면 구글 상위 노출을 위한 지표가 올라간다는 사실 아는가? 로딩속도는 상위 노출에 중요한 영향을 준다. 인터넷 속도가 빨라서 크게 체감이 덜 하지만, 해외 인터넷 속도가 느린 곳에서는 매우 민감하게 느낄 수 있다.

 

그래서 SEO는 느린 속도와 페이지보다 빠른 속도의 페이지를 더욱 선호한다. 또한, 키워드 관련성, 고품질 콘텐츠, 메타 태그 최적화, 모바일 호환성, 내부 링크 구조, 외부 링크 및 백링크, 사이트 구조와 URL 구성, 소셜 미디어 통합, 검색 엔진 지침 수준 등 많은 것에 해당된다. 그중 사이트 속도를 최적화하는 것에 대해 알아보도록 하겠다.

 

목차

티스토리 북클럽 스킨 SEO 속도 최적화 방법

사이트 속도를 최적화하기 위해서는 구글 서치콘솔, PageSpeed Insights, 외부 폰트 사용 안 함, 이미지 무손실 압축, 본문 썸네일 이미지 사용하지 않는 것을 추천한다. 아래의 내용은 티스토리 북클럽 스킨을 통해 SEO 속도 최적화를 하는 방법에 대해 간략하게 소개한다.

 

구글 서치콘솔

🔽 자신의 티스토리 블로그와 구글 서치콘솔을 연결, 티스토리의 플로그인에서 구글 서치 콘솔을 연결할 수 있다. 만약, 2차 도메인을 설정한 상태라면 플로그인을 사용하지 않는 것이 좋다. 직접 구글 서치 콘솔에서 연결을 진행한다.

1. 일반 티스토리 블로그의 경우 "계정 연결하기"를 눌러 연결한다.
2. 2차 도메인 블로그의 경우 메타 태그 등록 플로그인을 통해 구글 서치콘솔에 연결한다.

 

PageSpeed Insights

🔽구글 서치 콘솔에서 자신의 티스토리가 제대로 연결되어 있는지 확인이 가능하다. "코어 웹 바이탈"을 선택 ➜ "PageSpeed Insights 사용해 보기"를 눌러 자신의 블로그 성능을 확인해 보자.

1. "코어 웹 바이탈" 선택.
2. "PageSpeed Insights 사용해 보기" 선택.
3. 휴대전화에서 성능 71점, 데스크톱에서 성능 69점 확인

 

외부 폰트 사용하지 않기

🔽 외부 폰트는 속도를 느리게 하는 이유가 될 수 있다. "스킨 편집" ➜ "CSS" 선택, 아래의 외부 폰트를 사용하지 않게 수정한다.

/* Web Font Load 
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:800&subset=korean');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
*/

/* Type Selector Reset */
body {
	-webkit-text-size-adjust: 100%;
	font-weight: 400;
	/* font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif; */
	font-size: 1em;
	line-height: 1.25;
	color: #555;
}

input, select, textarea, button {
	/* font-family: 'Noto Sans KR', sans-serif; */
	font-size: 100%;
	border-radius: 0;
}

#header h1 {
	padding: 23px 0 ;
	/* font-family: 'Nanum Myeongjo'; */
	font-weight: 800;
	font-size: 1.75em;
	line-height: 32px;
	letter-spacing: -0.2px;
	color: #333;
}

1. 자신의 블로그에서 "꾸미기" ➜ "스킨 편집" ➜ "html 편집" 선택.
2. "CSS" 선택.
3. "/* font-family: 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif; */" 앞뒤로 /* 원본 */ 입력.
4. "/* font-family: 'Noto Sans KR', sans-serif; */ 앞뒤로 /* 원본 */ 입력.
5. /* font-family: 'Nanum Myeongjo'; */ 앞뒤로 /* 원본 */ 입력.

 

Webp 파일 포맷의 이미지 사용

🔽 구글은 Webp 파일 포맷을 선호한다. 무료로 변환해 주는 사이트도 있지만 찾기가 쉽지 않거나 유료 사용을 유도하기도 한다. 그렇지만, 간단한 방법으로 변환하는 프로그램이 있다. 국내 꿀뷰라는 프로그램을 설치하여 사용하자.

 

👉 꿀뷰 다운로드 및 설치방법(2023년 최신) - 바로가기

👉 Webp 변환 프로그램, 뀰뷰로 간단하게 - 바로가기

 

본문 제목에 썸네일 이미지 사용하지 않기

🔽 티스토리 북클럽 스킨의 본문 제목에 썸네일 이미지가 함께 나온다. 로딩 속도를 위해서는 썸네일 이미지를 함께 나올 수 없게 변경 가능하다.

↘️ 변경 전, 코드

<div class="post-cover notice"<s_notice_rep_thumbnail> style="background-image: url();"</s_notice_rep_thumbnail>>

↘️ 변경 후, 코드

<div class="post-cover"<s_article_rep_thumbnail> style="background-color:#4B4B4B;"</s_article_rep_thumbnail>>

1. 자신의 블로그에서 "꾸미기" ➜ "스킨 편집" ➜ "html 편집" 선택.
2. 변경 전, 후 코드를 확인하여 변경.

 

결론

🔽 결론은 이렇다. 한국이나 기타, 빠른 인터넷을 사용하는 나라에서는 크게 체감이 덜 하다. 하지만 해외 인터넷 속도가 느린 곳이 있다. 그러면 민감하게 반응할 것이다. 따라서 구글의 SEO에는 긍정적이지 못하다. 왜냐면, 느린 속도의 페이지 보다 빠른 속도의 페이지를 더 좋아하기 때문이다.