오픈 그래프 프로토콜

현재위치:/오픈 그래프 프로토콜

웹 페이지가 소셜(페이스북,트위터,핀터레스트 등)에서 보여질때 자연스럽게(해당 소셜로 직접글을 쓴것처럼) 보여질수 있도록 소셜이 원하는 데이터를 웹페이지의 헤더 메타 태그 안에 입력해 넣는 형식(프로토콜)

위와 같이 표기 되며 실제 적용된 그림은 아래와 같습니다.

opengraph_01

wpbox.kr 의 “구글블랙리스트” 라는 글의 open graph protocol

워드프레스에 이 open graph protocol을 입력해 넣으려면 수동으로 파일에 입력하는 방법과 플러그인을 사용하는 방법(Yoast SEO, ,facebook , Open Graph Protocol Framework )이 있습니다.

웹사이트에 글을 페이스북에 공유할때 내가 의도하지 않은 이미지가 대표이미지로 선택되어 등록되는 경우가 있습니다. 이때 open graph protocol 내에 내가 원하는 이미지를 대표이미지로 지정 해 주면 쉽게 해결 됩니다.

|2017-12-09T11:19:37+00:002015 12 08|3 개의 댓글

글쓴이 :

3 개의 댓글

  1. 콩이♡ 2017년 9월 14일 - 1:29 오후 - 답글쓰기

    오픈 그래프 프로토콜 wpbox.kr/wordpress-term…

  2. 오픈 그래프는 소셜에서 웹페이지가 자연스럽게 보여질수 있도록 해 주는 웹사이트 문서 head 태그 내에 있는 메타태그입니다. 이 오픈 그래프 메타태그 헤더 내 삽입은 워드프레스의 기본 기능이 아니고, 추가 기능인데 워드프레스 아바다 테마에는 기본으로 장착되어있습니다. 그래서 포스팅을 하고 공개 하면 그 소스코드속에 오픈 그래프 메타태그가 삽입됩니다.
    그런데 이러한 사실을 모르고 Yoast SEO 와 같은 SEO 플러그인을 사용하면(이 플러그인 뿐만아니라 여러가지의 오픈 그래프 추가 플러그인이 있습니다.) 헤더의 메타태그내에 오픈 그래프 프로토콜이 중복해서 입력됩니다.
    아래의 이미지참조

    중복해서 입력된다고 해서 웹사이트가 작동하는데 치명적인 문제를 일으키지는 않습니다.
    하지만 오픈 그래프 본연의 목적을 달성하는데 문제가 생길 뿐만아니라 파일이 커져서 자원의 낭비가 됩니다.
    이를 막기 위해서 아바다 테마는 테마옵션-Advanced-‘Disable Open Graph Meta Tags’ 옵션을 이용해서 아바다 테마의 오픈그래프 메타태그 삽입 기능을 정지시킬 수 있습니다.
    혹시 Yoast SEO, ,facebook , Open Graph Protocol Framework 같은 플러그인을 사용중이라면 이 옵션에 체크해서 사용하세요.

    By 이명성|2015. 12. 8|Categories: 아바다 테마|Tags: 테마옵션|1 Comment
    이 글을 공유 해 보세요!!!
    FacebookTwitterLinkedinTumblrGoogle+Pinterest

    글쓴이 : 이명성

    1 댓글

    Kunhyang Kim
    2015/12/09 at 17:35 – Reply

    Kunhyang Kim liked this Article on facebook.com

    댓글을 남겨주세요 응답 취소

    #wp-social-login-connect-with{display:none;font-weight: bold}#wp-social-login-connect-options{padding:0 0 10px 10px}#wp-social-login-connect-options a{text-decoration: none}#wp-social-login-connect-options img{border:0 none}.wsl_connect_with_provider{}

    소셜 계정으로 로그인 하기

    댓글

댓글 쓰기