알아보고 💡

[블로그꿀팁] 티스토리 글에 링크를 넣었는데 미리보기가 안 뜬다면? 해결방법 총정리!

환포무죠니 2025. 2. 15. 06:22
반응형

티스토리 미리보기 링크 삽입 방법

티스토리 블로그 미리보기 링크, 나만 어려운 거였을까? ( -_・)?

며칠 전, 티스토리에 글을 작성하면서 다른 글의 링크를 넣고 싶었어요.

그런데 단순한 텍스트 링크가 아니라, 썸네일까지 함께 보이는 '미리보기 링크'를 넣고 싶었죠.
예전 글에 미리보기가 나오게 잘 넣었었는데 간만에 해보려고 하니, 미리보기가 안 떠서 당황했어요.

방법을 찾아보니 의외로 간단한 설정만 해주면 쉽게 해결할 수 있더라고요! 

혹시 저처럼 티스토리에 미리보기 링크를 넣고 싶지만, 방법을 몰라서 헤매고 있다면?
지금부터 미리보기 링크를 쉽게 적용하는 방법을 하나씩 알려드릴게요!


 

인터넷 링크를 상징하는 이미지

1. 티스토리 미리보기 링크란?

티스토리에서 글을 작성할 때 다른 블로그 글, 유튜브 영상, 외부 사이트 링크를 삽입할 수 있습니다.
이때 단순한 텍스트 링크가 아니라, 썸네일과 함께 깔끔하게 보이는 '미리보기 링크'로 적용하면 가독성이 훨씬 좋아지죠!

미리보기 링크 적용 시 장점

  • 사용자가 링크를 클릭할 확률 증가!
  • 블로그가 더욱 깔끔하고 전문적으로 보임
  • 다른 글과 자연스럽게 연결해 방문자 체류 시간 증가!

하지만 설정이 제대로 안 되어 있으면 단순한 텍스트 링크만 보일 수 있기 때문에 올바르게 적용하는 것이 중요합니다!


2. 티스토리 미리보기 링크 적용하는 방법

📌 🔹 방법 1) URL 입력 후 자동 변환 기능(임베드 기능) 활용
가장 쉬운 방법은 티스토리 글 작성 화면에서 URL을 그대로 입력하는 것입니다.

(단, 주소 입력 후 반드시 엔터 키 눌러주기! 잊지 마세요!)
👇 이렇게 하면 자동으로 미리보기가 생성됩니다.

https://muzuny.tistory.com/

 

무죠니월드

같이 놀고 먹어요 ⁽⁽٩( ᐖ )۶⁾⁾

muzuny.tistory.com

 

하지만 일부 경우에는 자동 변환이 안 될 수도 있습니다.
이럴 때는 아래 방법도 활용해보세요!

 

📌 🔹 방법 2) '링크 삽입' 기능 활용
1️⃣ 티스토리 글 작성 화면에서 🔗 '링크 삽입' 버튼 클릭
2️⃣ 삽입할 URL 입력
3️⃣ 미리보기 옵션 활성화 (가능한 경우)
4️⃣ 적용 후 저장

이 방법을 사용하면 미리보기가 활성화되지 않는 경우에도 링크를 깔끔하게 정리할 수 있습니다.

 

📌 🔹 방법 3) 직접 카드형 링크 태그 삽입하기 (HTML 편집)

만약 미리보기 옵션이 활성화되지 않는다면, HTML 모드에서 수동으로 삽입하는 방법도 있습니다.

1️⃣ 티스토리 글쓰기 화면에서 HTML 모드(</> 버튼)로 전환

2️⃣ 아래 코드를 원하는 위치에 삽입

https://muzuny.tistory.com/포스팅주소" data-tiara-action-name="click_content">
    
</div class="tt-card">
        
</div class="tt-card-thumbnail">
            포스팅 제목</img src="썸네일이미지주소" alt="포스팅 제목">
        
        
</div class="tt-card-content">
            포스팅 제목
            포스팅 설명

            muzuny.tistory.com
        
    
  • "https://muzuny.tistory.com/포스팅주소" → 넣고 싶은 글의 주소 입력
  • "썸네일이미지주소" → 포스팅 대표 이미지 주소 입력
  • "포스팅 제목" 및 "포스팅 설명" → 직접 입력


문제가 해결되지 않는 컴퓨터 화면

3. 미리보기 링크가 안 뜨는 경우 해결 방법

💡 문제가 발생할 경우 이렇게 해결해 보세요!

1) 링크에 http:// 또는 https://가 포함되어 있는지 확인

  • 링크를 넣었는데 텍스트로만 보인다면?
    👉 https://를 앞에 붙여서 다시 입력하세요!

2) SNS 공유 설정을 확인하세요!

  • 티스토리의 SNS 공유 설정이 비활성화되어 있으면 미리보기가 제대로 뜨지 않을 수 있어요.
    👉 티스토리 관리자 페이지 → 설정 → 공개 설정에서 'SNS 공유 허용'을 활성화하세요.

3) 미리보기 이미지가 표시되지 않는다면?

  • 썸네일 이미지가 없는 경우 자동 미리보기가 생성되지 않을 수 있어요.
    👉 포스팅에 대표 이미지를 반드시 포함하세요!

4. 티스토리 링크를 활용하면 방문자를 늘릴수도 있다!

티스토리에서 미리보기 링크를 활용하면 다른 글과 자연스럽게 연결할 수 있습니다.
특히, 관련된 글끼리 링크를 걸어주면 방문자의 체류 시간을 늘리고, 추가적인 클릭을 유도할 수 있죠!

 


 

📌 잘 활용하면 수익을 가져다 주는 티스토리 미리보기 링크, 이렇게 설정하세요!

💡 미리보기 링크를 적용하면 블로그의 가독성이 높아지고, 방문자 체류 시간이 증가합니다!
💡 주소 삽입으로 설정이 안 된다면 다른 방법으로 시도하거나  http:// 확인, SNS 공유 설정, 대표 이미지 포함을 체크하세요!
💡 미리보기 링크로 내가 쓴 다른 글과 자연스럽게 연결해 더 많은 방문자를 확보하세요!

지금 바로 내 블로그 글에 미리보기 링크를 적용해 보세요! ⸜(๑'ᵕ'๑)⸝

반응형