Schema markups, my Journey and what i have learned
- Microdata can only be used in (X)HTML5 (resp. HTML as defined by the WHATWG).
- RDFa can be used in various host languages, i.e. several (X)HTML variants and XML (thus also in SVG, MathML, Atom etc.). And new host languages can be supported, as RDFa Core “is a specification for attributes to express structured data in any markup language”.
MicrodataMicrodats, like RDFa, used within an HTML tag. you would often see them as part of an HTML tag looking something like this: The basic: HTML Code:
My name is Sarah.
the tag “itemscope” create an “item” and the “itemprop” gives it a value of (in this case) “Sarah” A more common example: a “Local Business” Schema: HTML Code: the tag “itemscope” create an “item” the “itemtype” tells Google where to look for the information about this schema you are creating,in this example this is an “Local Business” Schema, then we continute by adding an itemprop “name” which telling we are going to be giving the business name e.g “content=”The Company” and we also adding a business logo which is being added with src=”logo.png” and with the alt tag for the logo “alt=”my company”. To Break it down:Microdata is being applied by adding tags like “itemscope” and “itemprop” to an HTML code to “Mark” to the crawlers that it is a part of a schema.
For us SEOs the basic, like H1 title, such as an article title, looks like this
, so with microdata mark up it will look like this
with itemprop=”name” marking the articles “Name”.
To read more about the guidelines go to: https://developers.google.com/search/docs/guides/sd-policies I often find that Theme and plugins developers add, in their core code, some schema markups with a universal code that will match infromation given in the schema markups to any website it is being installed on. for example,a Breadcrumbs schema that will automatically collect your page titles and second level stucture in inner pages and will “auto complete” it into the schema so Google will see the final result ready, E.G “BreadcrumbList” position: 1, @id: https://example.com, name:”homepage”, position 2, @id: https://example.com/services/ name:Services.in that example position 1 is your homepage, position 2 is the second page you (or a crawler ) is currently viewing, in this case, “Services” page, position 2 can be the “About” page and so on. For the average website builder, that could be useful, prevent the need do it yourself, and to avoid touching code, or hire a developer to do so, but sometime it could create “broken” schemas, which Google will flag warnings or errors when finiding them. to sum it up, Microdata is an easy and very common to see way to implement Structure data and is being done by adding tags to the prexisting HTML code of a website.Microdata vocabulary can be found on https://schema.org/ and often includes examples of implementations of a specific desired schema. RDFa:
” An HTML5 extension that supports linked data by introducing HTML tag attributes that correspond to the user-visible content that you want to describe for search engines. RDFa is commonly used in both the head and body sections of the HTML page. “
or more specific, described by the website rdfa.info :
” RDFa is an extension to HTML5 that helps you markup things like People, Places, Events, Recipes and Reviews. Search Engines and Web Services use this markup to generate better search listings and give you better visibility on the Web, so that people can find your website more easily. “