비

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

 

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개

좋은 소스네요, 감사합니다. ^^
@민트다이어리 요즘 손목이 안 좋아서 레벨 연명용입니다.ㅜㅠ
감사합니다. 저번에 이사하신다고 다친 손목이 오래가나 봅니다.
빨리 쾌차하시길 빕니다.
@김철용
많이 좋아지긴 했는데 그래도 느낌이 찝찝하고 한번씩 소스라치게 놀랄 정도로 아파요.
서서히 나아지긴 하겠지만 현재 장시간 키보드질은 무섭습니다.ㅜㅠ
좋은팁 감사합니다.
@푸른산타 그냥 티끌먼지팁입니다.
활용하기에 유용한 팁인거 같습니다.
나눠주셔서 감사합니다.
@크리스휘 감사합니다.
좋은 팁 감사 합니다.
@들레아빠 늘 격려말씀 제가 고맙죠
유용하게 사용될 수 있을것 같습니다.
일단 스크랩 합니다..
역시 비타님의 팁은 따라갈 수가 없네요...
좋은 하루 되세요^^
@웹메이킹 감사합니다
유용한 팁 감사합니다.
@하늘뚱 감사합니다
비타주리님 글은 일단 추천~
감사합니다. 수고하셨습니다.
댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
23-05-16 조회 7,809
23-05-13 조회 5,695
23-05-12 조회 6,004
23-05-10 조회 6,215
23-05-08 조회 6,691
23-05-04 조회 9,891
23-04-26 조회 6,380
23-04-24 조회 7,369
23-04-22 조회 6,197
23-04-22 조회 5,565
23-04-17 조회 6,568
23-04-16 조회 6,275
23-04-16 조회 6,088
23-04-15 조회 6,244
23-04-15 조회 8,295
23-04-14 조회 7,169
23-04-14 조회 6,270
23-04-13 조회 5,866
23-04-12 조회 6,259
23-04-11 조회 6,157
23-04-11 조회 5,561
23-04-09 조회 5,515
23-04-06 조회 6,575
23-04-05 조회 5,731
23-04-05 조회 5,317
23-04-03 조회 7,303
23-03-29 조회 5,288
23-03-29 조회 5,872
23-03-29 조회 5,859
23-03-29 조회 5,466