현재 위치
  1. 게시판
  2. 자주묻는질문

자주묻는질문

질문 전 자주 묻는 질문을 통해 궁금증을 즉시 해결하세요!

게시판 상세
제목 오픈그래프 설정하기 (카카오톡, 인스타그램 등 메세지에 표시되는 쇼핑몰정보)
작성자 디자인플로어 (ip:) 제공 매뉴얼 보기
  • 평점 0점  
  • 작성일 2021-02-21
  • 추천 추천하기
  • 조회수 2208


[카카오톡·라인·페이스북·인스타그램 등 메신저에 쇼핑몰 URL 입력시 쇼핑몰 정보를 표시합니다.]




오픈그래프란?

SNS에(카카오톡,라인, 인스타그램,페이스북 등) 쇼핑몰 주소를 입력하면 쇼핑몰의 정보를 표시하는 기능으로 설정 후 사용하실 수 있습니다. 

※해당 기능은 디자인과 관계없이 작동되는 부분으로 디자인플로어에서는 설정을 해드리지 않습니다.





① 기본 표시정보 입력하기

1) 카페24 관리자 '쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 검색 엔진 최적화(SEO)' 로 이동합니다.

2) '기본설정 > 공통 페이지 SEO 태그' 으로 이동합니다.

    아래 각 항목의 입력폼에 노출되고자 하는 정보를 입력 후 [저장] 버튼을 클릭해주세요.

    - 쇼핑몰 이름: 쇼핑몰 이름을 입력하세요.

    - 쇼핑몰 안내: 쇼핑몰 이름을 입력하세요.




② 오픈그래프 정보 입력하기

1) 카페24 관리자 '쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 검색 엔진 최적화(SEO)' 로 이동합니다.

2) 'SEO 태그 변수 활용 > 어픈그래프 태그 설정' 으로 이동합니다.

    아래 각 항목의 입력폼에 노출되고자 하는 정보를 입력 후 [저장] 버튼을 클릭해주세요.

    - og:site_name   : 쇼핑몰 이름을 입력하세요.

    - og:title           : 쇼핑몰 제목을 입력하세요.

    - og:description : 쇼핑몰 설명을 입력하세요.


 카카오톡, 인스타그램 등 SNS 에 따라 ①기본 표시정보 또는 ②오픈 그래프 정보를 노출합니다.

    가급적 동일한 정보를 입력하시길 권장합니다.

※ 직관적이고 간결하게 제목과 안내를 입력하세요. 긴 내용을 입력할 경우 정상 반영되지 않을 수 있습니다.




③ 오픈그래프 이미지 설정하기

1) 카페24 관리자 '쇼핑몰 설정 > 기본 설정 > 쇼핑몰 정보 > 검색 엔진 최적화(SEO)' 로 이동합니다.

2) 'SNS 공유 이미지' 영역으로 이동합니다.

3) 이미지선택 을 클릭하여 준비된 이미지를 첨부합니다.

※ 이미지사이즈는 1200*628px 로 제작하시고 JPG 형식으로 제작하세요.

※ 이미지 사이즈가 위 보다 작은 경우 페이스북,인스타그램 등에서 정상 표시되지 않습니다.





④ 완료 후 확인하기

오픈그래프 디버거(클릭) 접속후 '공유 디버거'에 내 도메인을 입력하여 정상 반영되었는지 확인하실 수 있습니다.

※오픈그래프는 디자인과 관계없이, 규약에 따라 작동되므로 작동 여부는 디자인플로어에서 확인 및 답변이 불가합니다. 

  따라서 반영이 안되거나 추가 문의사항이 있는 경우 해당 SNS서비스사로 문의바랍니다.

※도메인이 정상연결되지 않은 경우 정상 반영되지 않습니다. '자주묻는질문 > 쇼핑몰 기본 > 도메인 연결하기' 를 참고해 

   도메인 연결상태를 재확인 해보세요.




첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

함께한 쇼핑몰

대한민국 대표 쇼핑몰! 디자인플로어가 함께합니다.

보이는 것만 전부가 아닙니다.

보이지 않는 것이 보이는 것보다 더 깊고 넓은 것입니다.

  • 프로폐셔널리즘

    유명 쇼핑몰이 디자인플로어를 사용하는 이유 쇼핑몰 운영에 있어 가장 중요한 것은 디자인입니다. 고객님의 디자인이 실제 어떻게 사용된 사례가 있었나요? 디자인플로어의 많은 고객사는 그것을 증명하고, 함께 더 발전시켜나가고 있습니다.

  • 사용자 경험

    실용있는 기능만이 진정한 기능입니다. 쇼핑몰에서 사용되는 무수한 기능, 사용자가 자연스레 사용할 수 있을 때 비로소 완성되는 것 입니다. 디자인플로어는 고객의 니즈를 파악하고, 실효성 있는 인터페이스를 완성합니다.

  • 다른 생각

    가자! 어디에도 없던 방식으로 디자인플로어는 최적화된 UI를 바탕으로, 다양한 기능을 최초로 구현해왔습니다. 모방하는 것은 가능하지만 기술에 대한 이해가 없다는것은 경쟁력이 없음을 의미합니다.