Семантическая разметка schema.org в React.js

Семантическая разметка необходима, чтобы данные о Вашем бизнесе попали в справочники всех поисковых систем. Если у Вас есть физический офис с адресом, Вам необходимо добиться того, чтобы контактные данные Вашей компании появились в онлайн-справочниках и Ваш офис появился на всех популярных онлайн картах. Вот для этого и нужна семантическая разметка, чтобы поисковые системы сделали это автоматически.

В моём случае мне важно, чтобы место, где я официально работаю компьютерным мастером, появилось в онлайн картах и справочниках. В разных онлайн картах и справочниках гео-данные должны появиться с задержкой в несколько месяцев, если сайт индексируется поисковыми системами.

Я использую фреймворк Next.js, который базируется на React. Поэтому следует учесть регистр символов, который отличается от синтаксиса html, где не учитывается регистр символов.

Необходимо использовать такие атрибуты itemScope и itemType:

<div itemScope itemType="https://schema.org/LocalBusiness">

Если есть необходимость указать географические координаты точки на карте, нужно использовать сущность LocalBusiness, а не сущность организации Organization. Или другими словами: если у Вас локальный бизнес, нужно использовать сущность (itemType) https://schema.org/LocalBusiness.

Я не постеснялся и указал широту и долготу (latitude и longitude): 55.794831 и 37.92264. Что в моём случае точно соответствует адресу: Балашиха, шоссе Энтузиастов, 7.

Получить координаты объекта по его адресу можно через api Яндекс карты, или на любом другом географическом веб сервисе. 

Ниже участок кода, который расположен в футере (нижней части) моего сайта. Код размечен в соответствие с синтаксисом React.js (jsx или tsx):

<div itemScope itemType="https://schema.org/LocalBusiness">
  <Box>
    <p>
      <meta itemProp="name" content="Компьютерный мастер в Балашихе" />
      <meta itemProp="image" content={"/images/master_v_balashihe.jpg"} />
      <Link itemProp="url" href={`${process.env.NEXT_PUBLIC_SITE_URL || "/"}`}>
        &copy; {new Date().getFullYear()}{" "}
        <span itemProp="name">Компьютерный мастер в Балашихе</span>
      </Link>
    </p>
    <div
      itemProp="address"
      itemScope
      itemType="https://schema.org/PostalAddress"
    >
      <span itemProp="postalCode">143912</span>,{" "}
      <span itemProp="addressLocality">Балашиха</span>, центр города,{" "}
      <span itemProp="streetAddress">шоссе Энтузиастов, 7</span>
      <meta itemProp="addressRegion" content="Московская область" />
      <meta itemProp="addressCountry" content="Россия" />
    </div>
    <span itemProp="geo" itemScope itemType="https://schema.org/GeoCoordinates">
      <meta itemProp="latitude" content="55.794831" />
      <meta itemProp="longitude" content="37.92264" />
    </span>
  </Box>
  <Box
    sx={{
      color: grey[400],
      marginTop: "8px",
    }}
  >
    <p>
      Вызвать мастера в Балашихе для ремонта компьютера или ноутбука на дом или
      в офис, тел.{" "}
      <span itemProp="telephone">{NEXT_PUBLIC_CONTACT_PHONE_TEXT}</span>
    </p>
    <time itemProp="openingHours" dateTime="Mo-Su">
      Время работы: с 9:00 до 23:00 | Без выходных
    </time>
  </Box>
</div>