티스토리 본문 중간에 최신 글·인기 글 자동 삽입하는 방법 | 방문자 유입과 SEO 최적화
티스토리를 운영하면서 방문자들이 더 오래 머물고 다양한 글을 탐색할 수 있도록 하는 방법을 고민한 적이 있나요? 본문 중간에 최신 글과 인기 글을 자동 삽입하면, 독자가 더 많은 콘텐츠를 접할 기회를 제공하고 블로그 체류 시간을 증가시킬 수 있습니다. 이는 검색 엔진 최적화(SEO)에도 긍정적인 영향을 미칩니다.
이번 글에서는 티스토리 본문 중간에 최신 글과 인기 글을 자동 삽입한 방법을 단계별로 설명해 드리겠습니다. 이 방법을 적용하면 방문자 유지율을 높이고, 블로그 트래픽을 효과적으로 증가시킬 수 있습니다.
1. 본문 중간에 최신 글·인기 글을 자동 삽입하는 이유
보통 블로그에서는 관련 글을 수동으로 추가하는 것이 가장 좋은 방법입니다. 하지만 특정한 글과 직접적인 관련이 없더라도 방문자들이 흥미를 가질 만한 콘텐츠가 있을 수 있죠.
최신 글과 인기 글 자동 삽입의 장점
- 방문자가 다양한 글을 탐색하도록 유도
- 블로그 체류 시간이 증가하여 SEO 최적화 효과 발생
- 랜덤 삽입을 통해 신선한 콘텐츠 제공
- 사이트의 내부 링크 구조 강화로 검색엔진 크롤링 최적화
Tip: 관련 글 추천 외에도 최신 글과 인기 글을 랜덤으로 배치하면, 방문자가 예상하지 못한 유용한 콘텐츠를 발견할 가능성이 높아집니다.
2. 본문 중간에 최신 글 2개 자동 삽입 설정하기
기본 원칙
- 최신 글 목록(50개) 중에서 랜덤으로 2개 삽입
- 본문 중간 지점에 자동 배치
- 인용문이 포함된 글에서는 소제목(H2·H3) 개수를 기준으로 위치 조정
설정 과정
- 최신 글 RSS 기준으로 50개 중 랜덤으로 2개 선택
- 본문 <p> 태그 개수를 기준으로 중간 지점에 배치
- 인용문이 포함된 경우, 소제목(H2+H3) 총합의 중간 지점에 배치
이렇게 설정하면 글을 읽는 흐름을 방해하지 않으면서도 자연스럽게 콘텐츠가 추가됩니다.
Tip: 너무 많은 최신 글을 한 번에 삽입하면 가독성이 떨어질 수 있습니다. 2개 정도가 가장 적절합니다.
3. 본문 중간 삽입 위치 조정하기
처음에는 본문 중간 2/4 지점과 3/4 지점에 각각 1개씩 배치해 봤습니다. 하지만, 연달아 2개를 배치하는 것이 가장 깔끔하고 가독성에도 좋았습니다.
최적의 배치법
- 글 중간에 연달아 2개의 최신 글 배치
- 인용문이 포함된 글은 소제목(H2·H3) 개수를 기준으로 위치 조정
이 방식으로 설정하면 가독성을 해치지 않고 자연스럽게 최신 글을 노출할 수 있습니다.
Tip: 최신 글을 배치할 때는 ‘연속성’이 중요합니다. 뜬금없는 위치보다는 자연스러운 흐름을 고려해 배치하는 것이 효과적입니다.
4. 디자인 통일성과 썸네일 비율 조정
디자인 원칙
- 본문 하단의 인기 글·최신 글 디자인과 통일
- 썸네일 비율: 1:1 고정 (처음엔 4:3으로 설정했으나 1:1이 더 적절함)
- 제목 + 내용 + 블로그 주소 표시 (처음에는 제목과 썸네일만 노출했으나, 정보 제공 차원에서 내용과 주소도 추가)
Tip: PC에서는 제목과 내용이 모두 보이게 설정하고, 모바일에서는 가독성을 위해 썸네일 + 제목만 보이게 설정할 수도 있습니다. 하지만 최종적으로 PC와 모바일 동일하게 제목·내용·주소를 노출하는 것이 더 효과적이었습니다.
5. 인기 글도 자동 삽입 가능할까?
현재는 최신 글(50개) 중에서 랜덤 2개 삽입 설정이 되어 있지만, 인기 글도 치환자를 이용해 동일한 방식으로 적용할 수 있습니다.
두 가지 방법
- 인기 글(30개) 중에서 랜덤 2개 삽입
- 최신 글 1개 + 인기 글 1개 삽입
SEO 관점에서 보면, 최신 글이 검색 엔진 크롤링과 방문자 유입에 유리하기 때문에 현재는 최신 글을 기준으로 설정했습니다. 하지만 방문자가 증가하면, 최신 글 1개 + 인기 글 1개로 변경하는 것도 좋은 방법이 될 수 있습니다.
Tip: 인기 글과 최신 글을 적절히 배치하면 블로그의 균형 잡힌 트래픽 증가에 도움이 됩니다.
6. 본문 하단 목록 설정 조정
본문 하단에는 인기 글 30개 + 최신 글 50개가 표시되도록 설정했습니다.
- 썸네일 + 제목 + 주소만 표시 (내용은 숨김)
- 이유: 너무 많은 내용을 넣으면 목록이 길어지고 가독성이 떨어짐
본문 중간에는 내용을 포함한 글을 삽입했지만, 하단 목록에서는 깔끔한 디자인을 유지하기 위해 내용을 제외했습니다.
Tip: 본문 하단은 방문자가 스크롤을 많이 내리는 구간이므로, 목록이 길어지는 것을 방지하는 것이 중요합니다.
7. 추가 활용: 애드센스 광고 배치 가능
이 설정을 활용하면 애드센스 광고도 원하는 위치에 삽입할 수 있습니다.
가능한 광고 배치 위치
- 본문 중간 최신 글/인기 글 삽입 위치 근처
- 이미지 위 또는 아래
- 소제목(H2) 아래
현재는 광고를 적용하지 않았지만, 정상적으로 원하는 위치에 광고가 나오도록 테스트 완료했습니다. 추후 광고를 삽입할 계획이라면 이 방식을 활용할 수 있습니다.
Tip: 애드센스 광고를 본문 중간에 자연스럽게 배치하면 클릭률을 높일 수 있습니다.
8. 전문가가 아니어도 충분히 설정 가능!
이 기능을 적용하기 위해 여러 가지 테스트를 진행했으며, 전문적인 개발 지식 없이도 충분히 설정이 가능합니다.
✔ 코드를 직접 수정하면서 여러 방식으로 실험
✔ 지속적으로 개선할 계획
✔ 방문자 수가 증가하면 인기 글도 함께 적용할 예정
블로그를 오래 운영할 계획이라면, 지금과 같은 초기 설정이 매우 중요합니다. 꾸준한 방문자 증가를 위해 이러한 기능들을 미리 적용해 두는 것이 좋습니다.
Tip: 완벽한 설정을 한 번에 찾기는 어렵습니다. 꾸준히 테스트하고 블로그 환경에 맞춰 조정하는 것이 중요합니다.
결론: 본문 중간 최신 글 자동 삽입, SEO와 방문자 유지에 효과적!
이번 설정을 통해 티스토리 본문 중간에 최신 글과 인기 글을 자동으로 삽입하는 방법을 정리해 보았습니다.
앞으로도 블로그 최적화 관련 내용을 꾸준히 공유할 예정입니다.
이 설정이 궁금하신 분들은 댓글이나 구독 부탁드립니다!