This Jekyll theme (live demo) provides structured data markup in the form of RDFa Lite for maximum human readability and smaller files (less repetition than JSON-LD, microdata, or full RDFa. Additionally, for best practices purposes it is based on HTML5 Boilerplate (v7.0.1), hence some additional directories (styles, scripts, html5-boilerplate-docs, .colophon) and files (.editorconfig, .htaccess, 404.html, site.webmanifest, robots.txt, humans.txt, browserconfig.xml).
The favicon.ico, icon.png, tile.png, and tile-wide.png files are images provided by HTML5 Boilerplate and left as-is so that you can get an idea for the sizes involved. They should, of course, be replaced ASAP with images appropriate to YOUR site.
The structured data schemas currently implemented are WebPage (AboutPage, ContactPage), Blog, BlogPosting, and Event.
In future, I plan to
- implement schemas: Review, Book, HowTo, and CollectionPage (ImageGallery).
- integrate responsiveness
- better (actually) utilize SASS.
- implement breadcrumbs
Add this line to your Jekyll site's Gemfile
(note the version of paginate-v2, as of early 2019 there is a problem:
gem "structRDFaL"
gem 'jekyll-paginate-v2', '2.0.0'
And add this line to your Jekyll site's _config.yml
:
theme: structRDFaL
And then execute:
$ bundle
Or install it yourself as:
$ gem install structRDFaL
-
sitehome.html
is a slight modification from default.html based on the idea that some of the logic needed to have just one template seemed like an unnecessary burden to put on every page in the site. I may re-engineer things or just change my mind about that later. -
default.html
the base for everything else -
aboutPage.html
you should have one. sets WebPage type for you. -
contactPage.html
you should have one. sets WebPage type for you. contactform.html is included in assets if you want to modify mine -
bloghome.html
schema.org compliant Blog (sort of, see notes in comments), lists and paginates all your posts -
event.html
schema.org compliant Event page, uses the default layout. See eventform.html for some other Event types. -
eventpost.html
schema.org compliant Event post, uses the BlogPosting layout. -
page.html
just the default generated from "jekyll new" -
post.html
schema.org compliant BlogPosting (sort of, see notes in bloghome) -
autopage_category.html
-
autopage_tags.html
the templates that paginate-v2 autopages expect.
blogList.html
implements pagination-v2 logic and uses autopages for tags and categoriescatag.html
where the list of linked categories and tags are generatedcatag-old.html
before autopages, a single page list of categories, and another for tags were generated. These links go there.footer.html
contact info for you, javascript library inclusion, google analyticsnav.html
site navigation included on each page. the current page link is disabled for proper usability.
Everything in the assets directory should be moved out to the root directory of your site where they are EXPECTED (.colophon is optional and just for your information). The images are there mostly for your sizing reference when you create your own. Obviously, customize away, nothing needs to remain as-is.
There is only a slight (real) difference between HTML5 Boilerplate's 404.html
and the one that Jekyll generates when you create a new instantiation, so what you want to do there is entirely up to you.
Actually, eventform.html
and contactform.html
are forms that I use on my sites to capture data from the public, feel free to mod and use if you're incorporating Events or don't have any other contact type plans. Also tag.html and category.html are used in conjunction with catag-old.html
I'm just learning Sass, so the only thing in _sass
directory is the pieces for normalize-scss
, read about it in the .colophon
title
/sitemark
: Page titles will be created from either "sitemark - page.title" or "page.title - site.title", so configsitemark
if so desired.email
: is used in several places with nothing to prevent spammers from scraping it, you have been warned.author
: is used in multiple places in the metadata.scPath
: the path to your (java)scripts, I recommend/scripts/
stPath
: the path to your CSS, I recommend/styles/
The jekyll-paginate-v2
plugin is expected
specialty
: used inWebPage
Schema: "One of the domain specialities to which this web page's content applies."google_analytics
: your Google Analytics codejavascriptON
: set if you want the HTML5 Boilerplate JS recommended libraries (main.js
,plugins.js
,jquery-3.3.1.min.js
,modernizr-3.6.0.min.js
) included at the bottom of each pagecopynotice
: something like "Copyright Acme 1999 - All rights reserved." or a link to creative commons pages is fine. (Dublin Core usage guide, Dublin Core example code). Currently only used in metadata, I'll get around to putting it in the footer at some point.
description
: if apage.description
does not exist, thesite.description
is used in the metadatameta-creator
: if a page is authored by someone not the siteauthor
, apage.meta-creator
can be setkeywords
:keywords
for HTML metadata and Dublin Core, maybe later for one or another Schema (note that blogposttags
andcategories
are added tokeywords
for metadata purposes).subject
: similar but different fromkeywords
. (Dublin Core usage guide, Dublin Core qualifer options)creation-date
: Dublin Core date qualifier options (will be integrated into the schema metadata at some point.)
Read the comments in the default.html
layout for more options.
Bug reports and pull requests are welcome on GitHub at https://github.com/arghc/structRDFaL. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
The theme is available as open source under the terms of the MIT License.