관련 게시물

색인된 콘텐츠와 분류 관계를 바탕으로 글 안에 관련 게시물 카드를 표시하고, 출력 방식과 카드 레이아웃을 제어하세요.

개요

관련 게시물은 색인된 콘텐츠와 택소노미 관계를 바탕으로 현재 글과 연결된 게시물 카드를 표시합니다. 방문자가 글을 다 읽은 뒤에도 사이트 안에서 다음으로 볼 만한 페이지를 자연스럽게 찾게 도와주는 모듈입니다.

관리 경로: Airygen SEO -> 설정 -> 관련 게시물

이 모듈은 링크 제안에 의존합니다. 따라서 먼저 링크 제안이 활성화되어 있어야 하며, 관련 게시물에 사용할 게시물 유형 범위도 그 설정과 동기화됩니다.

출력 방법

관련 게시물은 수동 배치와 자동 콘텐츠 삽입을 모두 지원합니다.

수동 출력

관련 게시물을 원하는 위치에 직접 배치하고 싶다면 수동 출력을 사용합니다.

템플릿 함수는 테마 템플릿 안에 관련 게시물 카드를 넣고 싶을 때 사용합니다.
숏코드는 글 본문, 숏코드 블록, 또는 숏코드를 허용하는 다른 영역에 배치할 때 사용합니다.
블록은 블록 편집기에서 관련 게시물을 시각적으로 배치하고 싶을 때 사용합니다.

템플릿 함수:

<?php if ( function_exists( 'airygen_the_related_posts' ) ) { airygen_the_related_posts(); } ?>

숏코드:

[airygen_related_posts]

블록:

<!-- wp:shortcode -->
[airygen_related_posts]
<!-- /wp:shortcode -->

자동 삽입

Airygen SEO가 관련 게시물 출력을 글 본문에 자동으로 넣게 하려면 자동 삽입을 사용합니다.

삽입 위치는 자동 출력이 콘텐츠 이전 또는 콘텐츠 다음에 표시될지 결정합니다.
자동 삽입은 여러 글에 같은 위치로 관련 게시물을 일관되게 표시하고 싶을 때 적합합니다.
수동 배치는 테마나 특정 콘텐츠 구간에서 더 정확한 위치 제어가 필요할 때 적합합니다.

수동 출력과 자동 삽입을 함께 켠 경우에는 실제 페이지에서 관련 게시물이 두 번 보이지 않는지 꼭 확인하세요.

설정

이 페이지는 설정, 레이아웃, 미리보기로 구성됩니다.

설정 탭

이 탭에서는 출력 방식과 표시 범위를 결정합니다.

출력 제어

수동 출력 옵션을 켜면 템플릿 함수, 숏코드, 블록 방식으로 관련 게시물을 렌더링할 수 있습니다.
자동 삽입 옵션을 켜면 아래 삽입 설정에 따라 관련 게시물 카드가 본문에 자동으로 추가됩니다.
삽입 위치는 자동 관련 게시물이 글 콘텐츠 콘텐츠 이전 또는 콘텐츠 다음 어디에 나타날지 정합니다.

섹션 제목

섹션 제목 설정으로 관련 게시물 목록 위에 제목을 표시할지 결정할 수 있습니다.
제목 텍스트 필드에서는 출력 위에 보일 문구를 바꿀 수 있습니다.
제목 레벨 필드에서는 해당 제목에 사용할 헤딩 수준을 선택할 수 있습니다.

범위

포함할 게시물 유형은 관련 게시물 출력에 사용할 글 유형 범위를 보여 줍니다.
이 범위는 링크 제안과 동기화되므로 관련 게시물 화면에서 직접 편집할 수 없습니다.

레이아웃 탭

이 탭에서는 카드 구조와 스타일을 조정합니다.

그리드

2 x 2, 3 x 2, 4 x 2, 4 x 1, 1 x 4는 카드 밀도와 행·열 배치를 정합니다.
그리드 관련 스타일 제어에서는 바깥쪽 그리드의 테두리 두께, 선 스타일, 둥근 모서리, 테두리 색상, 배경색, 패딩, 간격을 조정할 수 있습니다.

게시물 카드

