InstantSEOScan Blog

Cara Menjana Penanda Skema Perniagaan Tempatan: Panduan Pembangun Lengkap

By

Cara Menjana Penanda Skema Perniagaan Tempatan: Panduan Pembangun Lengkap

Ketahui cara menulis, melaksanakan dan mengesahkan Skema Perniagaan Tempatan JSON-LD untuk memenangi coretan kaya Google dan meningkatkan trafik SEO tempatan.

Local Business Schema markup is a specific type of structured data that tells search engines key business details, such as physical address, opening hours, phone number, and service areas. Implementing this JSON-LD script helps Google identify your physical location, increasing your chances of winning rich snippets in search results.

Without schema markup, search bots try to parse raw HTML text on your contact or home page. Providing schema eliminates all guessing, presenting key details in a standard format.

Local Business Schema JSON-LD Structure flowchart

Example of Local Business Schema JSON-LD

Google recommends placing schema markup inside your page code using **JSON-LD**. Here is a validated code template:

{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Plumbing Experts",
  "image": "https://example.com/logo.png",
  "@id": "https://example.com/#localbusiness",
  "url": "https://example.com",
  "telephone": "+1-555-555-5555",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Main St",
    "addressLocality": "Dallas",
    "addressRegion": "TX",
    "postalCode": "75201",
    "addressCountry": "US"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 32.7767,
    "longitude": -96.7970
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday"
    ],
    "opens": "08:00",
    "closes": "18:00"
  }
}

How to Implement Schema in React and SPA Frameworks

For modern React, Next.js, or Vite sites, insert your JSON-LD schema dynamically inside your page component by adding a script tag:

export default function ContactPage() {
  const schema = {
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "Dallas SEO Pros",
    "url": "https://example.com"
  };

  return (
    <div>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
      />
      <h1>Contact Us</h1>
    </div>
  );
}

Generate Custom Schema Code in Seconds

Don't write JSON-LD code from scratch. Use our automated schema generator to build error-free code templates.

Run Schema Generator →

Frequently Asked Questions

Where do I add Local Business Schema?

Ideally, add it to your website homepage and contact page. Make sure the phone number, address, and name matches what is visually readable on the page.

How do I test my schema code?

Copy the generated JSON-LD code and paste it into the Google Rich Results Test to verify that there are no syntax warnings or critical markup errors.