Атрибут itemprop тега <aside>
Описание
Атрибут itemprop используется для указания свойств элемента в рамках микроразметки. Применяется к тегу <aside> для семантического описания его содержимого согласно выбранному словарю (например, schema.org).
<aside itemscope itemtype="https://schema.org/Person">
<h3 itemprop="name">Алексей Петров</h3>
<p itemprop="jobTitle">Старший разработчик</p>
<p>Контакты: <span itemprop="email">a.petrov@example.com</span></p>
</aside>
Основные возможности:
| Характеристика | Описание |
|---|---|
| Синтаксис | Имя свойства из словаря (например, schema.org) |
| Обязательные атрибуты | Требует itemscope и itemtype на родительском элементе |
| Значение | Может быть текстом, URL или вложенной сущностью |
| SEO значение | Улучшает понимание контента поисковыми системами |
Правильное применение:
<!-- Описание книги -->
<aside itemscope itemtype="https://schema.org/Book">
<h3 itemprop="name">Изучаем HTML5</h3>
<p itemprop="author" itemscope itemtype="https://schema.org/Person">
Автор: <span itemprop="name">Брюс Лоусон</span>
</p>
<p itemprop="publisher">Издательство: Питер</p>
<p itemprop="datePublished">2019-05-01</p>
</aside>
<!-- Описание организации -->
<aside itemscope itemtype="https://schema.org/LocalBusiness">
<h3 itemprop="name">Веб-Студия</h3>
<p itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
<span itemprop="streetAddress">ул. Примерная, 123</span>,
<span itemprop="addressLocality">Москва</span>
</p>
<p itemprop="telephone">+7 (495) 123-45-67</p>
</aside>
Распространенные ошибки:
| Ошибка | Правильный вариант | Пояснение |
|---|---|---|
<aside itemprop=""> |
<aside itemscope itemtype="..."> |
Требуется указание типа |
itemprop="address" без вложенности |
Использование itemscope для сложных свойств |
Адрес должен быть вложенной сущностью |
| Произвольные имена свойств | Использование свойств из словаря | Только стандартные свойства (schema.org) |
Использование с метаданными:
<aside itemscope itemtype="https://schema.org/Event">
<meta itemprop="startDate" content="2023-11-15T19:00">
<meta itemprop="endDate" content="2023-11-15T21:00">
<h3 itemprop="name">Конференция по веб-разработке</h3>
<p itemprop="description">Современные технологии и практики</p>
<p itemprop="location" itemscope itemtype="https://schema.org/Place">
<span itemprop="name">>Конференц-зал "Олимп"</span>
</p>
</aside>
Ограничения:
- Не все поисковые системы полностью поддерживают микроданные
- Требуется точное соответствие спецификациям vocabulary
- Может увеличить объем HTML-кода
Проверка микроразметки:
- Schema.org Validator
- Google Rich Results Test
- Инструменты веб-мастеров (Yandex.Webmaster, Google Search Console)
Альтернативные технологии разметки:
<!-- JSON-LD (рекомендуемый современный подход) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Алексей Петров",
"jobTitle": "Старший разработчик",
"email": "a.petrov@example.com"
}
</script>
<!-- RDFa -->
<aside vocab="https://schema.org/" typeof="Person">
<h3 property="name">Алексей Петров</h3>
<p property="jobTitle">Старший разработчик</p>
</aside>
Совет: Для новых проектов предпочтительнее использовать JSON-LD, так как он лучше поддерживается поисковыми системами и не смешивается с визуальной разметкой.
Лучшие практики:
- Используйте актуальные типы и свойства из schema.org
- Проверяйте разметку на валидаторах
- Не злоупотребляйте микроразметкой - только релевантные данные
- Сочетайте с другими SEO-методиками
Примечание: Хотя атрибут itemprop является частью стандарта HTML5, его использование постепенно уступает место JSON-LD, особенно для сложных структур данных. Однако для простых случаев встроенная микроразметка остается эффективным решением.