WooCommerce용 오픈 그래프

설명

Open Graph for WooCommerce은(는) 귀하의 WooCommerce 제품이 소셜 미디어에서 공유될 때 완벽하게 보이도록 도와줍니다. 이 포괄적인 플러그인은 소셜 미디어 존재감과 SEO를 향상시키기 위해 최적화된 Open Graph 메타 태그, 트위터 카드 및 Schema.org 구조화된 데이터를 자동으로 생성합니다.

~에 적합함

  • 소셜 미디어 참여도를 높이고자 하는 이커머스 스토어
  • 제품 중심 비즈니스로서 소셜 공유 최적화가 필요한 기업
  • 포괄적인 구조화된 데이터 지원을 찾는 SEO 전문가들
  • 전문적인 소셜 미디어 통합을 원하는 스토어 소유자

핵심 기능

완전한 소셜 미디어 지원
* Facebook Open Graph 최적화
* 트위터 카드(제품 데이터 포함)
* LinkedIn 전문 공유
* Pinterest 리치 핀
* WhatsApp 모바일 공유
* 이메일 공유 기능

고급 Schema.org 마크업
* 상품 스키마(오퍼 및 리뷰 포함)
* 조직 및 브랜드 정보
* 빵 crumbs 내비게이션 마크업
* 검색 엔진용 리치 스니펫

아름다운 소셜 공유 버튼
* 3가지 멋진 스타일: 모던, 클래식, 미니멀
* 7개의 소셜 플랫폼 지원
* 유연한 위치 지정 옵션
* 클립보드 복사 기능

스마트 이미지 처리
* 여러 이미지 크기 옵션
* 자동 대표 이미지 감지
* 스마트 대체 이미지
* 소셜 플랫폼 최적화

특별한 이유

기본 Open Graph 플러그인과 달리, Open Graph for WooCommerce는 WooCommerce용으로 특별히 설계되었습니다:

  • 제품 중심: 가격, 재고(또는 가용성), 제품별 데이터 포함
  • 성능 최적화: 필요한 경우에만 리소스 로드
  • 워드프레스 네이티브: 워드프레스 디자인 기준을 따르는 깔끔한 인터페이스
  • SEO 친화적: 검색 가시성 향상을 위한 포괄적인 Schema.org 마크업
  • 모바일 최적화: 모든 기기에서 완벽한 공유 경험

간편 설정

  1. 플러그인을 설치하고 활성화하세요
  2. 관리자에서 WooCommerce 소셜 미디어로 이동하세요.
  3. 지원하려는 플랫폼을 활성화하세요
  4. 환경 설정 구성
  5. 이제 제품이 소셜 공유에 최적화되었습니다!

지원 플랫폼

  • Facebook – App ID 지원을 포함한 완전한 Open Graph 구현
  • 트위터 – 제품 정보를 포함한 최적화된 트위터 카드
  • LinkedIn – 전문 네트워크 공유 최적화
  • Pinterest – 제품 정보가 포함된 리치 핀
  • WhatsApp – 인스턴트 메시징을 위한 모바일 최적화 공유
  • 이메일 – 서식 있는 콘텐츠를 포함한 전통적인 이메일 공유
  • 링크 복사 – 최신형 클립보드 통합

기술적 특징

메타 태그 생성됨:
* 오픈 그래프: 제목, 설명, 유형, URL, 이미지, 사이트_이름
* 제품 데이터: 가격, 통화, 재고상태, 브랜드, 카테고리
* 트위터 카드: summary_large_image(제품 가격 포함)
* 페이스북 앱 ID 통합(분석용)

Schema.org 구조화된 데이터:
* 제품(Product) 스키마 — 오퍼(offers), 리뷰(reviews), 평점(평점)
* 조직(Organization) 스키마 — 연락처 정보
* 내비게이션을 위한 BreadcrumbList
* 검색 엔진을 위한 리치 스니펫(s rich snippets)

성능 기능:
* 조건부 로딩(관련된 페이지만 로드)
* 최적화된 데이터베이스 쿼리
* 스마트 캐싱 시스템
* 페이지 로드 시간에 미치는 영향 최소화

