Schema.org on page H1 tag

[toolman]

Hi,

I have a simple website with about 6 pages that provide users with information about my services. Each page opens the main content with a H1 tag. Should I be applying any schema tags to this?

I’ve read there is one for blog posts, e.g. <h1 itemprop="headline">, but the page is not a blog post.

Does anyone have any suggestions?

[SamA74]

Structured data can help crawlers interpret the content of your site, but you have to consider where and how it will be useful.
Simply adding an itemprop to one element is not enough, an itemprop (item property) must be a property of some defined schema object and within its scope. Eg:-

<article itemscope itemtype="http://schema.org/Article">
    <h1 itemprop="headline">The Headline</h1>
    <p>...</p>
</article>

There the headline is the property of an article.
But another thing to question is whether this adds any value or semantic meaning to the mark-up, since it’s an h1 element, it can already be assumed to be a main heading within an article as per the html we already have.
This does not mean that structured data like this will always be redundant, in cases where you are marking up more things on the page, adding more detail than the html tags can provide themselves, then it may possibly be worthwhile. Though this can lead to messy complex mark-up full of extra divs and spans to hold scopes and properties and it can get confusing getting the structure and nesting correct.
If things are getting too complex, confusing and untidy another alternative to take this mark-up out of the html is to use Json data at the end of the page to hold the structured data.

[toolman]

Thanks for the reply. I’ve applied it to my heading tag. Next to my article, I have a set of service icons with a descriptions underneath.

i’ve added this to the block that displays these. Would something like this be ok? (I’ve only listed one service at the moment to show):

 <div class="col-md-5 service-key-features clearfix text-center" itemscope itemtype="http://schema.org/Service">
                    <h4>Graphic design service features</h4>

                    <div class="text-center service-icon">
					
                        <div class="col-sm-4 col-xs-6 feature vm-divider">
                            <div data-toggle="tooltip" title="Creative digital material" class="red-tooltip">
                                <span class="fa fa-newspaper-o"></span>
                                <span itemprop="category">Flyer, Leaflet and Poster Design</span>
                            </div>
                        </div>
                        </div>
</div>

I’m trying to show that the main container is displaying content relating the services by adding itemscope itemtype="http://schema.org/Service and then adding <span itemprop="category"> to the actual service.

Thanks