검색 결과에 회사명이 잘리거나 페이지 소개가 엉뚱하게 보이나요? CodeBuilder의 ✏️ 내용 편집에서 🏷 브라우저 탭 이름과 🔎 검색 설명을 찾아 수정하고, 실제 탭·페이지 소스·공개 주소에서 확인하는 순서를 설명합니다. 검색 반영 시점과 노출 문구의 한계도 함께 짚습니다.
이 글의 목표는 화면에 보이는 큰 제목과 검색용 정보를 구분해, 페이지마다 알맞은 탭 이름과 소개글을 넣는 것입니다.
메뉴명과 동작은 2026년 8월 30일 CodeBuilder 실제 화면·원본 코드·공식 도움말에서 확인했습니다. 이미지 속 업체명과 검색 예시는 자체 제작한 가상 사례이며 검색 순위나 노출 성과를 뜻하지 않습니다.
큰 제목, 탭 이름, 검색 설명은 서로 다른 자리입니다
- 화면의 큰 제목: 방문자가 페이지 안에서 읽는 제목입니다.
- 🏷 브라우저 탭 이름: 브라우저 탭과 검색 결과 제목의 기본 재료가 되는
<title>입니다. - 🔎 검색 설명: 페이지 내용을 요약하는
meta description입니다.
세 항목을 똑같이 길게 복사하면 탭과 검색 결과에서 잘릴 수 있습니다. 페이지 안의 큰 제목은 설득력 있게, 탭 이름과 검색 설명은 핵심 서비스와 업체를 빠르게 알아볼 수 있게 씁니다.
1. 검색에서 바꿀 페이지를 먼저 고릅니다
왼쪽 파일 목록에서 수정할 페이지를 엽니다. 홈, 회사소개, 서비스소개처럼 페이지마다 탭 이름이 달라야 방문자와 검색엔진이 내용을 구분하기 쉽습니다. 모든 페이지를 한꺼번에 같은 문구로 바꾸지 마세요.
2. ‘✏️ 내용 편집’에서 ‘🏷 페이지 정보’를 엽니다
- 상단의 ✏️ 내용 편집을 누릅니다.
- 🏷 페이지 정보 탭을 누릅니다.
- 🏷 브라우저 탭 이름을 찾습니다.
- 페이지에
meta description이 있으면 🔎 검색 설명도 함께 나타납니다.
CodeBuilder는 현재 HTML에 실제로 있는 항목만 목록에 보여 줍니다. 따라서 검색 설명이 보이지 않는다면 오류가 아니라, 그 페이지에 설명 태그가 아직 없을 가능성이 큽니다.
3. 탭 이름은 ‘페이지 핵심 + 업체명’으로 짧게 씁니다
탭 이름은 현재 페이지에서 제공하는 핵심과 업체명을 조합하면 이해하기 쉽습니다.
- 홈:
온담 베이커리 | 매일 굽는 동네 빵집 - 제품:
빵·케이크 메뉴 | 온담 베이커리 - 문의:
예약·단체 주문 문의 | 온담 베이커리
같은 키워드를 여러 번 반복하거나, 페이지와 관계없는 지역·서비스를 억지로 넣지 마세요. 검색엔진은 제목을 그대로 표시하지 않고 상황에 따라 바꿔 보여 줄 수도 있습니다.
4. 검색 설명은 ‘대상·제공 내용·다음 행동’을 한 문단에 담습니다
검색 설명에는 누가 어떤 도움을 받을 수 있는지와 페이지에서 할 수 있는 행동을 자연스럽게 씁니다. 예를 들면 “온담 베이커리의 당일 빵과 예약 케이크를 확인하고, 수령 날짜와 단체 주문 상담 방법을 안내받으세요.”처럼 작성할 수 있습니다.
문장을 키워드 목록처럼 이어 붙이거나, 실제로 제공하지 않는 무료·최저가·1위 같은 표현을 쓰지 마세요. 설명은 검색 노출을 돕는 정보이지 순위나 클릭을 보장하는 장치가 아닙니다.
검색 설명 항목이 보이지 않을 때
🔎 검색 설명은 페이지 HTML 안에 <meta name="description" content="...">가 있을 때 편집 목록에 나타납니다. 없다면 다음 중 안전한 방법을 선택합니다.
- 코드 수정이 익숙하지 않다면 ⌨ 도움말 또는 🆘 도움 요청으로 해당 페이지에 검색 설명 추가를 요청합니다.
- HTML을 이해한다면 </> 코드에서
</head>바로 앞에 description 태그를 한 번만 넣고 저장합니다. - 이미 태그가 있는데 안 보인다면 큰따옴표 형식인지, 이름이 정확히
description인지 확인합니다.
본문 안에 검색 설명 문구를 숨겨 넣거나 같은 description 태그를 여러 개 만들지는 마세요.
5. 적용·저장·공개 뒤 실제 결과를 확인합니다
- 내용 편집창 아래 변경 내용 적용을 누릅니다.
- 위쪽 💾 저장을 눌러 작업본에 보관합니다.
- 준비가 끝나면 🚀 공개 반영을 누릅니다.
- 실제 주소를 새 창에서 열어 브라우저 탭 이름을 확인합니다.
검색 결과의 문구는 즉시 바뀌지 않을 수 있으며, 검색엔진이 검색어에 맞춰 제목이나 설명을 다르게 조합할 수 있습니다. 공개 직후에는 탭 이름과 페이지 소스의 description이 의도대로 바뀌었는지를 먼저 확인하세요.
잘못 보일 때 확인할 항목
- 모든 페이지 탭이 같습니다: 페이지별 파일을 열어 각각 다른 탭 이름을 넣습니다.
- 검색 설명이 목록에 없습니다: 현재 HTML에 description 태그가 있는지 확인합니다.
- 수정했는데 탭이 그대로입니다: 변경 내용 적용 뒤 💾 저장과 🚀 공개 반영까지 했는지 확인합니다.
- 검색 결과만 옛 문구입니다: 공개 페이지가 바뀌었는지 먼저 확인하고, 검색엔진 재수집 시간을 기다립니다.
- 큰 제목까지 함께 바꾸고 싶습니다: 첫 화면 제목·버튼만 바꾸는 법의 내용 편집 순서를 참고하세요.
완료 확인표
- 수정할 페이지 파일을 정확히 열었다.
- 화면 큰 제목과 브라우저 탭 이름을 구분했다.
- 탭 이름에 페이지 핵심과 업체명을 자연스럽게 담았다.
- 검색 설명에 대상·제공 내용·다음 행동을 한 문단으로 썼다.
- 변경 내용 적용 → 💾 저장 → 🚀 공개 반영을 마쳤다.
- 실제 주소의 탭 이름과 페이지 소스를 확인했다.