커스터마이제이션 옵션

공유 버튼 스타일:
* 모던 – 플랫폼 색상과 마우스 오버 애니메이션이 있는 깔끔한 버튼
* 클래식 – 굵고 전통적인 직사각형 버튼
* 미니멀 – 깔끔한 디자인을 위한 미묘한 원형 아이콘

유연한 위치 지정:
* 장바구니에 담기 버튼 후 (기본값)
* 장바구니에 담기 버튼 전
* 상품 요약 후
* 상품 탭 후
* 숏코드를 통한 사용자 지정 위치

이미지 설정:
* 여러 이미지 크기 중 선택
* 사용자 지정 대체 이미지 설정
* 소셜 플랫폼 자동 최적화

개발자 친화적

Hooks & Filters:
* 액션 및 필터 훅 20개 이상
* 광범위한 커스터마이제이션 옵션
* 템플릿 오버라이드 지원
* 커스텀 이벤트용 자바스크립트 API

번역 준비 완료:
* 전체 국제화 지원
* RTL(오른쪽에서 왼쪽) 언어 호환
* 번역이 쉬운 POT 파일 포함

버전 2.0의 새로운 기능

이는 대대적인 개선을 포함한 완전한 재작성입니다:

모던 아키텍처:
* 객체 지향 설계 — 워드프레스 표준 준수
* 적절한 정화(입력값 검증)로 보안 강화
* 조건부 로딩으로 성능 향상
* 접근성 기능 개선

향상된 기능:
* WhatsApp 및 이메일 공유 추가
* 3가지 아름다운 공유 버튼 스타일 도입
* 고급 Schema.org 마크업 옵션
* 전문적인 관리자 인터페이스 재설계

더 나은 성능:
* 자산 크기 70% 감소
* 최적화된 데이터베이스 쿼리
* 스마트 리소스 로딩
* 향상된 캐싱 시스템

분석 통합

  • Google 애널리틱스 4 이벤트 추적
  • 타사 분석용 커스텀 이벤트 트리거
  • 소셜 공유 성과 지표
  • 문제 해결을 위한 내장 디버깅 도구

기술 요건

워드프레스: 5.0 이상
우커머스: 4.0 이상
PHP: 7.4 이상 (최상의 성능을 위해 8.0 이상 권장)
MySQL: 5.6 이상
메모리: 최소 128MB (256MB 권장)

브라우저 지원:
* Chrome 70+
* Firefox 65+
* Safari 12+
* Edge 79+
* 모바일: iOS Safari 12+, Chrome Mobile 70+

성능 지표:
* 페이지 로드 영향: 추가 로드 시간 < 0.1초
* 데이터베이스 쿼리: 추가 쿼리를 최소화하도록 최적화됨
* 메모리 사용량: 추가 메모리 사용량 < 2MB
* 자산 크기: CSS 약 15KB, JavaScript 약 8KB (축소됨)

개인정보 보호 및 GDPR

이 플러그인은 GDPR을 완전히 준수합니다:

  • 개인 사용자 데이터를 수집하거나 저장하지 않습니다
  • 쿠키나 추적 스크립트를 사용하지 않습니다
  • 외부 서버로 데이터를 전송하지 않음
  • 공개적으로 이용 가능한 제품 정보만 처리합니다
  • 모든 소셜 공유는 사용자 행위에 의해 시작됩니다

지원 및 문서

무료 지원:
* WordPress.org 지원 포럼
* 플러그인 문서

프리미엄 지원:
* 우선 지원
* 맞춤 개발

리소스:
* 기능 요청
* GitHub 저장소
* 동영상 튜토리얼

크레딧

  • 원래 개념: 커뮤니티 피드백과 WooCommerce 모범 사례를 기반으로
  • 아이콘: 소셜 미디어 아이콘은 Simple Icons에서 제공됩니다.
  • 테스팅: WooCommerce 커뮤니티의 광범위한 테스트
  • 번역: 전 세계 커뮤니티 기여자들

이 플러그인을 더 나아지게 만드는 데 도움을 준 모든 베타 테스터와 커뮤니티 회원들에게 특별한 감사드립니다!

