Uh oh!
There was an error while loading. Please reload this page.
Add Jekyll SEO plugin - #86
Conversation
https://web.dev/add-manifest/ In the manifest we now have all the icons with the maskable icon seen at the bottom of the manifest. |
de3cf18 to
77b78d5Comparejbampton
commented
Dec 23, 2020
refs #85 You may not get the same scores on each Lighthouse run. Before from the PDF: Now on my local machine: |
jbampton
commented
Dec 23, 2020
jbampton
commented
Dec 24, 2020
Jekyll SEO adds some HTML markup to the HTML It uses the The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. Data is messy and disconnected. JSON-LD organizes and connects it, creating a better Web. https://ogp.me/ |
jbampton
commented
Dec 24, 2020
You can also test a website here -> https://web.dev/measure/ Similar scores and some of the same tests. |
jbampton
commented
Apr 11, 2021
Hey @matz this one is ready for review 👍 🚀 💯 |
- Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/https://github.com/jekyll/jekyll-seo-tag








browserconfig.xmlfilealt,title,widthandheightattributes to imageslang="en"to the starthtmltagmeta viewporttagmaskable iconSafari pinned tab iconfavicon.icoto 48px squarehttps://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/
https://github.com/jekyll/jekyll-seo-tag
When running
bundle exec jekyll serveIn Safari desktop browser they have the concept of a
pinned taband you can have a different icon for a pinned tab.Depending on what color the tab bar is it should look like this: