TechArticle using JSON-LD
A technical article - Example: How-to (task) topics, step-by-step, procedural troubleshooting, specifications, etc.
-Schema.org/TechArticle
TechArticle uses
A little more specified than Article. The properties added on this child is:
Hoover property to see expected type
- dependencies
- Prerequisites needed to fulfill steps in article.
- proficiencyLevel
- Proficiency needed for this content; expected values: 'Beginner', 'Expert'.
Basicly the only difference on the code is giving you the option to add dependencies. For instance if you did a step-by-step on programming some LED'd on an Arduino or RaspberryPi or similar, you could add something like this:
- SoC of your choice
- IDE program x
- Wires
- LED's
- And the list goes on...
proficiencyLevel is self-explainatory.
Similar Alternatives
- Parent:
- Article
- Specified Articles
- NewsArticle
- SocialMediaPosting
- TechArticle
Minimal Code Example
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "TechArticle",
"dependencies": "all, dependencies, needed",
"proficiencyLevel": "n00b",
"author": "Author name",
"datePublished": "2016-1-1",
"headline": "Headline",
"image": {
"@type": "imageObject",
"url": "http://example.com/images/image.png",
"height": "600",
"width": "800"
},
"publisher": {
"@type": "Organization",
"name": "Publisher name",
"logo": {
"@type": "imageObject",
"url": "http://example.com/images/logo.png"
}
}
}</script>
And thats the minimal one. It have a few orange warnings, but thats nothing to sweat over. It is suggested to use the more advanced one below tough. It is not really any harder to make.
Advanced Code Example
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "TechArticle",
"dependencies": "all, dependencies, needed",
"proficiencyLevel": "Advanced",
"author": "Author name",
"datePublished": "2016-1-1",
"datemodified": "2016-1-2",
"mainEntityOfPage": "True",
"headline": "Headline",
"articleSection": "If you have a section like Sports or Clothes, add this.",
"image": {
"@type": "imageObject",
"url": "http://example.com/images/image.png",
"height": "600",
"width": "800"
},
"publisher": {
"@type": "Organization",
"name": "Publisher name",
"logo": {
"@type": "imageObject",
"url": "http://example.com/images/logo.png"
}
},
"wordCount": "430",
"articleBody": "Copy your entire article here if you want. It can get really, really, really long. All in one single line with spaces and punctuation"
}</script>
If something is unclear, some aspects of this markup are more detailed explained in the Article markup.
And thats it. You successfully told the search engines you made a TechArticle, and not just some random page they have to guess what is. :)