전체 글

post-thumbnail

SEO를 위한 티스토리 이미지 대체 텍스트 alt와 width, height 값 넣기

2021.12.14

SEO를 위해 티스토리 이미지에 대체 텍스트 alt 속성 값과 이미지 사이즈 속성 width, height 값을 넣는 방법을 알아봅니다. 블로깅을 하면서 이미지를 어떻게 다루냐에 따라 검색엔진 최적화에 악영향을 미칠 수도 있고 그 반대일 수 도 있습니다. 지난번에는 로딩 속도 개선을 위한 이미지 최적화였다면 오늘은 이미지 태그 속성에 대해 말해 보려고 합니다. 많은 분들이 이미지 대체 텍스트 alt가 SEO에서 중요하다는 사실은 익히 잘 알고 있을 것입니다. 그 외 이미지의 사이즈를 나타내는 width, height 속성 값도 중요하니 이번 기회에 한번 살펴보시길 바랍니다. 검색엔진 최적화(SEO) 규칙이 2백 가지가 넘는다고 합니다. 그런데 구체적인 사항은 아무도 모르다고 해요. 개인적으로 SEO를 생..
post-thumbnail

티스토리 본문 이미지 윤곽선 테두리 넣는 초간단 방법

2021.12.11

티스토리 본문에 넣은 이미지에 테두리 윤곽선을 넣는 초간단 방법으로 여백과 이미지를 구분하기 위한 용도로 예쁜 모양의 액자 같은 테두리 선을 만드는 것은 아니니 이점 참고하시기 바랍니다. 캡처 이미지를 사용하다 보면 본문 배경과 이미지 간의 경계가 구분되지 않는 경우가 있었는데요. 제 경우 캡처된 이미지를 포토샾에서 한번 더 편집해 주는데요 캡처된 이미지의 배경이 흰색일 경우 티스토리 본문 배경색과 구분되지 않아 테두리선을 넣고 있습니다. 포토샵이나 이미지 편집 툴로 테두리를 넣게 되면 그때그때마다 다양한 색상과 선 두께 모양 등을 설정할 수 있는 장점도 있고 여백과 구분되어 깔끔해 보이는 효과가 있습니다. 그런데 편집할 때 이미지에 테두리 선을 넣으니깐 귀찮은 것은 둘째치고 한 가지 문제점이 생겼습니다..
post-thumbnail

티스토리 빠른 로딩 속도를 원한다면 사진 이미지부터 최적화

2021.12.08

티스토리 로딩 속도를 빠르게 하고 싶다는 마음에 이런저런 정보들을 수집해 적용해 보기도 하고 스킨을 바꿔 보기도 했지만 특별한 효과를 보지는 못했을 것입니다. 사실 광고를 달고 있는 이상 티스토리든 워드프레스든 로딩 속도가 현저히 떨어지는 것은 어쩔 수 없는 현상입니다. 물론 약간의 위험성과 수익 감소를 감내할 수 있다면 불가능한 것은 아닙니다. 현재 이 블로그처럼요 하지만 수익이 우선인 블로그에 권해드리지는 않습니다. 우선 광고 관련은 논외로 하고 티스토리 블로그가 로딩 속도를 개선하기 위해 할 수 있는 가장 쉬운 방법을 알아봅시다. 티스토리 사진 이미지와 로딩 속도 관계 객관적 사실을 확인하기 위해 이미지가 있는 게시글과 없는 게시글을 작성 해 구글 페이지 스피드에서 성능 검사를 해보았습니다. 실험한..
post-thumbnail

티스토리 빠른 스킨 선택 샾1과 북클럽 성능 비교

2021.12.08

티스토리 스킨 중 가장 빠른 #1 스킨과 가장 인기 있는 북클럽 스킨과의 성능 비교입니다. 스킨을 선택하는 데 있어 참고가 되기를 바랍니다. 참고로 스킨 선택 시 무조건 로딩 속도가 빠른 것을 선택할 필요는 없습니다. 본인이 추구하는 방향에 따라 선택해야 합니다. 다만 유관으로 보았을 때 로딩 속도가 현저히 느리다고 여겨지는 스킨이라면 피하는 것이 맞습니다. 티스토리 빠른 스킨 성능 비교 샾1 스킨과 북클럽 스킨의 성능 비교를 위해 구글 페이지 스피드 점수와 브라우저의 개발자 도구 중 네트워크를 이용했습니다. 그리고 공평한 테스트를 위해 동일 블로그의 동일 게시글을 가지고 동일 시간대에 여려 차려 진행한 결과 중 평균적으로 나오는 점수를 예시로 했습니다. 우선 모바일 성능 점수부터 보겠습니다. 왼쪽이 #..
post-thumbnail

티스토리 목차 적용 후 로딩 속도 변화

2021.12.06