게시물 카드 템플릿은 템플릿 1과 템플릿 2를 지원합니다.
표시할 블록은 헤더, 본문, 왼쪽 사이드바, 푸터 영역 사이에서 드래그해 재배치할 수 있습니다.
푸터 열은 1열, 2열, 3열을 지원합니다.
사용하지 않는 블록은 숨김 영역으로 옮겨 현재 카드에서 감출 수 있습니다.
사용 가능한 카드 블록에는 대표 이미지, 제목, 발췌문, 작성자, 날짜가 포함됩니다.

스타일

테마 프리셋으로 스노우 슬레이트, 허니 페이퍼, 스카이 브리즈, 민트 캄, 로즈 블러시, 라벤더 미스트를 선택할 수 있습니다.
게시물 컨테이너 스타일 제어에서는 각 카드 컨테이너의 테두리 두께, 선 스타일, 둥근 모서리, 테두리 색상, 배경색, 패딩, 간격을 조정할 수 있습니다.
대표 이미지 설정에서는 이미지 크기와 이미지 테두리 반경을 조정할 수 있습니다.
제목 스타일 설정에서는 각 카드 제목의 글자 크기, 글자 색상, 굵게 또는 기울임꼴 여부를 조정할 수 있습니다.
발췌 설정에서는 글자 크기, 글자 색상, 최대 문자 수, 페이드 마스크, 페이드 색상, 마스크 높이를 조정할 수 있습니다.
작성자 및 날짜 설정에서는 두 블록의 글자 크기, 글자 색상, 굵게 또는 기울임꼴 여부를 함께 조정할 수 있습니다.
섹션 제목 스타일 제어로 카드 목록 위 제목의 모양을 카드 본문과 따로 조정할 수 있습니다.

미리보기 탭

이 탭에서는 현재 레이아웃 및 스타일 설정을 기준으로 관련 게시물 출력을 검토합니다.

노트북, 태블릿, 휴대전화 장치 전환기로 화면 크기별 배치를 빠르게 비교할 수 있습니다.
미리보기는 샘플 카드와 현재 스타일 설정을 사용해 결과를 단순화해서 보여 줍니다.
화면에는 생성된 HTML 및 CSS 샘플도 함께 표시되어 최종 구조를 참고하기 쉽습니다.

사용 방법

먼저 Airygen SEO -> 설정 -> 링크 제안을 열어 링크 제안이 활성화되어 있는지 확인합니다.
같은 화면에서 포함할 게시물 유형을 확인하고, 관련 게시물에 사용할 글 유형이 범위에 포함되어 있는지 점검합니다.
Airygen SEO -> 설정 -> 관련 게시물을 엽니다.
설정 탭에서 수동 배치, 자동 삽입, 또는 두 방식을 함께 사용할지 결정합니다.
수동 배치를 사용할 경우 현재 워크플로에 맞는 템플릿 함수, 숏코드, 블록 예시를 복사해 배치 위치를 준비합니다.
자동 삽입을 사용할 경우 자동 삽입을 켜고 삽입 위치에서 콘텐츠 이전 또는 콘텐츠 다음을 선택합니다.
관련 게시물 위에 제목을 표시하고 싶다면 섹션 제목 표시를 켜고 제목 텍스트와 제목 레벨을 설정합니다.
레이아웃 탭을 열어 카드 수에 맞는 그리드 프리셋과 원하는 게시물 카드 템플릿을 선택합니다.
대표 이미지, 제목, 발췌문, 작성자, 날짜 블록을 드래그해 원하는 영역으로 이동하고, 사용하지 않을 블록은 숨김 영역으로 옮깁니다.
푸터 열, 테마 프리셋, 그리드 스타일, 게시물 컨테이너 스타일, 텍스트 스타일을 조정해 사이트 디자인에 맞춥니다.
미리보기 탭에서 노트북, 태블릿, 휴대전화를 전환하며 카드 배치와 텍스트 밀도가 화면 크기별로 자연스러운지 확인합니다.
설정을 저장한 뒤 실제 글 페이지를 열어 관련 게시물 위치, 카드 개수, 카드 스타일이 의도대로 보이는지 확인합니다.

저장 후에는 다음 항목을 확인하세요.

링크 제안이 활성화되어 있고 현재 게시물 유형이 범위에 포함되어 있습니다.
관련 게시물이 실제 페이지에 한 번만 나타납니다.
카드 구성과 텍스트 길이가 현재 테마 레이아웃과 충돌하지 않습니다.
실제 관련 콘텐츠가 현재 글 주제와 자연스럽게 이어집니다.

미리보기와 실제 출력

미리보기 탭은 현재 레이아웃과 스타일 설정을 적용한 단순화된 관련 게시물 예시를 보여 줍니다.

미리보기는 샘플 카드로 빠르게 카드 구조와 간격을 검토하는 데 적합합니다.
미리보기는 현재 설정을 반영하지만, 실제 글마다 연결되는 관련 게시물 목록까지 완전히 동일하게 재현하는 화면은 아닙니다.
장치 전환을 사용하면 작은 화면에서 카드 밀도와 텍스트 길이가 무너지지 않는지 빠르게 확인할 수 있습니다.

실제 사이트 출력은 미리보기와 다를 수 있습니다.

실제 출력은 활성 테마, 사용자 정의 CSS, 주변 페이지 레이아웃의 영향을 받을 수 있습니다.
실제 카드 내용은 현재 글과 연결된 실제 관련 게시물 데이터에 따라 달라집니다.
수동 배치와 자동 삽입을 함께 사용하면 미리보기에서는 문제없어 보여도 실제 페이지에서 중복 표시가 생길 수 있습니다.

저장 후에는 실제 글 페이지에서 관련 게시물이 기대한 위치에 한 번만 나타나는지, 카드 요소 순서가 올바른지, 테마 스타일과 함께 보였을 때도 자연스러운지 확인하세요.

SEO 이점

관련 게시물 링크는 방문자가 사이트 안에서 더 오래 주제를 따라가게 돕고, 검색 엔진에는 서로 의미상 연결된 페이지 사이의 내부 링크 경로를 더 많이 제공합니다.

이렇게 하면 중요한 콘텐츠를 더 쉽게 발견하게 만들고, 하나의 글에서 끝나지 않는 주제 탐색 흐름을 만드는 데 도움이 됩니다.

활용 사례

기사 다음 읽을거리가 부족한 콘텐츠 퍼블리셔

이전에는 독자가 글 하나를 다 읽고 나면 같은 주제의 다음 글로 이동할 분명한 안내가 없어 바로 이탈하는 경우가 많았습니다.

이후에는 관련 게시물이 글 안에 연결된 카드 목록을 보여 주므로, 독자가 같은 주제의 다음 페이지를 더 쉽게 클릭할 수 있습니다.

오래된 에버그린 글이 묻히기 쉬운 대형 블로그

이전에는 새 글마다 편집자가 직접 예전 글을 찾아 링크하지 않으면, 가치 있는 오래된 글이 아카이브 뒤로 계속 묻히기 쉬웠습니다.

이후에는 관련 게시물이 색인된 콘텐츠 관계를 바탕으로 다음 클릭 후보를 자동으로 보여 주므로, 오래된 글도 더 자주 다시 노출될 수 있습니다.

여러 고객 사이트에 공통 레이아웃을 적용하는 에이전시

이전에는 사이트마다 관련 글 영역을 수동으로 설계해야 해서 위치와 카드 스타일을 일관되게 유지하기 어려웠습니다.

이후에는 관련 게시물에서 출력 방식, 그리드, 카드 구성, 스타일을 한곳에서 맞춰 두고 사이트별로 필요한 배치 방식만 선택해 운영할 수 있습니다.

자주 묻는 질문

관련 게시물이 페이지에 보이지 않는 이유는 무엇인가요?

먼저 링크 제안이 활성화되어 있는지 확인하세요. 그다음 현재 게시물 유형이 범위에 포함되어 있는지, 그리고 수동 배치나 자동 삽입 중 실제로 사용하는 출력 방식이 켜져 있는지 확인하세요.

카드 안의 요소 위치를 바꿀 수 있나요?

예. 레이아웃 탭에서 대표 이미지, 제목, 발췌문, 작성자, 날짜 블록을 드래그해 다른 영역으로 옮기고, 사용하지 않는 블록은 숨길 수 있습니다.

미리보기와 실제 페이지가 다른 이유는 무엇인가요?

미리보기는 샘플 카드와 현재 스타일 설정을 보여 주는 단순화된 화면입니다. 실제 페이지는 활성 테마, 사용자 정의 CSS, 그리고 해당 글에 연결된 실제 관련 게시물 데이터의 영향을 받습니다.

관련 게시물이 두 번 보이면 어떻게 해야 하나요?

템플릿 함수, 숏코드, 블록으로 이미 수동 배치를 해 둔 상태에서 자동 삽입도 함께 켰는지 확인하세요. 실제 페이지에서는 필요한 한 가지 출력 방식만 남기는 것이 안전합니다.