티스토리17 티스토리 블로그 페이지 무겁게 느껴진다면 이미지 변경으로 속도 개선 하세요 티스토리 블로그를 운영한 지 6개월 차에 접어듭니다. 다른 설치형 블로그에 비해 유난히 블로그가 무겁게 느껴집니다. 구독형 블로그의 대표 격인 네이버 블로그보다 무겁게 느껴지는 것은 당연하고요. 사용 경험으로 미루어 짐작하건대 서버나 회선이 네이버보다 좋은 것 같지는 않습니다. 각종 페이지 로딩 속도를 테스트해 보아도 답답하기는 마찬가지입니다. 메인 페이지 및 페이지 이동 로딩 속도 개선 1. 차세대 형식의 이미지 사용 일단 가장 많이 사용하는 pagespeed.web.dev/analysis를 통해 테스트해 본 결과 초기 서버 응답시간이 1초가 넘습니다. 티스토리 서버환경이 어쩔 수 없나 봅니다. 그리고, 사용하지 않는 자바스크립트도 열어봤더니 대부분이 구글 애드센스 관련입니다. 이건 뭐 수익형 블로그 .. 2023. 4. 26. 더보기 티스토리 2차 도메인 구매하고 DNS 설정해서 홈페이지처럼 연결하는 법 2차 도메인 구매하고 DNS 설정하는 법 다른 사람들처럼 OOO.com 이런 주소를 갖고 싶다는 생각이 있다면 이번 포스팅 잘 읽어보시면 됩니다. 이번 교육생 중 한 분이 camping stye(캠핑 스타일)이라는 도메인을 원해서 도와드렸습니다. 도메인 검색 일단 국내 유명 업체 후이즈(https://whois.co.kr)에 가서 검색을 해봤습니다. 가비아, cafe 24 등에서도 가능합니다. 원하는 도메인을 넣고 검색하니까 닷컴(.com)과 닷넷(.net)은 이미 다른 사람이 쓰고 있죠? 그렇습니다. 닷컴의 경우에는 어지간한 단어 조합이 아니면 대부분이 사용되고 있거나 누군가에게 선점되어 도메인을 판매한다는 글이 먼저 보입니다. 다행히 .kr 도메인과 .co.kr 도메인은 아직 아무도 사용하지 않고 있.. 2023. 4. 26. 더보기 티스토리 최적화를 위한 초기 필수 세팅 5가지 - 구글 검색 반영의 시작 블로그 세팅은 구글 애드센스 승인 전과 승인 후 다른 부분이 상당히 많습니다. 글의 후반부 내용으로 갈수록, '어? 이상한데?'라고 생각할 수도 있습니다. 왜냐하면 구글 애드센스 광고 승인 전에는 광고 정책에 맞게 세팅을 하고 승인 후에는 많은 트래픽을 만들어내고 블로거나 사용자가 편하게 사용하도록 바꾸기 때문입니다. 이 부분을 이해하지 못하면 제가 적어 내려 가는 이 글들이 생각하고 있는 것과 또는 기존에 학습하신 내용과는 다르다고 생각하게 될 것입니다. 4~5개월 정도 애드센스를 운영해보고 새롭게 알게 된 내용으로 수정하여 다시 발행합니다. 전체적으로 글의 큰 틀을 추가하지는 않았어요. 당장에 티스토리 블로그로 수익형 블로그를 운영하려는 분들이 꼭 필요한 필수 세팅 부분만 다루었습니다. 그 외 필요한.. 2023. 4. 12. 더보기 티스토리 스킨 꾸미기. 모바일과 PC에서 다르게 보이도록 하고 싶을 때 주력이 코딩이 아니고 마케팅인데, 어쩌다 시간이 남아서 계속 티스토리 스킨을 만져보고 있네요. 기왕에 블로그를 운영하는 것 조금이라도 더 예쁘고 최적화된 모습으로 만들어 보려는 생각에서 공부 중입니다. 반응형 스킨을 수정하다 보니 반응형도 반응형이지만 모바일과 PC에서 다르게 보이도록 하는 근본적인 원리를 알아야 작업이 가능하다는 생각에 이것저것 시도해 보다가 원점으로 돌아와서 정리하게 되었어요. 여러분들에게도 도움이 되길 바라며 기록으로 남겨봅니다. 아마 CSS 작업을 하다 보면 PC 화면에서 뭔가 나타나도록 한 것을 모바일에서는 보이지 않도록 감추고 싶을 때 @media screen and (max-width: 767px) {} 안에 해당하는 class에 display: none;이라고 정의해 두면 .. 2023. 4. 10. 더보기 구글 서치콘솔 CLS 문제: 0.1 초과? 깔끔하게 해결하는 방법 CLS (Cumulative Layout Shift) 문제는 웹사이트에서 페이지 로딩 중에 발생하는 레이아웃 변화가 사용자 경험에 부정적인 영향을 미치는 문제입니다. CLS 점수는 변화된 레이아웃 요소의 크기와 위치, 그리고 해당 요소의 가시성에 따라 결정됩니다. CLS 점수가 0.1을 초과하면 사용자 경험이 나쁘게 느껴지기 때문에 최적화가 필요합니다. 이를 해결하기 위한 방법은 다음과 같습니다. CLS 문제 해결 방법 1. 이미지와 비디오 크기 설정 이미지와 비디오는 웹페이지에서 CLS 문제를 발생시키는 가장 일반적인 요인 중 하나입니다. 따라서 이미지와 비디오의 크기를 설정하여 레이아웃 변화를 최소화해야 합니다. 즉, 이미지와 비디오의 크기를 설정하고, 이 크기가 변경되지 않도록 고정합니다. 포스팅된.. 2023. 4. 10. 더보기 애드센스 광고 머물러 있는 시간을 위해 티스토리 우측 칼럼 사이드(aside) 메뉴 고정 시키기 티스토리 블로그가 아니더라도 sticky 명령어를 position에 적용하면 어떤 것이든 위치가 들러붙어 있게 됩니다. 자세한 CSS 적용은 저도 몰라요. 전문적으로 공부한 것이라기 보다는 다양한 스킨의 소스들을 비교해보고 공통된 부분을 찾아서 배우다보니 잘못된 부분이 있을 수 있어요. #aside { /* 사이드바 고정 */ position: sticky; position: -webkit-sticky; top: 0px; } 위 코드를 스킨 편집의 CSS 부분에 추가하면 티스토리에 포스팅된 게시물 페이지를 읽을 때 우측 aside에 해당하는 가는 폭의 칼럼이 고정되어 있게 됩니다. 가는 폭의 칼럼에 구글 애드센스 광고를 적용한 경우, 노출된 시간이 상대적으로 늘어나게 되므로 광고 수입에 긍정적인 영향이 .. 2023. 3. 30. 더보기 티스토리 개편. 모바일 접속시 /m 제거하고 PC 반응형스킨으로 넘어가기(리디렉션)와 구글애널리틱스 해결하기 오늘 티스토리에서 모바일 티스토리 페이지 개편을 공지했어요. 아무래도 PC 사용자보다는 모바일 사용자가 많으니 모바일 위주로 사이트를 개편한 것 같습니다. 그러나, 티스토리 메인 페이지를 모바일로 접속하는 사람이 얼마나 될지는 사실 모르겠네요. 국내 주요 포털 사이트 네이버나 다음도 모바일로 초기 화면에 접속하는 경우는 드물거든요. 보통은 공유된 링크를 통해서 들어가기 때문에 개편으로 인한 효과를 크게 얻기는 어려워 보입니다. 하여간, 그래도 티스토리 블로그 스킨을 변경하여 사용하는 유저들에게는 불편한 소식인데요. 모바일로 티스토리에 접속하면 URL뒤에 기본적으로 /m이라는 것이 붙어 다닙니다. 이렇게 접속될 경우 티스토리 관리자모드에서 모바일 버전을 사용하지 않음으로 설정하더라도 강제로 /m URL이 .. 2023. 3. 29. 더보기 초보자도 쉽게 따라할 수 있는 초간단 티스토리 블로그 개설 방법 온라인 마케팅의 출발은 블로그입니다. 블로그는 개인적으로나 기업으로 볼 때 내가 하고 있는 사업을 온라인으로 그리 많은 비용을 지출하지 않고 알릴 수 있는 최적화된 플랫폼입니다. 국내에서는 네이버 블로그와 다음 블로그가 독보적인 1, 2위를 차지하고 있었는데, 2022년 9월 말 다음 블로그가 서비스를 종료하면서 네이버 블로그가 국내에서 마케팅으로 쓰이는 유일한 블로그가 되었습니다. 물론 규모는 작지만 이글루스 같은 다양한 블로그 플랫폼이 없는 것은 아니었는데, 이 마저도 올해 서비스 종료를 공지했습니다. 이 와중에 일반인에게는 익숙하지 않은 티스토리라는 블로그가 있습니다. 이미 오래전부터 서비스가 진행되었으나 개발자들이나 전문 블로거들이 주로 사용하였고 상당히 확장성이 있는 반면 처음 블로그를 접하는 .. 2023. 3. 25. 더보기 블로그 댓글에 기본적으로 들어가 있는 내용을 수정하려면? 티스토리 블로그를 운영하는 분들은 기본적으로 구글 애드센스 수입을 어느 정도 생각하고 블로그를 운영하고 있다는 가정을 해 봅니다. 물론 모두 그런 것은 아니니, 예외도 있을 수 있습니다. 일반적인 것을 말하고 있으니까요 :) 그런데 블로그 지수를 높이고 수익을 창출해야 하는 입장에서 블로그 평균 체류시간을 낮추는 무의미한 댓글에 눈살을 찌푸려본 적이 있을 거에요. 그래서 원천적으로 생각을 한 번 더 하고 댓글을 남길 수 있도록 댓글의 기본 내용을 수정해 보려고 합니다. 아마 스킨마다 조금씩 다르기는 해도 대부분 위의 이미지로 댓글창이 있을 거에요. 여러분의 소중한 댓글을 입력해주세요.라는 부분이 너무 희미해서 그냥 의미없이 컨트롤 V를 하는 것 같아 수정해보았습니다. 이렇게 된 부분을 찾아서, "여러분의.. 2023. 3. 14. 더보기 티스토리 반응형 스킨에서 모바일의 상단 로고가 고정되어 밀려 올라가지 않게 레이아웃 변경 티스토리 반응형 스킨을 사용하다 보면 모바일에서 로고가 스크롤 되면서 위로 사라지는 것 때문에 약간 불편함(?)을 느끼게 됩니다. 실제 사용자들은 전혀 불편하지 않을 수 있지만, 블로그를 운영하는 입장에서는 상단의 로고가 계속 머물러 있어야 브랜드 이미지를 부각할 수 있기 때문에 로고는 블로그 운영에서 지속적으로 검색 사용자에게 노출되도록 해야 하는 부분이에요. 어떻게 하면 상단의 로고 부분이 고정되어 밀려 올라가지 않도록 할 수 있을까요? 자세히 소스를 뜯어봤더니 살짝 불편한 부분이 보입니다. 상단 로고 부분 이외에 상단의 메뉴도 같이 header 부분으로 묶여 있었습니다. 어쩔 수 없이 상단 로고 부분과 상단 메뉴 부분을 모두 고정시켜서 사용하는 방법으로 header의 inner 포지션을 고정시키는 .. 2023. 3. 14. 더보기 "SEO최적화를 색인 생성에서 h1 요소가 2개 오류" 해결하는 방법 티스토리에서 기본적으로 제공하는 스킨의 경우 css에서 h1, 즉 제목에 해당하는 부분이 2개 이상으로 잡혀 있습니다. 가장 문제가 되는 부분은 블로그의 제목에 해당하는 header 부분인데요. 기본적으로 #header h1으로 되어 있기 때문에, 검색봇은 이것을 블로그 제목이라기보다는 게시글의 타이틀이라고 생각하게 되지요. 따라서 색인생성을 수동으로 요구하더라도 h1 요소가 2개라는 오류를 뱉어냅니다. 특히 네이버 서치어드바이저로 색인생성한 경우에는 명확하게 이 부분에 대해서 언급해주고 있습니다. 네이버 포털에서 내가 티스토리에 남긴 글을 정상적으로 색인생성하지 않는데도 그냥 방치한다는 것은 블로그를 그냥 일기장으로 쓰겠다는 의미와 같습니다. 자세한 부분은 전문가의 도움을 받으시면 되겠지만 저의 경우에.. 2023. 3. 13. 더보기 티스토리 팀블로그 운영하기, 다른 사람을 초대하여 함께 운영하는 법 블로그를 혼자서 운영하는 것이 당연하다 생각했었는데 티스토리를 보고 정말 놀랐습니다. 다양한 기능들 중에 기업의 홈페이지처럼 사용할 수 있는 html 편집 기능과 함께 여러 사람이 공동으로 운영이 가능하다는 것이었어요. 무슨 말인가 했는 데 사용해 보고 알게 되었습니다. 궁금하시다면 같이 둘러보실까요? 티스토리 블로그 여러 사람이 함께 운영하는 법 일단 함께 운영할 멤버를 구성하는 것이 제일 먼저 해야 할 일입니다. 단 두 명만 있어도 시작은 가능합니다. 운영 목적을 사전에 이야기하는 것이 나중을 위해서도 좋겠지요. 그럼 준비는 끝났습니다. 아래 이미지는 이스토리(https://estory.kr) 팀블로그를 함께 운영하시는 분들의 리스트입니다. 시작하는 방법입니다. 1. 관리자 메뉴 하단의 팀블로그를 클.. 2023. 3. 11. 더보기 이전 1 2 다음 최신글 이미지 제목 글쓴이 등록일
