Структурированные данные и таблицы HTML - PullRequest
Новая
       28

Структурированные данные и таблицы HTML

0 голосов
/ 20 сентября 2018

Я создаю таблицу HTML, которая должна быть оптимизирована для SEO и структурированных данных Google.Смотрите здесь для моего примера: 

<table>
  <thead>
    <tr role="row">
      <th>Brand</th>
      <th>Car</th>
      <th>Price (USD)</th>
    </tr>
  </thead>
  <tbody>
    <tr role="row">
      <td data-th="Brand">
        Mercedes
      </td>
      <td data-th="Car">
        Mercedes-Benz Maybach Exelero
      </td>
      <td data-th="Price (USD)">
        $8,000,000
      </td>
    </tr>
		<tr role="row">
      <td data-th="Brand">
        Lamborghini
      </td>
      <td data-th="Car">
        Lamborghini Veneno Roadster
      </td>
      <td data-th="Price (USD)">
        $4,500,000
      </td>
    </tr>
		<tr role="row">
      <td data-th="Brand">
        Lykan
      </td>
      <td data-th="Car">
        Lykan Hypersport
      </td>
      <td data-th="Price (USD)">
        $3,400,000
      </td>
    </tr>
		<tr role="row">
      <td data-th="Brand">
        Ferrari
      </td>
      <td data-th="Car">
        2015 Ferrari FXX K
      </td>
      <td data-th="Price (USD)">
        $3,100,000
      </td>
    </tr>
  </tbody>
</table>

Есть ли другой способ создать таблицу структурированных данных Google?Не со структурой таблицы, а с использованием элементов div и добавлением в нее правильных структурированных данных?

1 Ответ

0 голосов
/ 20 сентября 2018

Попробуйте вместо таблицы td. 

  .table{
    display:table;
  }
  .table-row{
    display: table-row;
  }
  .table-row div{
    display: table-cell;
  }
<div class="table"> 
      <div role="row" class="table-row">
        <div>Brand</div>
        <div>Car</div>
        <div>Price (USD)</div>
      </div>
      <div role="row" class="table-row">
        <div data-div="Brand">
          Mercedes
        </div>
        <div data-div="Car">
          Mercedes-Benz Maybach Exelero
        </div>
        <div data-div="Price (USD)">
          $8,000,000
        </div>
      </div>
      <div role="row" class="table-row">
        <div data-div="Brand">
          Lamborghini
        </div>
        <div data-div="Car">
          Lamborghini Veneno Roadster
        </div>
        <div data-div="Price (USD)">
          $4,500,000
        </div>
      </div>
      <div role="row" class="table-row">
        <div data-div="Brand">
          Lykan
        </div>
        <div data-div="Car">
          Lykan Hypersport
        </div>
        <div data-div="Price (USD)">
          $3,400,000
        </div>
      </div>
      <div role="row" class="table-row">
        <div data-div="Brand">
          Ferrari
        </div>
        <div data-div="Car">
          2015 Ferrari FXX K
        </div>
        <div data-div="Price (USD)">
          $3,100,000
        </div>
      </div>
    </div>
...