설치

자동 설치

  1. 워드프레스 관리자 대시보드로 이동하세요.
  2. 플러그인 새로 추가로 이동하세요
  3. Open Graph for WooCommerce”를 검색하세요
  4. 지금 설치를 클릭한 다음 활성화하세요
  5. 설정하려면 WooCommerce 소셜 미디어로 이동하세요.

수동 설치

  1. 플러그인 ZIP 파일을 다운로드하세요
  2. 플러그인 새로 추가 플러그인 업로드를 통해 업로드
  3. 플러그인 메뉴에서 플러그인을 활성화하세요.
  4. WooCommerce 소셜 미디어에서 설정을 구성하세요.

빠른 구성

  1. 플랫폼 활성화: 어떤 소셜 미디어 플랫폼을 지원할지 선택하세요
  2. 스타일 선택: 선호하는 공유 버튼 스타일을 선택하세요
  3. 위치 설정: 공유 버튼이 상품 페이지에 나타날 위치를 선택하세요
  4. 이미지 구성: 이미지 크기 및 대체 옵션 설정
  5. 고급 옵션: 스키마 마크업 및 기타 기능 활성화

FAQ

이 플러그인은 WooCommerce가 필요합니까?

네, 이 플러그인은 특히 WooCommerce 스토어를 위해 설계되었으며 WooCommerce가 설치되어 활성화되어 있어야 합니다.

이 플러그인이 제 웹사이트를 느리게 하나요?

아니요! 플러그인은 성능 최적화되어 있으며 제품 페이지에서만 리소스를 로드합니다. 추가 로드 시간은 일반적으로 0.1초 미만입니다.

공유 버튼 모양을 사용자 정의할 수 있나요?

물론입니다! 이 플러그인에는 세 가지 기본 제공 스타일(Modern, 클래식, Minimal)이 포함되어 있으며, 사용자 지정 스타일을 위한 광범위한 CSS 클래스도 제공합니다.

다른 SEO 플러그인과 함께 작동하나요?

네, 이 플러그인은 Yoast, RankMath, SEOPress 같은 다른 SEO 플러그인과 호환되어 잘 작동합니다. 필요하면 해당 플러그인의 메타 태그를 덮어쓸 수 있습니다.

플러그인 번역 준비가 되었나요?

예, 이 플러그인은 POT 파일이 포함되어 완전히 국제화되어 있습니다. 또한 RTL 언어를 지원하며 워드프레스 번역 표준을 준수합니다.

사용자 정의 소셜 미디어 플랫폼을 추가할 수 있나요?

예, 개발자들은 제공된 훅과 필터를 사용해 맞춤 플랫폼을 추가할 수 있습니다. 플러그인 아키텍처는 확장성을 염두에 두고 설계되었습니다.

가변 상품을 지원하나요?

예, 이 플러그인은 모든 WooCommerce 제품 유형(변수 제품, 그룹화된 제품 및 외부 제품)을 모두 완벽하게 지원합니다.

기존 메타 태그에 영향이 있나요?

플러그인은 기존 메타 태그와 함께 작동하도록 설계되었습니다. 다른 플러그인의 태그를 덮어쓰도록 구성하거나 함께 작동하도록 둘 수 있습니다.

분석(애널리틱스) 지원이 있나요?

네, 플러그인에는 Google Analytics 4 통합과 포괄적인 소셜 공유 분석을 위한 맞춤 이벤트 트리거가 포함되어 있습니다.

이것을 페이지 빌더와 함께 사용할 수 있나요?

예, 이 플러그인은 Elementor, Divi, Beaver Builder, 구텐베르크 등 모든 주요 페이지 빌더와 함께 작동합니다.

작동하는지 어떻게 테스트하나요?

다음 무료 테스트 도구를 사용하세요:
* Facebook Sharing Debugger
* Twitter Card Validator
* Google Rich Results Test
* LinkedIn Post Inspector

공유 버튼을 아무 곳에나 배치할 수 있나요?

네! 이 플러그인은 4개의 내장 위치와 사이트 어디에나 사용자 지정 배치를 위한 [wog_social_share] 숏코드를 제공합니다.

