알록달록무지개 이것저것

반응형

티스토리 블로그에 링크를건다면 링크 주소 그대로 링크가 걸려 있는것이 전부인데

네이버에서 링크를 연결하면 페이스북이나 카카오톡에서 링크공유하는것처럼 네모 박스에 미리보기 이미지링크가 나오는데요


이기능을 네이버만이아니라 티스토리에서 도 사용할 수 있습니다

이 링크 형식을 Open Grath(오픈 그래프) 라고 하는데요 기존의 웹사이트를 SNS와 연동하여 마케팅 플랫폼으로 활용하는

기법입니다 ㅊㅊ-네이버 지식백과


이 오픈 그래프 기능을 티스토리에서 사용하려면 티스토리 에디터를 다운받아 설치후에 사용해야합니다

여기 를 클릭하여 다운받아주세요



티스토리 Open Grath 링크 만드는법


1. 다운받으신 Editor for Tistory 를 실행시켜주세요.

2. 티스토리 인증을 받아야 사용이 가능한데요 가운데 티스토리 인증 버튼을 클릭해주세요





3. 티스토리 인증 버튼을 누르면 티스토리에 로그인하는 창이나옵니다. 아이디와 패스워드를 기입하고 로그인을해주세요




4. 티스토리 에디터를 사용하려면 티스토리 에디터가 내 티스토리 블로그의 접근을 허용하도록 허가 버튼을 눌러 활성화해주세요


5. 블로그 인증에 성공하셨다면 이런식으로 나오게될것입니다.

이제 적용할 블로그를 클릭해주세요 일단, 저는 제블로그를 연결한 상태입니다




6. 왼쪽 메뉴에 작성 했던 글 목록이나오고 수정을 하여 Open grath를 삽입할수있습니다.

적용 방법을 알아보기위해 새글 작성을 예시로 들겠습니다~~ 

7. 왼쪽 상단에 + 버튼을 클릭해주세요 :)


8. 글쓰기 에디터가 나올탠데요 여기서 오른쪽 하단에 위아래 화살표 버튼을 눌러주세요



9. 버튼을 누르면 두개의 에디터 선택이 나올탠데요 여기서 우리는 Rich Editor 를 클릭해주세요



10. Rich Editor에서 오른쪽 상단에 플레이모양인 미디어를 클릭해주세요.



11. url 링크 쓰는 란에 Open Grath만들 링크를 삽입하면 해당 사진처럼 오픈 그래프 링크가 만들어지게 됩니다.




오픈 그래프 결과물


알록달록무지개 이것저것
정보공유 일상공유 하고싶은거 [289336@gmail.com]으로 메일주세요 항상 확인중
r-a-i-n-b-o-w.tistory.com

저는 이것처럼 오픈그래프를 컨트롤+c를통해서 복사하고 글쓰기에서 복사 붙여넣기한 상태입니다.

이것처럼 티스토리에서도 네이버처럼 오픈그래프 링크를 적용시킬수있는 방법에 대하여 알아봤습니다

티스토리 블로그를 하면서 남들과 다르게 하는게 개성있게 표현하는 것은 매우 중요한데요

그점을 오픈 그래프 링크로 바꿔보시는건 어떨까요??


이것으로 티스토리에서 네이버처럼 Open grath 링크 만드는방법 포스팅을 마치겠습니다.





반응형

이 글을 공유합시다

facebook twitter googleplus kakaostory naver