티스토리 로딩 속도를 살펴보면 사실 그다지 느리지는 않다. 하지만 구글 페이지 스피드에서 성능 검사를 해 보면 모바일의 경우 낮은 성능 점수가 나온다. 참고로 구글 페이지 스피드의 성능 점수가 실제 로딩 속도의 성능을 말하는 것은 아니며 이 것을 가지고 다른 플랫폼과 상대적으로 평가하는 것은 바람직하지 않다. 가령 구글 블로그 스팟과 티스토리를 구글 페이지 스피드 점수로 비교해서는 절대 안 된다. 티스토리 로딩 속도 티스토리 로딩 속도를 느리게 하는 대표적인 요인 4가지 광고 고화질 대용량 이미지와 동영상 첨부 티스토리 리소스 사용자가 추가한 리소스 구글 SEO를 염두에 두지 않는 다면 로딩 속도는 큰 의미가 없다. 대체적으로 대부분의 티스토리 블로그들은 사람의 눈으로 보았을 때 느리다는 것을 절대 느끼..
SEO를 위해 티스토리 이미지에 대체 텍스트 alt 속성 값과 이미지 사이즈 속성 width, height 값을 넣는 방법을 알아봅니다. 블로깅을 하면서 이미지를 어떻게 다루냐에 따라 검색엔진 최적화에 악영향을 미칠 수도 있고 그 반대일 수 도 있습니다. 지난번에는 로딩 속도 개선을 위한 이미지 최적화였다면 오늘은 이미지 태그 속성에 대해 말해 보려고 합니다. 많은 분들이 이미지 대체 텍스트 alt가 SEO에서 중요하다는 사실은 익히 잘 알고 있을 것입니다. 그 외 이미지의 사이즈를 나타내는 width, height 속성 값도 중요하니 이번 기회에 한번 살펴보시길 바랍니다. 검색엔진 최적화(SEO) 규칙이 2백 가지가 넘는다고 합니다. 그런데 구체적인 사항은 아무도 모르다고 해요. 개인적으로 SEO를 생..
티스토리 본문에 넣은 이미지에 테두리 윤곽선을 넣는 초간단 방법으로 여백과 이미지를 구분하기 위한 용도로 예쁜 모양의 액자 같은 테두리 선을 만드는 것은 아니니 이점 참고하시기 바랍니다. 캡처 이미지를 사용하다 보면 본문 배경과 이미지 간의 경계가 구분되지 않는 경우가 있었는데요. 제 경우 캡처된 이미지를 포토샾에서 한번 더 편집해 주는데요 캡처된 이미지의 배경이 흰색일 경우 티스토리 본문 배경색과 구분되지 않아 테두리선을 넣고 있습니다. 포토샵이나 이미지 편집 툴로 테두리를 넣게 되면 그때그때마다 다양한 색상과 선 두께 모양 등을 설정할 수 있는 장점도 있고 여백과 구분되어 깔끔해 보이는 효과가 있습니다. 그런데 편집할 때 이미지에 테두리 선을 넣으니깐 귀찮은 것은 둘째치고 한 가지 문제점이 생겼습니다..
티스토리 로딩 속도를 빠르게 하고 싶다는 마음에 이런저런 정보들을 수집해 적용해 보기도 하고 스킨을 바꿔 보기도 했지만 특별한 효과를 보지는 못했을 것입니다. 사실 광고를 달고 있는 이상 티스토리든 워드프레스든 로딩 속도가 현저히 떨어지는 것은 어쩔 수 없는 현상입니다. 물론 약간의 위험성과 수익 감소를 감내할 수 있다면 불가능한 것은 아닙니다. 현재 이 블로그처럼요 하지만 수익이 우선인 블로그에 권해드리지는 않습니다. 우선 광고 관련은 논외로 하고 티스토리 블로그가 로딩 속도를 개선하기 위해 할 수 있는 가장 쉬운 방법을 알아봅시다. 티스토리 사진 이미지와 로딩 속도 관계 객관적 사실을 확인하기 위해 이미지가 있는 게시글과 없는 게시글을 작성 해 구글 페이지 스피드에서 성능 검사를 해보았습니다. 실험한..
티스토리 스킨 중 가장 빠른 #1 스킨과 가장 인기 있는 북클럽 스킨과의 성능 비교입니다. 스킨을 선택하는 데 있어 참고가 되기를 바랍니다. 참고로 스킨 선택 시 무조건 로딩 속도가 빠른 것을 선택할 필요는 없습니다. 본인이 추구하는 방향에 따라 선택해야 합니다. 다만 유관으로 보았을 때 로딩 속도가 현저히 느리다고 여겨지는 스킨이라면 피하는 것이 맞습니다. 티스토리 빠른 스킨 성능 비교 샾1 스킨과 북클럽 스킨의 성능 비교를 위해 구글 페이지 스피드 점수와 브라우저의 개발자 도구 중 네트워크를 이용했습니다. 그리고 공평한 테스트를 위해 동일 블로그의 동일 게시글을 가지고 동일 시간대에 여려 차려 진행한 결과 중 평균적으로 나오는 점수를 예시로 했습니다. 우선 모바일 성능 점수부터 보겠습니다. 왼쪽이 #..
티스토리 목차 적용 전과 적용 후 로딩 속도의 차이를 알아보았습니다. 정확하게는 로딩 속도가 아니라 구글 페이지 스피드 인사이트 점수 차이입니다. 몇 해 전부터 목차가 있으면 SEO에 좋다고 해 티스토리에 목차를 달아 놓거나 목차를 달려고 하시는 분들이 많은데요. 정말 목차가 SEO에 좋은지 한 번쯤 고민할 필요가 있을 것 같아 실험을 해 보았습니다. 개인적으로 꼭 필요한 경우가 아니라면 티스토리에 자바스크립트를 이용한 목차 생성 플러그인 사용을 권장하지는 않습니다. 티스토리 목차 적용 전, 후 성능 점수 어떤 목차 플러그인을 어떤 방식으로 사용하냐에 따라 점수는 달라질 수 있지만 보편적인 사용 방식으로 본문 상단에 목차가 있고 모든 제목 태그를 표시하는 경우의 예입니다. 이 테스트는 동일한 블로그의 게..
티스토리 대표 이미지란? 자신의 블로그 목록에 표시될 이미지를 말합니다. 다음 검색 또는 기타 검색 페이지에 노출될 썸네일 이미지와는 관련이 없습니다. 대표 이미지 설정 방법 대표 이미지를 지정하지 않은 경우 본문 이미지들 중 첫 번째 이미지가 대표 이미지가 됩니다. 대표 이미지는 3가지 방식으로 지정할 수 있습니다. 본문 이미지 중 내가 선택해 지정한 이미지 글 발행 시 별도로 업로드해 대표 이미지로 지정한 이미지 1번~2번이 아닌 경우 본문에 첫 번째 이미지가 대표 이미지 1. 대표 이미지를 지정하려면 본문 이미지들 중 하나를 선택해 체크해 줍니다. 본문에 삽입된 이미지를 클릭하면 선택할 수 있는 버튼이 나타납니다. 2. 글 작성 후 발행 시 별도의 대표 이미지를 업로드합니다. 지정하지 않았다면 첫 ..