Заголовок h1 и тег span в разметке - как вложить.

а <h1  itemprop="name" > Мой сайт - Заголовок</h1>  - неправильно?

А как правильно?

Так правильно=) Но если span все-таки нужен, то вкладывать нужно его внутрь тега h1. <h1><span></span></h1>

А в данном случае он нужен?

Cкорее всего более актуально использовать так:

<h1>Контакты </h1>

<div itemscope itemtype="http://schema.org/Organization">

<span itemprop="name">Название компании</span>

<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">

<span itemprop="streetAddress">улица, номер дома</span>

<span itemprop="postalCode">индекс</span>

<span itemprop="addressLocality">город</span>,

</div>

Телефон: <span itemprop="telephone">номер телефона</span>,

Факс: <span itemprop="faxNumber"> номер факса</span>,

Электронная почта: <span itemprop="email">почта</span>

</div>

Зависит от Вашей верстки и возможностей движка. В данном случае, скорее всего нет (точно сказать не могу, не понимая всей картины). Любой лишний уровень вложенности тегов не нужен, если в этом нет серьёзной необходимости. Атрибут itemprop можно добавить к любому элементу на странице. То-есть, если у Вас изначально <h1>Тут название</h1>, то в таком виде и оставляйте, просто добавьте атрибут для тега h1. Если уже есть вложенный в него span (такое бывает при вёрстке заголовков, например, когда h1 используется как блочный элемент, а span как строка), то itemprop следует добавить к тегу span. Разные случаи = разные решения. Для микроразметки главное, чтобы тег, к которому добавляется атрибут itemprop, содержал весь нужный контент.

Выше Антоний скинул пример реализации микроразметки организации. Если у Вас в теге h1 есть что-то лишнее, кроме названия организации, то лучше сделать так <h1><span itemprop="name">Название компании</span> - Тут что-то ещё</h1>, либо как в примере вынести название компании в отдельный элемент ниже на странице.

Вы страницу «Контакты» размечаете или хотите добавить в рамках WebPage название фирмы на каждую страницу вашего сайта?

В целом пофигу, можно сделать h1 названием фирмы в рамках разметки, можно h1 вообще не изменять, а название фирмы разметить, если оно есть на странице. Всю разметку тогда в DIV-e объявляйте просто. Или вообще можно всю нужную вам информацию разметить в meta.

Если прям надо внутрь h1 засунуть span — это допускается спецификацией HTML, а вот если наоборот сделать — это уже будет ошибка.

Ну т.е. если только на ваши варианты ориентироваться, то первый вариант будет невалидный, второй пример — OK (но тогда itemprop="name" прям к h1 цепляйте, зачем там лишний span?). Ну или можно span заменить на div, тогда можно сделать h1 внутри div.

Просто, если вы размечаете страницу контактов — это понятно, там нет другой разметки, типа BlogPost или чего-то ещё и вы внутри WebPage сделаете разметку Organization.

А если это обычная страница, то там h1 уже будет как-то размечен, например как Headline внутри BlogPost, тогда название фирмы можно упаковать в meta.

Короче, нужна конкретика.

<h1 itemprop="name">Мой сайт - Заголовок</h1>