Уже долгое время не утихают споры о том как «правильно» разметить логотип. О некоторых интересных доводах можно, например, прочесть в статье «Ваш логотип — всё еще изображение … как и мой!». Независимо от того какими именно тегами размечен ваш логотип, логотип компании или продукта, этой разметке всегда можно добавить семантики.
В словаре Schema.org у объекта Organization есть поле logo, которое указывает на картинку с логотипом.
<div itemscope itemtype="http://schema.org/Organization">
<a href="http://www.apple.com/" itemprop="url">
<span itemprop="name">Apple</span>
<img itemprop="logo" alt="Apple Logo"
src="http://www.apple.com/apple-logo.png">
</a>
</div>
У Product, Person и Organization есть другое поле — brand. Оно, в свою очередь, может ссылаться на Organization или Brand, в котором уже есть поле logo.
<!-- разметка продукта -->
<div itemscope itemtype="http://schema.org/Product" itemref="_brandApple">
<a href="http://www.apple.com/pr/products/iphone/iphone.html" itemprop="url">
<span itemprop="name">iPhone</span>
<img itemprop="image" alt="iPhone 5 Black"
src="http://images.apple.com/products/iPhone_5_Black.jpg">
</a>
</div>
<!-- разметка логотипа -->
<div itemscope itemtype="http://schema.org/Brand" itemprop="brand" id="_brandApple">
<a href="http://www.apple.com/" itemprop="url">
<span itemprop="name">Apple</span>
<img itemprop="logo" alt="Apple Logo"
src="http://www.apple.com/apple-logo.png">
</a>
</div>
Итак, чтобы добавить семантики разметке логотипа, опишите его схемой Brand и ссылайтесь на него, там, где это потребуется. Безусловно, логотип может быть так же и самодостаточным объектом на странице.
