[유용정보] XE에서 대표 썸네일 및 파비콘 등록 관련하여

XE에서 대표 썸네일 및 파비콘 등록 관련하여

카카오톡 공유시 이미지 변경 방법

(  참조 -  https://imweb.me/faq?mode=view&category=29&category2=47&idx=70639 ) 

1. 카카오 디벨로퍼스 공유 디버거에 접속합니다.  ( https://developers.kakao.com/tool/debugger/sharing )

2. 카카오 계정으로 로그인합니다.

3. URL 입력 칸에 내 도메인 주소를 입력합니다.

4. 디버그 버튼을 클릭합니다.

5. 삭제하려는 오픈그래프 정보를 확인하고, 문제가 없다면 캐시 초기화 버튼을 클릭합니다.

6. 대표 이미지를 포함하여 오픈그래프 정보가 초기화 됩니다. 이제 카카오톡 등 카카오 서비스에서 사이트 주소를 입력해 업데이트한 대표 이미지가 표시되는지 확인해 보세요.

7. 만약 초기화에 문제가 있는 경우, 스크랩 결과 열에서 확인할 수 있습니다. 스크랩 결과에 따라 문제를 확인 후 위 3~5번 과정을 다시 시도해 주세요.

OG 썸네일 이미지는  320 x 200 정도로 맞춰주면 깔끔하게 나온다.

<meta property="og:image" content="대표이미지주소">

OG 썸네일은  SEO 모듈이나,  meta 애드온 등으로 등록해주면 된다.

파비콘의 경우  

16x16 ico 를 권장한다고 나와있지만,  ico 파일이면 다 등록이 된다

브라우저 탭의 파비콘 외에,  이 파일이 홈바로가기 버튼이나 검색사이트 파비콘 등으로도 나오다보니

조금 더 큰 정사각형 ico 로 올리는게 좋다.  ( 크기 제한은 없기에.. )  64x64 ico 파일등으로 올리면 된다

파비콘 파일을 XE 설정에서 변경할 경우

관리자페이지->설정->일반->파비콘지정  에서 해주면 되는데.. 

등록된걸 변경할 경우, 파일이 바뀌어도 실제 출력되는 파일명은 같다보니 변경된게 잘 인식이 안 된다.

따라고 혹시 소스 수정으로 직접 지정하고픈경우

common/tpl/common_layout.html 에서

<link cond="$favicon_url" rel="shortcut icon" href="{$favicon_url}" />

부분을

<link cond="$favicon_url" rel="shortcut icon" href="파비콘파일주소" />

형태로 변경해주면 된다.

구글에서 rel="shortcut icon" 대신 rel="icon" 을 더 권장하니

<link cond="$favicon_url" rel="icon" href="파비콘파일주소" />

이렇게 추가해줘도 좋다