워드프레스 임베드 기능: 활용 및 장·단점

워드프레스 임베드 기능은 웹사이트에서 외부 콘텐츠(다른 워드프레스 사이트, 유튜브 영상, 트윗, 인스타그램 게시물 등)를 별도의 코드 입력 없이 손쉽게 게시글에 삽입할 수 있도록 돕는 기능입니다.

임베드 기능은 2015년 12월 8일WordPress 4.4 때 출시 되었으며, oEmbed 기능이 핵심 기능에 통합되었습니다.

1. 워드프레스 임베드 기능 사용 방법

임베드 기능은 워드프레스 콘텐츠 작성 페이지 내 좌측 상단의 블록 삽입기(+ 버튼)을 클릭해서 확인할 수 있습니다. 이미 다른 기능들이 많기에 ‘임베드’를 검색합니다.

워드프레스 임베드

직접 클릭해서 임베드를 활성화 한 후에 URL을 붙여 넣는 방법을 사용할 수 있습니다.

아니면 페이지 내에서 그대로 URL을 입력하면 임베드가 자동으로 실행됩니다. 아래 화면은 워드프레스 유튜브 영상을 URL로 가져 온 것입니다.

다른 워드프레스 사이트를 임베드 하면 아래와 같이 표시됩니다.

워드프레스 임베드- 워드프레스 4.4 ver(워드프레스 사이트 간 임베드 예시)

2. 워드프레스 wp-embed.min.js

워드프레스 웹사이트를 보다 풍성하게 만들어 주는 임베드 기능은 oEmbed 시스템을 기반으로 작동하며, 유튜브 영상, 트위터, 인스타그램 게시물 등 외부 콘텐츠를 별도의 코드 입력 없이 손쉽게 삽입할 수 있도록 돕습니다.

 이 파일은 임베드가 삽입되지 않은 모든 페이지에서 로드됩니다. 파일의 크기는 1.7KB 밖에 되지 않지만, 임베드 요청이 콘텐츠 크기만큼 커질 수 있습니다.

3. 워드프레스 임베드 비활성화

embed.min.js 파일의 주 목적은 “내 사이트 콘텐츠가 다른 사이트에 임베드될 때” 미리보기 카드 등 기능을 지원하는 것입니다. 워드프레스 사이트에서 임베드를 비활성화 하면 결과는 다음과 같습니다.

  • wp-embed.min.js 스크립트가 로드되지 않음
  • 모든 페이지에서 기본적으로 로드되던 wp-embed.min.js가 제거됩니다.
  • 파일 크기는 작지만, 불필요한 HTTP 요청을 줄여 페이지 성능 최적화에 기여합니다.
  • 다른 사이트에서 내 콘텐츠를 임베드하는 기능이 비활성화됨
  • 외부 사이트에서 글 URL을 붙여넣더라도 미리보기 카드(oEmbed)가 생성되지 않습니다.
  • 내 사이트에서 내 사이트로의 임베드 역시 불가.
  • 대부분의 블로그나 기업 사이트에서는 큰 문제가 되지 않습니다.
  • 내 사이트에 게재된 외부 사이트 및 유튜브, 트위터 등의 임베드는 정상 작동합니다.(iframe 기반일 경우 가능)
  • 하지만 다른 워드프레스 사이트 임베드는 불가능합니다.
  • 페이지 로딩 속도 향상
  • 불필요한 JS 로드가 제거되므로, LCP나 TTFB 등 Core Web Vitals 지표 개선 가능성이 있습니다.

3.1 코드 적용

워드프레스 차일드 테마를 생성 후 functions.php에 다음과 같은 코드를 추가할 수 있습니다.

<?php
// embed.min.js 비활성화
function disable_wp_embed_js() {
    wp_deregister_script('wp-embed');
}
add_action('wp_footer', 'disable_wp_embed_js');

3.2 플러그인 사용

플러그인을 사용해서 임베드를 비활성화 할 수 있습니다. 3K로 가벼운 Disable Embeds 처럼 간단한 플러그인을 사용할 수 있습니다. 아니면 Clearfyperfmatters처럼 워드프레스 최적화 플러그인을 사용하는 방법을 활용할 수 있습니다.

4. 결론

워드프레스 임베드는 편리하지만, 웹사이트의 성능 저하의 원인 중 하나로 작용할 수 있습니다. 따라서 필요에 따라 임베드를 비활성화하거나, 최소한으로 사용하는 것이 좋습니다.

