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

나눔웹 마케팅 꿀팁

LocalBusiness 구조화 데이터 작성법, 구글에 상호·주소·영업시간 정확히 알리기

동네 가게나 지역 사무실 홈페이지라면 LocalBusiness 구조화 데이터로 상호, 주소, 영업시간을 검색엔진이 읽는 형식으로 따로 적어 두는 것이 좋습니다.
JSON-LD 코드 한 덩어리를 메인 페이지에 넣으면 되고, 화면 디자인은 전혀 바뀌지 않습니다.

💡 푸터에 주소가 이미 있는데 왜 또 적나요?

사람은 푸터의 "평일 9시~18시"를 바로 이해하지만, 검색엔진 입장에서는 그 문장이 영업시간인지 공지인지 확실하지 않습니다. 구조화 데이터는 "이건 주소, 이건 영업시간"이라고 이름표를 붙여 주는 역할입니다. 다만 구글 지도와 지역 검색에 나오는 정보는 구글 비즈니스 프로필이 우선이므로, 프로필과 홈페이지 정보가 서로 같도록 맞추는 것이 핵심입니다.

1. 기본 JSON-LD 코드 넣기

메인 페이지 <head> 안이나 본문 아래쪽에 아래 코드를 넣고 값만 바꾸면 됩니다. 업종이 분명하면 LocalBusiness 대신 Dentist, Restaurant, AutoRepair처럼 더 구체적인 유형을 쓰는 편이 낫습니다.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "○○공방",
  "url": "https://www.example.com/",
  "image": "https://www.example.com/shop.jpg",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "○○로 12, 2층",
    "addressLocality": "마포구",
    "addressRegion": "서울특별시",
    "postalCode": "04000",
    "addressCountry": "KR"
  }
}
</script>

전화번호가 있다면 telephone 항목에 국가번호를 붙인 형식(+82-2-…)으로 추가합니다. 상호는 간판, 비즈니스 프로필, 홈페이지 푸터에 적힌 이름과 글자 하나까지 똑같이 쓰세요. 띄어쓰기만 달라도 다른 곳처럼 보일 수 있습니다.

2. 영업시간은 요일별로 나눠 적기

영업시간은 openingHoursSpecification으로 적습니다. 평일과 토요일 시간이 다르면 항목을 두 개로 나누면 됩니다. 위 코드의 address 다음에 쉼표를 찍고 이어 붙이세요.

"openingHoursSpecification": [
  {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday","Tuesday","Wednesday",
      "Thursday","Friday"],
    "opens": "09:00",
    "closes": "18:00"
  },
  {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": "Saturday",
    "opens": "10:00",
    "closes": "14:00"
  }
]

일요일처럼 쉬는 날은 아예 적지 않으면 됩니다. 명절 휴무처럼 잠깐 바뀌는 일정은 코드보다 비즈니스 프로필의 특별 영업시간에서 바꾸는 쪽이 빠르게 반영됩니다.

3. 넣은 뒤 확인할 것

  • 구글 리치 결과 테스트나 schema.org 검사기에 페이지 주소를 넣어 오류가 없는지 확인합니다.
  • 코드 속 주소·영업시간이 화면에 보이는 내용과 같은지 봅니다. 화면에 없는 정보를 코드에만 넣으면 안 됩니다.
  • 이사나 시간 변경이 생기면 홈페이지 코드, 푸터, 비즈니스 프로필 세 곳을 같은 날 함께 고칩니다.

구조화 데이터를 넣는다고 검색 순위가 바로 오르지는 않습니다. 대신 검색엔진이 우리 가게 정보를 헷갈리지 않게 해 주는 기초 작업이라, 지역 손님이 많은 업종일수록 한 번은 정리해 둘 만합니다.

"정보가 어디서나 같아야 손님이 헤매지 않습니다."

나눔웹은 홈페이지를 만들 때 상호·주소·영업시간 표기를 한곳에 정리하고
검색엔진용 정보까지 함께 맞춰 드립니다.


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