테스트 사이트 - 개발 중인 베타 버전입니다

게시글 첨부파일로 대표 og:image 만들기

· 2년 전 · 2887 · 18

 

3717943588_1681482272.5541.jpg

 

----------

 

https://sir.kr/g5_tip/23453 로 업뎃되었습니다.

 

----------

 

1. 카톡이나 네이버 및 다음 등에서 대표이미지(og:image) 가 표시된 링크로 첫번째 첨부이미지를 주는 방법입니다.

가령 세번째 첨부파일이긴 하지만 이미지로 따졌을 때 첫번째라면 그것이 첫번째 첨부이미지입니다.

 

2. 따로 코어문서를 건드리지 않고 view.skin.php 하단이나 view.tail.skin.php 를 생성해서 입력하거나 이 2개 파일 중 하나에 넣어주세요. pc 와 모바일 동일합니다.

 

3. head 태그에 이미 대표이미지가 설정되어 있거나 또는 첨부이미지가 없을 경우에는 적용되지 않습니다.

 

4. seo 에 영향을 주는지 안 주는지는 테스트해 보지 않았습니다.

메타태그는 꼭 헤드태그 안에 주지 않고 <body> 안에 주어도 그리 상관은 없습니다만 여튼 본인들이 테스트해 보세요.

 

5. 그누순정 기준이고 빌더나 테마 및 베이직과 갤러리 기본 게시판 이외에는 장담할 수 없습니다.

 

6. 메타태그에서 대표이미지로 읽히자마자 바로 그 메타태그는 remove 시켰습니다.

 

[code]

<?php
for ($i = 0; $i < $view['file']['count']; $i++) {
    if ($view['file'][$i]['image_type'] > 0) {
        $og_image = $view['file'][$i]['path'].'/'.$view['file'][$i]['file'];
        echo '<meta id="ogImage" property="og:image" content="'.$og_image.'"><script>ogImage.remove();</script>';
        break;
    }
}
?>

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 18개

2년 전
유용하게 사용될 수 있을것 같습니다.
일단 스크랩 합니다..
역시 비타님의 팁은 따라갈 수가 없네요...
좋은 하루 되세요^^
2년 전
@웹메이킹 감사합니다
유용한 팁 감사합니다.
2년 전
@하늘뚱 감사합니다
감사합니다.
비타주리님 글은 일단 추천~
2년 전
감사합니다. 수고하셨습니다.
6개월 전

감사합니다.

게시글 목록

번호 제목
24149
24140
24133
24125
24119
24109
24105
24101
24093
24089
24077
24074
24071
24070
24067
24056
24050
24046
24043
24040
24037
24036
24035
24034
24021
24017
24005
24002
23990
23980