티스토리에서 meta viewpoint 모바일 오류에 수정에 대해 설명하겠습니다. 모바일로 글을 읽다 보면, 사진이나 글을 확대해서 보는 경우가 있습니다. 북클럽 스킨은 기본적으로 확대가 불가능한 코드를 가지고 있어 이를 해결해야 할 필요성이 있습니다.
목차
1. 모바일 오류 코드 수정
2. 블로그 속도 변화
북클럽 기본 스킨 기준으로 결론부터 먼저 말씀드리겠습니다.
- 1. 코드 수정 : 관리 화면 > 스킨 편집 > html 편집 > HTML > 코드 입력
- 2. 점수 변화 : 모바일 및 데스크톱(81 → 93)
1. 모바일 오류 코드 수정
모바일에서 글을 자세히 보고 싶거나 또는 너무 작게 보일 때 습관적으로 확대를 시도합니다. 만약 확대가 되지 않는다면, 읽기를 포기하며 나의 블로그를 떠날지도 모릅니다. 그러면 체류시간이 줄어들어 블로그 점수에 좋지 않은 영향을 줍니다. 많은 분들이 사용하는 북클럽 스킨은 모바일에서 확대되지 않는 문제점을 가지고 있습니다. 이를 해결하는 방법은 다음과 같습니다.
PageSpeed Insights에서 측정한 결과 오류가 나타나고 있습니다.
- 1. 관리화면 > 스킨편집 > html 편집 > HTML > 코드 입력
1. <!doctype html>
2. <html lang="ko"><head>
3. <meta charset="UTF-8">
4. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
북클럽 기본을 기준으로 HTML코드 1~4번입니다. 여기서 4번을 아래의 코드로 바꿔주시면 됩니다. 참고로 'user-scalable=no'라는 문구가 모바일에서 확대불가라는 뜻입니다.
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
2. 블로그 속도 변화
SEO, 즉 검색엔진 최적화에서 중요시하는 요소들이 있습니다. 페이지 속도는 그중 한 가지입니다. 모바일 확대 오류 해결을 통해 속도 점수가 어떻게 변화하는지 확인해 보겠습니다. PageSpeed Insights를 이용하겠습니다.
- 1. 사이트 접속 > 웹페이지 URL 입력 > 분석 > 결과 확인
오류 해결 전과 해결 후의 점수입니다. 모바일 접근성이 크게 개선되었습니다. 데스크톱도 같은 점수 상승을 보였습니다. 이처럼 하나의 오류 코드를 확인함으로써 웹페이지의 성능개선이 이루어졌습니다. 이는 같은 내용의 글일 경우, 좀 더 상위 순서에 배치될 가능성을 높여줍니다.
지금까지 모바일 확대 오류 코드 해결방법에 대해서 알아보았습니다. 좋은 글을 쓰는 것이 첫 번째입니다. 더불어 블로그의 전체적인 속도 개선은 검색으로 인한 유입 효과를 증가시킬 수 있습니다.
[SEO 최적화] Webp로 변환해 보자, 이렇게 쉬울 수가!
[SEO 최적화] Webp로 변환해보자, 이렇게 쉬울수가!
Webp는 구글이 개발한 차세대 이미지입니다. 티스토리에서 글을 작성할 때, 사진은 필수적으로 포함되는 요소입니다. 비효율적인 사진으로 인해 글의 로딩속도가 늦어지는 문제가 발생하기도 합
moneymaster2015.tistory.com
'IT > SEO' 카테고리의 다른 글
| SEO - 글 제목에 특수문자를 써보자 (0) | 2023.06.08 |
|---|---|
| SEO - H1 중복문제 해결해봅시다 (0) | 2023.06.08 |
| [SEO 최적화] Webp로 변환해보자, 이렇게 쉬울수가! (0) | 2023.05.31 |
| [SEO 최적화] 하나 이상의 H1 태그 중복, 문제 없는가?! (0) | 2023.05.28 |
댓글