검색되는 콘텐츠를 위한 SEO 기본 요소와 적용 방법
SEO는 검색엔진이 콘텐츠를 이해하고, 사용자가 필요한 정보를 찾아 읽도록 돕는 작업입니다. 아래 표는 검색 최적화와 함께 공유·사용 편의·상담 전환에 도움이 되는 요소를 정리한 것입니다. 예시는 비온후풍경 블로그의 서비스 페이지와 개별 콘텐츠를 기준으로 작성했습니다.
요소 | 쉽게 이해하기 | 적용 방법과 예시 |
고유 <title> | 각 웹페이지의 이름입니다. 브라우저 탭과 검색 결과 제목의 바탕이 됩니다. | 페이지마다 구체적이고 다른 제목을 작성합니다. **‘장소·공간 브랜딩 전략｜비온후풍경’**처럼 주제와 브랜드를 표현합니다. 검색엔진이 다른 제목으로 표시할 수도 있습니다. |
Meta Description | 검색 결과에서 페이지 내용을 소개하는 짧은 요약문입니다. | 블로그 DB의 ‘페이지 설명’을 활용해 해당 페이지의 내용과 가치를 요약합니다. 예: “브랜드 정체성을 공간 콘셉트·고객 경험·운영 전략으로 연결하는 전문 서비스입니다.” 검색엔진이 본문에서 설명을 가져올 수도 있습니다. |
Canonical URL | 같은 내용이 여러 주소로 제공될 때 지정하는 대표 주소입니다. | 광고 추적 정보가 붙은 주소 등이 있어도 원래 페이지 주소를 대표로 지정합니다. 개별 글과 관련 서비스 페이지는 내용이 다르므로 각각 자기 대표 주소를 가집니다. |
robots meta | 검색엔진에 검색 결과 포함 여부 등의 처리 지침을 전달합니다. | 공개할 콘텐츠와 작업용 초안을 구분합니다. 검색 결과에서 제외할 초안에는 noindex를 적용합니다. 검색 허용 설정만으로 검색 등록이 보장되지는 않으며, 비공개 접근을 막는 보안 기능도 아닙니다. |
Open Graph | 카카오톡·SNS에 링크를 공유할 때 표시되는 미리보기 정보입니다. | 페이지별 제목·요약·대표 이미지를 지정합니다. 브랜딩 서비스 링크에는 브랜딩 서비스의 이미지와 설명이 표시되도록 합니다. |
시맨틱 HTML | 웹페이지의 각 부분에 역할에 맞는 구조를 부여합니다. | 메뉴는 nav, 핵심 본문은 main, 독립적인 글은 article 등으로 구성합니다. 방문자의 보조 도구와 검색엔진이 페이지 구조를 이해하는 데 도움이 됩니다. |
H1 → H2 → H3 계층 | 책의 제목·장 제목·소제목처럼 본문을 정리합니다. | H1: 장소·공간 브랜딩 전략 → H2: 서비스 범위 → H3: 고객 경험 설계처럼 구성합니다. DB의 페이지 상하위 관계와는 별개이며, 제목 단계 자체가 검색 순위를 보장하지는 않습니다. |
Breadcrumb | 사이트 안에서 현재 페이지의 위치를 보여주는 경로입니다. | 블로그 DB의 ‘상위 항목’을 활용해 **‘홈 › 전문 서비스 › 장소·공간 브랜딩 전략’**처럼 표시합니다. 상위 페이지로 돌아가는 링크도 제공합니다. |
자연스러운 핵심 키워드 | 사용자가 검색할 만한 말을 내용에 맞게 사용하는 것입니다. | 제목·소제목·본문에서 ‘공간 브랜딩’, ‘단독주택 설계’, ‘패시브하우스 건축비’ 등을 자연스럽게 사용합니다. 같은 단어를 억지로 반복하지 않습니다. |
내부링크 | 같은 사이트의 관련 페이지로 이어지는 연결 통로입니다. | 서비스·허브 페이지에서 관련 단테 글을 소개하고, 개별 글에서도 해당 서비스·허브로 연결합니다. 노션 관계형을 실제 웹사이트의 클릭 가능한 링크로 출력해야 합니다. |
이미지 alt | 이미지를 볼 수 없을 때 내용을 전달하는 대체 설명입니다. | **“고객 동선과 브랜드 색상을 반영한 카페 내부”**처럼 이미지가 보여주는 내용을 설명합니다. 순수한 장식용 이미지는 빈 alt로 처리하며, 키워드를 나열하지 않습니다. |
CTA | 방문자가 다음 행동을 선택하도록 안내하는 문구나 버튼입니다. | 서비스 페이지에는 ‘프로젝트 상담 신청’, 개별 글에는 **‘관련 서비스 보기’**를 배치합니다. 주된 목적은 상담·신청 등의 전환입니다. |
FAQ | 방문자가 자주 궁금해하는 질문과 답변입니다. | “공간·사업 기획과 브랜딩은 어떻게 다른가요?”, “어느 단계부터 의뢰할 수 있나요?” 등을 설명합니다. 고객의 이해를 돕는 목적으로 운영합니다. Google의 FAQ 확장 검색 결과는 종료되었습니다. 공식 안내 |
사업체·서비스 구조화 데이터 | 사업체와 제공 서비스를 검색엔진이 읽기 쉬운 정해진 형식으로 설명합니다. | 비온후풍경이라는 사업체는 Organization 또는 적합한 LocalBusiness 유형으로, 브랜딩 등 개별 서비스는 Service로 설명합니다. 기존 목록의 ProfessionalService는 사용 중단된 유형이므로 재검토합니다. 공식 설명 |
WebPage 구조화 데이터 | 현재 웹페이지의 이름·주소·설명 등을 정해진 형식으로 전달합니다. | ‘장소·공간 브랜딩 전략’ 페이지의 제목·대표 주소·설명 등을 표현합니다. 페이지 정보와 사업체 정보는 구분하며, 적용만으로 특별한 검색 표시가 보장되지는 않습니다. |
BreadcrumbList 구조화 데이터 | 페이지의 위치 경로를 검색엔진용 데이터로 전달합니다. | 화면에 표시한 ‘홈 → 전문 서비스 → 장소·공간 브랜딩 전략’ 경로를 구조화 데이터로 작성합니다. 실제 사이트 구조와 일치하도록 합니다. |
모바일 대응 | 휴대폰에서도 내용을 편하게 읽고 기능을 사용할 수 있도록 합니다. | 읽기 쉬운 글자 크기, 화면에 맞는 이미지, 누르기 쉬운 상담 버튼을 제공합니다. PC의 주요 본문·링크가 모바일에서도 제공되도록 합니다. |
불필요한 JavaScript 최소화 | 필요한 기능을 유지하면서 불필요한 코드 실행을 줄입니다. | 과도한 애니메이션과 외부 스크립트를 줄이고, 핵심 본문과 링크가 쉽게 읽히도록 구성합니다. JavaScript를 무조건 없애기보다 속도와 콘텐츠 접근성을 확인합니다. |
노션 DB의 제목·설명·관계형은 위 요소를 구성하는 원자료입니다. 실제 적용 여부는 공개 웹페이지에서 해당 정보와 코드가 제대로 출력되는지 확인해야 합니다.
