Living a Better Life

경제적 자유를 위해 도전하고 시도합니다.

반응형

💡Blog 32

블로그 최적화 작업(1) 블로그 홈화면 구성

구글 애드센스에서 지속적으로 호스팅 서버 관련 오류가 발생하여 광고 게재가 제한되고 있습니다. 또한 블로그 로딩 속도가 느려졌다는 생각도 듭니다. 그래서 요즘 블로그를 가볍고 빠르게 만들기 위해 다양한 작업을 진행 중입니다. 목차 블로그 속도와 성능 점검 블로그 속도 개선을 위해서 Think with Google 에서 모바일 블로그 속도 측정과 개선점도 찾아보고, page speed insignts 에서도 꾸준히 블로그 성능을 진단하고 있습니다. 어떤 테스트든 테스트도 완벽하진 않지만 계속해서 블로그 성능을 점검해봐야 합니다. page speed insignts 에서 성능 지수가 10점대까지 낮았었는데 최근 블로그 여러 부분을 가볍고 단순하게 만드는 작업을 통해서 51까지 올라왔습니다. 이 수치가 절대적..

가장 쉽게 설명하는 티스토리 글쓰기 방법

최근 다음 블로그가 티스토리로 이전하고 있습니다. 많은 분들이 티스토리 사용법을 궁금해하셔서 차근차근 글쓰기 방법부터 소개드리려 합니다. 목차 티스토리 글쓰기 티스토리는 글을 쓸 수 있는 글쓰기 버튼이 숨어있습니다. 네이버 블로그를 사용하시는 분들이나 다음 블로그를 사용하셨던 분들에게 티스토리는 아주 불편한 블로그이지요. 저도 처음에 글을 어떻게 써야 하는지, 수정은 어디에서 하는지 한참 찾았던 경험이 있습니다. 그래서 많은 분들이 글쓰기 버튼을 html로 만들어 추가하거나, 메뉴에 추가하거나 단축키로 html 설정을 넣어 사용하고 있습니다. 우선 오늘은 그중에서 티스토리에 숨어있는 글쓰기 버튼을 찾아보겠습니다. 1. 카카오계정 로그인 후 프로필 사진 클릭 ▲카카오계정에 로그인을 하면 위와 같은 화면이 ..

티스토리 프로필 이미지, 블로그 이름, 닉네임 설정하고 변경하기

티스토리 프로필 이미지는 어떻게 설정할까요? 블로그 이름은 어떤 메뉴에서 변경할 수 있을까요? PC와 티스토리앱에서 프로필 이미지와 블로그 이름 설정과 변경에 대해 알아보겠습니다. 목차 1. PC에서 티스토리 프로필 이미지, 블로그 설정하기 ▲티스토리에서 프로필 이미지를 설정하거나 블로그 이름과 닉네임을 바꾸고 싶을 때는 블로그 관리 메뉴를 이용하시면 됩니다. 티스토리에서는 블로그 관리 메뉴가 숨어있습니다. 먼저 블로그에 들어가거나 티스토리 카카오계정에 로그인했을 때 화면 상단 오른쪽에 있는 프로필 이미지나 동그라미 속 T 부분을 눌러줍니다. 그러면 글쓰기를 할 수 있는 연필 모양이 나오고 그 옆에 블로그 설정을 할 수 있는 톱니바퀴가 나옵니다. 톱니바퀴를 누르면 위와 같은 화면이 나오는데 이 화면이 바..

크롤러 오류는 줄이고 광고게재율은 높이는 블로그 최적화(2) 웹폰트를 가볍게

크롤러 오류와 블로그 속도 개선, 구글 애드센스 게재를 원활히 하기 위해 요즘 블로그 최적화 작업을 하고 있습니다. 오늘은 블로그 속도에 가장 영향을 많이 미치는 무거운 웹폰트를 가볍게 만드는 방법을 소개하겠습니다. 목차 블로그 속도를 개선해야 하는 이유 블로그 최적화 작업에 앞서 왜 블로그 속도를 개선해야하는지 목적을 분명하게 하는 것이 좋습니다. 사진이 많은 블로그라면 사진 로딩 때문에 나머지 요소는 간결하게 바꾸어 블로그 로딩 속도를 개선해야 할 것이고, 구글 애드센스 광고로 수익을 많이 내고 싶다면 블로그 속도를 개선해 광고 로딩이 잘 이루어지도록 해야 합니다. 블로그 속도가 느리면 블로그 방문자는 기다리지 않습니다. 다시 검색을 시작하고 다른 대안이 되는 블로그를 방문해서 짧은 시간에 원하는 정..

웹폰트 적용(1) 파일업로드하여 티스토리 적용하기

웹폰트를 티스토리 블로그에 적용하는 방법은 크게 3가지가 있습니다. 오늘은 그중에서 직접 폰트 파일을 업로드하여 티스토리 블로그에 적용시키는 방법을 알아보겠습니다. 목차 1. 웹폰트 다운로드 받기 먼저 원하는 웹폰트를 파일로 다운로드하여야 합니다. 이때, 폰트 저작권 및 사용범위(라이선스)를 꼭 확인하시기 바랍니다. 제가 사용 중인 웹폰트는 처음부터 woff 형태가 있어서 바로 다운로드했지만, 혹시 저 폰트 파일 형태가 없다면 폰트 파일을 변환해서 업로드하셔도 됩니다. 저도 woff를 woff2로 변환해서 함께 올렸습니다. woff는 웹 전용 폰트로 Web Open Font Format의 약자입니다. 그리고 woff2는 기존 woff에 비해 30~50% 압축한 폰트 파일 형태입니다. 업로드하는 파일도 더..

