컨텐츠 바로가기


스마트디자인 팁 상세
제목 [스마트디자인] SNS 공유를 위한 쇼핑몰 정보 설정하기
작성자 대표 관리자 (ip:) 작성일 2016-10-21 19:07:55 조회수 2175

SNS 공유를 위한 쇼핑몰 정보 설정하기



SNS에 쇼핑몰 주소를 공유하면
사이트 이름과 설명, 이미지와 같은 쇼핑몰 정보를 미리 볼 수 있습니다.

카페24에서는 별도의 설정을 하지 않아도, 상품 상세 페이지를 공유하면

"상품명", "상품이미지", "쇼핑몰 이름"과 같은 정보들을 노출하도록 기본적으로 제공하고 있는데요.



관리자가 노출되는 정보를 설정하고 싶은 경우

아래와 같은 방법으로 설정할 수 있습니다.



1. 카페24 어드민에서 설정하는 방법

어드민에서 설정을 통해 상품 상세페이지정보 변경이 가능합니다.


1) 상점관리 > 운영관리 > 검색엔진최적화(SEO) > 페이스북 오픈그래프 태그설정에 들어갑니다.




2) "사용가능 변수"를 참고하여, 출력을 원하는 정보의 변수로 입력합니다.




어드민에서 설정할 경우, 상품 상세페이지의 정보만 변경이 가능합니다.


상품상세 페이지 외에도 쇼핑몰 모든 페이지에 설정하고 싶은 경우

스마트디자인 편집창에서 직접 지정할 수 있습니다.




2. 스마트디자인 편집창에서 직접 지정



1) 스마트디자인 편집창을 엽니다.



 


2) 레이아웃(layout) > 기본 레이아웃(basic) > 공통 레이아웃(layout.html) / 메인 레이아웃(main.html)
페이지를 열어 아래와 같이 파란색 코드를 추가합니다.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!--PG크로스브라우징필수내용 시작-->
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Pragma" content="no-cache" />
    <!--PG크로스브라우징필수내용 끝-->
   
    <meta property="og:title" content="카페24 쇼핑몰센터" /><!-- 쇼핑몰 이름 -->
    <meta property="og:type" content="website" /><!-- 사이트 종류 -->
    <meta property="og:url" content="http://echosting.cafe24.com" /><!-- 표시하고 싶은 url -->
    <meta property="og:image" content="http://img.cafe24.com/img/ec/common/img_preview.png"/><!-- 대표 이미지 -->
    <meta property="og:description" content="글로벌 전자상거래 플랫폼 카페24" /><!-- 쇼핑몰에 대한 설명 -->
   
    <title>기본 레이아웃</title>

 


--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------





SNS로 쇼핑몰을 공유하니, 입력한 정보가 노출되는 것을 확인할 수 있습니다.




첨부파일
목록 관리자게시 삭제 수정