기능을 적절히 관리하면, 콘텐츠 품질을 유지하면서도 사이트 속도를 향상 시킬 수 있습니다.

Similar Posts

  • wp-config.php 기본 설정

    wp-config.php 파일은 워드프레스 웹 사이트의 가장 중요한 설정 파일입니다. 이 파일은 워드프레스가 데이터베이스에 접속하고 작동하는 데 필요한 핵심 정보를 담고 있기 때문에, 사이트의 심장부와 같습니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론 Ⅰ. wp-config.php의 역할 이 파일에는 다음과 같은 민감한 설정이 포함되어 있습니다. 이러한…

  • HostAdvice research-호스팅 업체 TOP 10을 찾기 위한 리뷰 사이트

    공유 호스팅 or VPS 호스팅 등 좋은 호스팅 업체를 찾는 일이란 쉬운 일이 아닙니다. 인터넷에서 수익을 창출하는 회사는 안정적이며 빠른 서버 2가지 요소가 필수입니다. HostAdvice는 안정적이며 신뢰할 수 있는 해외 호스팅 업체 순위를 비교하고 찾는데 TrustPilot 리뷰와 함께 검토하는데 추천할 만한 사이트 중 하나입니다. 좋은 호스팅 업체를 고르기 위해 “Best hosting” 또는 ‘호스팅…

  • 워드프레스 호스팅: 안정성 및 속도를 반영한 5가지 평가 항목

    워드프레스 사이트 구축을 계획하고 있다면, 먼저 도메인 구매와 함께 적합한 호스팅 서비스를 선택하는 것이 중요합니다. 호스팅은 웹사이트의 안정성과 속도에 직접적인 영향을 미치기 때문에, 내 사이트 목적과 규모에 맞는 호스팅을 신중히 고르는 것이 성공의 첫걸음입니다. 워드프레스 호스팅에 맞는 호스팅을 선택할 때 고려해야 할 5가지 핵심 평가 항목을 안내드립니다. 목차1. 워드프레스 임베드 기능 사용 방법2….

  • Clearfy 설정 가이드: 워드프레스 성능 최적화

    워드프레스 사이트의 속도를 높이기 위해 캐시 플러그인을 고려할 때, Clearfy Cache는 단순한 캐시 플러그인을 넘어 워드프레스 전반을 최적화하는 통합 도구로 평가받고 있습니다. 이 글에서는 Clearfy의 주요 기능과 설정 방법을 단계별로 살펴보고, 실제 사이트에서 성능을 높이기 위한 실전 팁을 함께 정리했습니다. WP Fastest Cache나 W3 Total Cache와 같이 캐시 플러그인이지만 캐시 기능보다 워드프레스 최적화…

  • What CMS? 어떤 CMS를 사용하는지 확인 사이트 목록 3군데

    WordPress, Shopify , 윅스, Squarespace, 줌라 등의 CMS 점유율을 확인한다면 w3techs 사이트에서 CMS 점유율을 확인할 수 있습니다. What CMS..? 어떤 CMS를 사용하는지 궁금할 경우 조회할 수 있는 사이트 중 대표적인 사이트입니다. 목차1. 워드프레스 임베드 기능 사용 방법2. 워드프레스 wp-embed.min.js3. 워드프레스 임베드 비활성화3.1 코드 적용3.2 플러그인 사용4. 결론1. What CMS ? 2. cmsdetect.com 두 번째 사이트는 cmsdetect.com입니다. 3. seranking.com…

  • [WP] 워드프레스 블로그 수익 창출 가능한 이유와 방법 5가지

    워드프레스 블로그 수익 창출은 가능할까요? 우선 한국에서 대표적인 블로그는 네이버 블로그와 티스토리가 있습니다. 네이버 블로그 애드포스트라는 네이버 광고를 게재할 수 있고 티스토리는 구글 애드센스와 애드핏 광고를 게재할 수 있습니다. 애드포스트는 사실 광고 수익이 매우 낮아 전문적으로 콘텐츠를 발행하는 직업을 갖기 힘들며, 티스토리의 경우 지속적인 여러가지 웹 사이트 오류 및 티스토리 운영에 대한 문제들이…

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Prove your humanity: 3   +   7   =