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

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

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

임베드 기능은 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 처럼 간단한 플러그인을 사용할 수 있습니다. 아니면 Clearfy나 perfmatters처럼 워드프레스 최적화 플러그인을 사용하는 방법을 활용할 수 있습니다.

4. 결론

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

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

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

Similar Posts

  • 워드프레스 고유주소(Permalink)와 슬러그

    워드프레스 고유주소(Permalink, 영구링크, 고유링크 등)는 도메인 뒤에 붙는 게시물이나 페이지의 전체 URL 주소를 제공합니다. 특정 콘텐츠에 엑세스하는 데 사용되는 Permalink는 워드프레스 콘텐츠의 영구적인 주소로써 URL이 필요한 모든 워드프레스 콘텐츠에 사용됩니다. 워드프레스 고유주소 일반설정을 사용하면 안되는 이유 워드프레스를 처음 설치하고 고유주소 설정에 들어가게 되면 일반 설정으로 기본 세팅이 되어 있습니다. 워드프레스를 설치했다면 [일반] 설정…

  • 리눅스 서버에 워드프레스 설치하는 두 가지 방법: FTP vs wget

    워드프레스는 대표적인 CMS로, 리눅스 서버 환경에서도 수동 설치 방식으로 손쉽게 구축할 수 있습니다. 이 문서에서는 워드프레스 설치를 두 가지 방법, FTP를 이용한 수동 업로드 방식과 wget 명령어를 활용한 설치 방식을 다룹니다. 서버 환경과 사용자의 숙련도에 따라 원하는 방식을 선택하여 진행하시면 됩니다. ※ 이 문서는 호스팅 계정, 데이터베이스 계정, SSL 설정이 완료된 상태를 기준으로…

  • [WP] 워드프레스 이미지 핫링크 차단 방법 4가지

    이미지 핫링크(Image hotlinking)는 웹사이트 성능에 부정적인 영향을 줍니다. Image hotlink란 무엇이며, 웹사이트에 어떤 부정적인 영향을 주는지, 그리고 어떤 사이트에서 내 사이트에 핫링크를 적용했는지 알아 보도록 하겠습니다. 1. 이미지 핫링크(Image hotlink)란? ‘이미지 핫링크’는 누군가 내 웹사이트에서 직접 이미지(를 포함한 미디어파일)를 링크하여 자신의 웹사이트에 이미지를 삽입하는 것입니다. 핫링크는 ‘무단 도용’이며, 내 사이트의 저작권을 허가 없이…

  • 워드프레스 테마 설치 및 활성화

    워드프레스 테마 설치 방법 및 활성화 방법입니다. 1. 워드프레스 테마 설치하기 워드프레스 관리자 페이지에 접속했다면 좌측 [외모] > [테마] 탭으로 이동합니다. 설치된 기본 테마가 활성화 되어 있습니다. 테마 메뉴 상단 [새로 추가] 버튼을 누르면 인기있는 테마 및 최근순 등의 테마를 확인할 수 있습니다. 테마 목록에서 테마 위에 마우스를 올려 놓으면 우측 하단 [설치]…

  • [WP] 워드프레스 카테고리 만들기(&워드프레스 메뉴 만들기)

    워드프레스에서 작성한 글을 분류하기 위한 목적으로 카테고리를 설정할 수 있습니다. 카테고리는 글의 종류를 분류하기 위한 목적으로 만들며 어떤 CMS를 사용하는 블로그이든 중요한 요소로 생각해볼 수 있습니다. 워드프레스 카테고리 만들기는 블로그 및 웹 사이트를 시작하는 첫걸음인 동시에 글과 페이지 설정과 함께 필수로 설정해야 할 요소라고 생각해볼 수 있습니다 워드프레스에서 글 작성 후 메뉴 별로…

  • [WP] 워드프레스 500 내부 서버 오류 원인과 해결 방법

    워드프레스를 이용한 웹 사이트를 운영하는 중 여러가지 문제가 발생할 수 있습니다. 그 중에 자주 발생하는 워드프레스 500 내부 서버 오류 원인과 해결 방법에 대해 알아 보겠습니다. 1. 워드프레스 500 내부 서버 오류Internal Server Error 원인과 해결 방법 HTTP 상태 코드 중에 하나인 워드프레스 500 에러 원인은 다양합니다. 기본적인 사항은 서버에 문제가 있으며 정확한…

답글 남기기

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

Prove your humanity: 3   +   7   =