Adding opengraph support, semantic markup via schema.org, and semantic HTML

JasonYao commented 3 years ago

FIxes #16

Fixes #1

JasonYao commented 3 years ago

Current status

Rich snippets enabled for articles
Semantic HTML swapped in for the most major stuff like nav or articles

TODO

Figure out why my bio isn't showing a rich snippet for a person
Add in opengraph stuff

Images from rich snippet validator

Validator is from https://search.google.com/test/rich-results

JasonYao commented 3 years ago

Fun fact, but it looks like google only supports a subset of the schema.org definitions- in particular, they support:

The types of structured data supported by Google include:

    Article
    Book
    Breadcrumb
    Carousel
    Course
    Critic Review
    Dataset
    EmployerAggregateRating
    Estimated Salary
    Event
    Fact Check
    FAQ
    Home Activities
    How-To
    Image License
    Job Posting
    Job Training
    Local Business
    Logo
    Movie
    Podcast
    Product
    Q&A
    Recipe
    Review Snippet
    Sitelinks Search Box
    Software App (beta)
    Speakable
    Subscription and Paywalled Content
    Video

Note that Person isn't on there, which is a.) surprising as hell, and b.) annoying as hell, since one of the goals is to try and see how I can get a bio page in google search, and not just the article stuff

JasonYao commented 3 years ago

I got around it by just focusing on adding in the Person metadata into the author attribute for the blog posting, so that's all good.
Added in support for individual article pages to have schema.org markup, and started emitting last modified metadata in the json file

JasonYao commented 3 years ago

Per https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.jasonyao.com%2Fposts%2F2017%2F05%2F22%2Fa-canadian-existential-crisis-introduction%2F, it looks like opengraph stuff is already turned on

JasonYao / JasonYao.github.io