안녕하세요 상훈입니다.

카카오톡에 프로젝트 링크를 보내었는데, 볼품없는 링크만 뜨고 변경한 링크가 뜨지 않을 때 할 수 있는 방법입니다.

 

 

1. 카카오톡 개발자 웹사이트에 접속합니다.

 

카카오계정 로그인

여기를 눌러 링크를 확인하세요.

accounts.kakao.com

 

2. 도구 > 초기화 도구 > OG 캐시 탭에 들어갑니다.

 

3. URL 부분에 본인의 웹사이트 주소를 입력하고 초기화 합니다.

카카오톡은 메신저 내부에서 캐시 처리를 합니다. 

그래서 한 번 올렸던 링크에 대해서는 이미 있는 자료를 보내었기 때문에 썸네일이 출력되지않을 수 있습니다.

위의 초기화 버튼을 클릭하면, 본인의 사이트에 대해서 캐싱처리를 전부 삭제할 수 있습니다.

 

이상입니다.

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

반응형

안녕하세요 상훈입니다.

React.js 프로젝트 링크를 남들에게 보낼 때, 조금 더 예쁜 썸네일과, 제목, 그리고 내용을 보내려고 할 때 유용한 미세먼지 팁 입니다.

/public/index.html 를 엽니다.

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

    <meta property="og:image" content="%PUBLIC_URL%/이미지 이름을 작성해주세요" />
    <meta property="og:site_name" content="사이트 이름을 작성해주세요" />
    <meta property="og:description" content="이곳에 컨텐츠를 작성해주세요" />

이렇게 head 태그 안에 meta 태그로 작성해주시면 됩니다.

프로퍼티는 og: " " 로 작성하면 됩니다.

그리고 다시 빌드해주시고, 배포해주세요. 마지막으로 링크 마구 보내줍니다.

이상입니다.

[ 카카오톡 전송 메시지 이미지 ]

업데이트 전
업데이트 후

이렇게 깔끔하게 카카오톡으로 링크를 전송할 수 있습니다.

 

이상입니다.

도움이 되셨다면 광고 한번 클릭해주세요. 블로그 운영에 큰 힘이 됩니다. 감사합니다.

 

 

반응형

+ Recent posts