모바일 기기에서도 작동하나요?

물론이죠! 모든 공유 버튼은 터치 친화적인 인터페이스와 가능한 경우 네이티브 공유 API를 사용하여 모바일 기기에 최적화되어 있습니다.

후기

2018년 4월 7일
This Plugin Installation is very easy. Click on Free Adds Open Graph Meta Tags to your site with the title, description and WooCommerce featured image
모든 1 평가 읽기

기여자 & 개발자

“WooCommerce용 오픈 그래프”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“WooCommerce용 오픈 그래프”(이)가 1 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “WooCommerce용 오픈 그래프”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.0.1 – 2025-01-10

마이크로 업데이트 – WordPress.org 준수

  • 상표권 준수를 위해 플러그인 이름을 “Woo Open Graph”에서 “Open Graph for WooCommerce”로 변경했습니다.
  • 플러그인 슬러그와 일치하도록 텍스트 도메인을 업데이트함
  • 모든 내부 참조 및 문서를 업데이트함
  • 기능 변경 없음 – 모든 기능은 동일하게 유지됩니다

2.0.0 – 2024-12-15

메이저 릴리스 – 완전 재작성

새로운 기능:
* 현대적 OOP 디자인으로 플러그인 아키텍처 전체 재작성
* 세 가지 아름다운 공유 버튼 스타일 추가: 모던, 클래식, 미니멀
* WhatsApp 및 이메일 공유 옵션 도입
* 종합적인 Schema.org 구조화된 데이터 지원 추가
* 여러 이미지 크기 옵션과 스마트 폴백을 갖춘 고급 이미지 처리
* 최신 클립보드 API를 이용한 복사-클립보드 기능
* 전문적인 설정 가져오기/내보내기 기능
* 관리자 인터페이스에서 실시간 폼 유효성 검사

성능 향상:
* 자산 크기 70% 감소 (~105KB ~28KB)
* 데이터베이스 조회 60% 감소
* 조건부 자산 로딩 구현
* 이미지 처리 및 캐싱 최적화
* 비핵심 리소스 지연 로딩 추가
* CSS 및 JavaScript 파일 최소화 및 최적화

보안 강화:
* 포괄적인 입력 정제 및 유효성 검사 추가
* 모든 폼에 대해 nonce 검증 구현
* 관리자 접근을 위한 권한 검사 추가
* XSS 및 CSRF 방어 강화
* 전체적으로 데이터 이스케이프 함수 개선

사용자 경험:
* 현대적이고 반응형 디자인으로 관리자 인터페이스 재설계
* 모든 인터페이스 전반에 걸쳐 모바일 반응성 개선
* 직관적인 내비게이션 및 시각적 계층 구조 추가
* 컨텍스트형 도움말 및 유효성 검사 메시지 구현
* ARIA 레이블 및 키보드 내비게이션으로 접근성 향상

개발자 기능:
* 20개 이상의 새로운 액션 및 필터 훅 추가
* 종합적인 JavaScript API 구현
* 광범위한 커스터마이제이션 옵션 추가
* 코드 문서화 및 구조 개선
* 상세 로깅이 포함된 디버그 모드 추가

접근성 개선:
* ARIA 레이블과 역할을 전반에 추가함
* 키보드 내비게이션 지원 구현
* 화면 낭독기 알림 추가
* WCAG 2.1 준수 보장
* 고대비 모드 지원 추가

버그 수정:
* 다른 SEO 플러그인과의 메타 태그 충돌 수정
* 이미지 URL 인코딩 문제 해결
* 가변(Variable) 상품 지원 문제 수정
* RTL 언어 표시 문제 수정
* 주요 캐싱 플러그인과의 캐싱 충돌 수정

1.0.1 – Previous Version

  • LinkedIn 및 Pinterest 지원 추가됨
  • 기본 소셜 미디어 공유 버튼
  • 간단한 오픈 그래프 메타 태그

1.0.0 – Initial Release

  • 기본 Facebook 및 Twitter Open Graph 지원
  • 간단한 관리자 인터페이스
  • 기본 제품 메타 태그 생성