티스토리 목차 적용 전과 적용 후 로딩 속도의 차이를 알아보았습니다. 정확하게는 로딩 속도가 아니라 구글 페이지 스피드 인사이트 점수 차이입니다. 몇 해 전부터 목차가 있으면 SEO에 좋다고 해 티스토리에 목차를 달아 놓거나 목차를 달려고 하시는 분들이 많은데요. 정말 목차가 SEO에 좋은지 한 번쯤 고민할 필요가 있을 것 같아 실험을 해 보았습니다. 개인적으로 꼭 필요한 경우가 아니라면 티스토리에 자바스크립트를 이용한 목차 생성 플러그인 사용을 권장하지는 않습니다. 티스토리 목차 적용 전, 후 성능 점수 어떤 목차 플러그인을 어떤 방식으로 사용하냐에 따라 점수는 달라질 수 있지만 보편적인 사용 방식으로 본문 상단에 목차가 있고 모든 제목 태그를 표시하는 경우의 예입니다. 이 테스트는 동일한 블로그의 게..
post-thumbnail

지오203 티스토리 스킨

2021.09.04

지오202 다크 스킨은 비 반응형으로 데스크톱 브라우저에서만 작동됩니다. 모바일에서는 티스토리에서 제공하는 모바일 웹 버전을 활성화해야 합니다. 티스토리 스킨 스킨 명 : JIO203 가격 : 무료 현재 버전 : 1.0.0 최종 업데이트 : 2021 년 9 월 04 일 저작권 : © JioScon 문서 ↗ · 변경 로그 ↗ 라이브 데모 다운로드 스킨 소개 해당 스킨은 본문만 있습니다. 너무 단순해서 데모용 블로그는 만들지 않았습니다. 대략 아래 이미지와 같은 형태로 현재 보고 있는 포스팅에서 본문만 있다고 생각하시면 될 것 같습니다. 블로그 제목을 비롯해 카테고리, 메뉴, 페이지 번호, 댓글, 방명록 등이 없고 글 작성자와 글 작성일, 본문 내 구독 버튼도 없습니다. 당연히 공지사항, 보호 글, 커버 기..
post-thumbnail

티스토리 카테고리 추가, 관리 그리고 카테고리 설정 방법

2021.05.05

티스토리에서 카테고리를 만들고 관리 설정하는 방법과 몇 가지 궁금해하는 부분을 설명하려고 합니다. 티스토리 카테고리는 상위와 하위 즉, 대분류와 소분류로 2단계까지 구성할 수 있으며 스킨에 따라 각 카테고리에서 보일 목록 스타일을 다르게 지정할 수 있는 특징을 가지고 있습니다. 이런 설명글 글만 읽어서는 정확히 이해하기가 어렵습니다. 설명 과정에 따라 페이지를 이동하고 실제 해보는 것이 가장 빠르게 습득할 수 있는 방법입니다. 1. 카테고리 관리 페이지 우선 카테고리를 만들기 위해 카테고리 관리로 이동하겠습니다. 각자 자신의 블로그 관리 홈으로 접속합니다. 카테고리 관리는 블로그 관리 홈 > 콘텐츠 > 카테고리 관리에 있습니다. 카테고리 관리에는 크게 카테고리 추가, 수정, 관리, 이동, 삭제가 있습니다..
post-thumbnail

티스토리 카테고리 옆 글 수 표시 보이지 않게 설정

2021.05.05

티스토리 카테고리 옆에 나타나는 게시글 수를 표시하지 않게 설정하는 방법입니다. 방법은 아주 간단하지만 티스토리에 익숙하지 않은 분들은 어디에서 설정해야 하는지 모를 수 있습니다. 간단하게 설명하면 블로그 관리 홈 > 콘텐츠 > 카테고리 관리 > 카테고리 설정에서 할 수 있습니다. 티스토리 설정 어렵지 않습니다. 조금만 살펴보면 아주 단순하고 직관적이며 간단하게 구성되어 있습니다. 단지 눈에 익숙하지 않을 뿐이니 어려워하지 마시기 바랍니다.
post-thumbnail

티스토리 대표 이미지와 다음 검색 썸네일 연관성

2021.04.30

티스토리 대표 이미지란? 자신의 블로그 목록에 표시될 이미지를 말합니다. 다음 검색 또는 기타 검색 페이지에 노출될 썸네일 이미지와는 관련이 없습니다. 대표 이미지 설정 방법 대표 이미지를 지정하지 않은 경우 본문 이미지들 중 첫 번째 이미지가 대표 이미지가 됩니다. 대표 이미지는 3가지 방식으로 지정할 수 있습니다. 본문 이미지 중 내가 선택해 지정한 이미지 글 발행 시 별도로 업로드해 대표 이미지로 지정한 이미지 1번~2번이 아닌 경우 본문에 첫 번째 이미지가 대표 이미지 1. 대표 이미지를 지정하려면 본문 이미지들 중 하나를 선택해 체크해 줍니다. 본문에 삽입된 이미지를 클릭하면 선택할 수 있는 버튼이 나타납니다. 2. 글 작성 후 발행 시 별도의 대표 이미지를 업로드합니다. 지정하지 않았다면 첫 ..