실무에 바로 적용할 수 있는 웹 제작 꿀팁 및 유용한 자료실 공간입니다.
나눔웹이 제공하는 핵심 노하우와 마케팅 인사이트를 자유롭게 활용해 보십시오.

나눔웹 마케팅 꿀팁

구글 검색 사이트 이름이 엉뚱하게 나올 때, WebSite 구조화 데이터로 지정하는 법

구글에서 우리 회사를 검색했더니 결과 맨 위의 사이트 이름이 회사명 대신 도메인 주소나 메뉴 이름으로 나온다면, 홈페이지에 WebSite 구조화 데이터를 넣어 원하는 이름을 알려 주는 것이 첫 번째 할 일입니다.
코드는 몇 줄이면 되고, 홈페이지 한 곳에만 넣으면 됩니다.

💡 사이트 이름은 따로 설정하는 곳이 없나요?

구글은 사이트 이름을 자동으로 고릅니다. 홈페이지의 title, og:site_name, 첫 화면 문구 등을 두루 보는데, 이 값들이 제각각이면 엉뚱한 이름을 고르기 쉽습니다. 서치 콘솔에도 이름을 직접 입력하는 메뉴는 없고, 구조화 데이터가 우리가 원하는 이름을 전달하는 가장 확실한 통로입니다. 리뉴얼 뒤 title을 '메인' 같은 값으로 바꿔 둔 사이트에서 특히 자주 봅니다.

1. 홈페이지 head에 JSON-LD 넣기

아래 코드를 도메인 첫 페이지의 <head> 안에 넣습니다. name에는 실제로 불리는 짧은 회사명을, url에는 대표 주소를 적습니다. 모든 페이지에 넣을 필요는 없습니다.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "나눔상사",
  "alternateName": ["나눔", "nanumsangsa.com"],
  "url": "https://www.nanumsangsa.com/"
}
</script>

alternateName은 선택 항목인데, 구글이 첫 번째 이름을 쓰기 애매하다고 판단할 때 순서대로 검토하는 후보입니다. 마지막에 소문자 도메인을 넣어 두면 최소한 이상한 이름 대신 도메인이 나오게 할 수 있습니다.

2. 함께 맞춰야 하는 값들

구조화 데이터만 넣고 나머지가 다르면 구글이 그 이름을 믿지 않을 수 있습니다. 홈페이지 안에서 아래 값들이 같은 이름을 쓰는지 확인해 주세요.

항목맞추는 방법
title 태그"나눔상사 - 사무용품 도매"처럼 회사명을 앞에
og:site_name구조화 데이터의 name과 같은 값
첫 화면 로고·문구로고 이미지라면 alt에 회사명
http·https, www 유무모든 버전에 같은 데이터가 보이게

3. 이런 경우는 지정이 안 됩니다

  • 하위 폴더 첫 페이지: example.com/shop처럼 폴더 단위로는 별도 이름을 쓸 수 없습니다. 도메인이나 shop.example.com 같은 하위 도메인 단위만 지원됩니다.
  • 너무 일반적인 이름: '부산 최고 인테리어'처럼 업종 설명에 가까운 이름은 잘 채택되지 않습니다.
  • 홈페이지가 막혀 있을 때: robots.txt 차단, noindex, 로그인 필요 페이지라면 구글이 내용을 읽지 못합니다.

문법 확인은 스키마 마크업 검사기(validator.schema.org)로 합니다. 구글의 리치 결과 테스트는 사이트 이름 항목을 지원하지 않으니 '감지된 항목 없음'이 떠도 놀라지 않으셔도 됩니다. 확인이 끝나면 서치 콘솔 URL 검사에서 홈페이지 색인 생성을 다시 요청하고, 반영까지는 며칠에서 몇 주 정도 기다려야 합니다.

"검색 결과의 첫 줄은 회사의 간판입니다."

나눔웹은 리뉴얼 때 title, OG, 구조화 데이터를 같은 이름으로 정리해
검색 결과에 회사 이름이 제대로 보이도록 챙깁니다.


List of Articles
번호 분류 제목 글쓴이
60 웹 성능 홈페이지 로딩 속도를 3배 높이는 '이미지 최적화' 실무 가이드 나눔웹
59 퍼블리싱 CSS 변수로 유지보수와 테마 기능을 한 번에! (CSS Custom Properties) 나눔웹
58 마케팅 카카오톡 링크 썸네일의 비밀! 클릭률을 높이는 '오픈 그래프(OG)' 세팅법 나눔웹
57 모바일 모바일 꽉 찬 화면 하단 짤림 현상! '100vh'의 함정과 완벽 해결법 나눔웹
56 웹 성능 홈페이지 첫 화면 글자 깜빡임(투명 현상) 1초 만에 해결하는 법 나눔웹
55 퍼블리싱 스마트폰에서 로고가 흐리게 보인다고요? 'SVG' 포맷이 정답입니다. 나눔웹
54 웹 성능 클릭 실수 유발하는 '화면 덜컹거림(CLS)', 단 한 줄로 해결하는 법 나눔웹
53 모바일 고객의 이탈을 막는 1초 디테일, '모바일 맞춤형 키보드' 세팅법 나눔웹
52 UI/UX 모바일에서 버튼 누를 때 생기는 촌스러운 '회색 박스' 없애는 법 나눔웹
51 UI/UX 레이아웃을 망치는 긴 글, 예쁘게 '...'으로 자르는 마법의 CSS 나눔웹
50 UI/UX 상단 메뉴에 제목이 가려진다고요? '부드러운 스크롤' 마법의 2줄 나눔웹
49 모바일 아이폰에서 입력창 누를 때 화면 '자동 확대'되는 현상 막는 법 나눔웹
48 퍼블리싱 지저분한 모바일 스크롤바, 기능은 남기고 쏙 숨기는 마법의 CSS 나눔웹
47 모바일 모바일 웹을 진짜 '앱(App)'처럼! 이미지 꾹 누를 때 뜨는 팝업 막기 나눔웹
46 UI/UX 애플(Apple) 사이트처럼 고급스러운 '반투명 유리' 메뉴 만드는 법 나눔웹
45 퍼블리싱 무거운 플러그인 NO! 넷플릭스처럼 쫀득한 '가로 스와이프' CSS로 뚝딱 만들기 나눔웹
44 UI/UX 1%의 디테일이 브랜딩을 완성합니다! '텍스트 드래그 색상' 바꾸기 나눔웹
43 UI/UX 투박한 파란색 체크박스는 그만! 단 1줄로 우리 회사 컬러 입히기 나눔웹
42 모바일 하단 고정 버튼이 아이폰 '검은 줄'에 겹친다면? (Safe Area 대응법) 나눔웹
41 모바일 앗, 실수로 새로고침! 튕기는 모바일 화면 꽉 잡는 법 (Overscroll) 나눔웹
Board Pagination Prev 1 2 3 Next
/ 3
rhwlsghkcocndgus XE2.1.39 STAGE1.5.4