티스토리 글 수정하고 삭제하는 방법(PC와 모바일앱)

구글 애드센스, 카카오애드 핏 등 광고 수익으로 수익형 블로그를 만들고 싶어서 티스토리를 만드신 분들이 많습니다. 티스토리 블로그 글을 수정하고 삭제하는 방법을 알아보겠습니다. 목차 발행된 티스토리 글에는 수정 삭제 버튼이 없다? 티스토리에서 글을 작성하고 발행하면 인터넷에 보이는 글 화면이 보입니다. 그런데 발행된 글을 보니 오타도 보이고 사진도 크기가 너무 크고 문단도 너무 길어 가독성이 떨어집니다. 내가 쓴 티스토리 글을 고치고 싶어집니다. 혹은 공개를 했는데 비공개로 변경하고 싶을 수도 있고, 글이 마음에 안 들어 글을 삭제하고 싶을 수도 있습니다. 어떻게 해야 할까요? 네. 글을 수정해야 합니다. 오 마이 갓! 제목 부분에 수정이나 삭제 버튼이 있어야 하는데 안보입니다. 음... 잠시 생각합니다..

크롤러 크롤링 오류 줄이는 5가지 방법

티스토리 블로그를 운영하다 보면 종종 애드센스 크롤러 크롤링 오류가 생기곤 합니다. 명확하게 크롤러 크롤링 오류를 해결하는 방법은 없지만, 시간이 지나면서 나름대로 터득한 크롤러 크롤링 오류를 줄이는 팁을 소개합니다. 목차 1. 맞춤법 검사, 미리보기는 필수 모두가 다 알고 있는 이야기이지만, 구글 애드센스를 하시는 분들이라면 애드센스가 글에 맞게, 스킨 디자인에 맞게 광고 세팅을 하는 것을 아실 겁니다. 그렇기 때문에 발행 후 수정을 해서 글을 계속 재발행하는 것보다 글 발행 전에 최대한 수정 하는 것이 좋습니다. 저도 이 부분을 간과해서 글을 쓰면 대충 확인하고 글을 발행한 적이 많았습니다. 그리고 며칠 뒤에 수정할 부분이 보여 수정하고 또 수정하였죠. 글 발행 후 바로 수정을 여러 번 한 적도 많았..

가장 간단한 티스토리 글 수정, 삭제, 비공개 변경 방법

어쩌면 모두가 알고 계실 것 같지만 그래도 모르는 분이 많으신 티스토리 글 수정하고 삭제, 비공개로 전환하는 가장 쉬운 방법을 알려드립니다. 티스토리 글을 다 쓰신 후 발행을 했는데 수정할 부분이 보이면 당황스러우시죠? 티스토리 글은 발행은 했는데 아무리 찾아도 글을 수정하는 방법이 보이지 않으니 답답할 노릇입니다. 물론 블로그 관리에 들어가서 티스토리 글을 수정하는 방법도 있습니다. 이런 경우는 쓰신 글이 많다면 일일이 페이지를 넘겨 찾기가 힘드니 블로그 관리에 들어가서 글을 찾아 수정하는 것이 훨씬 편합니다. 하지만 방금 쓴 글이나 지금 목록에 보이는 글을 수정하고 싶을 때는 블로그 관리에 다시 들어가기가 귀찮습니다. 가장 쉽고 가장 직관적이게 이미지 1개로 티스토리 글을 수정하고 삭제, 비공개로 만..

카테고리글/관련글에서 애드센스 광고가 나오지 않아요. 티스토리 URL에 붙은 ?category= 삭제하기

요즘 티스토리에서 카테고리나 관련글 섹션에서 글을 클릭하면 구글애드센스 광고가 나오지 않고 있습니다. 블로그의 모든 섹션에서 애드센스 광고가 잘 나와야 수익에 반영이 되기 때문에 이 문제를 해결하려 합니다. 티스토리 같은 글, 그런데 URL이 다르다? 티스토리에 글을 쓰고 발행을 하면 분명 글은 1개인데 주소는 2개가 됩니다. 카테고리를 따로 만들지 않는다면 해당이 되지 않겠지만, 대부분 카테고리를 만들어 사용하시지요. 예를 들면, 라는 제목으로 글을 썼는데 그 글의 url 주소는 https://livingabetterlife.tistory.com/86 가 됩니다. 보통 홈화면에서 글을 클릭하면 나오는 주소입니다. 그런데 카테고리의 다른글, 관련글, 사이드바의 카테고리에서 해당 글을 클릭하면 그 글의 u..

오디세이 스킨 코드블럭(Syntax Highlight) CSS 분석

오디세이 스킨에서 html 이나 CSS 코드를 블로그에 올릴 때가 많습니다. 가독성이 좋기 위해 코드블럭 플러그인을 사용중인데 코드블럭 관련 CSS를 알아봅니다. 티스토리 코드블럭 테마 7가지 티스토리에서는 플러그인을 통해 7가지 테마를 제공하고 있는데 그 테마 예시와 플러그인을 적용하는 방법에 대해 먼저 보시고 CSS 분석을 보시는 게 좋습니다. 내 블로그 스킨이나 디자인에 어울리는, 혹은 내가 좋아하는 스타일의 코드 하이라이트여야 하니까요. 티스토리 코드블럭 Syntax Highlight 테마 예시보기 블로그에 html 이나 CSS 소스코드를 공유하시는 분들이 많습니다. 이미지로 캡쳐해서 사용하기도 하지만, 코드를 코드블럭을 통해 작성하면 코드에 대한 가독성이 높아집니다. 티스토리에 있는 living..