그누보드 주소로 자동 완성화 썸네일(미리보기)

무료아이콘 전체게시물 작성일19-05-05 12:46 조회75회

본문

그누보드 주소로 자동 완성화 썸네일

 

밴드뿐 sns의 경우 링크만 입력해도

자동으로 미리보기 썸네일 형식으로 불러와지는데요

 

페이스북의 경우

 

42fbf32bc96e55b3061b3d2f460b2a1d_1557012
 

근데 문제는 이것들을 자동으로 가져오기도 하지만

실제로는 사이트 관리자(운영자)가 메타 데이터들을 미리 정확하게 알려주면

더 정확하게 미리보기 썸네일을 만들어 준다는 것이죠

 

기본적으로 구성은 아래와 같네요

<meta property="og:title" content="제목"> 

<meta property="og:description" content="설명"> 

<meta property="og:image" content="썸네일 혹은 이미지주소"/>

 

말자닷컴의 경우 메인 index.php에 메타 데이터들을 입력은 해줬는데

이미지는 설정해두지 않음 ( 어케 가져갔지 ? - 0- )

 

밴드의 경우엔

아래와 같이 전혀 상관없는 이미지가 뜸

42fbf32bc96e55b3061b3d2f460b2a1d_1557013
그외 제목과 설명 부분은 설정을 해뒀기 때문에 페이스북,밴드 모두 똑같이 

출력이 됨

 

42fbf32bc96e55b3061b3d2f460b2a1d_1557013
 

티스토리 메타 데이터도 아래와 같이 설정 되어 있네요

42fbf32bc96e55b3061b3d2f460b2a1d_1557019
 

메타 데이터 정보가 없더라도

자동으로 미리보기 썸네일을 보여주긴 해요

 

 

42fbf32bc96e55b3061b3d2f460b2a1d_1557027
적용하는 방법은 다음에

성공적으로 적용되면 - -; 올려야 할 듯...

 

말자도 아직 잘 몰라서 ㅋㅋ

 


비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

그누보드 팁

98개의 게시물
목록
읽기: 10P (1lv), 쓰기: 100P (3lv), 덧글: 20P (2lv), 다운: -10P (2lv)
그누보드 팁 목록
번호 제목 아이디 날짜 조회수 추천
98 그누보드5 레벨 아이콘 사용시 게시판이 아닌 다른 곳에 레벨 아이콘 적용하기 무료아이콘 전체게시물 05-31 131 추천: 1
열람 그누보드 주소로 자동 완성화 썸네일(미리보기) 무료아이콘 전체게시물 05-05 76 추천: 1
96 그누보드 무한 카테고리 계층형 카테고리, 여러 값에서 원하는 1개의 값만 출력하기 무료아이콘 전체게시물 11-18 511 추천: 1
95 [외부링크]회원 필드를 여분 필드로 사용하고 게시판에 출력할 때 관련링크 무료아이콘 전체게시물 11-18 767 추천: 1
94 그누보드 g5 설치 후 경로가 이상해서 이미지가 다 깨질 때 인기글 말자 전체게시물 06-17 9191 추천: 3
93 그누보드 무한 카테고리 계층형 카테고리 댓글6 무료아이콘 전체게시물 09-16 697 추천: 1
92 그누보드5 회원가입 여분필드 중복 체크 검사하기 무료아이콘 전체게시물 09-14 142 추천: 1
91 그누보드5 휴대폰 중복 체크가 안 되요 무료아이콘 전체게시물 09-13 197 추천: 1
90 그누보드5 에디터 지정된 넓이 조절 무료아이콘 전체게시물 09-08 112 추천: 1
89 그누보드5 여분필드 다중 체크 박스 함수로 만들기 댓글1 무료아이콘 전체게시물 09-07 1040 추천: 1
88 초보를 위한 SELECT (셀렉트박스) 함수로 만들어 쉽게 사용하기 관련링크 무료아이콘 전체게시물 09-07 341 추천: 1
87 글쓰기 시 올바른 방법으로 이용해 주십시오 무료아이콘 전체게시물 09-06 320 추천: 1
86 그누보드5 로그인 스킨 skin/member/basic/login.skin.php 첨부파일 무료아이콘 전체게시물 08-28 1313 추천: 2
85 그누보드5 여분필드 추가하기 관련링크 무료아이콘 전체게시물 08-23 265 추천: 1
84 그부보드5 select 다중 여분필드 연동식 사용하기 첨부파일 무료아이콘 전체게시물 08-23 783 추천: 1
게시물 검색