빵빵한하루
[Tistory] 모바일에서 읽기 편한 글 작성하기 - 모바일 최적화 하기 본문
오늘은
모바일에서 읽기 편한 글을
주제로 작성해 보려고 한다.
말 그대로 모바일 친화적인 글.
나는 블로그를 운영해 본 경험이
전무하다.
과거 연예인 팬클럽을
가입하기 위해
다음 카페 좀 사용해 봤지만,
블로그를 사용해 보는 것은
이번이 처음이라고 해도 과언이 아니다.
그래서 처음에는 그냥
무작정 글을 작성했다.
그 대표적인 표본이
아래의 이 글이다.
[비전공자] 정보처리기사 실기 시험 접수
2025.03.24. 정보처리기사 실기 시험 접수를 하는 날이다. 10시로 예상하고아침부터 큐넷(Qnet) 홈페이지에 들어갔지만,공지사항을 확인하니 분산 접수를 하는 것 같다. 기사시험을 준비하는 나
anthia-wlog.com
이 글은 사실 실시간으로 시험을
접수하면서 작성을 했다.
나는 정보성 글이라고 생각해서
일단을 그 과정을 최대한 담으려 했다.
그렇게 말이 점점 길어졌다.
하지만, 나는 그저 작성을 했다.
그러고 나서 후에
내 블로그에 방문해 주는 사람들이
어떤 환경에서 글을 읽을까?
라는 생각이 문득 들었다.
그리고 내 글을 보니
PC로 읽기엔 크게 불편하진 않지만
모바일 환경에서는
너무나도 불편하다는 것을 알게 되었다.
나는 하루 종일 PC 앞에
앉아있는 직업이다.
따라서 많은 검색을 PC로 한다.
하지만,
내 블로그에 방문하는
사람들도 그럴까?
더 다양한 사람들이
내 글을 편하게 읽었으면
하는 생각에 이 포스트를 하게 됐다.
물론
나도 지금 블로그 과도기여서
이렇게 작성하는 게 맞는지,
어떻게 작성하는게 더 좋은지
에 대해서는 알아가는 중이다.
이제 막 블로그를 시작했다면
나와 같이 이런 부분도 함께
고민해 보면 좋을 것 같다.
모바일에서는 PC보다
화면의 넓이가
제한이 된다.
하지만 PC로 작성하게 되면
이 '넓이'에 대한 감각이
잘 정립되지 않는다.
이럴 때 활용할 수 있는 게,
F12 개발자 툴 모드!
키보드에 F12를 누르면
새 창, 또는 현재 창 오른쪽에
아래 이미지와 같은 화면이 뜬다.
매우 복잡해 보이는 창이지만,
여기에서 우리가 볼 것은 하나
pc화면과 모바일 화면이 있는 듯한
두 번째 아이콘이다.
이 아이콘을 클릭하게 되면
아래와 같이
모바일 환경에서 보는 것처럼
PC에서 확인할 수 있다.
마우스 휠(상하 이동)
마우스 클릭(스마트폰에서의 터치)
여러 기종에서의
화면을 확인할 수 있고,
배율 변환도 가능해
여러 환경에서의
테스트가 가능하다.
하지만,
PC에서 이 환경을
적용시키고
글을 작성하게 되면,
글의 작성과 수정이
매우 불편하다.
따라서,
글을 기존의 방식대로 작성 후
마지막 최종으로
모바일 환경에서의
확인 및 검증을 추천한다.
또 하나의 방법은,
티스토리 블로그의
'미리보기' 기능을 활용하는 것이다.
게시글 작성 왼쪽 하단에 보면
미리보기, 맞춤법 검사, 글감검색
기능이 있다.
미리보기를 눌러 들어가면
아래와 같이 화면 상단에서
스마트폰 모양의 아이콘을 누르면
모바일 환경에서의
내 글을 볼 수 있다.
이것도 글을 작성하고
마무리 단계에서
확인해 보는 것을 추천한다.
티스토리 미리보기에서는
글의 수정이 불가하기 때문에
메모장을 켜두고 수정할 부분을
체크하는 것도 팁이다.
오늘은 이렇게
모바일 환경에서 글을 작성할 때
유용한 방법을 포스팅해 봤다.
내 생각에
내가 작성하는 글들은
모바일에서 보편적으로 확인이 될 것 같아.
이런 글을 작성하게 되었다.
현재 시점으로는
PC 접속이 좀 더 우세하지만,
아마도 영화 리뷰 때문인 것 같고..
시간이 지나면
모바일 접속이 많아질 것으로 예상돼서
앞으로의 글은 모바일 환경에
조금 더 초점을 맞춰
작성해보고자 한다.
모쪼록 이제 시작한 블로거들에게
도움이 되었으면 좋겠다.
'Tistory 채워가기' 카테고리의 다른 글
[Tistory] 동영상 GIF로 변환하여 게시글에 첨부하기 - 'Ezgif 활용' 매우 간단! (2) | 2025.05.13 |
---|---|
[Tistory] 구글 애드센스 한 번에 승인 받은 후기3 +)TIP (3) | 2025.04.04 |
[Tistory] 구글 애드센스 한 번에 승인 받은 후기2 +)TIP (1) | 2025.03.30 |
[Tistory] 카테고리 메뉴(상단) 설정하기 (2) | 2025.03.29 |
[Tistory] 구글 애드센스 한 번에 승인 받은 후기1 +)TIP (1) | 2025.03.27 |